@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap');

#container {
padding-bottom: 0;
visibility: hidden;
}
#commonheader,#top_header_wrapper,#mainmenu,nav,.space_h.blk,#sp_menu_box,#footer {
display: none;
}
#main {
max-width: 1920px;
}
article {
background: url(https://www.aomoritoyopet.jp/wordpress/aomoritoyopet/wp-content/uploads/2025/11/pc-top.jpg) center top no-repeat;
}
.staff_main {
max-width: 500px;
margin: 0 auto;
background-color: #fff;
}
.staff_main * {
box-sizing: border-box;
}
#staff_head {
height: 100px;
line-height: 80px;
padding: 10px;
padding-left: 20px;
position: relative;
}
#staff_head .logo {
max-width: 206px;
margin-right: 90px;
}
#staff_head .logo a {
vertical-align: middle;
}
#staff_head .tel {
width: 75px;
height: 75px;
display: block;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
}
.staff_main .dbox {
padding-left: 20px;
padding-right: 20px;
}
#staff_top_text {
margin: 20px auto;
max-width: 394px;
position: relative;
overflow: hidden;
}
#staff_top_text .shutter {
position: absolute;
left: 0;
width: 100%;
height: 50%;
background-color: #fff;
}
#staff_top_text .shutter.s1 {
top: 0;
-webkit-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
animation-delay: 0.3s;
}
#staff_top_text .shutter.s2 {
top: 50%;
-webkit-animation-delay: 0.6s;
-ms-animation-delay: 0.6s;
animation-delay: 0.6s;
}
@-webkit-keyframes shutter {
 0% { lef: 0; }
 100% { left: 100%; }
}
@keyframes shutter {
 0% { lef: 0; }
 100% { left: 100%; }
}
.ashutter {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.5s;
 -ms-animation-duration:0.5s;
 animation-duration:0.5s;
 -webkit-animation-timing-function:steps(11,end);
 -ms-animation-timing-function:steps(11,end);
 animation-timing-function:steps(11,end);
 -webkit-animation-name: shutter;
 -ms-animation-name: shutter;
 animation-name: shutter;
}
@-webkit-keyframes bganime {
 0% { -webkit-transform: sacle(1); }
 50% { -webkit-transform: scale(1.05); }
 100% { -webkit-transform: scale(1); }
}
@keyframes bganime {
 0% { transform: sacle(1); }
 50% { transform: scale(1.05); }
 100% { transform: scale(1); }
}
.f {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-delay:0.3s;
 -ms-animation-delay:0.3s;
 animation-delay:0.3s;
 -webkit-animation-timing-function:ease-in-out;
 -ms-animation-timing-function:ease-in-out;
 animation-timing-function:ease-in-out;
  -webkit-animation-iteration-count: infinite;
 -ms-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
 -webkit-animation-name: bganime;
 -ms-animation-name: bganime;
 animation-name: bganime;
}
.staff_main .staff_intro {
background: url(https://www.aomoritoyopet.jp/wordpress/aomoritoyopet/wp-content/uploads/2025/11/TOP_bg.gif) center top no-repeat;
padding-bottom: 30px;
}
.staff_main .staff_info {
margin-top: 10px;
}
.staff_profile_top {
padding-top: 30px;
font-size: 0;
max-width: 340px;
margin: 0 auto;
}
.staff_profile_top .name {
display: inline-block;
max-width: 45.3%;
text-align: right;
padding-right: 5px;
}
.staff_profile_top .f {
width: 54.7%;
max-width: 186px;
}
.staff_main .rbox {
margin-top: 60px;
padding: 30px 20px;
border-radius: 30px;
background-color: #fff;
position: relative;
}
.staff_main .rbox .content {
max-width: 400px;
margin: 0 auto;
}
.staff_main .subtitle {
padding: 0 17.2%;
width: 100%;
height: 55px;
line-height: 55px;
position: absolute;
left: 0;
top: 0;
margin-top: -27px;
}