/* 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{font-size:18px;}
@media screen and (max-width:1200px){
  p,th,td,li{font-size:16px;}
}
@media screen and (max-width:950px){
  p,th,td,li{font-size:14px;}
}
@media screen and (max-width:700px){
  p,th,td,li{font-size:13px;}
}

/* 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;background:#8A6454;}
.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:80vh;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:105px;left:0;width:100%;height:auto;}
.top-v img{width:68%;border-radius:0 40px 40px 0;display:inline-block;object-fit:cover;height:75vh;position:relative;z-index:6;}
@media screen and (max-width:800px){
  .top-v{top:0;}
  .top-v img{width:100%;height:100vh;border-radius:0;}
}
@media screen and (max-width:700px){
  .top-bg-circle{display:none;}
  .top,.top-v img{height:440px;margin-top:70px;}
}
@media screen and (max-width:500px){
  .top,.top-v img{height:350px;margin-top:70px;}
}

.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);}
}
@media screen and (max-width:800px){
  .top-box-ttl,.top-box-tel{display:none;}
}

/* .top-menu-box a{width:7vw;height:7vw;background-position:center;background-size:cover;}
.top-menu-box{margin:3% auto;}
.top-menu{top:7vw;right:5.5%;}
.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);} */

.top-prara{width:100%;margin:0 auto;}
.top-banner-fip{width:20.5vw;height:10.5vw;background-color:#b4b1a02f;top:20vh;right:5.5%;text-align:center;}
.top-banner-fip img{width:100%;height:100%;object-fit:contain;}
.top-banner-fip img:hover{opacity:0.7;}
.top-banner{width:20.5vw;height:11.5vw;background-color:#b4b1a02f;top:45vh;right:5.5%;text-align:center;}
.top-banner img{width:100%;height:100%;object-fit:contain;}
.top-banner img:hover{opacity:0.7;}

.time-box{bottom:0;right:0;padding:20px;background-color:#fff;overflow:hidden;z-index:9;border:2px solid #000;border-radius:40px 0 0 40px;}
.biz-hour{display:block;border-collapse:collapse;margin-bottom:5px;padding-left:15px;}
.biz-hour p{font-weight:bold;padding:10px;text-align:center;border-bottom:1.5px solid #757575;font-size:14px;}
.td-or{color:#F58D16;}
.time-line h6{font-weight:bold;color:#00B900;margin:0 0 2% 27px;font-size:18px;}
.time-line p{font-size:14px;margin:15px 0 0 25px;line-height:30px;z-index:9;font-weight:bold;}

@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 5px;}
}
@media screen and (max-width:1100px){
  .top-menu{top:14vw;}
  .time-box{top:unset;bottom:0;}
  .biz-hour th, .biz-hour td{padding:2px 1px;}
  .biz-hour p{font-size:13px;}
  .time-line h6{font-size:16px;}
}
@media screen and (max-width:950px){
  .top-banner-fip,.top-banner{width:200px;height:auto;right:3%;}
  .top-banner-fip{top:22vh;}
  .top-banner{top:48vh;}
  .time-box{width:100%;border-radius:40px;}
  .biz-hour{padding-left:0;}
  .biz-hour p{padding:6px;}
}
@media screen and (max-width:850px){
  .biz-hour p{padding:4px;}
  .time-line h6{font-size:14px;}
  .time-line p{font-size:13px;}
}
@media screen and (max-width:800px){
  .time-box,.top-menu,.top-banner{display:none;}
}
/* ---------------------------- トップメニューアイコン ---------------------------- */
.menu-icon-all{width:100%;padding-top:5%;}
.menu-icon-img{width:100%;position:absolute;top:3%;left:50%;transform:translate(-50%,-47%);text-align:center;z-index:9;display:none;}
.menu-icon-img-icon{width:150px;background:#8A6454;border-radius:50%;padding:1rem;position:relative;}
.menu-icon-img::before{content:"";position:absolute;top:75px;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border:2px solid #8A6454;border-radius:50%;background:#fff;}
.menu-icon-img h2{margin-top:2%;width:100%;}
.menu-icon-img span{color:#e66a6a;}
.menu-icon{width:90%;margin:0 auto;z-index:9;position:relative;}
.menu-icon ul{width:100%;display:flex;justify-content:center;align-items:center;}
.menu-icon li{width:17%;text-align:center;position:relative;}
.menu-icon li::before{content:"";position:absolute;top:10%;right:0%;width:100%;height:80%;border-right:2px dashed #8A6454;z-index:-1;}
.menu-icon li:first-child::before{content:"";position:absolute;top:10%;right:0%;width:100%;height:80%;border-left:2px dashed #8A6454;}
.menu-icon li img{width:60%;}
.menu-icon li p{font-size:14px;}
.menu-icon li a{font-weight:bold;color:#523a2f;}
.menu-icon li a:hover{transition:all .1s;opacity:.6;}
@media screen and (max-width:950px){
  .menu-icon{width:80%;}
  .menu-icon ul{flex-wrap:wrap;}
  .menu-icon li{width:21%;margin:1% 0;}
  .menu-icon .before::before{content:"";position:absolute;top:10%;right:0%;width:100%;height:80%;border-left:2px dashed #8A6454;}
  .menu-icon li img{width:40%;}
}
@media screen and (max-width:800px){
  .menu-icon-all{padding:20% 0 3%;background:#fff;}
  .menu-icon-img{display:block;}
}
@media screen and (max-width:700px){
  .menu-icon-img::before{width:130px;height:130px;top:60px;}
  .menu-icon-img-icon{width:120px;}
  .menu-icon-img h2{font-size:23px;letter-spacing:6px;}
  .menu-icon{width:95%;}
  .menu-icon li{width:25%;}
  .menu-icon li img{width:50%;}
}
@media screen and (max-width:500px) {
  .menu-icon-img{top:14px;}
  .menu-icon-img::before{width:110px;height:110px;top:50px;}
  .menu-icon-img-icon{width:100px;}
  .menu-icon-img h2{font-size:18px;letter-spacing:5px;}
  .menu-icon{width:97%;margin:6% auto 0;}
  .menu-icon li p{font-size:13px;}
  .menu-icon li img{width:60%;}
}
@media screen and (max-width:400px) {
  .menu-icon-img-icon{padding:1.5rem;}
}

/* ---------------------------- 診療時間（レスポンシブ用） ---------------------------- */
.jikan{width:100%;margin:0% auto;padding:5% 0 5%;position:relative;background:#fff;z-index:9;display:none;}
.jikan h2{text-align:center;font-size:26px;letter-spacing:6px;}
.jikan h2 span{color:#fbadc3;}
.jikan .sub-ttl{text-align:center;margin:8px 0 3%;font-size:16px;letter-spacing:3px;font-weight:bold;}
.jikan table{border-collapse:collapse;width:80%;margin:5% auto 0;}
.table-jikan{background:#8A6454;color:#fff;}
.ta-red{color:#e66a6a;}
.jikan tr { border:1px solid #8A6454; }
.jikan th { letter-spacing:.3vw; }
.jikan td { border:1px solid #8A6454; }
.jikan th,.jikan td{padding:1rem;vertical-align:middle;text-align:center;}
.am td,.pm td{color:#F58D16;vertical-align:middle;text-align:center;}
.am th{background:#a8d1a1;}
.pm th{background:#f7aa66;}
.am { border-top:1px solid #8A6454;border-bottom:1px solid #8A6454; }
.jikan .td1-1{color:red;}
.jikan .ta-li td{color:#00B900;}
.jikan-pp{width:80%;margin:1% auto;}
@media screen and (max-width:800px) {
  .jikan{display:block;}
}
@media screen and (max-width:700px){
  .jikan-img-icon{width:23%;}
  .jikan h2{font-size:23px;letter-spacing:6px;}
  .jikan .sub-ttl{font-size:14px;}
}
@media screen and (max-width:500px) {
  .jikan-img{top:14px;}
  .jikan-img-icon{width:100px;}
  .jikan table {width:90%;font-size:14px; }
  .jikan h2{font-size:18px;letter-spacing:5px;}
  .jikan .sub-ttl{font-size:13px;}
  .jikan-pp{width:90%;margin:3% auto;}
}
@media screen and (max-width:400px) {
  .jikan-img-icon{padding:1.5rem;}
  .jikan table { font-size:13px; }
}


/* ----------------------------あなたの家族が健康なときも、不調なときも、私たちが一生涯支えます。---------------------------- */
.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 .t-fa-ti{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:30px;font-weight:bold;}
.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 .t-fa-ti{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 .t-fa-ti{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 .t-fa-ti{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,.t-fa-2{display:none;}
  .top-family span{font-size:15px;}
  .top-family .t-fa-ti{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 .t-fa-ti{font-size:16px;letter-spacing:2px;}
}
@media screen and (max-width:370px){
  .top-family .t-fa-ti{letter-spacing:1px;}
}


.top-fmi-bottom{display:none;width:100%;margin:5% auto;}
.top-fmi-bottom img{width:45%;height:170px;object-fit:cover;margin:0;}
@media screen and (max-width:700px){
  .top-fmi-bottom{display:flex;justify-content:center;}
}
@media screen and (max-width:500px){
  .top-fmi-bottom img{width:50%;height:150px;}
}
@media screen and (max-width:430px){
  .top-fmi-bottom img{height:120px;}
}


/* ----------------------------NEWS---------------------------- */
.news{width:90%;margin:1% auto;max-width:1200px;overflow:hidden;}
.t-all-news{display:flex;justify-content:center;}
.news-left{width:30%;margin-left:7%;}
.white-ball{width:270px;height:270px;border-radius:100%;background-color:#fff;}
.news-ttl-box h2{font-size:26px;letter-spacing:6px;font-weight:bold;}
.news-ttl-box h2 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:44%;left:45px;}
.news-left .nikukyu2{bottom:38%;left:79px;}
.news-left .nikukyu3{bottom:24%;left:66px;}
.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 4% 4% 0;height:220px; overflow-y:scroll;font-weight:bold;}
.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:3%;right:32%;left:unset;}
  .news-left .nikukyu2{bottom:11%;right:29%;left:unset;}
  .news-left .nikukyu3{bottom:15%;right:35%;left:unset;}
  .t-all-news{display:block;}
  .news-ttl-box a{display:none;}
  .top-news-res{display:block;text-align:right;}
  .top-news-res a{margin:0 auto 5%;}
  .scroll-box{width:90%;margin:5% auto;}
}
@media screen and (max-width:700px){
  /* .white-ball{} */
  .news-ttl-box h2{font-size:23px;letter-spacing:6px;}
  .news-ttl-box h4{font-size:14px;margin-left:0px;}
  .scroll-box{width:100%;}
  .news-left .nikukyu1{right:35%;}
  .news-left .nikukyu2{right:32%;}
  .news-left .nikukyu3{right:38%;}
}
@media screen and (max-width:600px){
  .news-left .nikukyu1{right:40%;}
  .news-left .nikukyu2{right:37%;}
  .news-left .nikukyu3{right:43%;}
}
@media screen and (max-width:500px){
  .news-left{width:100%;}
  .news-left .nikukyu{width:18px;}
  .news-left .nikukyu1{bottom:5%;right:47%;}
  .news-left .nikukyu2{right:44%;}
  .news-left .nikukyu3{bottom:13%;right:50%;}
  .news-ttl-box h2{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 10%;}
  .news-main-box li a{display:block;}
  .news-main-box li a p{padding:0 1% 1%;}
}
@media screen and (max-width:430px){
  .news-left .nikukyu1{bottom:5%;right:57%;}
  .news-left .nikukyu2{right:54%;}
  .news-left .nikukyu3{bottom:12%;right:60%;}
}


/* ----------------------------column---------------------------- */
.column{width:100%;margin:3% 0 0;background-color:#659488;padding:2% 0;overflow:hidden;}
.column h2{text-align:center;font-size:26px;letter-spacing:6px;color:#ffffff;}
.column h2 span{color:#fbadc3;}
.column .sub-ttl{text-align:center;margin:8px 0 3%;color:#ffffff;font-size:16px;letter-spacing:3px;font-weight:bold;}
.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){
  .column .nikukyu{width:270px;height:270px;}
  .col-inner-box{width:190px;height:190px;}
  .col-inner-box a{width:170px;height:170px;}
  .col-box-exp{top:115px;}
  .col-more{letter-spacing:1px;}
}
@media screen and (max-width:800px){
  .column{width:100%;}
  .col-box{width:85%;}
  .col-more{font-size:14px;padding:3px 20px 5px;width:180px;margin-left:70px;}
}
@media screen and (max-width:700px){
  .column .nikukyu{width:230px;height:230px;}
  .column h2{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{width:100%;}
  .col-box-exp{top:100px;}
}
@media screen and (max-width:600px){
  .column .nikukyu4{top:0%;left:-5%;}
  .column .nikukyu5{top:40%;left:19%;}
  .column .nikukyu6{top:unset;bottom:5%;}
  .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{padding:4% 0 6%;}
  .column .nikukyu{width:180px;height:180px;}
  .column h2{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:45%;height:42vw;margin:2% 2.5%;}
  .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 h2{font-size:26px;letter-spacing:6px;position:relative;z-index:9;}
.top-promise h2 span{color:#659488;}
.pro-title .sub-ttl{margin:15px 0 2%;position:relative;z-index:9;font-size:16px;letter-spacing:3px;font-weight:bold;}
.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;font-weight:bold;font-size:36px;}
.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;font-size:16px;font-weight:bold;}
.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 h2{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 h2{font-size:15px;}
}
@media screen and (max-width:800px){
  .top-promise h2{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:left;margin:.7vw 1vw 1.2vw 1vw;}
.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 h2{font-size:26px;letter-spacing:6px;position:relative;z-index:9;margin-top:3%;}
.top-infomation h2 span{color:#ffb5d0;}
.info-title .sub-ttl{margin:5px 0 3%;position:relative;z-index:9;font-size:16px;letter-spacing:3px;font-weight:bold;}

@media screen and (max-width:800px){
  .top-infomation h2{font-size:22px;letter-spacing:4px;}
}
@media screen and (max-width:500px){
	.top-infomation h2{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;flex-wrap:wrap;width:100%;margin:0 auto;max-width:1200px;}
.tori-inner-box{width:22%;height:200px;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;top:85%;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;background-size:cover;}
.tori-inner-box1{background-image:url(./img/kenkousindan.jpg);}
.tori-inner-box2{background-image:url(./img/yoboshika.jpg);}
.tori-inner-box3{background-image:url(./img/taijukanri.jpg);}
.tori-inner-box4{background-image:url(./img/top-hinin.jpg);}
.tori-inner-box5{background-image:url(./img/top-yobo.jpg);}
.tori-inner-box6{background-image:url(./img/top-yobo.jpg);}
.tori-inner-box7{background-image:url(./img/huxiraria.jpg);}
.tori-inner-box8{background-image:url(./img/nomi,madani.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%;}

@media screen and (max-width:950px){
  .tori{width:90%;}
  .tori-inner-box {width:30%;margin:2% 1.6%;}
  .tori-inner-box p{width:95%;}
}
@media screen and (max-width:800px){
  .tori-inner-box{height:170px;}
}
@media screen and (max-width:600px){
  .tori-inner-box{width:40%;margin:2% 5%;}
}
@media screen and (max-width:500px){
  .tori-inner-box p{font-size:14px;}
  .tori-inner-box{width:45%;height:150px;margin:2% 2.5%;}
}
@media screen and (max-width:430px){
  .tori-inner-box{height:140px;}
}









/* .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 h2{text-align:center;font-size:26px;letter-spacing:6px;}
.calender h2 span{color:#F2A650;}
.calender .sub-ttl{text-align:center;margin:5px 0 6%;font-size:16px;letter-spacing:3px;font-weight:bold;}
.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 h2{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 h2{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:3% auto 0;overflow:hidden;max-width:1200px;}
.gre-title{text-align:left;width:80%;margin:0 auto;}
.gre-title h2{font-size:26px;letter-spacing:6px;position:relative;z-index:9;}
.gre-title h2 span{color:#F2A650;}
.gr-sub-ttl{margin:5px 0 6%;position:relative;z-index:9;font-size:16px;letter-spacing:3px;font-weight:bold;}
.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 h2{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 h2{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%;}
}


/* ---------------------------------------------------------------------------------------------------------------- */
/* ----------------------------下層ページ↓---------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

/* ---------------------------- 下層トップ ---------------------------- */
.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:3px;left:50%;transform:translate(-50%,0);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;}


/*--------------------------- サブメニュー(新規下層) ---------------------------*/
.sab2{margin:1% 0 2% 1%;display:flex;justify-content:left;}
.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 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;}


/* ---------------------------- 泌尿器 ---------------------------- */
.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%;border-bottom:2px dashed #7d7d7d;padding-left:2%;}
.kano-main p{width:96%;margin:0 auto 4%;}


/* @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{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;}

.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{width:260px;border:2px solid #437165;padding:10px 5px;text-align:center;position:relative;}
.prev-li{width:260px;border:2px solid #fbadc3;padding:10px 5px;text-align:center;position:relative;}
.blognews-li{width:260px;border:2px solid #ab774e;padding:10px 5px;text-align:center;position:relative;}
.cli-li::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;}
.cli-li::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;}
.cli-li:hover{background-color:#437165;color:#fff;}
.prev-li::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 18px 18px;}
.prev-li::before{position:absolute;content:'';top:0;left:0;width:0;height:0;border-style:solid;border-color:#fbadc3 transparent transparent transparent;border-width: 18px 18px 0 0;}
.prev-li:hover{background-color:#fbadc3;color:black;}
.blognews-li::after{position:absolute;content:'';bottom:0;right:0;width:0;height:0;border-style:solid;border-color:transparent transparent #ab774e transparent;border-width: 0px 0px 18px 18px;}
.blognews-li::before{position:absolute;content:'';top:0;left:0;width:0;height:0;border-style:solid;border-color:#ab774e transparent transparent transparent;border-width: 18px 18px 0 0;}
.blognews-li:hover{background-color:#ab774e;color:#fff;}
.med-main-ul a{color:black;margin-bottom:2%;}


.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);}
.flow-section2-img{background-image:url(./img/kura10.jpg);}
.flow-section3-img{background-image:url(./img/kura7.jpg);}
.flow-section4-img{background-image:url(./img/kura1.jpg);}
.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%);}


/* ---------------------------- 眼科 ---------------------------- */
.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);}