/* seisaku 2023.2.   alank  kinoshita tsubasa , katayama tomoya */

@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');

@font-face {
  font-family: "myfont"; /*任意のフォントファミリー名でOK*/
  src: url("./Zen_Maru_Gothic/ZenMaruGothic-Regular.ttf") format("truetype"); /*fontがあるパスを書いて、formatを指定*/
  font-display: swap; /*ダウンロード状況に応じてフォントの表示を変える
(「swap」はWebフォントが読み込まれるまでフォールバックフォントで表示し、読み込まれた時点で置き換えます。)*/
}
/* リセットcss */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
* { box-sizing: border-box; }
a { text-decoration:none; }
li { list-style: none; }
html { font-size:62.5%; }
body{ background:#F5E8CF; width:100%; height:auto; font-family: "myfont",sans-serif;}
.rel{position:relative;}
.ab{position:absolute;}
.d-f{display:flex;justify-content:center;align-items:center;}
.d-b{display:block;}
.d-i{display:inline-block;}
.f-b{font-weight:bold;}
.max-w12{max-width:1200px;margin:0 auto;}
h1,h2,h3{font-size:24px;}
h4,h5,h6{font-size:20px;}
p,th,td,li,summary{font-size:18px;}
@media screen and (max-width:1200px){
  p,th,td,li,summary{font-size:16px;}
}
@media screen and (max-width:950px){
  h1,h2,h3{font-size:20px;}
  h4,h5,h6{font-size:18px;}
  p,th,td,li,summary{font-size:14px;}
}
@media screen and (max-width:700px){
  p,th,td,li,summary{font-size:13px;}
}
@media screen and (max-width:500px){
  h1,h2,h3{font-size:18px;}
  h4,h5,h6{font-size:16px;}
}

/* aホバー下線 */
.a-hov,.a-hov-b,.a-hov-bb{position:relative;}
.a-hov::after{position:absolute;left:0;content:'';width:100%;height:2px;background:#fff;bottom:-2px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
.a-hov:hover::after{transform:scale(1, 1);}

/* header */
.header{position:fixed;top:0;left:0;width:100%;z-index:9999;height:auto;}
.header .he-img{position:fixed;top:0;left:0;width:100%;height:auto;z-index:-1;}
.header-main,.header-main ul{display:flex;justify-content:center;}
.header-main a{width:7vw;height:7vw;background-position:center;background-size:cover;}
.header-menu{display:flex;justify-content:center;}
.header-main ul li a{z-index:9999;position:relative;}
.header-menu-box{display:flex;margin:0 auto;width:35%;margin:.5% auto 0;}
.h-m-box1{justify-content:left;}
.h-m-box2{justify-content:right;}
.header-menu-box a{width:6vw;height:6vw;background-position:center;background-size:cover;}
.header-menu-a1{background-image:url(./img/ヘッダー\ 初めての方.png);margin-top:15%;}
.header-menu-a2{background-image:url(./img/ヘッダー\ 一般診療.png);margin:5% 10% 0 7%;}
.header-menu-a3{background-image:url(./img/ヘッダー\ 予防接種・手術.png);}
.header-title{width:25%;margin:0 5%;text-align:center;}
.header-title img{width:80%;}
.header-menu-a4{background-image:url(./img/ヘッダー\ ブログ.png);}
.header-menu-a5{background-image:url(./img/ヘッダー\ よくある質問.png);margin:5% 7% 0 10%;}
.header-menu-a6{background-image:url(./img/ヘッダー\ 各種紹介.png);margin-top:15%;}

.header-menu-a1:hover{background-image:url(./img/ヘッダー\ 初めての方\ カラー.png);}
.header-menu-a2:hover{background-image:url(./img/ヘッダー\ 一般診療\ カラー.png);}
.header-menu-a3:hover{background-image:url(./img/ヘッダー\ 予防接種・手術\ カラー.png);}
.header-menu-a4:hover{background-image:url(./img/ヘッダー\ ブログ\ カラー.png);}
.header-menu-a5:hover{background-image:url(./img/ヘッダー\ よくある質問\ カラー.png);}
.header-menu-a6:hover{background-image:url(./img/ヘッダー\ 各種紹介\ カラー.png);}

/* 携帯ヘッダー */
.header-phone{display:none;width:100%;position:fixed;top:0;left:0;z-index:999;background:#F5E8CF;}
.header{height:70px;display:flex;justify-content:space-between;align-items:center;position:relative;}
.logo{width:30.5%;height:70px;border-top:3px solid #fff;border-bottom:3px solid #fff;border-right:3px solid #fff;}
.logo h2 a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#8A6454;font-size:18px;letter-spacing:.2rem;font-weight:900;padding:0 5%;}
.logo h2{height:100%;}
.logo img{width:20%;}
.shadow {
  text-shadow: 
  0.2px 0.2px 0, 
  0.2px -0.2px 0px,
  -0.2px 0.2px 0,
  -0.2px -0.2px 0px,
  0.2px 0px 0px,
  0px 0.2px 0px,
  -0.2px 0px 0px,
  0px -0.2px 0px;
}
.hamburger-menu{width:70px;height:70px;position:relative;border:none;background:#8A6454;appearance:none;padding:0;cursor:pointer;z-index:9999;}
.hamburger-menu.click{background:#659488;}
.hamburger-menu__bar{display:inline-block;width:55%;height:2px;background:#fff;position:absolute;left:50%;transform:translateX(-50%);transition:.5s;z-index:999;}
.hamburger-menu__bar:first-child{top:22px;}
.hamburger-menu__bar:nth-child(2){top:34px;}
.hamburger-menu__bar:last-child{top:47px;}
.hamburger-menu--open .hamburger-menu__bar{top:50%;}
.hamburger-menu--open .hamburger-menu__bar:first-child{transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.hamburger-menu--open .hamburger-menu__bar:last-child{transform:translateX(-50%) translateY(-50%) rotate(-45deg);}
.hamburger-menu--open .hamburger-menu__bar:nth-child(2){display:none;}
.navigation{display:none;background:#659488;position:absolute;top:0;padding-top:70px;width:100%;z-index:99;height:101vh;overflow:auto;}
.navigation__list{text-align:center;list-style:none;padding:0;margin:0;}
.navigation__list-item{border-bottom:solid 1px #d7d7d7;}
.navigation__list-item:first-child{border-top:solid 1px #d7d7d7;}
.navigation__link{color:#fff;font-weight:700;text-decoration:none;display:block;padding:24px 0;transition:.5s;font-size:18px;}
@media (hover: hover) and (pointer:fine){
  .navigation__link:hover{background:#333;}
}

@media screen and (max-width:800px){
  .header-phone{display:flex;justify-content:space-between;align-items:center;}
}
@media screen and (max-width:700px){
  /* .logo{width:30%;} */
  .logo img{width:45px;}
}
@media screen and (max-width:600px){
  /* .logo{width:44%;} */
}
@media screen and (max-width:500px){
  .logo h2 a{font-size:17px;}
  .navigation__link{padding:20px 0;}
  .logo img{width:40px;}
  .logo{width:29%;}
}
@media screen and (max-width:430px){
  .logo h2 a{font-size:14px;}
  .logo{width:28%;}
}
@media screen and (max-width:380px){
  .logo h2 a{font-size:13px;}
  /* .logo{width:41%;} */
}

/*------------------------------------top-------------------------------------------*/
.top{width:100%;height:100vh;margin:0 auto;}
.top-bg{top:0;left:0;width:100%;height:90vh;background-color:#ab774e;z-index:-2;}
.top-bg-circle{top:-150px;left:-160px;width:700px;height:700px;background-color:#659488;z-index:-1;border-radius:100%;}
.top-box-ad{top:15px;left:20px;z-index:9;}
.top-box-ad p{font-size:15px;color:#fff;margin-bottom:8px;font-weight:bold;}
.top-v{top:17vh;left:0;width:100%;height:auto;}
.top-v img{width:68%;border-radius:0 100px 100px 0;display:inline-block;object-fit:cover;height:75vh;position:relative;z-index:6;}
@media screen and (max-width:700px){
  .top-bg-circle{width:400px;height:400px;}
}

.top-box-ttl{text-align:center;top:8px;left:50%;transform:translate(-50%,0);z-index:9;}
.top-box-ttl:hover{opacity:.7;}
.top-box-ttl-img1{width:450px;}
.top-box-ttl-img2{width:70px;}

.top-box-tel{width:280px;top:0;right:0;background-color:#ee92a2;padding:15px 0px 15px 20px;border-radius:0 0 0 30px;z-index:9;}
.top-box-tel:hover{background-color:#F2A650;}
.top-box-tel h2{margin:2px 7px 0 0;}
.top-box-tel-img{width:20px;height:20px;margin:6px 12px 0 0;}
.top-box-tel p,.top-box-tel h2{color:#fff;letter-spacing:.2rem;}
.top-box-tel p{font-size:12px;margin:1px 0 5px;}

@media screen and (max-width:1300px){
    .top-box-ttl-img1{width:400px;}
}
@media screen and (max-width:1150px){
    .top-box-ad{top:15px;left:15px;}
    .top-box-ad p{font-size:14px;}
    .top-box-ttl-img1{width:350px;}
    .top-box-ttl-img2{width:25px;}
    .top-box-tel h2{font-size:20px;}
}
@media screen and (max-width:1050px){
    .top-box-ttl-img1{width:300px;}
}
@media screen and (max-width:950px){
  .top-box-ad{display:none;}
  .top-box-ttl{left:3%;transform:translate(0%,0);}
}
.top-menu-box a{width:7.6vw;height:7.6vw;background-position:center;background-size:cover;}
.top-menu-box{margin:.5vw auto;}
.top-menu{top:17vh;right:4.4vw;}
.top-menu-a1{background-image:url(./img/ヘッダー\ 初めての方.png);}
.top-menu-a2{background-image:url(./img/ヘッダー\ 一般診療.png);}
.top-menu-a3{background-image:url(./img/ヘッダー\ 予防接種・手術.png);}
.top-menu-a4{background-image:url(./img/ヘッダー\ ブログ.png);}
.top-menu-a5{background-image:url(./img/ヘッダー\ よくある質問.png);}
.top-menu-a6{background-image:url(./img/ヘッダー\ 各種紹介.png);}

.top-menu-a1:hover{background-image:url(./img/ヘッダー\ 初めての方\ カラー.png);}
.top-menu-a2:hover{background-image:url(./img/ヘッダー\ 一般診療\ カラー.png);}
.top-menu-a3:hover{background-image:url(./img/ヘッダー\ 予防接種・手術\ カラー.png);}
.top-menu-a4:hover{background-image:url(./img/ヘッダー\ ブログ\ カラー.png);}
.top-menu-a5:hover{background-image:url(./img/ヘッダー\ よくある質問\ カラー.png);}
.top-menu-a6:hover{background-image:url(./img/ヘッダー\ 各種紹介\ カラー.png);}


.time-box{bottom:-30px;right:0;border-radius:30px;padding:20px;background-color:#fff;overflow:hidden;z-index:9;border:2px solid #000;}
.time-box p{font-size:16px;margin:10px 0 0 20px;line-height:30px;position:relative;z-index:9;}
.time-box h6{font-size:18px;margin-left:27px;color:#00B900;}
.biz-hour{display:block;border-collapse:collapse;margin-bottom:5px;}
.biz-hour th, .biz-hour td{padding:10px 15px;text-align:center;border-bottom:1px solid #A28C63;font-size:14px;font-weight:bold;}
.td-or{color:#F58D16;}
@media screen and (max-width: 559px){.biz-hour th, .biz-hour td{padding:10px 10px;}}
.biz-hour th{font-weight:normal;}
.biz-hour th.sat{color:#3db2da;}
.biz-hour th.sun{color:#e66a6a;}

@media screen and (max-width:1200px){
  .biz-hour th, .biz-hour td{padding:10px 10px;}
}



/* ----------------------------あなたの家族が健康なときも、不調なときも、私たちが一生涯支えます。---------------------------- */
.top-family{width:90%;margin:5% auto;padding:2% 0 0;max-width:1300px;position:relative;}
.top-family h6{position:absolute;top:-400px;left:-200px;width:500px;height:500px;background:#659488;border-radius:50%;z-index:1;}
.top-family img{position:absolute;width:17%;height:auto;object-fit:cover;z-index:8;}
.t-fa-1{top:47%;left:5%;border:1.5px solid black;}
.t-fa-2{top:55%;left:20%;border:1.5px solid black;}
.top-family span{font-size:23px;}
.top-family h1{color:rgb(0, 0, 0);font-size:28px;line-height:55px;letter-spacing:10px;margin:0 0 5% 5%;position:relative;z-index:9;border-bottom:2px #000 dashed;padding-bottom:2%;}
.top-family p{width:50%;margin-left:45%;margin-top:0;position:relative;z-index:9;color:rgb(0, 0, 0);line-height:25px;}
.t-family-a{text-align:center;margin-top:6%;}
.t-family-a a{display:inline-block;background:#fff;padding:1rem 3rem;color:#000000;border-radius:2rem;border:2px solid #437165;}
.t-family-a a h2{font-size:19px;}
.t-family-a a:hover{background:#437165;color:#fff;}

@media screen and (max-width:1200px){
  .top-family span{font-size:20px;}
  .top-family h1{font-size:25px;line-height:45px;}
  .t-family-a a{padding:.6rem 3rem;}
  .t-family-a a h2{font-size:17px;}
}
@media screen and (max-width:1100px){
  .t-fa-1{left:7%;}
  .t-fa-2{left:22%;}
}
@media screen and (max-width:950px){
  .top-family span{font-size:18px;}
  .top-family h1 {font-size:23px;line-height:35px;letter-spacing:7px;}
}
@media screen and (max-width:800px){
  .t-fa-1{left:0%;}
  .t-fa-2{left:15%;}
  .top-family span{font-size:17px;}
  .top-family h1{font-size:20px;line-height:30px;letter-spacing:5px;}
  .top-family p{width:60%;margin-left:40%;}
  .t-family-a a h2{font-size:15px;}
}
@media screen and (max-width:700px){
  .top-family{padding:5% 0 1%;}
  .top-family img{opacity:.2;width:23%;}
  .t-fa-1{left:60%;bottom:20%;}
  .t-fa-2{left:75%;}
  .top-family span{font-size:15px;}
  .top-family h1{font-size:18px;line-height:25px;letter-spacing:4px;}
  .top-family p{width:90%;margin:5% auto;}
}
@media screen and (max-width:500px){
  .top-family span{font-size:14px;}
  .top-family h1{font-size:16px;letter-spacing:2px;}
}
@media screen and (max-width:370px){
  .top-family h1{letter-spacing:1px;}
}

/* ----------------------------NEWS---------------------------- */
.news{width:90%;margin:0 auto;padding:5vw 0 3vw;max-width:1200px;}
.t-all-news{display:flex;justify-content:center;}
.news-left{width:30%;padding-left:7%;}
.white-ball{width:270px;height:270px;border-radius:100%;background-color:#fff;}
.news-ttl-box{top:80px;left:100px;position:absolute;}
.news-ttl-box h1{font-size:26px;letter-spacing:6px;font-weight:bold;}
.news-ttl-box h1 span{color:#659488;}
.news-ttl-box h4{font-size:16px;letter-spacing:3px;margin:5px 0 0 6px;}
.news-left .nikukyu{width:25px;transform:rotate(-30deg);}
.news-left .nikukyu1{bottom:39%;left:45px;}
.news-left .nikukyu2{bottom:36%;left:79px;}
.news-left .nikukyu3{bottom:26%;left:64px;}
.news-main-box{width:95%;margin:0 auto;}
.news-main-box ul{width:100%;text-align:left;margin:0 auto;}
.news-main-box li{font-size:18px;background-image:linear-gradient(to right, #A38888 2px, transparent 2px);background-size:8px 2px;background-repeat:repeat-x;background-position:left bottom;margin-top:3%;}
.news-main-box li a{color:#3F3F3F;display:flex;}
.news-main-box li a:hover{color:#659488;}
.news-main-box li a p{margin:0 3%;}

.more {color:#fff;font-size:16px;font-weight:bold;background:#659488;padding:5px 20px 8px;text-align:center;position:relative;z-index:1;display:inline-block;overflow:hidden;transition:.3s;letter-spacing:4px;border-radius:20px;margin-top:55%;border:2px solid #000000;}
.more::before{content:"";width:200%;position:absolute;top:0;right:-60px;z-index:-1;border-right:60px solid transparent;border-bottom:60px solid #8A6454;transform:translateX(-200%);transition:transform ease .5s;}
.more:hover::before{transform: translateX(0);}

/* インボックス */
.scroll-box{width:80%;margin:0 auto;padding:0 4% 4% 4%;height:220px; overflow-y:scroll;}
.scroll-box::-weblit-scrollbar{width:10px;}
.scroll-box::-webkit-scrollbar-track{background:#f1f1f1;}
.scroll-box::-webkit-scrollbar-thumb{border-radius:6px;background:#c1c1c1;}

.top-news-res{display:none;}

@media screen and (max-width:1050px){
  .more{font-size:14px;padding:5px 18px;}
}
@media screen and (max-width:950px){
  .more{letter-spacing:1px;padding:5px 18px 6px;}
  .scroll-box{padding:0% 2% 4%;}
}
@media screen and (max-width:800px){
  /* .white-ball{} */
  .news-left .nikukyu1{bottom:60%;}
  .news-left .nikukyu2{bottom:57%;}
  .news-left .nikukyu3{bottom:49%;}
  .t-all-news{display:block;}
  .news-ttl-box a{display:none;}
  .top-news-res{display:block;text-align:right;}
  .top-news-res a{margin-top:5%;}
  .scroll-box{width:90%;}
}
@media screen and (max-width:700px){
  /* .white-ball{} */
  .news-left .nikukyu1{top:0%;}
  .news-left .nikukyu2{top:1%;}
  .news-left .nikukyu3{top:8%;left:-3px;}
  .news-ttl-box h1{font-size:23px;letter-spacing:6px;}
  .news-ttl-box h4{font-size:14px;margin-left:0px;}
  .scroll-box{width:100%;}
}
@media screen and (max-width:500px){
  .news-left{width:100%;}
  .news-left .nikukyu{width:17px;}
  .news-left .nikukyu1{top:0%;left:-15px;}
  .news-left .nikukyu2{top:1%;left:10px;}
  .news-left .nikukyu3{top:6%;left:-3px;}
  .news-ttl-box h1{font-size:20px;letter-spacing:5px;}
  .news-ttl-box h4{font-size:13px;}
  .top-news-res a{margin-top:0%;}
  .scroll-box{margin:5% auto;}
  .news-main-box li a p{padding:0 1% 1%;}
}


/* ----------------------------column---------------------------- */
.column{width:100%;margin:3vw 0;background-color:#659488;padding:2% 0;overflow:hidden;}
.column h1{text-align:center;font-size:26px;letter-spacing:6px;color:#ffffff;}
.column h1 span{color:#fbadc3;}
.column .sub-ttl{text-align:center;margin:8px 0 3%;color:#ffffff;}
.col-box{width:78%;margin:0 auto 3.5vw;flex-wrap:wrap;}
.col-inner-box{width:280px;height:280px;margin:0 auto;background-color:#fff;border-radius:20px;box-shadow:0 0 3px 3px #52493c49 inset;z-index:1;}

.col-inner-box a{width:240px;height:240px;border-radius:20px;background-image:url(./img/dog.png);background-size:cover;background-position:center center;background-repeat:no-repeat;top:50%;left:50%;transform:translate(-50%,-50%);color:#000000;font-weight:bold;}
.col-inner-box a::after{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#cab1b6af;content:'';border-radius:20px;}

.col-box-ttl{z-index:1;top:15px;left:15px;font-size:20px;letter-spacing:3px;}
.col-box-exp{z-index:1;top:150px;left:5%;width:90%;}
.column .nikukyu{width:360px;height:360px;transform:rotate(-55deg);opacity:.2;z-index:0;}
.column .nikukyu4{top:-10%;left:-10%;}
.column .nikukyu5{top:40%;left:30%;}
.column .nikukyu6{top:20%;right:-5%;}

.col-more{font-size:16px;font-weight:bold;color:#659488;background-color:#fff;padding:5px 20px 8px;text-align:center;position:relative;z-index:1;display:block;overflow:hidden;transition:.3s;letter-spacing:4px;border-radius:40px;width:200px;margin-left:100px;border:2px solid #000000;}
.col-more::before{content:"";width:200%;position:absolute;top:0;right:-60px;z-index:-1;border-right:60px solid transparent;border-bottom:60px solid #8A6454;transform:translateX(-200%);transition:transform ease .5s;}
.col-more:hover::before{transform:translateX(0);}
.col-more:hover{color:#fff;}

.rotate-hover{transition:transform 0.3s ease-out;}
.rotate-hover:hover{transform: rotate(10deg);}

@media screen and (max-width:1100px){
  .col-inner-box{width:250px;height:250px;}
  .col-inner-box a{width:210px;height:210px;}
  .col-box-ttl{font-size:18px;}
}
@media screen and (max-width:1000px){
  .col-inner-box{width:220px;height:220px;}
  .col-inner-box a{width:190px;height:190px;}
  .col-box-exp{top:130px;}
}
@media screen and (max-width:950px){
  .col-inner-box{width:190px;height:190px;}
  .col-inner-box a{width:160px;height:160px;}
  .col-box-exp{top:115px;}
  .col-more{letter-spacing:1px;}
}
@media screen and (max-width:800px){
  .column{width:100%;}
}
@media screen and (max-width:700px){
  .column h1{font-size:23px;letter-spacing:6px;}
  .column .sub-ttl{font-size:14px;}
  .col-inner-box{width:160px;height:160px;margin:1%;}
  .col-inner-box a{width:140px;height:140px;}
  .col-box-exp{top:100px;}
}
@media screen and (max-width:600px){
  .col-box{justify-content:left;}
  .col-inner-box{width:38%;height:35vw;margin:3% 6%;}
  .col-inner-box a{width:90%;height:31vw;}
  .col-box-exp{top:115px;}
  .col-aa{text-align:center;}
  .col-more{margin:0 auto;}
}
@media screen and (max-width:500px){
  .column h1{font-size:20px;letter-spacing:5px;}
  .column .sub-ttl{font-size:13px;}
  .col-inner-box{width:46%;height:42vw;margin:3% 2%;}
  .col-inner-box a{height:38vw;}
  .col-box-ttl{font-size:16px;}
  .col-box-exp{top:125px;}
}
@media screen and (max-width:430px){
  .col-inner-box{width:48%;height:42vw;margin:1%;}
  .col-box-exp{top:110px;}
}
@media screen and (max-width:380px){
  .col-box-exp{top:100px;}
}
@media screen and (max-width:350px){
  .col-box-exp{top:90px;}
}

/* ----------------------------倉敷動物愛護病院のお約束---------------------------- */
.top-promise{width:100%;margin:7% auto 0;overflow:hidden;}
.pro-title{text-align:left;width:80%;margin:0 auto;}
.top-promise h1{font-size:26px;letter-spacing:6px;position:relative;z-index:9;}
.top-promise h1 span{color:#659488;}
.pro-title .sub-ttl{margin:15px 0 2%;position:relative;z-index:9;}
.top-promise-ul{width:90%;display:flex;flex-wrap:wrap;justify-content:left;position:relative;z-index:99;margin:auto;max-width:1300px;padding-bottom:13%;}
.top-promise-ul li{width:28%;margin:1vw 2.5%;box-shadow:0.3vw 0.3vw 0.3vw #dbdbdb;text-align:left;padding:1rem 2rem 2rem;border-radius:1rem;background:#fff;position:relative;border:2PX solid black;}
.top-promise-ul h3{color:#659488;margin-bottom:10px;}
.top-promise-ul h2{font-size:20px;font-weight:bold;line-height:30px;margin-left:15px;}
.top-promise-ul img{width:100%;height:auto;object-fit:cover;margin:5% auto;}
.top-promise-ul h2,.top-promise-ul p{color:rgb(0, 0, 0);}
.top-promise-ul p{line-height:28px;}
.top-promise-ul a{position:absolute;bottom:-25%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%;color:#fff;background:#659488;padding:1rem;border-radius:1rem;border:2px solid black;}
.top-promise-ul a h1{font-size:20px;}
.top-promise-ul a:hover{transition:all .4s;background:#8A6454;}
/* .top-promise-bottom{width:90%;display:flex;flex-wrap:wrap;justify-content:left;position:relative;z-index:99;margin:auto;max-width:1300px;}
.top-promise-bottom li{width:28%;margin:1vw 2.5%;box-shadow:0.3vw 0.3vw 0.3vw #dbdbdb;text-align:left;padding:1vw 3vw 2vw;border-radius:1rem;background:#fff;} */

@media screen and (max-width:1200px){
  .top-promise-ul li{width:30%;margin:1vw 1.6%;padding:0.5rem 2rem 2rem;}
  .top-promise-ul h2{font-size:18px;}
  .top-promise-ul a h1{font-size:18px;}
}
@media screen and (max-width:950px){
  .top-promise-ul h2{font-size:16px;line-height:20px;}
  .top-promise-ul p{line-height:20px;}
  .top-promise-ul a h1{font-size:15px;}
}
@media screen and (max-width:800px){
  .top-promise h1{font-size:22px;letter-spacing:4px;}
	.top-promise-ul li{width:40%;margin:5% 5% 15%;box-shadow:.1rem .2rem .3rem gray;}
  .top-promise-ul li:last-child{margin:0 5%;}
	.top-promise-ul h2{font-size:16px;}
	.top-promise-ul p{padding:2vw 0;}
  .top-promise-ul a{bottom:-22%;}
}
@media screen and (max-width:600px){
  .top-promise-ul{width:95%;}
  .top-promise-ul h2{font-size:14px;}
  .top-promise-ul p{padding:0;}
	.top-promise-ul li{width:44%;margin:2vw 3% 17%;}
  .top-promise-ul li:last-child{margin:0 3% 5%;}
}
@media screen and (max-width:500px){
	.top-promise h1{font-size:20px;}
	.top-promise-ul h2{font-size:14px;line-height:2rem;letter-spacing:1px;padding-bottom:0;margin-left:0;}
  .top-promise-ul li{width:48%;margin:2vw 1% 17%;padding:0.5rem 1rem 2rem;}
  .top-promise-ul li:last-child{margin:0 1% 5%;}
  .top-promise-ul p{line-height:17px;}
}
@media screen and (max-width:430px){
  .top-promise-ul li{width:75%;margin:5% auto 15%;}
  .top-promise-ul li:last-child{margin:5% auto 5%;}
  .top-promise-ul p{padding:2vw 1vw;}
}
@media screen and (max-width:400px){
  .top-promise{margin:13% auto 0;}
  .top-promise-ul li{width:85%;margin:5% auto 18%;}
}


/* ----------------------------ギャラリースライダー---------------------------- */
.gallery1 { margin:0 auto; padding:0; width:100%; line-height:0;}
.gallery1::after{position:absolute;width:100%;height:100%;background-color:#f7f7f7;opacity:.4;top:0;left:0;content:'';}
@keyframes infinity-scroll-right {
	from { transform: translateX(0);}
    to { transform: translateX(-100%); }
}
_:-ms-lang(x)::-ms-backdrop,
.gallery1{ display:-ms-grid; overflow:hidden; }
.gallery1-main { display:flex; overflow:hidden; }
.gallery1-list { display:flex; list-style:none; }
.gallery1-right{ animation:infinity-scroll-right 50s infinite linear 0.3s both; }
.gallery1-item { width:100%; margin:0; }
.gallery1-item > img{width:140vw;height:150px;object-fit:cover;}

@media screen and (max-width:700px){
  .gallery1-item > img{width:185vw;height:15vw;}
}
@media screen and (max-width:500px){
  .gallery1-item > img{width:210vw;height:18vw;}
}
@media screen and (max-width:400px){
  .gallery1-item > img{width:244vw;height:22vw;}
}
/*-------------------- ギャラリー2 ----------------------*/
.gallery2 {margin:0 auto 5vw; padding:0; width:100%; line-height:0;}
.gallery2::after{position:absolute;width:100%;height:100%;background-color:#f7f7f7;opacity:.4;top:0;left:0;content:'';}
@keyframes infinity-scroll-left {
    from { transform: translateX(-100%);}
    to { transform: translateX(0); }
}
_:-ms-lang(x)::-ms-backdrop,
.gallery2 { display:-ms-grid; overflow:hidden; }
.gallery2-main { display:flex; overflow:hidden; }
.gallery2-list { display:flex; list-style:none; }
.gallery2-left{ animation:infinity-scroll-left 50s infinite linear 0.3s both; }
.gallery2-item { width:100%; margin:0; }
.gallery2-item > img{ width:140vw; height:150px;object-fit:cover;}

@media screen and (max-width:700px){
  .gallery2-item > img{width:185vw;height:15vw;}
}
@media screen and (max-width:500px){
  .gallery2-item > img{width:210vw;height:18vw;}
}
@media screen and (max-width:400px){
  .gallery2-item > img{width:244vw;height:22vw;}
}

/* ----------------------------CLINICAL DEPARTMENT---------------------------- */
.clinical{width:90%;margin:2vw auto 0;max-width:1200px;position:relative;}
.clinical-top h5,.clinical-top h6{position:absolute;border-radius:50%;z-index:1;}
.clinical-top h5{background:#FDEFEF;width:17vw;height:17vw;top:-2px;left:15px;box-shadow:60vw 5vw #E8ECF0;}
.clinical-top h6{background:#E1EEFA;width:8vw;height:8vw;top:13vw;left:27%;box-shadow:35vw -13vw #FFE3E3;}
.clinical-top h3{text-align:center;font-size:25px;z-index:99;position:relative;padding:2% 0;color:rgb(0, 0, 0);}
.clinical-top h3 span{font-size:30px;color:#ff9ee0;}
.clinical-top .worries-p{width:80%;margin:2% auto 5vw;position:relative;z-index:99;color:rgb(0, 0, 0);}
.worries{margin-top:5%;}
.clinical-top .worries-phone{display:none;}

.worries h2{text-align:center;font-size:26px;letter-spacing:6px;position:relative;z-index:9;font-weight:bold;}
.worries h2 span{color:#ff9ee0;position:relative;z-index:9;}
.worries .sub-ttl{text-align:center;margin:8px auto 2%;font-size:16px;letter-spacing:3px;font-weight:bold;}
.worries-ul{width:98%;display:flex;padding:2% 0;flex-wrap:wrap;justify-content:left;position:relative;z-index:99;margin:auto;max-width:1200px;}
.worries-ul li{width:23%;height:265px;margin:1% 1%;box-shadow:0.3vw 0.3vw 0.3vw #dbdbdb;border-radius:1rem;text-align:center;background:#fff;position:relative;z-index:9;}
.worries-logo{padding:5% 0;width:100px;}
.worries-ul p{display:flex;justify-content:left;color:rgb(0, 0, 0);font-size:14px;letter-spacing:.2vw;}
.worries-ul a{position:absolute;bottom:0;left:0;width:100%;}
.worries-ul a h2{display:block;background:#8A6454;color:#fff;padding:1rem 0;border-radius:0 0 .8rem .8rem;font-size:16px;font-weight:bold;}
.worries-ul a h2:hover{transition:all .4s;background:#5c2913;}
/* .worries-ul li:last-child{width:44%;} */
/* .worries-ul li:last-child img{margin:5% 0;} */
/* .worries-last-group{height:90%;background-color:#fffd8e;border-radius:1rem 1rem 0 0;} */
.worr-kyukyu{text-align:center;margin:5% auto;width:40%;}
.worr-kyukyu h2{font-size:20px;font-weight:bold;}
.worr-kyukyu a{width:100%;color:#fff;background:#659488;padding:15px 20px;text-align:center;position:relative;z-index:1;display:inline-block;overflow:hidden;transition:.3s;letter-spacing:4px;border-radius:20px;border:2px solid #000000;}
.worr-kyukyu a::before{content:"";width:200%;position:absolute;top:0;right:-60px;z-index:-1;border-right:60px solid transparent;border-bottom:60px solid #fff;transform:translateX(-200%);transition:transform ease .5s;}
.worr-kyukyu a:hover::before{transform: translateX(0);}
.worr-kyukyu a:hover{color:#659488;}
/* .worr-kyukyu::before{content:"";position:absolute;bottom:3px;right:-5px;width:10px;height:10px;border-bottom:1px solid #000;border-right:1px solid #000;} */

.worries-last a{position:absolute;bottom:0;left:0;width:100%;}

.check{width:2vw;max-width:20px;}
.t-l{justify-content:center;margin:.7vw 0 1.2vw .5vw;}
.t-l p{margin-left:.7vw;letter-spacing:1px;text-align:left;}
.papy-font{letter-spacing:1px;font-size:10px;}

@media screen and (max-width:1200px){
  .clinical-top h3{font-size:22px;}
  .clinical-top h3 span{font-size:27px;}
  .worries-logo{width:80px;}
  .worries-ul .worr-last{display:block;}
  .worries-ul{width:100%;}
  .worries-ul li{width:23%;}
}
@media screen and (max-width:1050px){
  .worries-logo{padding:1vw 0;}
  .worries-logo{width:70px;}
  .worries-ul p{font-size:85%;}
  .worries-ul a{font-size:19px;}
  .worries-ul a h2{font-size:14px;}
}
@media screen and (max-width:950px){
  .worries-logo{width:60px;padding:1rem 0;}
  .worries-ul a h2{font-size:13px;}
  .worr-kyukyu{width:50%;}
  .worries-ul li{width:30%;height:230px;margin:1% 1.5%;}
}
@media screen and (max-width:800px){
  .clinical-top h3{font-size:18px;}
  .clinical-top h3 span{font-size:23px;}
  .worries h2{font-size:22px;letter-spacing:4px;}
  .worries-logo{width:40%;}
  .worries-ul a{font-size:15px;}
  /* .worries-ul li:last-child{width:27%;} */
  /* .worries-last-group{display:block;} */
  /* .worries-ul li:last-child img{margin:0;} */
}
@media screen and (max-width:700px){
  .clinical-top h5{width:110px;height:110px;left:10px;box-shadow:67vw 8vw #E8ECF0;}
  .clinical-top h6{width:50px;height:50px;left:30%;}
  .worries-ul li{width:42%;margin:2vw 4%;}
  .worr-kyukyu{width:55%;}
  .worr-kyukyu h2{font-size:17px;}
  /* .worries-ul li:last-child{width:30%;margin:2vw 1.6%;} */
}
@media screen and (max-width:600px){
  .worries-ul li{width:45%;height:210px;margin:2vw 2.5%;}
}
@media screen and (max-width:500px){
  .clinical{width:95%;}
  .clinical-top h3{font-size:15px;padding:7% 0 2%;}
  .clinical-top h3 span{font-size:18px;}
  .clinical-top .worries-p{width:90%;margin:5% auto 10vw;}
	.worries h2{font-size:20px;letter-spacing:2px;}
  .worries-ul li{width:48%;height:210px;margin:2vw 1%;}
  .worr-kyukyu{width:60%;}
  .worr-kyukyu h2{font-size:16px;}
  /* .worries-ul li:last-child{width:92%;margin:2vw 4%;} */
  /* .worries-last-group{display:flex;height:75%;padding:3% 0;} */
  /* .worries-ul li:last-child img{margin:4% 0;width:25%;} */
}
@media screen and (max-width:430px){
  .clinical-top h5{width:100px;height:100px;left:-2px;box-shadow:67vw 8vw #E8ECF0;}
  .clinical-top h6{width:50px;height:50px;left:30%;}
  .worr-kyukyu{width:70%;}
  .worr-kyukyu h2{font-size:16px;}
  .worries-ul li{width:47%;height:190px;margin:2vw 1.5%;}
}
@media screen and (max-width:400px){
  .clinical-top h3{font-size:13px;}
  .clinical-top h3 span{font-size:17px;}
  /* .worries-ul li:last-child {width:95%;margin:2vw auto;} */
}



/*-------------------- パララックス ----------------------*/
.top-up,.top-under{background:#fff;}
/* 全体 */
.slide{position:relative;height:30vw; width:100%; overflow:hidden; background: linear-gradient(25deg, #FFF, rgb(195 146 88));}
/* パララックス設定 */
.parallax{background-position:center; }
/* スライドショー背景の設定 */
.slide .bgImg {position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; background-size:cover; animation:pseudoAnimation 12s infinite;  }
/*  background-repeat:no-repeat; background-size:100%; */
/* 時間差で背景画像のアニメーションを開始 */
.slide .srcImage1 { background-image:url(img/aigo2.jpg); }
.slide .srcImage2 { background-image:url(img/aigo3.jpg); animation-delay:3s; }
.slide .srcImage3 { background-image:url(img/aigo1.jpg); animation-delay:6s; }
.slide .srcImage4 { background-image:url(img/aigo4.jpg); animation-delay:9s; }
/* 20sのうち最初の約5sだけ表示する */
@keyframes pseudoAnimation {
  0% { opacity:0; }
  5% { opacity:1; }
  25% { opacity:1; }
  30% { opacity:0; }
  100% { opacity:0; }
}



/* ----------------------------診療内容---------------------------- */
.im-ttl-bg-ball{border-radius:50%;content:"";}
.im-ba1{z-index:0;background-color:#46b1a4b3;width:11px;height:11px;top:-15%;left:60%;}
.im-ba3{z-index:0;background-color:#85B128;width:15px;height:15px;top:45%;left:14%;}
.im-ba2{z-index:0;background-color:#46b1a4b3;width:11px;height:11px;top:-10%;left:30%;}
.im-ba4{z-index:0;background-color:#46b1766b;width:15px;height:15px;top:55%;left:55%;}
.im-ba5{z-index:0;background-color:#b1664658;width:15px;height:15px;top:0;left:38%;}
.im-ba6{z-index:0;background-color:#b14646be;width:15px;height:15px;top:84%;left:20%;}
.im-ba7{z-index:0;background-color:#d9ab72;width:20px;height:20px;top:35%;left:82%;}
.im-ba8{z-index:0;background-color:#7EB9E3;width:20px;height:20px;top:-13%;left:70%;}
.im-ba9{z-index:0;background-color:#46a4b17d;width:20px;height:20px;top:84%;left:35%;}
.im-ba10{z-index:0;background-color:#7dabc581;width:20px;height:20px;top:65%;left:63%;}
.im-ba11{z-index:0;background-color:#b146466e;width:29px;height:29px;top:55%;left:45%;}
.im-ba12{z-index:0;background-color:#54b14691;width:41px;height:41px;top:35%;left:72%;}
.im-ba13{z-index:0;background-color:#b1814684;width:56px;height:56px;top:-10%;left:17%;}
.com-ttl{text-align:center;width:100%;margin-bottom:10%;height:90px;}
.com-ttl h3 span{color:#000000;}
.com-ttl h3 span,.com-ttl h3{letter-spacing:3px;}

.top-infomation{width:100%;padding:3vw auto 0;overflow:hidden;}
.info-title{text-align:left;width:80%;margin:0 auto;}
.top-infomation h1{font-size:26px;letter-spacing:6px;position:relative;z-index:9;margin-top:3%;}
.top-infomation h1 span{color:#ffb5d0;}
.info-title .sub-ttl{margin:5px 0 3%;position:relative;z-index:9;}

@media screen and (max-width:800px){
  .top-infomation h1{font-size:22px;letter-spacing:4px;}
}
@media screen and (max-width:500px){
	.top-infomation h1{font-size:20px;letter-spacing:2px;}
}
@media screen and (max-width:430px){
  .com-ttl h3 span,.com-ttl h3{letter-spacing:1px;}
}

/* .sliderArea{width:65%;margin:0 auto;overflow:hidden;}
  
  .slick-slide {
    margin: 0 20px;
  }
  .slick-slide img {
    width:250px;
    height:250px;
    object-fit:cover;
  }
  .slick-prev, .slick-next {
    z-index: 1;
  }

  .slick-prev:before {
    content: '←';
}
.slick-next:before {
    content: '→';
}
.slick-prev {
    left:-70%;
}
.slick-next {
    right:-70%;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background:rgba(138, 100, 84, 1);
    border-radius:50%;
}
  .slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: .75;
    color: rgb(255, 255, 255);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev, .slick-next {
    z-index: 1;
} */
/*--------------------------- 商品紹介 ---------------------------*/
/* .syou{width:100%;height:auto;margin:0 auto;overflow:hidden;text-align:center;padding-bottom:5vw;}
.syou h1{font-size:200%;margin:7vw auto;letter-spacing:1rem;}
@media screen and (max-width:1000px){
  .syou h1{font-size:170%;}
}
@media screen and (max-width:800px){
  .syou h1{font-size:150%;}
}
@media screen and (max-width:500px){
  .syou h1{font-size:130%;}
}
@media screen and (max-width:400px){
  .syou h1{font-size:115%;}
} */
/* まる */
/* .tori h3,.tori h4{border-radius:100%;position:absolute;}
.tori h3{width:7vw;height:7vw;background:#E9C66D;top:34%;left:12.5vw;box-shadow:70vw -18vw #7DABC5,27vw -13vw #fff;}
.tori h4{width:4vw;height:4vw;background:rgba(177,102,70,.3);top:-5%;right:4vw;box-shadow:-40vw 17.5vw rgba(249,174,174,.8),-60vw 26vw #C4D2A6;} */

/* スライダーここから */
.syou{padding-bottom:3%;background-color:#659488;overflow:hidden;}
.tori{width:100%;margin:0 auto;max-width:1200px;}
.tori-box{display:flex;width:100%;margin:0 auto;max-width:1200px;height:200px;}
.tori-inner-box{width:22%;margin:2% auto;text-align:center;border-radius:10px;position:relative;border:1.5px solid black;box-shadow:0 2px 2px black;}
.tori-inner-box::after{position:absolute;content:'';background-color:#fff;opacity:.6;width:100%;height:100%;top:0;left:0;border-radius:10px;}
.tori-inner-box:hover::after{background-color:#c79782;}
.tori-inner-box img{width:50%;}
.tori-inner-box p{position:absolute;bottom:5%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:16px;color:#000000;font-weight:bold;z-index:3;}
.tori-inner-box{background-position:center;background-size:100%;background-repeat:no-repeat;}
.tori-inner-box1{background-image:url(./img/top-yobo.jpg);}
.tori-inner-box2{background-image:url(./img/huxiraria.jpg);}
.tori-inner-box3{background-image:url(./img/top-hinin.jpg);}
.tori-inner-box4{background-image:url(./img/nomi,madani.jpg);}
.tori-inner-box5{background-image:url(./img/nomi,madani.jpg);}
.tori-inner-box6{background-image:url(./img/top-yobo.jpg);}
.tori-inner-box7{background-image:url(./img/top-yobo.jpg);}
.tori-inner-box8{background-image:url(./img/top-yobo.jpg);}
.top-infomation .nikukyu{width:360px;height:360px;transform:rotate(-55deg);opacity:.2;z-index:0;}
.top-infomation .nikukyu4{top:-10%;left:-10%;}
.top-infomation .nikukyu5{top:40%;left:30%;}
.top-infomation .nikukyu6{top:20%;right:-5%;}













/* .swiper_official{margin:0 auto;display:flex;}
.swiper_official img{display:block;width:250px;height:250px;object-fit:cover;border:1.5px solid black;}
.swiper_official a:hover, a:active,.swiper_official button:hover,.swiper_official button:active{outline:0;}
@media (min-width: 768px){
	.swiper_official a:hover, a:active,.swiper_official button:hover,.swiper_officialbutton:active{opacity:0.7;}
}
.slider_ttl{margin-top: 16vw;font-weight: 700;font-size: 6.4vw;text-align: center;}
@media (min-width: 768px){
	.slider_ttl{margin-top:120px;font-size:24px;}
}
.slider_txt{padding:2.6666666667vw;}
@media (min-width: 768px){
	.slider_txt{padding:10px;}
}
.swiper_official{position:relative;margin:10.6666666667vw 0 21.3333333333vw;overflow:hidden;}
@media (min-width: 768px){
	.swiper_official{margin:80px 0 160px;}
}
.swiper_official .swiper-wrapper .swiper-slide{width:250px;margin:0 3%;} */
/* @media (min-width: 768px){
	.swiper_official .swiper-wrapper .swiper-slide{}
} */
/* .swiper_official .swiper-button-prev, .swiper_official .swiper-button-next{-webkit-transform:translate3d(0, -50%, 0);top:28.2666666667vw;width:10.6666666667vw;height:10.6666666667vw;margin:0;transform:translate3d(0, -50%, 0);border-radius:50%;}
@media (min-width: 768px){
	.swiper_official .swiper-button-prev, .swiper_official .swiper-button-next{top:120px;width:60px;height:60px;}
}
.swiper_official .swiper-button-prev::after, .swiper_official .swiper-button-next::after{-webkit-transform:translate(-50%, -50%);z-index:-1;position:absolute;top:50%;left:50%;width:90%;height:90%;transform:translate(-50%, -50%);border-radius:50%;background-color:#fff;content:"";}
.swiper_official .swiper-button-prev:hover, .swiper_official .swiper-button-next:hover{opacity:1;}
.swiper_official .swiper-button-prev{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);} */
/* スライダー終わり */
/* .tori .slider{width:100%;margin-left:30%;text-align:left;}  
.tori .slider li{margin:0 0 4vw 1vw;width:min(21vw,21rem);padding-left:5.5vw;}
.tori .slider img{width:100%;height:min(15vw,14rem);object-fit:cover;border-radius:25%;}
.tori .slider li h2{padding:2vw 0 1vw;}
.tori-slider-phone{display:none;}
.slick-list{padding:0 10rem;} */
/* 左右画像 */
/* .tori .slider .slick-slide{transition:all .5s;} */
/* 中央画像 */
/* .tori .slider .slick-slide.slick-center{transform:scale(1);opacity:1;} */
/*矢印の設定*/
/* .tori .slick-prev,.slick-next{height:5rem;width:5rem;position:absolute;top:42%;cursor:pointer;outline:none;z-index:999;} */
/*戻る矢印*/
/* .tori .slick-prev{left:-15%;width:3vw;height:3vw;border-bottom:1px solid rgb(0, 0, 0);border-right:1px solid rgb(0, 0, 0);transform:rotateZ(135deg);} */
/* レスポンシブから */
/* .slick-next{right:-6%;width:3vw;height:3vw;border-bottom:1px solid rgb(0, 0, 0);border-right:1px solid rgb(0, 0, 0);transform:rotateZ(-45deg);}
.slick-dots {display:none; }
.slick-dots li { display:none;}
.slick-dots button { display:none;} */
@media screen and (max-width:1000px){
  .tori .slick-dots li{width:1.1rem;height:1.1rem;}
}
@media screen and (max-width:800px){
  .tori .slider{width:86%;margin-left:0;margin:0 auto;}
  .tori .slick-prev{left:-6%;}
  .tori .slider li{width:26vw;margin:0 2vw 5vw;padding-left:0;}
  .tori .slider img{height:20vw;}
}
@media screen and (max-width:600px){
  .tori .slick-dots .slick-active{border:.1rem solid #fff;box-shadow:0 0 .2rem 0rem rgb(88, 88, 88);}
}
@media screen and (max-width:500px){
  .tori .slider{width:100%;}
  .tori .slick-prev,.slick-next{width:2rem;height:2rem;top:75%;}
  .tori .slick-prev{left:10%;}
  .slick-next{right:10%;}
  .tori .slider li{width:35vw;margin:0 2vw 20vw;padding-left:0;}
  .tori .slider img{height:25vw;}

}
@media screen and (max-width:400px){
  .tori .slider li{width:40vw;}
  .tori .slider img{height:30vw;}
  .tori .slick-dots{width:50%;}
}

.syou-more{width:90%;display:flex;justify-content:right;}
.syou-more a{display:inline-block;font-size:20px;letter-spacing:1.4vw;position:relative;}
@media screen and (max-width:1000px){
  .syou-more a{font-size:15px;}
}
@media screen and (max-width:800px){
  .syou-more a{font-size:1rem;}
}
@media screen and (max-width:500px){
  .syou-more a{letter-spacing:.1rem;}
}
  
  /*====================================================================
  .full-screen-o
  ====================================================================*/
  .full-screen-o .slick-list {
    overflow: visible;
  }
  .full-screen-o.slider {
    max-width: 300px;
    margin: 0 auto;
  }
  .full-screen-o .slick-dots {
    bottom: -33px;
  }
  .full-screen-o .slick-dots li {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
  }
  .full-screen-o .slick-dots li button {
    font-size: 0;
    line-height: 0;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    text-indent: -9999px;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 8px;
    outline: 0;
    border-radius: 5px;
    transition-duration: 0.3s;
  }
  .full-screen-o .slick-dots li button:before {
    content: none;
  }
  .full-screen-o .slick-dots li:nth-child(1) button {
    background: #f5d1c3;
  }
  .full-screen-o .slick-dots li:nth-child(2) button {
    background: #a9b7ba;
  }
  .full-screen-o .slick-dots li:nth-child(3) button {
    background: #c4d7d1;
  }
  .full-screen-o .slick-dots li:nth-child(4) button {
    background: #b4b1a0;
  }
  .full-screen-o .slick-dots li:nth-child(5) button {
    background: #e5dfd3;
  }
  .full-screen-o .slick-dots li button:hover, .full-screen-o .slick-dots li.slick-active button {
    border-radius: 0px;
    width: 12px;
    height: 12px;
  }
  





/* ----------------------------カレンダー---------------------------- */
.calender{width:100%;margin:5% auto;max-width:1200px;}
.calender h1{text-align:center;font-size:26px;letter-spacing:6px;}
.calender h1 span{color:#F2A650;}
.calender .sub-ttl{text-align:center;margin:5px 0 6%;}
.cl-main{position:relative;}
.cl-main img{width:65%;height:auto;margin:0 0 0 5%;object-fit:cover;border-radius:3vw;position:relative;z-index:9;}
.cl-main h6{position:absolute;top:15%;right:0%;width:75%;height:400px;background:rgba(242, 166, 80, 1);border-radius:3vw;z-index:1;}
.cl-main .nikukyu{width:30px;transform:rotate(30deg);position:absolute;}
.cl-main .nikukyu1{bottom:15%;right:20%;}
.cl-main .nikukyu2{bottom:6%;right:18%;}
.cl-main .nikukyu3{bottom:2%;right:22%;}

@media screen and (max-width:1100px){
  .cl-main h6{width:70%;height:350px;}
}
@media screen and (max-width:950px){
  .cl-main h6{height:320px;}
}
@media screen and (max-width:800px){
  .calender{margin:5% auto 15%;}
  .calender h1{font-size:22px;letter-spacing:4px;}
  .cl-main h6{height:280px;}
}
@media screen and (max-width:700px){
  .cl-main img{width:75%;margin:0 0 0 3%;}
  .cl-main h6{height:260px;}
  .cl-main .nikukyu1{right:10%;}
  .cl-main .nikukyu2{bottom:5%;right:7%;}
  .cl-main .nikukyu3{right:12%;}
}
@media screen and (max-width:600px){
  .cl-main img{width:75%;margin:0 0 0 3%;}
  .cl-main h6{height:40vw;}
  .cl-main .nikukyu{width:25px;}
  .cl-main .nikukyu1{right:10%;}
  .cl-main .nikukyu2{bottom:5%;right:7%;}
  .cl-main .nikukyu3{right:12%;}
}
@media screen and (max-width:500px){
  .calender h1{font-size: 20px;letter-spacing:2px;}
  .cl-main img{width:90%;margin:0 5%;}
  .cl-main h6{width:90%;height:45vw;}
  .cl-main .nikukyu{width:22px;}
  .cl-main .nikukyu1{bottom:-12%;right:5%;}
  .cl-main .nikukyu2{bottom:-21%;right:2%;}
  .cl-main .nikukyu3{bottom:-25%;right:7%;}
}
@media screen and (max-width:430px){
  .cl-main .nikukyu{width:20px;}
}

/* 院長挨拶 */
.top-greeting{width:100%;margin:10vw auto 5vw;overflow:hidden;max-width:1200px;}
.gre-title{text-align:left;width:80%;margin:0 auto;}
.gre-title h1{font-size:26px;letter-spacing:6px;position:relative;z-index:9;}
.gre-title h1 span{color:#F2A650;}
.gr-sub-ttl{margin:5px 0 6%;position:relative;z-index:9;}
.gre-main{width:80%;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:end;}
.gre-main-left,.gre-main-right{width:50%;}
.gre-main-left{text-align:center;}
.gre-main-left img{width:60%;margin:0 auto;object-fit:cover;border-radius:.5rem;}
@media screen and (max-width:800px){
  .gre-title h1{font-size:22px;letter-spacing:4px;}
}
@media screen and (max-width:700px){
  .gre-main-left img{width:70%;}
}
@media screen and (max-width:500px){
  .gre-title h1{font-size:20px;letter-spacing:2px;}
  .gre-main{display:block;}
  .gre-main-left,.gre-main-right{width:100%;}
  .gre-main-left{text-align:center;}
  .gre-main-right{margin:7% auto;}
}
  
/* ----------------------------アクセス---------------------------- */
.top-access{width:100%;margin:0% auto 0;overflow:hidden;background-color:#fff;justify-content:space-between;}
.map-max{max-width:1200px;width:80%;margin:0 auto;}
.acc-title{text-align:left;width:80%;margin:0 auto;}
.acc-title h2{font-size:26px;letter-spacing:6px;position:relative;z-index:9;padding-top:3%;}
.acc-title h2 span{color:#F2A650;}
.acc-title .sub-ttl{margin:5px 0;position:relative;z-index:9;}
.acc-main{width:80%;margin:0 auto;position:relative;display:flex;padding-top:2%;}
/* .top-access h6{width:90%;height:80%;background:#fff;position:absolute;top:53%;right:5.5%;transform:translate(0%,-50%);} */
.acc-left,.acc-right{width:50%;}
.acc-left{position:relative;}
.acc-left-map{position:relative;}
.acc-left iframe{width:90%;height:250px;margin:0 auto;z-index:2;position:relative;}
.acc-left-map a{font-size:18px;position:absolute;bottom:-4%;right:2%;background:rgba(242, 166, 80, 1);border:2px solid rgba(242, 166, 80, 1);padding:7px 12px;color:#fff;letter-spacing:.2rem;z-index:6;font-weight:bold;}
.acc-left-map a:hover{transition:all .1s;background:#fff;color:rgba(242, 166, 80, 1);}
.ac-left-right{margin:10% auto 0;}
.a-l-rpp{margin-bottom:10px;}
.a-l-rpp p{color:#000;font-weight:bold;}
.a-l-rpp img{width:90%;margin:1% auto;}
.acc-right{margin-left:5%;}
.acc-right-pp h2 img{width:74%;background-color:#437165;margin-bottom:3%;padding:0 20px;}
.acc-right-pp h2{font-size:18px;margin-bottom:5%;}
.acc-right-pp p{font-size:16px;margin-left:4%;}
.acc-up-pp{width:50%;color:rgba(63, 63, 63, 1);margin:5% 0 0 9%;line-height:2rem;}
.ac-right-left{width:100%;position:relative;z-index:9;}
.ac-right-left img{width:80%;margin:0 auto 6%;}
/* .ac-right-right{width:50%;background:rgba(242, 166, 80, 1);padding:2rem 1rem;position:relative;z-index:9;border-radius:3vw;text-align:center;} */


@media screen and (max-width:1250px){
  .top-access h6{height:100%;}
}
@media screen and (max-width:1200px){
  .acc-left iframe{height:220px;}
  .acc-left-map a{font-size:15px}
  .ac-un-left img{width:55%;}
}
@media screen and (max-width:950px){
  .map-max{width:90%;padding-bottom:5%;}
  .acc-left iframe{height:180px;}
  .acc-main{width:80%;}
  .acc-left-map a{padding:.7rem 1rem;}
  .ac-right-left img{width:85%;}
  .ac-left-right{margin:18% auto 0;}
  .acc-right-pp p{font-size:14px;}
}
@media screen and (max-width:800px){
  .acc-left-map a{font-size:13px;}
  .acc-right-pp h2{font-size:15px;}
}
@media screen and (max-width:700px){
  .acc-title{width:100%;}
  .acc-main{display:block;width:100%;}
  .acc-left,.acc-right{width:90%;margin:0 auto;}
  .ac-left-right{margin:10% auto 0;}
  .acc-left-map{text-align:center;}
  .acc-left iframe{width:100%;height:230px;}
  .acc-right{padding-left:0;}
  .acc-left-map a{bottom:-6%;}
  .ac-right-left img{width:100%;}
  .acc-right-pp h2{font-size:18px;}
  .acc-right-pp p{margin-left:0;}
}
@media screen and (max-width:500px){
  .top-access h6{width:100%;}
  .acc-left iframe{height:200px;}
  .acc-left-map a{left:45%;font-size:12px;}
}
@media screen and (max-width:430px){
  .acc-up a{left:50%;}
  .acc-left-map a{position:static;display:block;margin-top:-1%;}
  .acc-right-pp h2{font-size:16px;}
}


/* ----------------------------footer---------------------------- */
footer{width:100%;margin:0 auto;overflow:hidden;position:relative;}
.foo-all{width:85%;margin-left:15%;background:#437165;border-radius:2vw 0 0 0;}
.foo-top{display:flex;align-items:center;}
.foo-t-left{width:30%;margin-left:5%;}
.foo-t-left img{width:100%;}
.foo-t-right{width:30%;margin:0 0 0 40%;background:#ee92a2;padding:1rem;border-radius:0 0 0 2vw;}
.foo-t-right:hover{transition:all .2s;background:#F2A650;}
.foo-t-right a p{color:#fff;font-weight:bold;font-size:15px;}
.foo-t-right p{color:#fff;font-weight:bold;font-size:15px;margin:.3rem 0 0 .5rem;}
.foo-t-right .teltel{font-size:25px;}
.foo-t-r-fl{display:flex;justify-content:center;align-items:center;margin:.8rem 0;}
.foo-t-r-fl p{letter-spacing:.3rem;}
.foo-t-r-fl img{width:6%;height:100%;object-fit:cover;margin:.6rem 1rem 0 0;}
/* sns */
.foo-sns{display:flex;position:absolute;top:7%;right:29%;width:16%;}
.foo-sns a{margin:0 2%;}
.foo-sns a:hover{opacity:.6;}
.foo-sns a img{width:80%;object-fit:cover;}

.foo-center{display:flex;justify-content:center;width:100%;padding:3% 0 .5%;}
.foo-c-left{width:40%;padding-left:5%;}
.foo-c-left p{font-size:15px;color:#fff;font-weight:bold;margin-bottom:2%;}
.foo-c-right{width:60%;}
.foo-c-ul{width:95%;display:flex;justify-content:right;}
.foo-c-right ul{display:flex;width:50%;}
.foo-c-ul1{justify-content:right;}
.foo-c-right li{margin:0 2%;}
.foo-c-right li a{font-size:15px;color:#fff;}

.foo-copy{width:90%;margin:0 auto; text-align:right;padding-bottom:1%;bottom:0;right:2%;}
.foo-copy p{color:#fff;font-size:15px;}

@media screen and (max-width:1200px){
  .foo-c-ul{width:100%;}
  .foo-t-right .teltel{font-size:20px;}
}
@media screen and (max-width:1150px){
  .foo-c-left{width:50%;}
  .foo-c-ul{display:block;}
  .foo-c-right ul{margin:2% auto;justify-content:right;width:95%;}
  .foo-copy{width:96%;}
  .foo-t-left{margin-left:4%;}
  .foo-t-right .teltel{font-size:17px;}
  .foo-t-r-fl img{margin:.1rem .5rem 0 0;}
  .foo-c-left p{font-size:14px;}
  .foo-center{padding:3% 0 5%;}
}
@media screen and (max-width:950px){
  .foo-all{width:100%;margin-left:0;border-radius:0;}
}
@media screen and (max-width:800px){
  .foo-t-right .teltel{font-size:17px;}
  .foo-t-right{padding:.5rem;}
  .foo-t-right{width:30%;margin:0 0 0 36%;}
  .foo-sns{top:10%;right:32%;}
  .foo-c-left p,.foo-c-right li a,.foo-t-right a p,.foo-copy p{font-size:13px;}
  .foo-copy{padding-bottom:2%;}
}
@media screen and (max-width:700px){
  .foo-all{width:100%;margin-left:0%;}
  .foo-t-left{width:37%;margin-left:3%;}
  .foo-t-right{margin:0 0 0 20%;width:40%;}
  .foo-t-right .teltel{font-size:15px;}
  .foo-sns{top:29%;right:3%;width:20%;}
  .foo-center{display:block;}
  .foo-c-left,.foo-c-right{width:100%;}
}
@media screen and (max-width:500px){
  .foo-center{padding:14% 0 10%;}
  .foo-t-right{width:45%;margin:0 0 0 15%;}
  .foo-t-right .teltel{font-size:14px;}
  .foo-c-ul{margin:5% auto;}
  .foo-c-right li{margin:0 4%;}
  .foo-sns{top:25%;right:3%;width:30%;}
}
@media screen and (max-width:430px){
  .foo-t-left{width:45%;}
  .foo-t-right{width:50%;margin:0 0 0 3%;}
  .foo-center{padding:12% 0 10%;}
}


/* ---------------------------------------------------------------------------------------------------------------- */
/* ----------------------------下層ページ↓---------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
.te-sha{color:#fbadc3;font-size:21px;}
.bo-bo{border-bottom:2px solid #437165;display:inline-block;margin-bottom:8px;}
.border-bo{font-size:21px;color:#b60fa8;}
.border-sa{font-size:20px;color:#0f70b6;}
.sev-box{padding:2rem;background:#fff;}
@media screen and (max-width:1100px){
  .border-bo{font-size:19px;}
  .border-sa{font-size:18px;}
}
@media screen and (max-width:700px){
  .te-sha{font-size:18px;}
  .border-bo{font-size:17px;}
  .border-sa{font-size:17px;}
}
@media screen and (max-width:500px){
  .te-sha{font-size:16px;}
  .border-bo{font-size:15px;}
  .border-sa{font-size:14px;}
}

/* ---------------------------- 下層トップ ---------------------------- */
.kaso-philosophy{width:100%;padding:3vw 0;overflow:hidden;}
.ks-phi-ttl-box{text-align:left;width:80%;margin:0 auto;}
.ks-phi-ttl-box h2{font-size:26px;letter-spacing:6px;position:relative;z-index:9;margin-top:3%;}
.ks-phi-ttl-box h2 span{color:#ffb5d0;}
.ks-phi-ttl-box .sub-ttl{margin:5px 0 3%;position:relative;z-index:9;font-size:16px;letter-spacing:3px;font-weight:bold;}
.ks-phi-main{display:flex;justify-content:space-between;width:85%;margin:0 auto;}
.ks-phi-left{width:60%;}
.ks-phi-left p{margin:3% auto;}
.ks-phi-left li{border-bottom:1px dashed #437165;display:inline-block;}
.ks-phi-right{width:37%;}
.ks-phi-right img{width:100%;}
@media screen and (max-width:950px){
  .ks-phi-main{width:90%;}
  .ks-phi-right{margin-left:5%;}
}
@media screen and (max-width:800px){
  .ks-phi-ttl-box h2{font-size:22px;letter-spacing:4px;}
}
@media screen and (max-width:700px){
  .ks-phi-main{width:85%;}
  .kaso-philosophy {padding:4vw 0 3vw;}
  .ks-phi-main{display:block;}
  .ks-phi-left{width:100%;margin: 5% 0 5% 0;}
  .ks-phi-left li{display:block;}
  .ks-phi-right{width:80%;margin-left:0;margin:0 auto;}
}
@media screen and (max-width:500px){
  .kaso-philosophy {padding:5vw 0 3vw;}
	.ks-phi-ttl-box h2{font-size:20px;letter-spacing:2px;}
  .ks-phi-right{width:100%;}
}
@media screen and (max-width:430px){
  .com-ttl h3 span,.com-ttl h3{letter-spacing:1px;}
}
.kaso-top{width:100%;height:90px;margin:0 auto;}
.kaso-top-bg{top:0;left:0;width:100%;height:90px;background-color:#ab774e;z-index:-2;}
.kaso-top-bg-circle{top:-150px;left:-160px;width:500px;height:500px;background-color:#659488;z-index:-1;border-radius:100%;}
.kaso-top-box-ad{top:10px;left:15px;z-index:9;}
.kaso-top-box-ad p{font-size:15px;color:#fff;margin-bottom:3px;font-weight:bold;}
.kaso-top-v{top:17vh;left:0;width:100%;height:auto;}
.kaso-top-v img{width:68%;border-radius:0 100px 100px 0;display:inline-block;object-fit:cover;height:75vh;position:relative;z-index:6;}
.kaso-top-box-bk-img{top:0;height:260px;width:100%;left:0;background-image:url(./img/gallery101.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;}
.kaso-top-box-bk-img::after{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3e3e3e;opacity:.6;content:'';}
.kaso-top-box-bk-img h1{position:absolute;top:50%;left:50%;letter-spacing:10px;transform:translate(-50%,-50%);font-size:26px;color:#fff;z-index:3;}
.kaso-top-box-ttl{text-align:center;top:50px;left:50%;transform:translate(-50%,-50%);z-index:9;}
.kaso-top-box-ttl:hover{opacity:.7;}
.kaso-top-box-ttl-img1{width:450px;}
.kaso-top-box-ttl-img2{width:70px;}
.kaso-top-box-tel{width:280px;top:0;right:0;background-color:#ee92a2;padding:17.5px 0px 17.5px 25px;border-radius:20px 0 0 20px;z-index:9;}
.kaso-top-box-tel:hover{background-color:#F2A650;}
.kaso-top-box-tel h2{margin:2px 7px 0 0;}
.kaso-top-box-tel-img{width:20px;height:20px;margin:6px 12px 0 0;}
.kaso-top-box-tel p,.kaso-top-box-tel h2{color:#fff;letter-spacing:.2rem;}
.kaso-top-box-tel p{font-size:12px;margin:1px 0 0;}
.kaso-d-f{justify-content:center;align-items:center;}
@media screen and (max-width:1300px){
  .kaso-top-box-ttl-img1{width:380px;}
  .kaso-top-box-ttl-img2{width:40px;}
}
@media screen and (max-width:1150px){
  .kaso-top-box-ttl-img1{width:300px;}
  .kaso-top-box-ttl-img2{width:30px;}
  .kaso-top-box-ad p{font-size:14px;}
}
@media screen and (max-width:950px){
  .kaso-top-box-ad{display:none;}
  .kaso-top-box-ttl{left:17%;}
}
@media screen and (max-width:800px){
  .kaso-top{display:none;}
  .kaso-top-box-bk-img{top:69px;}
}
@media screen and (max-width:600px){
  .kaso-top-box-bk-img h1{width:100%;text-align:center;font-size:21px;}
  .kaso-top-bg-circle{display:none;}
}

/*--------------------------- サブメニュー(新規下層) ---------------------------*/
.sab2{padding:1% 0 1% 1%;display:flex;justify-content:left;}
.sab2-wb{background-color:#fff;}
.sab2 h6{font-size:16px;margin:.3% 0 0 .8%;}
.sab2 a{font-size:18px;margin:0.15% .5% 0 .9%;font-weight:bold;color:black; opacity:.5;}
.sab2 a:hover{transition:all .5s;opacity:1;}
@media screen and (max-width:800px){
  .sab2{margin-top:70px;}
  .sab2 h6{font-size:14px;}
  .sab2 a{font-size:16px;}
}
@media screen and (max-width:500px){
	.sab2 h6{font-size:12px;}
  .sab2 a{font-size:14px;}
}
.news-itiran .sab-menu a{color:#fff;opacity:.5;}


/* ---------------------------- 初めての方へ ---------------------------- */
/* 時間帯予約制について / 急患の場合 */
.tim-kyu-top{width:100%;margin:0 auto;max-width:1200px;}
.kyu-top{width:85%;margin:1% auto;}
.kyu-bottom{margin:2% auto 1%;font-size:22px;color:#e66a6a;border-bottom: 7px double #d0b725;display:inline-block;}
/* .kyu-top li{width:100%;} */
.tim-top{width:90%;margin:3% auto;}
.tim-top h3{background-color:#437165;color:#fff;padding:5px 5px 8px 10px;}
.tim-top ul{width:95%;margin:3% auto;}
.tim-line-table{width:100%;margin:0 auto;border-collapse:collapse;}
.tim-line-table th,.tim-line-table td{border:2px solid #000;padding:1rem;background:#fff;}
.tim-line-table th{width:25%;text-align:left;}
.tim-line-table td{width:75%;}
.tim-h4-border{border-bottom: 2px dashed #437165;padding:0 5px;}
.kaso-sport{width:100%;}

@media screen and (max-width:950px){
  .kyu-bottom{font-size:20px;}
}
@media screen and (max-width:700px){
  .kyu-bottom{font-size:18px;}
}
@media screen and (max-width:500px){
  .kyu-bottom{font-size:17px;}
  .tim-top h3{padding:5px 5px 8px 8px;font-size:16px;}
  .tim-line-table th{background:#96cfc0;}
  .tim-line-table th,.tim-line-table td{width:100%;display:block;border:none;}
}
/* ---------------------------- 犬種・猫種別疾患 ---------------------------- */
/* 犬種・猫種別疾患表トップ */
.disease-toc{width:100%;margin:0 auto;max-width:1200px;}
.disease-toc-fl-beginner{display:flex;flex-wrap:wrap;justify-content:space-between;width:85%;margin:1% auto 0%;}
.disease-toc-fl-beginner a{width:27%;margin:1% auto;}
.disease-toc-fl-beginner .disease-toc-fl-h6{width:100%;margin:1% auto;font-size:14px;}
.disease-toc-fl-h6{width:240px;padding:5% 0; margin:0 auto;background-color:#fff;text-align:center;color:black;border:3px solid black;z-index:9;}
.disease-toc-fl-h6-1::after{position:absolute;content:'';bottom:0;right:0;width:0;height:0;border-style:solid;border-color:transparent transparent #437165 transparent;border-width: 0px 0px 22px 22px;z-index:-1;}
.disease-toc-fl-h6-2::after{position:absolute;content:'';bottom:0;right:0;width:0;height:0;border-style:solid;border-color:transparent transparent #fbadc3 transparent;border-width: 0px 0px 22px 22px;z-index:-1;}
.disease-toc-fl-h6-1:hover{background-color:#437165;color:#fff;}
.disease-toc-fl-h6-2:hover{background-color:#fbadc3;}
@media screen and (max-width:950px){
  .disease-toc-fl-beginner{width:100%;}
}
@media screen and (max-width:850px){
  .disease-toc-fl-h6{width:220px;}
  .disease-toc-fl-beginner .disease-toc-fl-h6{width:96%;font-size:13px;}
}
@media screen and (max-width:800px){
  .disease-toc-fl{width:68%;}
  .disease-toc-fl-beginner a{width:32%;}
}
@media screen and (max-width:700px){
  .disease-toc-fl{width:75%;}
  .disease-toc-fl-beginner a{width:50%;}
}
@media screen and (max-width:600px){
  .disease-toc-fl{width:85%;}
  .disease-toc-fl-h6{width:210px;padding:4% 0;}
}
@media screen and (max-width:500px){
  .disease-toc-fl{justify-content:center;}
  .disease-toc-fl a{margin:2% auto;}
  .disease-toc-fl-h6{width:300px;}
  .disease-toc-fl-beginner .disease-toc-fl-h6{font-size:12px;}
}
@media screen and (max-width:430px){
  .disease-toc-fl-beginner a{width:100%;margin:0 auto;}
  .disease-toc-fl-beginner .disease-toc-fl-h6{font-size:14px;}
}

.order4{width:80%;display:flex;margin:0 auto;justify-content:space-between;flex-wrap:wrap;}
.order4 li{margin:1% 0;}
.tim-line{margin:3% auto;width:85%;}
.tim-line-a{font-size:18px;color:#000;background:#fff;border:2px solid #437165;padding:15px 15px;text-align:center;position:relative;}
.tim-line-a::after{position:absolute;content:'';bottom:0;right:0;width:0;height:0;border-style:solid;border-color:transparent transparent #437165 transparent;border-width: 0px 0px 18px 18px;}
.tim-line-a::before{position:absolute;content:'';top:0;left:0;width:0;height:0;border-style:solid;border-color:#437165 transparent transparent transparent;border-width: 18px 18px 0 0;}
.tim-line-a:hover{background-color:#437165;color:#fff;}
.kyu-border{color:red;}
.tim-kyu-ul{display:flex;}
.tim-kyu-ul ul{width:30%;text-align:center;}
.tim-kyu-ul-order{margin-bottom:2%;border-bottom:2px dashed #a59b9b;padding-left:2%;}
@media screen and (max-width:1200px){
  .tim-line-a{font-size:16px;}
}
@media screen and (max-width:950px){
  .tim-line-a{font-size:14px;}
}
@media screen and (max-width:700px){
  .tim-line-a{font-size:13px;padding:10px 20px;}
}
@media screen and (max-width:500px){
  .tim-line{margin:6% auto 7%;}
  .tim-kyu-ul{flex-wrap:wrap;}
  .tim-kyu-ul ul{width:45%;margin:3% 2.5%;}
}

/* ---------------------------- 泌尿器 ---------------------------- */
.kano,.bw,.flow{width:100%;margin:0 auto;max-width:1200px;}
.kano-top{width:340px;margin:2% auto 5%;text-align:center;}
.kano-top h1{padding-bottom:10px;border-bottom:3px dashed #437165;}
.kano-dog-cat{width:80%;margin:3% auto;}
.kano-dog-cat h1{background-color:#437165;color:#fff;padding:5px 5px 8px 15px;}
.kano-main{width:100%;margin:3% auto;}
.kano-main h2{margin-bottom:2%;padding-left:2%;}
/* border-bottom:2px dashed #a59b9b; */
.kano-main p{width:96%;margin:0 auto 1%;}
.accordion-container summary{cursor:pointer;}
.accordion-container p{width:95%;margin:0 auto;}
@media screen and (max-width:700px){
  .kano-dog-cat{width:85%;}
}
@media screen and (max-width:500px){
  .kano-dog-cat{width:90%;}
  .kano-main h2{padding-left:5%;}
}

/* @media screen and (max-width:1300px){
    .kaso-top-box-ttl-img1{width:400px;}
}
@media screen and (max-width:1150px){
    .kaso-top-box-ad{top:15px;left:15px;}
    .kaso-top-box-ad p{font-size:14px;}
    .kaso-top-box-ttl-img1{width:350px;}
    .kaso-top-box-ttl-img2{width:25px;}
    .kaso-top-box-tel h2{font-size:20px;}
}
@media screen and (max-width:1050px){
    .kaso-top-box-ttl-img1{width:300px;}
}
@media screen and (max-width:950px){
    .kaso-top-box-ad{display:none;}
    .kaso-top-box-ttl{left:3%;transform:translate(0%,0);}
} */
/* @media screen and (max-width:700px){
  .kaso-top-bg-circle{width:400px;height:400px;}
} */

.toku{background-color:#437165;width:100%;margin:0 auto;padding-bottom:3%;}
.toku-top{width:340px;margin:6% auto 3%;text-align:center;padding-top:3%;}
.toku-top h1{padding-bottom:10px;border-bottom:3px dashed #fff;color:#fff;}
.toku-main{width:80%;margin:0 auto;}
.toku-main-ul{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;margin:0 auto;}
.toku-main ul li{width:30%;}
.toku-main ul li img{width:100%;}
.toku-main ul li h2{color:#fff;font-size:20px;text-align:center;}
.toku-main-ul-other,.toku-main-ul-first-eye{margin:14px auto;}
.toku-main-ul-first{margin:28px auto;}
.toku-main ul li p{color:#fff;border-top:1px solid #fff;padding-top:12px;}
@media screen and (max-width:800px){
  .toku-main{width:90%;}
}
@media screen and (max-width:700px){
  .toku-main ul li{width:45%;margin:3% 2.5%;}
  .toku-main ul li h2{font-size:15px;}
}
@media screen and (max-width:500px){
  .toku-main ul li{width:100%;margin:3% auto;}
}
.bg-img{width:100%;margin:0 auto;overflow:hidden;}
.nikukyu4{opacity:.05;z-index:0;transform:rotate(-45deg);top:-100px;left:-100px;}
.nikukyu5{opacity:.05;z-index:0;transform:rotate(-15deg);top:20px;left:35%;}
.nikukyu6{opacity:.05;z-index:0;transform:rotate(-45deg);top:400px;right:0;}
.med{width:100%;margin:0 auto;background-color:#fff;}
.med-back{width:80%;margin:0 auto;max-width:1200px;}
.med-back h1{border-bottom:4px dashed #dadada;padding-top:3%;}
.med-main{width:100%;margin:3% auto 0;}
.med-main-ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:90%;margin:0 auto;}
.med-back-l{padding-bottom:2%;}
.cli-li{display:flex;justify-content:left;align-items:center;width:260px;border:3px solid #76b5a5;padding:10px 5px;text-align:center;position:relative;border-radius:.5rem;}
.cli-li-last{justify-content:center;}
.cli-li img{width:12%;margin:0 5% 0 7%;}
.prev-li{width:260px;border:3px solid #fbadc3;padding:10px 5px;text-align:center;position:relative;border-radius:.5rem;}
.blognews-li{width:260px;border:3px solid #ab774e;padding:10px 5px;text-align:center;position:relative;border-radius:.5rem;}
.cli-li::after{position:absolute;content:'';bottom:-1px;right:-1px;width:0;height:0;border-style:solid;border-color:transparent transparent #76b5a5 transparent;border-width: 0px 0px 18px 18px;border-radius:2px;}
.cli-li::before{position:absolute;content:'';top:-1px;left:-1px;width:0;height:0;border-style:solid;border-color:#76b5a5 transparent transparent transparent;border-width: 18px 18px 0 0;border-radius:2px;}
.cli-li:hover{background-color:#76b5a5;color:#fff;}
.prev-li::after{position:absolute;content:'';bottom:-1px;right:-1px;width:0;height:0;border-style:solid;border-color:transparent transparent #fbadc3 transparent;border-width: 0px 0px 18px 18px;border-radius:2px;}
.prev-li::before{position:absolute;content:'';top:-1px;left:-1px;width:0;height:0;border-style:solid;border-color:#fbadc3 transparent transparent transparent;border-width: 18px 18px 0 0;border-radius:2px;}
.prev-li:hover{background-color:#fbadc3;color:black;}
.blognews-li::after{position:absolute;content:'';bottom:-1px;right:-1px;width:0;height:0;border-style:solid;border-color:transparent transparent #ab774e transparent;border-width: 0px 0px 18px 18px;border-radius:2px;}
.blognews-li::before{position:absolute;content:'';top:-1px;left:-1px;width:0;height:0;border-style:solid;border-color:#ab774e transparent transparent transparent;border-width: 18px 18px 0 0;border-radius:2px;}
.blognews-li:hover{background-color:#ab774e;color:#fff;}
.med-main-ul a{color:black;margin-bottom:2%;}

@media screen and (max-width:1200px){
  .cli-li,.prev-li,.blognews-li{width:230px;}
}
@media screen and (max-width:1100px){
  .cli-li,.prev-li,.blognews-li{width:200px;padding:10px 5px;}
}
@media screen and (max-width:950px){
  .cli-li,.prev-li,.blognews-li{width:180px;}
  .cli-li img{margin:0 3% 0 7%;}
}
@media screen and (max-width:800px){
  .med-main-ul{width:95%;}
  .cli-li,.prev-li,.blognews-li{width:160px;}
  .cli-li img{margin:0 3% 0 5%;}
}
@media screen and (max-width:700px){
  .med-back{width:90%;}
}
@media screen and (max-width:600px){
  .med-back{width:85%;}
  .cli-li,.prev-li,.blognews-li{width:180px;}
}
@media screen and (max-width:500px){
  .med-back{width:90%;}
  .cli-li,.prev-li,.blognews-li{width:165px;padding:8px 5px;}
}
@media screen and (max-width:430px){
  .med-main-ul{width:100%;}
  .cli-li,.prev-li,.blognews-li{width:175px;}
}
@media screen and (max-width:400px){
  .cli-li,.prev-li,.blognews-li{width:165px;}
}
@media screen and (max-width:380px){
  .cli-li,.prev-li,.blognews-li{width:150px;}
}

.flow-main{margin:4% auto;}
.flow-title h1{width:150px;margin:0 auto;text-align:center;padding:3% 0 10px 0;border-bottom:4px dashed #fbadc3;}
.flow-section{width:90%;height:240px;margin:3% auto;max-width:1200px;display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:4px dashed #437165;padding-bottom:2%;}

.flow-section-img{position:relative;width:30%;margin:0 2% 0 0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.flow-section1-img{background-image:url(./img/kura2.jpg);background-size:cover;}
.flow-section2-img{background-image:url(./img/kura10.jpg);background-size:cover;}
.flow-section3-img{background-image:url(./img/kura7.jpg);background-size:cover;background-position:left;}
.flow-section4-img{background-image:url(./img/kura1.jpg);background-size:cover;}
.flow-section-img::after{position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-color:#ab774e transparent transparent transparent;border-width: 18px 18px 0 0;content:'';}
.flow-section-img img{width:30%;}

.flow-sec-main{width:65%;margin:0 0 0 3%;}
.flow-sec-main h2,.flow-sec-main h3{display:inline-block;}
.flow-sec-main h2{margin-right:5%;}
.flow-sec-main h2 span{color:#437165;margin-left:10px;}
.flow-sec-main-inner{margin-bottom:2%;}
.flow-sec-main h3{padding:0 5px;background:linear-gradient(transparent 70%, rgba(255, 177, 67, 0.541) 70%);}
@media screen and (max-width:600px){
  .flow-section{height:100%;}
  .flow-section-img{width:100%;height:250px;margin:0 auto;}
  .flow-sec-main{width:100%;margin:3% auto;height:100%;}
  .flow-section-img::after{border-width:50px 50px 0 0;}
}
@media screen and (max-width:430px){
  .flow-section-img{height:220px;}
}

/* ---------------------------- 眼科 ---------------------------- */
.eye-top{width:100%;margin:0 auto;padding:2% 0;background-color:#fff;overflow:hidden;}
.eye-kaso-top h1{text-align:center;padding-bottom:7px;border-bottom:4px dashed #ffaff8;width:350px;margin:0 auto;}
.eye-top-inner{width:80%;margin:0 auto;max-width:1200px;}
.eye-top-box{width:90%;margin:2% 0;}
.box-box{margin:5% 0;}
.eye-top-box ul{display:flex;flex-wrap:wrap;justify-content:space-between;font-weight:bold;width:100%;margin:5% auto 0;}
.eye-top-box ul li{width:33%;margin:0 auto;text-align:center;margin-bottom:3%;}
.eye-top-box h1{text-align:center;margin-top:3%;z-index: 9;position:relative;}
.eye-top-box h1 span{font-size:32px;color:#e66a6a;border-bottom:7px double #d0b725;padding:0 5px;}
/* .eye-top-box span{color:#fff;background:#e66a6a;padding:5px;} */
.ff-f{font-size:26px;color:#e66a6a;border-bottom:7px double #d0b725;padding:0 5px;display:inline-block;margin:2% 0;}
.ff-f2{font-size:20px;color:#fff;background:#e66a6a;padding:5px;}
/* .eye-top-box span{font-size:26px;color:#e66a6a;border-bottom:7px double #d0b725;padding:0 5px;} */
/* 下層カラー変更 */
.kaso-span span{font-size:24px;color:#ff7bc4;}

.eye-top-inner-phone{display:none;}
.eye-top-img1{position:absolute;bottom:0;right:0;width:10%;}
.eye-top-img2{position:absolute;top:-40%;left:-20%;width:60%;opacity:.05;transform:rotate(25deg);z-index:0;}

.eye-toc{width:100%;margin:0 auto;max-width:1200px;}
.eye-toc h1{width:350px;margin:3% auto;text-align:center;padding-bottom:10px;border-bottom:3px dashed #437165;}
.eye-toc-fl{display:flex;flex-wrap:wrap;justify-content:space-between;width:50%;margin:3% auto 5%;}
.eye-toc-fl-beginner{display:flex;flex-wrap:wrap;justify-content:space-between;width:85%;margin:3% auto 5%;}
.eye-toc-fl-beginner a{width:33%;margin:2% auto;}
.eye-toc-fl-beginner .eye-toc-fl-h6{width:90%;margin:2% auto;font-size:16px;}
.eye-toc-fl-h6{width:240px;padding:5% 0; margin:0 auto;background-color:#fff;text-align:center;color:black;border:3px solid black;z-index:9;}
.eye-toc-fl-h6-1::after{position:absolute;content:'';bottom:0;right:0;width:0;height:0;border-style:solid;border-color:transparent transparent #437165 transparent;border-width: 0px 0px 22px 22px;z-index:-1;}
.eye-toc-fl-h6-2::after{position:absolute;content:'';bottom:0;right:0;width:0;height:0;border-style:solid;border-color:transparent transparent #fbadc3 transparent;border-width: 0px 0px 22px 22px;z-index:-1;}
.eye-toc-fl-h6-1:hover{background-color:#437165;color:#fff;}
.eye-toc-fl-h6-2:hover{background-color:#fbadc3;}


.kano-sec{background:#fff;padding:2%;margin:3% auto;}
.kano-sec hr{height:3px;background-color:black;margin-bottom:3%;}
.kano-sec h2{position:relative;margin-left:5%;}
.kano-sec h2::before{position:absolute;content:"";width:20px;height:20px;background:#ff91b0;border-radius:50%;top:50%;left:-2%;transform:translate(-50%,-50%);}
.kano-sec-inner{width:100%;margin:0 auto;}
.kano-sec-inner h6{margin:0 0 2% 2%;background-color:#ff91b0;color:#ffffff;padding:5px 0 5px 20px;box-shadow:0 2px 4px #b4b1a0;}
.kano-sec-inner ul{margin:1% 0 4% 5%;}
.kano-sec-inner li{margin-bottom:1%;position:relative;}
.kano-sec-inner li::after{position:absolute;content:'';top:10px;left:-19px;width:7px;height:7px;background-color: rgb(28, 28, 28);transform:rotate(45deg);}

@media screen and (max-width:1100px){
  .eye-top-box{width:100%;}
  .eye-top-box h1 span{font-size:28px;}
  .ff-f{font-size:24px;}
  .ff-f2{font-size:18px;}
  .kaso-span span{font-size:22px;}
  .eye-top-img1{right:-5%;}
}
@media screen and (max-width:1000px){
  .eye-top-inner{width:90%;}
  .eye-top-img1{right:-3%;}
  .eye-toc-fl{width:60%;}
}
@media screen and (max-width:950px){
  .kano-sec-inner li::after{top:7px;}
  .ff-f{font-size:23px;}
  .ff-f2{font-size:17px;}
  .kaso-span span{font-size:20px;}
}
@media screen and (max-width:850px){
  .eye-toc-fl-h6{width:220px;}
  .eye-toc-fl-beginner .eye-toc-fl-h6{width:96%;}
}
@media screen and (max-width:800px){
  .eye-top-box h1{font-size:17px;}
  .eye-top-box h1 span{font-size:25px;}
  .ff-f{font-size:22px;}
  .kaso-span span{font-size:19px;}
  .eye-toc-fl{width:68%;}
  .eye-toc-fl-beginner .eye-toc-fl-h6{font-size:14px;}
}
@media screen and (max-width:700px){
  .eye-top-box ul li{width:45%;}
  .ff-f{font-size:20px;}
  .ff-f2{font-size:18px;}
  .kaso-span span{font-size:18px;}
  .eye-top-inner-pc{display:none;}
  .eye-top-inner-phone{display:block;}
  .eye-toc-fl{width:75%;}
  .eye-toc-fl-beginner a{width:50%;}
}
@media screen and (max-width:600px){
  .eye-toc-fl{width:85%;}
  .eye-toc-fl-h6{width:210px;padding:4% 0;}
}
@media screen and (max-width:500px){
  .box-box{margin:10% 0;}
  .eye-top-box ul li{width:100%;}
  .ff-f,.ff-f2{display:inline-block;margin:2% 0;}
  .ff-f{font-size:16px;}
  .ff-f2{font-size:15px;}
  .eye-toc-fl{justify-content:center;}
  .eye-toc-fl a{margin:2% auto;}
  .eye-toc-fl-h6{width:300px;}
  .eye-toc-fl-beginner {width:90%;}
  .eye-toc-fl-beginner .eye-toc-fl-h6{font-size:13px;}
  .kano-sec{padding:5%;}
  .kano-sec h2::before{width:15px;height:15px;}
  .kano-sec-inner li::after{top:6px;left:-16px;}
}
@media screen and (max-width:430px){
  .ff-f{font-size:15px;}
  .eye-toc-fl-beginner a{width:80%;margin:0 auto;}
  .kano-sec-inner h6{font-size:14px;padding:5px 0 5px 14px;}
}
/* ---------------------------- 循環器 ---------------------------- */
.jyunkan-top{width:100%;margin:0 auto;}
.shin-top{text-align:center;padding-bottom:7px;border-bottom:4px dashed #ffaff8;width:300px;margin:0 auto;}
.shin-main{width:80%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:3% auto;}
.shin-rl{width:45%;margin:0 auto;}
.shin-rl h1{border:2px solid black;padding-left:3%;margin-bottom:2%;}
.shin-rl-dog h1{background-color:#437165;color:#fff;}
.shin-rl-cat h1{background-color:#fbadc3;}

.shin-rl table{border-collapse:collapse;}
.shin-rl tr{border-bottom:1px solid black;}
.shin-rl th{text-align:left;width:100px;padding:5px;}
.shin-rl td{font-size:16px;padding:5px;}
@media screen and (max-width:950px){
  .shin-main{width:85%;}
  .shin-rl{width:47%;}
  .shin-rl td{font-size:14px;}
}
@media screen and (max-width:700px){
  .shin-main{display:block;}
  .shin-rl{width:100%;margin:5% auto;}
  .shin-rl table{width:100%;}
  .shin-rl td{font-size:13px;}
}

/* ---------------------------- フィラリア ---------------------------- */
.filaria,.nomi-madani{width:100%;margin:5% auto 0;}
.filaria h2,.nomi-madani h2{text-align:center;font-size:26px;letter-spacing:6px;position:relative;z-index:9;font-weight:bold;}
.filaria h2 span,.nomi-madani h2 span{color:#ff9ee0;position:relative;z-index:9;}
.filaria img{width:80%;margin:0 auto;}
.tim-line-fila{font-size:18px;margin:2% 0 1%;color:#000;padding:7px 15px;text-align:left;position:relative;font-weight:bold;display:inline-block;}
.tim-line-fila::before{position:absolute;content:'';top:50%;left:0;width:0;transform:translate(0,-50%);border-radius:50%;height:0;border-style:solid;}

.nomi-madani h4{text-align:center;margin:1% auto 2%;width:90%;}
.nomi-madani h5{text-align:center;margin:0 auto;width:90%;}
@media screen and (max-width:1200px){
  .tim-line-fila{font-size:16px;}
}
@media screen and (max-width:950px){
  .tim-line-fila{font-size:14px;}
}
@media screen and (max-width:800px){
  .filaria h2,.nomi-madani h2{font-size:22px;letter-spacing:4px;}
}
@media screen and (max-width:700px){
  .tim-line-fila{font-size:13px;padding:3px 15px;}
}
@media screen and (max-width:500px){
  .filaria h2,.nomi-madani h2{font-size:20px;letter-spacing:2px;}
  .tim-line-fila{margin:3% 0 2%;}
}

/* ---------------------------- 避妊、去勢 ---------------------------- */
.flow-all{width:100%;margin:5% auto 0;}
.flow-all h2{text-align:center;font-size:26px;letter-spacing:6px;position:relative;z-index:9;font-weight:bold;}
.flow-all h2 span{color:#ff9ee0;position:relative;z-index:9;}

.flow-all h4{text-align:center;margin:1% auto 2%;width:90%;}
.flow-all h5{text-align:center;margin:0 auto;width:90%;}
@media screen and (max-width:950px){
}
@media screen and (max-width:800px){
  .flow-all h2{font-size:22px;letter-spacing:4px;}
}
@media screen and (max-width:500px){
	.flow-all h2{font-size:20px;letter-spacing:2px;}
}
.tim-line-flow,.tim-line-flow-vacc{font-size:18px;margin:2% 0 1%;color:#437165;background:#fff;border:2px solid #437165;padding:5px 15px;text-align:center;position:relative;font-weight:bold;}
.tim-line-flow{width:30%;}
.tim-line-flow-vacc{width:55%;}
.tim-line-flow::before,.tim-line-flow-vacc::before{position:absolute;content:'';top:0;left:0;width:0;height:0;border-style:solid;border-color:#437165 transparent transparent transparent;border-width: 18px 18px 0 0;}
.under{border:2px dashed #437165;}

.surgery{width:100%;margin:0 auto;max-width:1200px;}
.surgery-main{margin:4% auto;}
.surgery-title h2{width:150px;margin:0 auto;text-align:center;padding:3% 0 10px 0;border-bottom:4px dashed #fbadc3;}
.surgery-section{width:90%;margin:3% auto;max-width:1200px;display:flex;flex-wrap:wrap;justify-content:space-between;border-bottom:4px dashed #437165;padding-bottom:2%;}

.surgery-sec-main{width:90%;margin:0 0 0 3%;}
.surgery-sec-main h2,.flow-sec-main h3{display:inline-block;}
.surgery-sec-main h2{margin-right:5%;display:block;}
.surgery-sec-main h2 span{color:#437165;margin-left:10px;}
.surgery-sec-main-inner{margin-bottom:2%;}
.surgery-sec-main h3{padding:0 5px;background:linear-gradient(transparent 70%, rgba(255, 177, 67, 0.541) 70%);display:inline-block;}
@media screen and (max-width:1200px){
  .tim-line-flow,.tim-line-flow-vacc{font-size:16px;}
}
@media screen and (max-width:950px){
  .tim-line-flow,.tim-line-flow-vacc{font-size:14px;}
}
@media screen and (max-width:700px){
  .tim-line-flow,.tim-line-flow-vacc{font-size:13px;margin:3% 0 2%;}
  .tim-line-flow-vacc{width:100%;}
}
@media screen and (max-width:600px){
  .surgery-section{height:100%;}
  .surgery-section-img{width:100%;height:250px;margin:0 auto;}
}
@media screen and (max-width:500px){
  .tim-line-flow,.tim-line-flow-vacc{margin:4% 0 2%;width:100%;padding:2px 15px;}
  .surgery-tit-h3{font-size:15px;}
}
@media screen and (max-width:430px){
  .surgery-section-img{height:220px;}
}

/* ---------------------------- 診療対象動物 ---------------------------- */
/* 各種検査 */
.tim-inspection{margin:2% auto;width:95%;display:flex;flex-wrap:wrap;}
.tim-inspection-a,.tim-inspection-a-vacc{font-size:18px;color:#000;background:#fff;border:2px solid #437165;padding:15px 15px;margin-right:5%;text-align:center;position:relative;}
.tim-inspection-a::after,.tim-inspection-a-vacc::after{position:absolute;content:'';bottom:0;right:0;width:0;height:0;border-style:solid;border-color:transparent transparent #437165 transparent;border-width: 0px 0px 18px 18px;}
.tim-inspection-a::before,.tim-inspection-a-vacc::before{position:absolute;content:'';top:0;left:0;width:0;height:0;border-style:solid;border-color:#437165 transparent transparent transparent;border-width: 18px 18px 0 0;}
.tim-inspection-a:hover,.tim-inspection-a-vacc:hover{background-color:#437165;color:#fff;}

.about-inspection{margin:2% auto;width:95%;display:flex;flex-wrap:wrap;}
.about-inspection-a{width:30%;margin:0 auto;font-size:18px;color:#000;background:#fff;border:2px solid #ff7bc4;padding:15px 15px;text-align:center;position:relative;}
.about-inspection-a::after{position:absolute;content:'';bottom:0;right:0;width:0;height:0;border-style:solid;border-color:transparent transparent #ff7bc4 transparent;border-width: 0px 0px 18px 18px;}
.about-inspection-a::before{position:absolute;content:'';top:0;left:0;width:0;height:0;border-style:solid;border-color:#ff7bc4 transparent transparent transparent;border-width: 18px 18px 0 0;}
.about-inspection-a:hover{background-color:#ff7bc4;color:#fff;}
/* 動物健康保険 */
.insurance-img{display:flex;width:100%;margin:0 auto;}
.insurance-img img{width:20%;object-fit:contain;margin:-5% 0;}
/* 夜間 */
.kura{color:#000;}
@media screen and (max-width:1200px){
  .tim-inspection-a,.tim-inspection-a-vacc,.about-inspection-a{font-size:16px;}
}
@media screen and (max-width:950px){
  .tim-inspection-a,.tim-inspection-a-vacc,.about-inspection-a{font-size:14px;}
}
@media screen and (max-width:700px){
  .tim-inspection-a,.tim-inspection-a-vacc,.about-inspection-a{font-size:13px;padding:10px 20px;}
  .tim-inspection-a-vacc{width:30%;margin:0 auto;}
  .about-inspection-a{width:40%;margin:2% auto;}
}
@media screen and (max-width:600px){
  .tim-inspection-a-vacc{width:45%;margin:2.5%;}
}
@media screen and (max-width:500px){
  .tim-inspection,.about-inspection{margin:6% auto 7%;display:block;}
  .tim-inspection-a,.tim-inspection-a-vacc,.about-inspection-a{display:block;margin:3% auto;}
  .tim-inspection-a-vacc{width:90%;margin:2.5% auto;}
  .about-inspection-a{width:100%;}
  .insurance-img img{width:40%;margin:-10% 0;}
}
@media screen and (max-width:430px){
  .tim-inspection-a-vacc{width:100%;margin:2.5% auto;}
}
/* ---------------------------- 予防接種 ---------------------------- */
.dog-cat-vaccine{width:85%;margin:0 auto;}
.dog-vaccine table{width:100%;margin:0 auto;border-collapse:collapse;border:1px solid rgb(199, 199, 199);background:#fff;}
.gray{background:rgb(232, 170, 101);}
.dog-vaccine td,.dog-vaccine th{border:1px solid rgb(199, 199, 199);padding:5px;}
.kyou-flow-all{display:flex;margin:3% auto;}
.kyou-flow-img{width:40%;text-align:center;}
.kyou-flow-img img{width:60%;}
.kyou-flow-font{width:60%;}
.kyou-flow-img2{width:50%;text-align:center;}
.kyou-flow-img2 img{width:60%;}
.kyou-when-flex{display:flex;width:100%;margin:3% auto;}
.kyou-when-flex img{width:35%;margin:0 auto;}
.kyou-when-center{text-align:center;margin-bottom:3%;}
.kyou-table{width:40%;margin:3% 0;border-collapse:collapse;border:1px solid #000;text-align:left;}
.kyou-table td,.kyou-table th{border:1px solid #000;padding:5px 6px;}
@media screen and (max-width:700px){
  .kyou-flow-img{width:60%;}
  .kyou-flow-img img{width:70%;}
  .kyou-table{width:40%;}
}
@media screen and (max-width:500px){
  .kyou-table{width:100%;}
  .kyou-flow-all{display:block;}
  .kyou-flow-img{width:100%;}
  .kyou-flow-img img{width:100%;}
  .kyou-flow-font{width:100%;}
  .kyou-flow-img2{width:100%;}
  .kyou-flow-img2 img{width:100%;}
  .kyou-when-flex{display:block;}
  .kyou-when-flex img{width:100%;}
}

/* ---------------------------- 院内紹介 ---------------------------- */
.vario-flex{display:flex;margin-bottom:3%;align-items:flex-start;}
.vario-flex img{width:30%;object-fit:contain;}
.vario-flex p{width:65%;margin:0 auto;}
.vario-flex-title{border-bottom:2px dashed #437165;font-weight:bold;}
.vario-flex-com{margin-bottom:2%;}
@media screen and (max-width:700px){
  .vario-flex{display:block;}
  .vario-flex img{width:70%;}
  .vario-flex p{width:100%;margin:3% auto 7%;}
  .main-more ul{width:100%;}
}
@media screen and (max-width:500px){
  .vario-flex img{width:100%;}
}

.st-flex{display:flex;width:100%;margin:3% auto;}
.st-img{width:40%;text-align:center;}
.st-img img{width:90%;height:350px;border:2px solid #437165;border-radius:20%;object-fit:cover;}
.st-img p{background:#fff;display:inline-block;padding:5px 40px;border-radius:3rem;margin-top:-30px;font-weight:bold;}
.st-com{width:60%;text-align:left;}
.st-com span{display:inline-block;margin:5% auto 0;padding:3px 10px;background:rgba(242, 166, 80, 1);text-align:left;font-size:18px;color:#fff;}
.st-com table{width:100%;}
.st-com td,.st-com th{font-weight:normal;display:block;padding:3px 5px;}
.st-com th{background:#fff;}
.clearfix,.clearfix2{display:flex;justify-content:space-between;flex-wrap:wrap;}
.clearfix li,.clearfix2 li{width:45%;margin:3% 2.5%;}
.st-box-flex,.st-box-flex2{text-align:center;}
.st-box-flex img,.st-box-flex2 img{width:80%;height:350px;margin:0 auto;object-fit:cover;border:2px solid #437165;border-radius:20%;}
.st-box-flex h4,.st-box-flex2 h4{display:inline-block;padding:10px 40px 5px;border-radius:3rem;font-weight:bold;}
.st-box-flex p,.st-box-flex2 p{text-align:left;margin-top:5%;}

@media screen and (max-width:700px){
  .st-flex{display:block;}
  .st-img{width:80%;margin:0 auto;}
  .st-com{width:90%;margin:0 auto;}
  .st-com span{display:block;width:100%;}
  .st-com p{font-size:15px;}
  .st-com td,.st-com th{font-size:15px;display:block;}
  .clearfix,.clearfix2{display:block;}
  .clearfix li,.clearfix2 li{width:100%;margin:6% auto;}
  .st-box-flex img,.st-box-flex2 img{width:80%;}
  .st-box-p h4{font-size:17px;text-align:center;}
}
@media screen and (max-width:500px){
  .st-img{width:100%;}
  .st-img ruby{font-size:18px;}
  .st-img p{line-height:30px;letter-spacing:.5rem;}
  .st-com{width:100%;}
  .st-img img,.st-box-flex img,.st-box-flex2 img{width:90%;height:280px;}
}

.recr-content table{width:100%;margin:5% auto;border-collapse:collapse;}
.recr-content th,.recr-content td{text-align:left;padding:8px 3px;font-weight:normal;border:2px solid #437165;background:#fff;}
.recr-content th{background:#437165;color:#fff;border-bottom:2px solid #fff;}
.recr-content th:last-child{border-bottom:2px solid #437165;}
@media screen and (max-width:700px){
  .recr-content th,.recr-content td{display:block;border:none;padding:8px;}
  .recr-content th{border:2px solid #437165;}
  .recr-content td{border-left:2px solid #437165;border-right:2px solid #437165;border-bottom:2px solid #437165;}
}


/* ---------------------------- 院内紹介 ---------------------------- */
.minutes-1-all{display:flex;justify-content:center;align-items:center;width:50%;margin:0 auto;}
.minutes-1-dog,.minutes-1-cat{width:40%;margin:0 auto;text-align:center;}
.minutes-1-dog h4,.minutes-1-cat h4{margin-top:-20%;}
.minutes-1-dog img,.minutes-1-cat img{width:100%;}
.minutes-1 h5{text-align:center;margin-top:3%;}
.minutes-2{justify-content:center;}
.minutes-2 img{width:100%;}
.minutes-2 img:hover{transition:all .1s;opacity:.7;}

.features-main{margin:4% auto;}
.features-section{width:100%;margin:3% auto;max-width:1200px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:4%;background:#fff;border:6px solid #f7eab6;border-radius:2rem;}
.features-section:last-child{border-bottom:none;}

.features-section-img,.features-section-img2{position:relative;width:30%;height:200px;margin:0 2% 0 0;background-size:cover;background-position:center;background-repeat:no-repeat;}
.features-section-img2{display:none;}
.features-section1-img{background-image:url(./img/gallery101.jpg);background-size:cover;}
.features-section2-img{background-image:url(./img/gallery101.jpg);background-size:cover;}
.features-section3-img{background-image:url(./img/gallery101.jpg);background-size:cover;background-position:left;}
.features-section4-img{background-image:url(./img/gallery101.jpg);background-size:cover;}
.features-section-img img,.features-section-img2 img{width:30%;}

.features-sec-main{width:65%;margin:0 0 0 3%;}
.features-sec-main h2,.features-sec-main h4{display:inline-block;}
.features-sec-main h2{width:100%;}
.features-sec-main h2 span{color:#437165;margin-left:10px;}
.features-sec-main-inner{margin-bottom:2%;}
.features-sec-main h4{display:inline;padding:3px 10px;margin:2% auto;background:linear-gradient(to bottom, transparent 70%, #e2ff00 70%);}
@media screen and (max-width:700px){
  .minutes-1-all{width:70%;}
  .minutes-1-dog,.minutes-1-cat{width:60%;}
}
@media screen and (max-width:600px){
  .features-section{height:100%;}
  .features-section p{padding:1% 0;}
  .features-sec-main{width:100%;margin:0 auto;height:100%;}
  .features-sec-main h2{text-align:center;font-size:35px;}
  .features-sec-main h2 span{margin-left:0;}
  .features-section-img,.features-section-img{width:100%;height:250px;margin:0 auto;}
  .features-section-img{display:none;}
  .features-section-img2{display:block;width:100%;margin:6% auto;}
  .features-section-img::after,.features-section-img::after{border-width:50px 50px 0 0;}
}
@media screen and (max-width:500px){
  .minutes-1-all{width:100%;}
}
@media screen and (max-width:430px){
  .features-section-img,.features-section-img{height:220px;}
}

.time-over{color:red;}

/* ---------------------------- 健康診断 ---------------------------- */
.heal-bbo{border:3px #e66a6a solid;padding:2rem;width:75%;background:#fff;}
.heal-box{background:#fff;padding:1rem 2rem 2rem;border-radius:2rem;margin:2% auto;}
.heal-box1{border:2px #f17d7d solid;}
.heal-box2{border:3px #17cbdf solid;}
.heal-box3{border:5px #b60fa8 solid;}
.heal-box1 .te-sha{display:block;padding:0 2%;color:#e66a6a;}
.heal-box2 .te-sha{display:block;padding:0 2%;color:#0aacbe;}
.heal-box3 .te-sha{display:block;padding:0 2%;color:#b60fa8;}
.off10-text{position:relative;background:linear-gradient(transparent 60%, #ddad0eb7 0%);display:inline;padding:0 1px 0px;}
.off101{font-size:27px;color:#f14734;}
.off10{font-size:33px;color:red;}
.heal-money-box{display:flex;align-items:center;flex-wrap:wrap;}
/* .he-mon-bo{display:flex;} */
.he-he-box{display:flex;align-items:center;width:100%;margin-top:2%;}
.he-top1{margin:0 2%;display:flex;align-items:center;}
.heal-aigo{color:#e66a6a;font-size:14px;}
.heal-aigo3{font-size:14px;}
/* .he-he-aigo{margin-right:1%;} */
.he-mid{color:#f14734;margin-left:2%;}
.hehe-box{display:flex;align-items:center;}
.he-bottom{background:linear-gradient(transparent 80%, #ddad0eb7 0%);}
.heal-money1{font-size:22px;color:#f14734;}
.heal-money12{font-size:22px;}
.heal-money2{font-size:30px;color:red;margin:0 2rem;}
.he-mo-off{background:red;color:#fff;display:flex;align-items:baseline;padding:.3rem;}
.off-top{font-size:14px;}
.off-bottom{font-size:10px;}
.zei{font-size:13px;}
.heal-cont{background:#437165;color:#fff;padding:.5rem;display:inline-block;margin-bottom:10px;}
.hea-premium{text-align:center;margin:0 auto;}
.hea-premium p{display:inline-block;background:#fff;border: 3px solid #ff7799;padding:2rem;}
.premi{font-size:27px;color:#b60fa8;background:linear-gradient(transparent 70%, #ddad0eb7 0%);}


/* メインの枠 (merit-box) のスタイル */
.merit-box{width:100%;border:3px solid #ff7799;background-color:#ffffff;padding:1rem 2rem;position:relative;margin-top:5%;}
.merit-header{background-color:#ff7799;color:#fff;font-weight:bold;text-align:center;padding:15px 30px;border-radius:30px;position:absolute;top:-33px;left:50%;transform: translateX(-50%);min-width:250px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.2);}
.merit-content{display:flex;justify-content:left;margin-top:30px;padding-top:20px;flex-wrap:wrap;}
.merit-content li{width:45%;margin:0 2% 15px;padding-left:30px;position:relative;}
.merit-content li::before{content:'○';color:#ff7799;font-weight:bold;position:absolute;left:0;top:0;}

.cheat-sheet{width:95%;margin:5% auto;border:2px solid rgb(33, 33, 33);border-collapse:collapse;background:#fff;}
.cheat-sheet th{background:#28bd98;color:#fff;}
.cheat-sheet th,.cheat-sheet td{border:2px solid rgb(33, 33, 33);padding:.5rem;}
.sheet-scroll{margin:2% auto;display:none;}
@media screen and (max-width:950px){
  .cheat-sheet-main{overflow-x:scroll;}
  .cheat-sheet{white-space:nowrap;margin:0 auto;}
  .sheet-scroll{display:block;color:rgba(0, 0, 0, 0.568);}
  .merit-header{padding:10px;top:-26px;}
  .off101{font-size:20px;}
  .off10{font-size:25px;}
  .premi{font-size:25px;}
}
@media screen and (max-width:800px){
  .merit-content li{width:47%;margin:0 1% 15px;}
  .heal-money-box{display:block;}
}
@media screen and (max-width:700px){
  .heal-bbo{width:100%;}
  .merit-box{margin-top:9%;}
  .merit-content li{padding-left:20px;}
}
@media screen and (max-width:500px){
  .heal-box{background:#fff;padding:1rem 1.5rem 2rem;}
  .he-he-box{margin-top:5%;}
  .he-top{width:100%;}
  .he-top1{margin:0;}
  .heal-aigo,.he-he-aigo{margin-top:7px;}
  .heal-aigo,.heal-aigo3{font-size:10px;}
  .he-mid{margin:2% 2% 0 0;}
  .heal-money1,.heal-money12{font-size:20px;}
  .heal-money2{font-size:23px;margin:0 1rem;}
  .off-top{font-size:12px;}
  .off-top{font-size:10px;}
  .off-bottom{font-size:8px;}
  .zei{font-size:10px;}
  .merit-box{padding:1rem;}
  .merit-content{padding-top:0;}
  .merit-content li{width:100%;}
  .hea-premium p{padding:2rem 1rem;}
  .premi{font-size:20px;}
}

.ques-q{text-decoration:3px underline rgb(252, 125, 146);}
.width-max{width:100%;}