@charset "UTF-8";
   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; font-size: 62.5%; }  * {
box-sizing: border-box; }
body {
margin: 0;
box-sizing: border-box;
font-size: 1.6rem;
font-family: "メイリオ", "ＭＳ ゴシック", "Osaka－等幅", monospace;
color: #2e2e2e; } main {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
text-decoration: none;
color: #333; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; } p {
line-height: 1.8; }
span.red,
strong.red {
font-size: 120%;
color: #f00; }
.inner {
width: 990px;
margin: 0 auto;
padding: 4rem 0 0;
background: #fff; }
@media screen and (max-width: 1024px) {
.inner {
width: 95%; } }
.section-ttl_lg {
font-size: 2.8rem;
color: #2E7D32;
text-align: center;
margin-top: 0;
margin-bottom: 4rem;
letter-spacing: 2px;
font-family: 'M PLUS Rounded 1c', sans-serif;
background: linear-gradient(transparent 70%, rgba(165, 209, 137, 0.3) 70%); }
@media screen and (max-width: 480px) {
.section-ttl_lg {
font-size: 2.4rem; } }
.section-ttl_md {
font-size: 2rem;
color: #614C3F;
font-family: 'M PLUS Rounded 1c', sans-serif; }
.box-in {
padding: 4rem; }
@media screen and (max-width: 480px) {
.box-in {
padding: 4rem 2rem; } }
.box-in_md {
padding: 2rem; } @media screen and (max-width: 1024px) {
header {
display: none; } }
.header-description {
padding: 0.5rem 2rem;
font-size: 1.2rem;
color: #614C3F;
width: 990px;
margin: 0 auto; }
.header-inner {
width: 990px;
margin: 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
padding: 0 0 1.6rem 0;
justify-content: space-between;
align-items: center; }
.header-left {
max-width: 200px; }
.header-left img {
width: 100%;
height: auto;
display: block; }
.header-center {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700; }
.header-right {
width: 440px;
font-family: 'M PLUS Rounded 1c', sans-serif;
padding: 0.5rem 2rem;
border: 1.6px dashed #614C3F;
border-radius: 10px;
background: #fff3e0; }
.header-info {
font-size: 1.8rem;
color: #614C3F;
margin: 0.5rem 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: center; }
span.info {
width: 180px;
padding: 0.5rem 1rem;
font-weight: 700;
background: #614C3F;
color: #fff;
border-radius: 20px;
font-family: 'M PLUS Rounded 1c', sans-serif; }
@media screen and (max-width: 1024px) {
span.info {
width: 100%;
display: block;
margin: 0 auto; } }
span.header-num {
font-size: 2.4rem;
font-weight: 700;
color: #614C3F;
font-family: 'M PLUS Rounded 1c', sans-serif; }
.circle {
width: 80px;
height: 80px;
margin: 0 0.5rem;
border-radius: 500px;
position: relative; }
.circle span {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
text-align: center;
font-size: 1.8rem;
height: 38px;
color: #fff; }
.global {
position: relative;
background: #A5D189;
background: -webkit-repeating-linear-gradient(-45deg, #A5D189, #A5D189 3px, #aade8f 3px, #aade8f 7px);
background: repeating-linear-gradient(-45deg, #A5D189, #A5D189 3px, #aade8f 3px, #aade8f 7px); }
@media screen and (max-width: 1024px) {
.global {
display: none; } }
.global ul {
width: 990px;
margin: 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center; }
.global li {
width: calc(100% / 6);
list-style-type: none;
border-left: 1px solid rgba(255, 255, 255, 0.2); }
.global li:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.2); }
.global a {
display: block;
font-size: 1.8rem;
padding: 1.6rem 0;
color: #fff;
font-weight: 700;
text-align: center;
letter-spacing: 1px;
transition: 0.3s;
font-family: 'M PLUS Rounded 1c', sans-serif; }
.global a:hover {
background: rgba(255, 255, 255, 0.2); } @media screen and (max-width: 1024px) {
#top-introduce {
width: 95%;
margin-left: auto;
margin-right: auto; } }
@media screen and (max-width: 768px) {
#top-introduce .bg_dashed {
padding: 2rem; } }
.mv {
background: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/mv_bg.jpg);
height: 357px;
background-position: center;
background-repeat:no-repeat; }
@media screen and (max-width: 1024px) {
.mv {
height: auto;
background: none; } }
.mv-inner {
width: 990px;
margin: 0 auto;
text-align: center; }
@media screen and (max-width: 1024px) {
.mv-inner {
width: 100%; }
.mv-inner img {
display: block;
width: 100%;
height: auto; } }
.about-box {
margin-bottom: 2rem;
padding: 2rem 8rem;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: stretch;
background: #F6FAF3;
position: relative;
border-radius: 8px; }
@media screen and (max-width: 768px) {
.about-box {
padding: 2rem 4rem; } }
@media screen and (max-width: 480px) {
.about-box {
padding: 2rem; } }
.about-text {
position: relative;
z-index: 1; }
.about-img {
width: 450px; }
.about-img img {
display: block;
width: 100%;
height: auto; }
.area-box {
padding: 4rem 8rem 2rem;
box-sizing: border-box; }
@media screen and (max-width: 768px) {
.area-box {
padding: 2rem 4rem; } }
@media screen and (max-width: 480px) {
.area-box {
padding: 2rem; } }
.area-dot {
box-shadow: 0px 0px 0px 5px #fff;
border: dashed 2px #A5D189;
box-sizing: border-box;
border-radius: 1rem; }
.area-ttl {
font-size: 1.8rem;
background: #A5D189;
color: #fff;
padding: 1rem;
margin-bottom: 1.6rem;
font-family: 'M PLUS Rounded 1c', sans-serif;
letter-spacing: 2px;
background: -webkit-linear-gradient(90deg, #A5D189, #fff);
background: linear-gradient(90deg, #A5D189, #fff); }
.area-list {
margin: 0 0 2rem 0;
padding: 0 2rem;
list-style: none;
text-align: center;
line-height: 1.2; }
@media screen and (max-width: 480px) {
.area-list {
padding: 0; } }
.area-list li {
display: inline-block;
margin-bottom: 0.5rem;
padding: 0 1rem;
border-right: 1px solid #333;
text-align: center; }
@media screen and (max-width: 768px) {
.area-list li {
margin: 0.5rem 0 !important; } }
.area-list li:last-child {
border-right: 0; }
.information-box {
padding: 2rem;
border: 2px solid #A5D189;
border-radius: 0.8rem;
background: #fff; }
.information-ttl {
margin-top: 0;
padding: 1rem 0;
background: #A5D189;
color: #fff;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 400;
box-shadow: 0px 0px 0px 5px #A5D189;
border: dashed 2px #fff; }
@media screen and (max-width: 480px) {
.information-ttl {
font-size: 2rem; } }
.information-ttl span {
color: #FF0;
font-size: 2rem;
margin-left: 1rem; }
@media screen and (max-width: 768px) {
.information-ttl span {
display: block;
text-align: center; } }
@media screen and (max-width: 480px) {
.information-ttl span {
font-size: 1.6rem; } }
.information-icon {
width: 48%; }
@media screen and (max-width: 600px) {
.information-icon {
width: 100%; } }
.information-icon img {
display: block;
width: 100%;
max-width: 240px;
height: auto;
margin: auto;
margin-bottom: 0.5rem; }
.information-tel {
font-family: 'M PLUS Rounded 1c', sans-serif;
padding: 0.5rem 2rem;
border: 1.6px dashed #3e2723;
border-radius: 10px;
background: #FFF3E0; }
@media screen and (max-width: 1024px) {
.information-tel {
text-align: center; } }
.information-item {
font-size: 1.8rem;
color: #3e2723;
margin: 0.5rem 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: center; }
@media screen and (max-width: 1024px) {
.information-item {
display: block; } }
.information-num {
font-size: 2.4rem;
font-weight: 700;
color: #614C3F;
font-family: 'M PLUS Rounded 1c', sans-serif; }
@media screen and (max-width: 1024px) {
.information-num {
display: block;
line-height: 1.6; } }
.information-text {
width: 48%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700; }
@media screen and (max-width: 600px) {
.information-text {
width: 100%; } }
#top-info .inner {
padding-top: 0; } .footer {
background: #A5D189; }
.footer-menu {
padding: 2rem;
width: 990px;
margin: 0 auto; }
@media screen and (max-width: 1024px) {
.footer-menu {
width: 95%;
margin: 0 auto; } }
.footer-menu ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center; }
.footer-menu li {
display: inline-block;
margin-bottom: 0.5rem;
padding: 0 1rem;
border-right: 1px solid #fff;
text-align: center; }
@media screen and (max-width: 480px) {
.footer-menu li {
display: block;
border-right: 0;
border-bottom: 1px dotted #fff;
padding: 1rem; } }
.footer-menu li:last-child {
border-right: 0; }
.footer-menu a {
color: #fff; }
.footer-info {
width: 990px;
margin: 0 auto;
padding: 4rem;
background: #fff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
border-radius: 1rem;
box-shadow: 0px 0px 0px 5px #fff;
border: dashed 2px #A5D189;
box-sizing: border-box; }
@media screen and (max-width: 1024px) {
.footer-info {
width: 95%;
margin: 0 auto; } }
.footer-copyright {
padding: 2rem 1rem;
color: #fff;
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 1.4rem;
font-weight: 700;
letter-spacing: 2px; }
.footer-logo {
width: 48%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700;
line-height: 1.6; }
@media screen and (max-width: 600px) {
.footer-logo {
width: 100%; } }
.footer-logo img {
display: block;
max-width: 240px;
margin: 0 auto; }
.footer-tel {
padding: 0.5rem 2rem;
border: 1.6px dashed #3e2723;
border-radius: 10px;
background: #fff3e0; }
@media screen and (max-width: 1024px) {
.footer-tel {
text-align: center; } }
.footer-address {
margin-bottom: 2rem; }
.footer-num {
font-size: 2.4rem;
font-weight: 700;
color: #614C3F;
font-family: 'M PLUS Rounded 1c', sans-serif; }
.footer-map {
width: 48%; }
@media screen and (max-width: 600px) {
.footer-map {
width: 100%;
margin-top: 2rem; } }
.footer-fixed {
display: none; }
@media screen and (max-width: 600px) {
.footer-logo {
width: 100%; }
.footer {
padding-bottom: 7em; }
.footer-fixed {
display: grid;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #2e7d32;
color: white;
grid-template-columns: 1fr 1fr 1fr;
text-align: center;
z-index: 9999999; }
.footer-fixed > div {
border-right: 1px solid white; }
.footer-fixed > div:last-child {
border-right: none; }
.footer-fixed a {
display: grid;
font-size: 0.8em;
color: white;
line-height: 1.4;
padding: 0.5em;
justify-content: center;
align-items: center;
height: 100%; }
.footer-fixed a:before {
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f1b0";
font-size: 1.6em; }
.formail a:before {
content: "\f0e0"; }
.fortel.tel1 a:before {
content: "\f1b0"; }
.fortel.tel2 a:before {
content: "\f098"; } }
.footer-logo img {
display: block;
max-width: 240px;
margin: 0 auto; }
.footer-tel {
padding: 0.5rem 2rem;
border: 1.6px dashed #3e2723;
border-radius: 10px;
background: #fff3e0; }
@media screen and (max-width: 1024px) {
.footer-tel {
text-align: center; } }
.footer-address {
margin-bottom: 2rem;
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-columns: 1fr;
gap: 1em; }
.footer-address2 {
grid-template-columns: 1fr 2fr; }
.footer-num {
font-size: 2.4rem;
font-weight: 700;
color: #614c3f;
font-family: 'M PLUS Rounded 1c', sans-serif; }
.footer-map {
width: 48%; }
@media screen and (max-width: 600px) {
.footer-map {
width: 100%;
margin-top: 2rem; } }
div.nansai_logo { text-align: center; }
div.nansai_logo p {
margin: 0; }
div.nansai_logo img {
width: 100%;
max-width: 350px; }
div.link_flexbox {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-around;
align-items: center;
width: 860px;
margin: 3rem auto 0; }
div.link_flexbox div {
margin: 0 0.5rem; }
@media screen and (max-width: 1024px) {
div.link_flexbox {
width: 90%; } }
@media screen and (max-width: 480px) {
div.link_flexbox {
flex-direction: column; }
div.link_flexbox div {
margin-bottom: 0.5rem; } } .page main {
padding-bottom: 4rem; }
.contact-tbl {
width: 100%;
margin: 4rem 0 2rem; }
.contact-tbl th,
.contact-tbl td {
padding: 1rem;
text-align: left; }
.contact-tbl th {
width: 180px;
font-family: 'M PLUS Rounded 1c', sans-serif; }
@media screen and (max-width: 600px) {
.contact-tbl th {
width: 100%;
display: block;
padding-bottom: 0; } }
.contact-tbl td {
width: calc(100% - 180px); }
@media screen and (max-width: 600px) {
.contact-tbl td {
width: 100%;
display: block; } }
.contact-tbl input,
.contact-tbl select,
.contact-tbl textarea {
max-width: 100%;
padding: 0.6rem;
box-sizing: border-box; }
@media screen and (max-width: 1024px) {
.contact-tbl input[name="name"],
.contact-tbl input[name="kana"],
.contact-tbl input[name="mail"],
.contact-tbl input[name="city"],
.contact-tbl input[name="etc"],
.contact-tbl textarea {
width: 100%; } }
.contact-submit {
text-align: center;
margin-bottom: 4rem; }
.contact-submit p {
margin-top: 0; }
.contact-btn {
padding: 1.6rem 2.4rem;
border: 0;
font-size: 2rem;
background: #A5D189;
color: #fff;
text-align: center;
border-radius: 10rem;
cursor: pointer;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700; } @media screen and (max-width: 1024px) {
#wprmenu_bar .bar_logo {
height: 34px !important; } }
#wprmenu_bar div.hamburger {
margin-top: 0px !important; }
@media screen and (max-width: 1024px) {
html body div.wprm-overlay {
background: rgba(51, 51, 51, 0.5) !important; } }
@media screen and (max-width: 1024px) {
body.admin-bar #wprmenu_bar {
box-shadow: 0 1px 2px rgba(51, 51, 51, 0.2); } }
.breadcrumbs {
width: 990px;
margin: 0 auto;
padding: 1.6rem 0;
font-size: 1.4rem; }
@media screen and (max-width: 1024px) {
.breadcrumbs {
width: 95%;
margin: 0 auto; } }
.breadcrumbs a {
color: #614C3F; }
.breadcrumbs a:nth-of-type(1):before {
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-display: swap;
font-weight: 900;
content: "\f1b0";
margin-right: 0.5rem; } .animated,
.animated_u {
opacity: 0; }
.require {
display: inline-block;
font-size: 1.4rem;
text-align: center;
padding: 0.6rem;
color: #f00;
border: 1px solid #f00;
margin-left: 0.5rem; }
.flex-box {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap; }
.align-left {
text-align: left; }
.align-center {
text-align: center; }
.align-right {
text-align: right; }
.bold {
font-weight: 700; }
.block {
display: block; }
.bg_l-blue {
background: #E6F7FF; }
.bg_blue {
background: #008CD6; }
.bg_l-green {
background: #A5D189; }
.bg_l-green_thin {
background: rgba(165, 209, 137, 0.25); }
.bg_l-orange {
background: #fff3e0; }
.bg_orange {
background: #FFCA28; }
.bg_d-orange {
background: #FF7043; }
.bg_main {
background: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/main_bg.png) #A5D189;
background-repeat: repeat-y;
background-position: center top; }
@media screen and (max-width: 1024px) {
.bg_main {
background-size: cover; } }
.bg_main_g {
background: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/main_bg_g.png) #fff;
background-repeat: repeat-y;
background-position: center top; }
@media screen and (max-width: 1024px) {
.bg_main_g {
background-size: cover; } }
.bg_dashed {
box-shadow: 0px 0px 0px 5px #fff;
border: dashed 2px #A5D189;
box-sizing: border-box;
border-radius: 1rem; }
.bg_transparent {
background: transparent; }
.icon-area:before {
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-display: swap;
font-weight: 900;
content: "\f1b9";
margin-right: 0.5rem; }
.icon-pet:before {
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-display: swap;
font-weight: 900;
content: "\f1b0";
margin-right: 0.5rem; }
.icon-fax:before {
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-display: swap;
font-weight: 900;
content: "\f1b0";
margin-right: 0.5rem; }
.icon-tel:before {
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-display: swap;
font-weight: 900;
content: "\f1b0";
margin-right: 0.5rem; }
.bb-0 {
border-bottom: 0; }
.mb-0 {
margin-bottom: 0 !important; }
.mb-h {
margin-bottom: 0.5rem; }
.mb-2 {
margin-bottom: 2rem; }
.pt-0 {
padding-top: 0 !important; }
.fz-14 {
font-size: 1.4rem; }
.fz-18 {
font-size: 1.8rem; }
.fz-2 {
font-size: 2rem; }
.bd-brown {
border: 2px solid #614C3F;
border-radius: 8px; }
.fa-paw {
position: absolute;
top: 1rem;
right: 1rem;
color: rgba(165, 209, 137, 0.3);
font-size: 10rem;
transform: rotate(10deg); }
.round {
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: 700; } .h3_line2 h3, .h3_line3 h3 {
font-size: 20px;
font-weight: bold; }
#c2 {
margin: 0 0 0 0; }
#c3 {
margin: 30px 0 10px 0;
padding: 0 0 0 0; }
#c4 {
margin: 0 0 0 0; }
#c5 {
margin: 30px 0 10px 0;
padding: 0 0 0 0; }
#c6 {
margin: 0 0 30px 0; }
.kasou_box-in {
padding: 3rem 1rem 1rem; }
.txt_brown {
color: #330000 !important; }
.bold {
font-weight: bold; }
small {
font-size: 80%; }
table {
table-layout: fixed; }
table {
width: 100%; }
table {
border-collapse: collapse;
border-spacing: 0; }
#c14 {
background-color: #e4f1db;
margin: 0 0 0 0;
padding: 15px 10px 15px 10px; }
#c14 table td {
border: 0px solid #ccc;
padding: 10px; }
#c14_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c14_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c14_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c15 {
background-color: #e4f1db;
padding: 10px 10px 10px 10px; }
#c15 table td {
border: 0px solid #ccc;
padding: 10px; }
#c15_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c15_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c15_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c17 {
background-color: #e4f1db;
margin: 25px 0 0 0;
padding: 15px 10px 15px 10px; }
#c17 table td {
border: 0px solid #ccc;
padding: 10px; }
#c17_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c17_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c17_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c19 {
background-color: #e4f1db;
margin: 25px 0 0 0;
padding: 15px 10px 15px 10px; }
#c19 table td {
border: 0px solid #ccc;
padding: 10px; }
#c19_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c19_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c19_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c21 {
background-color: #e4f1db;
margin: 25px 0 0 0;
padding: 15px 10px 15px 10px; }
#c23 {
background-color: #e4f1db;
margin: 25px 0 0 0;
padding: 15px 10px 15px 10px; }
#c25 {
background-color: #e4f1db;
margin: 25px 0 0 0;
padding: 15px 10px 15px 10px; }
#c27 {
background-color: #e4f1db;
margin: 25px 0 0 0;
padding: 15px 10px 15px 10px; }
#c29 {
background-color: #e4f1db;
margin: 25px 0 0 0;
padding: 15px 10px 15px 10px; }
#c31 {
background-color: #e4f1db;
margin: 25px 0 0 0;
padding: 15px 10px 15px 10px; }
#c33 {
background-color: #e4f1db;
margin: 25px 0 0 0;
padding: 15px 10px 15px 10px; }
#c37 {
margin: 30px 0 30px 0; }
#c37 table td {
border: 1px solid #eee;
padding: 10px; }
#c37_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: middle;
background: #55a9f5;
color: #fff; }
#c37 table td {
border: 1px solid #eee;
padding: 10px; }
#c37_cell_1_0 {
width: 20%;
text-align: center;
vertical-align: middle;
background: #55a9f5;
color: #fff; }
#c38 table td {
border: 0px solid #ccc;
padding: 10px; }
#c38_cell_0_0 {
text-align: left;
vertical-align: top; }
#c38_cell_0_1 {
width: 280px;
text-align: right;
vertical-align: top; }
#c50 {
background-color: #e4f1db;
padding: 10px 10px 10px 10px; }
#c42 {
background-color: #e4f1db;
padding: 10px 10px 10px 10px; }
#c42 table td {
border: 0px solid #ccc;
padding: 10px; }
#c42_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c42_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c42_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c43 {
background-color: #e4f1db;
padding: 10px 10px 10px 10px; }
#c43 table td {
border: 0px solid #ccc;
padding: 10px; }
#c43_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c43_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c43_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c44 {
background-color: #e4f1db;
padding: 10px 10px 10px 10px; }
#c44 table td {
border: 0px solid #ccc;
padding: 10px; }
#c44_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c44_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c44_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c45 {
background-color: #e4f1db;
padding: 10px 10px 10px 10px; }
#c45 table td {
border: 0px solid #ccc;
padding: 10px; }
#c45_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c45_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c45_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c46 {
background-color: #e4f1db;
padding: 10px 10px 10px 10px; }
#c46 table td {
border: 0px solid #ccc;
padding: 10px; }
#c46_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c46_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c46_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c47 {
background-color: #e4f1db;
padding: 10px 10px 10px 10px; }
#c47 table td {
border: 0px solid #ccc;
padding: 10px; }
#c47_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c47_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c47_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c48 {
background-color: #e4f1db;
padding: 10px 10px 10px 10px; }
#c48 table td {
border: 0px solid #ccc;
padding: 10px; }
#c48_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c48_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c48_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c49 {
background-color: #e4f1db;
padding: 10px 10px 10px 10px; }
#c49 table td {
border: 0px solid #ccc;
padding: 10px; }
#c49_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c49_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c49_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c50 table td {
border: 0px solid #ccc;
padding: 10px; }
#c50_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c50_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c50_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c51 {
background-color: #e4f1db;
margin: 25px 0 0 0;
padding: 15px 10px 15px 10px; }
#c52 {
background-color: #e4f1db;
padding: 10px 10px 10px 10px; }
#c52 table td {
border: 0px solid #ccc;
padding: 10px; }
#c52_cell_0_0 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
#c52_cell_0_1 {
width: 20%;
text-align: center;
vertical-align: top;
background: #f6faf3;
color: #330000; }
#c52_cell_0_2 {
width: 20%;
text-align: center;
vertical-align: top;
background: #fff;
color: #330000; }
table th, table td {
border: 1px solid #ccc;
vertical-align: middle; }
table td, table th {
word-break: break-all; }
.price-plan {
margin: 5rem 0; }
.kasou-info {
width: 100%; } #memorial .flexbox {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-around; }
#memorial .flexbox .item70 {
width: 70%; }
#memorial .flexbox .item50 {
width: 50%; }
#memorial .flexbox .item30 {
width: 30%; }
#memorial .flexbox .goods {
margin-bottom: 1rem;
text-align: center; }
#memorial .flexbox .goods p {
margin: 0;
font-size: 1.3rem;
line-height: 1.3; }
#memorial .flexbox .goods img {
width: 100%;
max-width: 220px; }
#memorial .flexbox .item50 p {
text-align: center;
font-size: 1.3rem;
margin: 0; }
#memorial .reverse {
flex-direction: row-reverse;
justify-content: space-between; }
@media screen and (max-width: 480px) {
#memorial .flexbox {
flex-direction: column; }
#memorial .flexbox .item30,
#memorial .flexbox .item50,
#memorial .flexbox .item70 {
width: 100%; } } #first p.kanren {
text-align: right; }
#first p.kanren a {
background: #2e7d32;
color: #fff;
display: inline-block;
font-weight: normal;
padding: 0.5rem 0;
text-align: center;
text-decoration: none;
width: 280px; }
#first p span {
font-size: 2rem;
font-weight: bold; }
@media screen and (max-width: 480px) {
#first p.kanren {
font-size: 1.3rem; }
#first p.kanren a {
width: 220px; } } #petloss p.asterisk {
text-align: center;
margin: 0.5rem 0 3rem; }
#petloss h2 {
color: #2e7d32;
font-size: 2rem;
font-weight: bold;
padding: 1rem;
border: 1px solid #2e7d32;
display: inline-block;
font-family: 'M PLUS Rounded 1c', sans-serif;
margin-bottom: 0; }
#petloss p.pl_img01 {
text-align: center; }
#petloss p.pl_img01 img {
width: 70%; }
@media screen and (max-width: 480px) {
#petloss p.pl_img01 img {
width: 100%; } } #kasou h3 {
color: #2e7d32;
font-weight: bold;
font-family: 'M PLUS Rounded 1c', sans-serif; }
#kasou .flexbox {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-around; }
#kasou .flexbox .item {
width: 45%;
margin: 0.5rem;
text-align: center; }
#kasou p.kanren {
text-align: right; }
#kasou p.kanren a {
background: #2e7d32;
color: #fff;
display: inline-block;
font-weight: normal;
padding: 0.5rem 0;
text-align: center;
text-decoration: none;
width: 280px; }
@media screen and (max-width: 480px) {
#kasou .flexbox {
flex-direction: column; }
#kasou .flexbox .item {
width: 100%;
margin: 0 0 1rem; }
#kasou p.kanren {
font-size: 1.3rem; }
#kasou p.kanren a {
width: 220px; } } #faq dl {
width: 90%;
margin: 0 auto; }
#faq dl dt {
background-color: #2e7d32;
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/faq_q.png);
margin: 4rem 0 0 0;
padding: 1rem 0 1rem 4.5rem;
background-repeat: no-repeat;
background-position: 1.5rem 1rem;
color: #fff;
display: block;
font-size: 1.8rem;
font-weight: bold;
font-family: 'M PLUS Rounded 1c', sans-serif; }
#faq dl dd {
background-color: #e3f1db;
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/faq_a.png);
margin: 0 0 0 0;
padding: 1rem 4.5rem;
background-repeat: no-repeat;
background-position: 1.5rem 1rem;
display: block;
font-size: 1.5rem;
line-height: 1.5; }
#faq dl dd:last-child {
margin-bottom: 5rem; }
@media screen and (max-width: 480px) {
#faq dl {
width: 100%; }
#faq dl dt, #faq dl dd {
padding: 1rem 2rem 1rem 4.5rem; } } #company dl, #company dt, #company dd {
box-sizing: border-box; }
#company dl {
border: 1px solid #a5d189;
margin: 3rem 0 5rem; }
#company dt {
width: 30%;
background: #a5d189;
text-align: center;
padding: 1rem;
float: left;
font-weight: bold;
color: #fff; }
#company dd {
margin-left: 30%;
padding: 1rem;
border-bottom: 1px solid #a5d189; }
#company dd:last-child {
border: none; }
@media screen and (max-width: 480px) {
#company dt {
width: 100%;
float: none; }
#company dd {
margin: 0;
text-align: center;
border: 0; } } .area-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between; }
.area-flex div.map {
width: 38%; }
.area-flex div.section {
width: 60%; }
.area-flex img {
width: 100%;
max-width: 390px; }
@media screen and (max-width: 480px) {
.area-flex {
flex-direction: column; }
.area-flex div.map, .area-flex div.section {
width: 100%; }
.area-flex div.map {
margin-bottom: 1rem; } }
.area-flex a,
.kanren a {
color: #6884ff;
text-decoration: underline;
word-break: break-all; }
#ansin h3 {
color: #2e7d32;
font-size: 2rem;
font-weight: bold;
padding: 1rem;
border: 1px solid #2e7d32;
display: inline-block;
font-family: 'M PLUS Rounded 1c', sans-serif;
margin: 0; }
#ansin h4 {
font-size: 2rem;
margin-bottom: 0; } div.planlist {
background: #e4f1db;
padding: 1rem;
margin-bottom: 3rem; }
div.planlist br.pc_none {
display: none; }
div.planlist p {
margin: 0;
line-height: 1.3; }
div.planlist p.pl-title {
margin-bottom: 1rem;
padding-left: 4rem;
color: #2e7d32; }
div.pl_fb {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
text-align: center; }
div.pl_fb div {
width: 33.33%;
background: #fff;
padding: 1rem;
font-size: 1.5rem; }
div.pl_fb div.center {
background: #f6faf3; }
div.pl_fb div em {
font-style: normal;
font-weight: bold;
font-size: 1.6rem; }
div.pl_fb div em.fs14 {
font-size: 1.4rem; }
@media screen and (max-width: 480px) {
div.pl_fb {
flex-direction: column; }
div.pl_fb div {
width: 100%; } } .planlist.pl01 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist01.png);
background-size: 25px;
background-repeat: no-repeat;
background-position: 1.5rem 1rem; }
.planlist.pl02 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist02.png);
background-size: 30px;
background-repeat: no-repeat;
background-position: 1.5rem 1rem; }
.planlist.pl03 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist03.png);
background-size: 30px;
background-repeat: no-repeat;
background-position: 1rem 1rem; }
.planlist.pl04 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist04.png);
background-size: 30px;
background-repeat: no-repeat;
background-position: 1rem 1rem; }
.planlist.pl05 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist05.png);
background-size: 40px;
background-repeat: no-repeat;
background-position: 0.7rem 1.5rem; }
.planlist.pl06 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist06.png);
background-size: 40px;
background-repeat: no-repeat;
background-position: 0.5rem 0.5rem; }
.planlist.pl07 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist07.png);
background-size: 35px;
background-repeat: no-repeat;
background-position: 1rem 0.5rem; }
.planlist.pl08 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist08.png);
background-size: 40px;
background-repeat: no-repeat;
background-position: 0.7rem 0.5rem; }
.planlist.pl09 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist09.png);
background-size: 40px;
background-repeat: no-repeat;
background-position: 0.5rem 0.5rem; }
.planlist.pl10 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist10.png);
background-size: 40px;
background-repeat: no-repeat;
background-position: 0.5rem 1.5rem; }
.planlist.pl11 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist11.png);
background-size: 40px;
background-repeat: no-repeat;
background-position: 0.5rem 0.5rem; }
.planlist.pl12 {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/planlist12.png);
background-size: 40px;
background-repeat: no-repeat;
background-position: 0.5rem 0.5rem; }
@media screen and (max-width: 480px) {
.planlist.pl01, .planlist.pl02, .planlist.pl03, .planlist.pl04, .planlist.pl05 {
background-position-y: 3rem; }
.planlist.pl06, .planlist.pl07, .planlist.pl08 {
background-position-y: 1.5rem; }
.planlist.pl09, .planlist.pl10, .planlist.pl11, .planlist.pl12 {
background-position-y: 2.5rem; } } #main .flexbox {
width: 95%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between; }
#main .flexbox .w65 {
width: 65%; }
#main .flexbox .w35 {
width: 35%;
z-index: 1; }
#main .flexbox .w45 {
width: 45%; }
#main .flexbox .w55 {
width: 55%;
padding: 2rem;
box-sizing: border-box; }
#main .flexbox.kasousya {
width: 100%;
align-items: center;
margin-bottom: 3rem; }
@media screen and (max-width: 480px) {
#main .flexbox {
flex-direction: column; }
#main .flexbox .w65,
#main .flexbox .w35,
#main .flexbox .w45,
#main .flexbox .w55 {
width: 100%; } } h4.area-voice {
background: #a5d189;
padding: 1.2rem 1rem 1rem;
color: #fff;
font-size: 2rem;
margin-bottom: 1rem; } span.hamburger-box {
float: right; }
.hamburger.hamburger--3dx {
background: #a5d189;
border-radius: 30px;
padding: 1rem 1.5rem 0.8rem !important;
overflow: hidden; }
.hamburger.hamburger--3dx:before {
content: "Menu";
display: inline-block;
color: #fff;
font-size: 22px;
padding: 0.2rem 1rem 0.2rem 0.5rem; } .v-taisaku {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin-bottom: 5rem;
align-items: center; }
.v-taisaku div.text {
width: 75%; }
.v-taisaku div.pic {
width: 25%;
text-align: center; }
@media screen and (max-width: 480px) {
.v-taisaku {
flex-direction: column; }
.v-taisaku div.text,
.v-taisaku div.pic {
width: 100%; } } .tel-mail {
display: none; }
@media screen and (max-width: 1024px) {
#content {
padding-top: 49px; }
.tel-mail {
display: block;
width: 100%;
background: #fff;
position: fixed;
top: 85px;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
z-index: 2; }
.tel-mail_in {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex; }
.tel-mail_in a {
width: 50%;
display: inline-block;
font-size: 0.8rem;
text-align: center;
padding: 0.5rem 0; }
.tel-mail_in a.sp-tel {
border-right: 1px solid #dcdcdc; } } .page-kv {
height: 357px;
background: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/kv_bg.jpg);
background-position: center;
background-repeat: no-repeat;
text-align: center; }
.page-kv h1.kv-ttl {
margin: 0;
padding-top: 160px;
font-family: 'M PLUS Rounded 1c', sans-serif;
letter-spacing: 2px;
text-shadow: 0 0 6px #000;
color: #fff; }
.kv-inner {
display: none; }
@media screen and (max-width: 1024px) {
.page-kv {
margin-top: 49px;
background: none;
height: auto; }
.kv-inner {
display: block; }
.kv-inner img {
width: 100%;
height: auto;
vertical-align: bottom; }
.page-kv h1.kv-ttl {
padding-top: 0;
position: absolute;
top: 16vw;
left: 0;
right: 0; }
.subpage#content {
padding-top: 0; } }
@media screen and (max-width: 480px) {
.page-kv h1.kv-ttl {
font-size: 2rem; } } .flow-box {
background: #f6faf3;
margin-bottom: 2rem;
padding: 1rem 3rem;
box-sizing: border-box; }
.flow-box p {
font-size: 1.4rem; }
.flow-box .flexbox {
width: 100% !important;
align-items: center; }
.flow-box .w15 {
width: 15%;
margin: 1rem; }
.flow-box .w80 {
width: 80%;
margin: 1rem; }
@media screen and (max-width: 480px) {
.flow-box {
padding: 1rem 2rem; }
.flow-box .w15 {
width: 35%; }
.flow-box .w80 {
width: 100%;
margin: 0; } }  .page-kv.first-kv {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/first_bg.jpg); } .page-kv.petloss-kv {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/petloss_bg.png); } .page-kv.kasou-kv {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/kasou_bg.png); } .page-kv.price-kv {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/price_bg.jpg); } .page-kv.company-kv {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/company_bg.jpg); } .page-kv.contact-kv {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/contact_bg.jpg); } .page-kv.voice-kv {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/voice_bg.jpg); } .page-kv.faq-kv {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/faq_bg.png); } .page-kv.map-kv {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/map_bg.png); } .page-kv.policy-kv {
background-image: url(//pet-ceremony-familia.com/wp-content/themes/petceremony-familiar/images/policy_bg.jpg); } .animal-link {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto; }
.animal-link input {
position: absolute;
z-index: -1;
opacity: 0; }
.animal-link label {
position: relative;
display: block;
cursor: pointer; }
.animal-link .animal-link-content {
overflow: hidden;
transition: max-height 0.7s 0s; }
.animal-link .animal-link-content p {
margin: 1em; }
.animal-list {
margin: 0;
padding: 2rem;
list-style: none;
text-align: left;
line-height: 1.2;
background: #fff3e0;
border: 2px solid #614c3f;
border-radius: 10px; }
.animal-list li {
display: inline-block;
margin-bottom: 0.5rem;
padding: 0 1rem;
border-right: 1px solid #333;
text-align: left; }
.animal-list li a {
color: #00f;
text-decoration: underline; }
@media screen and (max-width: 768px) {
.animal-list li {
margin: 0.5rem 0 !important; } }
.animal-link .animal-link-content { max-height: 0;
-webkit-transition: max-height 0.7s 0s; }
.animal-link input:checked ~ .animal-link-content { max-height: 17em; }
.animal-link label::after { position: absolute;
top: 0;
right: 0;
display: block;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: center;
font-weight: bold;
color: #614c3f;
line-height: 1.5; }
.animal-link input[type=checkbox] + label::after { content: '+'; }
.animal-link input[type=checkbox]:checked + label::after { transform: rotate(315deg); }
@media screen and (max-width: 768px) {
.animal-link input:checked ~ .animal-link-content { max-height: 27em; } }
@media screen and (max-width: 480px) {
.animal-link .animal-link-content {
transition: max-height 1s 0s;
-webkit-transition: max-height 1s 0s; }
.animal-link input:checked ~ .animal-link-content { max-height: 67em; } } h1.h1animal {
margin-top: 6rem; }
h2.h2animal {
margin-top: -9rem; }
p.animal-name {
width: 100%;
position: absolute;
top: 635px;
left: 50%;
transform: translateX(-50%);
margin: 0;
text-align: center;
font-size: 48px;
font-weight: bold;
font-family: 'M PLUS Rounded 1c', sans-serif;
color: #003b60; }
p.animal-name:before {
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-display: swap;
font-weight: 900;
content: "\f1b0";
margin-right: 0.5rem; }
p.animal-name:after {
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-display: swap;
font-weight: 900;
content: "\f1b0";
margin-left: 0.5rem; }
p.animal-name.llname {
font-size: 40px; }
@media screen and (max-width: 768px) {
p.animal-name.llname {
font-size: 30px; } }
@media screen and (max-width: 480px) {
p.animal-name {
font-size: 40px; }
p.animal-name.llname {
width: 90%;
line-height: 1; } } .pre-flexbox {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-evenly;
width: 80%;
margin: 0 auto;
align-items: center; }
.pre-flexbox div {
width: 27.5%; }
.pre-flexbox div p {
width: 100%;
margin: 1rem auto;
position: relative;
height: 40px;
line-height: 40px;
text-align: center;
padding: 0 10px;
font-size: 14px;
background: #ff6c6c;
color: #fff;
box-sizing: border-box; }
.pre-flexbox div p:before,
.pre-flexbox div p:after {
position: absolute;
content: '';
width: 0px;
height: 0px;
z-index: 1; }
.pre-flexbox div p:before {
top: 0;
left: 0;
border-width: 20px 0px 20px 10px;
border-color: transparent transparent transparent #fff;
border-style: solid; }
.pre-flexbox div p:after {
top: 0;
right: 0;
border-width: 20px 10px 20px 0px;
border-color: transparent #fff transparent transparent;
border-style: solid; }
@media screen and (max-width: 768px) {
.pre-flexbox {
width: 100%; } }
@media screen and (max-width: 480px) {
.pre-flexbox {
flex-direction: column; }
.pre-flexbox div {
width: 60%;
margin-bottom: 2rem; } } .animaltype-kv {
height: 356px;
text-align: center;
background-position: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
background-repeat: no-repeat; }
.animaltype-kv h1.kv-ttl {
margin: 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
letter-spacing: 2px;
text-shadow: 0 0 6px #000;
color: #fff; }
@media screen and (max-width: 1024px) {
.animaltype-kv {
margin-top: 49px;
height: 34vw;
background-size: cover; } }
@media screen and (max-width: 480px) {
.animaltype-kv h1.kv-ttl {
font-size: 2rem; } } .bg_dashed {
position: relative; }
p.animal-name {
top: 20px; } .capsule {
width: 60%;
margin: 2rem auto;
position: relative;
background: #e3f1db;
padding: 3rem; }
.capsule p {
margin: 0; }
.capsule:before {
content: "";
position: absolute;
top: -35px;
left: 75%;
border: 20px solid transparent;
border-bottom: 20px solid #e3f1db; }
@media screen and (max-width: 480px) {
.capsule {
width: 90%; }
.capsule:before {
left: 45%; } } .header-description-bg {
background-color: #e9eee6;
margin-bottom: .5rem; }
#main .flexbox.kasousya {
justify-content: space-around;
margin-bottom: 1rem; }
#main .flexbox.kasousya img {
width: 100%;
max-width: 600px; }
#main .kasousya-text p {
margin-bottom: 5rem; }
.text-underline {
text-decoration: underline; } .blog-wrap {
display: flex;
flex-wrap: wrap; }
.blog-wrap .blog-main {
flex: 0 0 70%;
padding-right: 20px;
padding-bottom: 40px; }
.blog-wrap .blog-side {
flex: 0 0 30%;
padding-bottom: 40px; }
.blog-archive > article {
padding-top: 60px; }
.blog-archive .entry-title a {
color: #2e7d32; }
.entry-meta {
font-size: 14px; }
.entry-meta .entry-date {
margin-right: 16px; }
.blog-archive .entry-content {
padding-top: 10px;
padding-bottom: 10px; }
.btn-main {
color: #fff;
background: #2e7d32;
display: inline-block;
padding: 10px 16px;
border-radius: 6px;
font-weight: bold;
transition: .3s; }
.btn-main:hover {
opacity: .6; }
.blog-side .widget_block {
margin-bottom: 30px; }
.blog-side .widget_block ul li {
margin-bottom: 14px; }
.blog-side .widget_block ul li a {
color: #2e7d32; }
.blog-main .section-ttl_lg {
text-align: left; }
.entry-category > a {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px; }
.post-navigation .nav-links {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.post-navigation .nav-next {
margin-left: auto; }
.post-navigation .nav-previous a, .nav-next a {
display: inline-block;
padding: 10px 16px;
background-color: #2e7d32;
color: #fff; }
.pagination {
padding-top: 6rem; }
.pagination .page-numbers {
border: 1px solid #2e7d32;
padding: 1rem;
transition: .3s; }
.pagination a.page-numbers:hover {
background-color: #e9ecef; }
.pagination .page-numbers.current {
color: #fff;
background-color: #2e7d32; }
@media (max-width: 991px) {
.page-header {
display: block; }
.blog-wrap .blog-main {
flex: 0 0 100%; }
.blog-wrap .blog-side {
flex: 0 0 100%; }
.blog-archive > article {
padding-top: 40px; } } .news-list {
list-style: none;
padding-left: 0; }
.news-list > li {
border-bottom: 1px solid #2e7d32; }
.news-list > li:first-child {
border-top: 1px solid #2e7d32; }
.news-list > li a {
display: flex;
padding: 20px 16px;
align-items: center; }
.news-list-date {
margin-right: 30px;
font-size: 14px;
flex: 0 0 auto; }
.news-list-category {
flex: 0 0 auto;
display: inline-block;
color: #fff;
background: #2e7d32;
border-radius: 12px;
text-align: center;
margin-right: 20px;
padding: 5px 16px;
font-size: 13px; }
.news-list-title {
margin: 0;
font-size: 16px; }
.news-list-more {
text-align: center; }
.news-list-more .btn-main {
width: 240px;
border-radius: 0; }
@media screen and (max-width: 767px) {
.news-list > li a {
flex-wrap: wrap; }
.news-list-title {
padding-top: 16px;
flex: 0 0 100%; } } .d-inline-block {
display: inline-block; }
#recruit {
margin-bottom: 60px; }
.recruit-lead1, .recruit-lead2, .recruit-tel {
text-align: center;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-weight: bold;
margin-bottom: 40px;
line-height: 1.6; }
.recruit-lead1 {
font-size: 20px; }
.recruit-lead2 {
color: #e65f5a;
font-size: 30px;
margin-bottom: 60px; }
.recruit-table {
border-top: 1px solid #a5d189;
border-left: 1px solid #a5d189;
margin-bottom: 30px; }
.recruit-table th, .recruit-table td {
border-bottom: 1px solid #a5d189;
border-right: 1px solid #a5d189;
padding: 16px;
line-height: 1.6; }
.recruit-table th {
color: #fff;
background-color: #a5d189;
width: 30%; }
.recruit-table tbody > tr:not(:last-child) th {
border-bottom-color: #fff; }
.recruit-table ul {
margin: 0;
padding-left: 16px; }
.recruit-tel a {
color: #ff0000;
font-size: 22px; }
.recruit-tel a:hover, .recruit-tel a:focus {
color: #e65f5a; }
@media screen and (max-width: 767px) {
.recruit-lead1 {
font-size: 18px; }
.recruit-lead2 {
font-size: 20px; }
.recruit-table th, .recruit-table td {
display: block;
width: 100%; }
.recruit-table tbody > tr:not(:last-child) th {
border-bottom-color: #a5d189; } }
h1.top-h1 {
text-align: center;
font-size: 1.4em;
line-height: 1.4;
font-weight: 700;
font-family: 'M PLUS Rounded 1c', sans-serif;
color: #80b16c;
background: white;
display: inline-block;
margin: .5em auto;
position: relative;
z-index: 999;
padding: 0.5em; }
@media screen and (max-width: 767px) {
h1.top-h1 {
font-size: 1em; } } .tabs {
list-style: none;
padding: 0;
margin: 0;
display: flex; }
.tabs li {
width: 50%;
padding: 10px;
background: #f6faf3;
cursor: pointer;
text-align: center;
font-size: 1.2em; }
.tabs li.active {
background: #6ca46f;
color: white; }
.tab-content {
display: none;
padding: 20px;
border: 1px solid #ddd;
margin-top: 10px; }
.tab-content.active {
display: block; }
img.sp-on-fv {
display: none; }
@media screen and (max-width: 1024px) {
img.sp-on-fv {
display: block; } }
.korekara img {
max-width: 100%; }
.new_section {
margin: 2em auto; }