/*
Theme Name: clear
Theme URI:
Description:
Author:
Version:
*/



html{background: url(./img/bk.png) repeat-y center -200px;background-size:150% ;scroll-snap-type: y proximity;
  scroll-padding-top: 150px !important; scroll-behavior: smooth;}
body{font-size: 17px;overflow: hidden;width: 100%;color: #444}
a{text-decoration: none;color:#555;}
img{width: 100%;}
hr{height: 1px;border:none;outline: none;font-size: 0;border-top: dotted 1px rgba(172,183,191,1);}
hr.nami01{background: url(./img/hr01.png) no-repeat center center;border: none;background-size: cover;margin-bottom: -2vw;position: relative;z-index: 2;height: 2vw;}
hr.nami02{background: url(./img/hr02.png) no-repeat center center;border: none;background-size: cover;margin-top: -2vw;position: relative;z-index: 2;height: 2vw;}

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

.block{max-width: 1000px;margin:0 auto;}
.inblock{max-width: 1000px;margin:0 auto;position: relative;}
.block2{max-width: 1200px;margin:0 auto;}
.inblock2{max-width: 1200px;margin:0 auto;position: relative;}
.w100{width: 100% !important;}
.w600{max-width: 600px;margin:0 auto;}
.w800{max-width: 800px;margin:0 auto;}
.w1000{max-width: 1000px;margin:0 auto;}
.widthmini{max-width: 600px;margin:0 auto;}

.tleft{text-align: left !important;white-space:normal !important;}

.dami{background: #ccc;height: 300px;}

table {letter-spacing: 0;width: 100%;}
table th,
table td{padding:0;border-top: solid 1px rgba(172,183,191,1);border-bottom: solid 1px rgba(172,183,191,1);height: 70px}
table span{font-size: 12px;}

.tel a{background: rgba(125,171,209,1) !important}
.line a{background: rgba(111,184,130,1) !important}
.web a{background: rgba(238,166,163,1) !important}
.web2 a{background: rgba(217, 194, 148,1) !important}
.onl a{background: rgba(102,206,195,1) !important}


.box{padding:100px 0;}
.shadow{box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);background: #fff;padding:50px 100px;}

.flex{display: flex;justify-content: space-between;align-items: center;}
.center{text-align: center;}

.w50p{width: 50%;line-height: 200%;}

.button a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin: 0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 100px;
    background-image: linear-gradient(0deg, #b6964a 0%, #b6964a80 100%);
    border: solid 1px #b6964a;
    color: #fff;
    font-size: 1em;
    transition: 0.5s;
    letter-spacing: 0;
}

.button a::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}



.btn {text-align: center;}
.btn a,
.btn span{padding:10px 0;display: inline-block;transition:all .5s;margin:0 auto;outline: none;border:none;cursor: pointer;line-height: 100%;position: relative;border-bottom:solid 1px #555;padding-right: 20px;letter-spacing: 0;}
.btn a:hover{letter-spacing: 0.05em;}
.btn a::after,
.btn span::after {content: "";background: url(./img/arw.svg) no-repeat center center;position: absolute;top:50%;width: 10px;height: 8px;margin-top: -3px;transition: 0.5s;right: 0}

.btn2{margin-top:50px;text-align: center;}
.btn2 a,
.btn2 input{width: 300px;padding: 15px 0;text-align: center;background:rgba(172,183,191,1);font-size:16px;color:#fff;border:none;outline:none;cursor:pointer; display: inline-block;margin:0 15px;}

.arw{display: block;position: relative;}
.arw:after{content: "";background: url(./img/arw.svg) no-repeat center center;position: absolute;top:50%;right: 0;width: 6px;height: 8px;margin-top: -4px;}

.nowrap{white-space: nowrap}

.tl{font-size: 35px;letter-spacing: 0.15em;margin-bottom: 50px;position: relative;font-family: 'Philosopher', sans-serif;text-align: center;margin-bottom: 50px;}
.tl:before{content: "●";display: block;left:50%;top:54%;position: absolute;font-size: 7px;margin-left: -16px;color:rgba(217,238,244,1);}
.tl:after{content: "●";display: block;right:50%;top:54%;position: absolute;font-size: 7px;margin-right: -16px;color:rgba(213,233,227,1);}
.tl span{color:rgba(87,87,87,0.8);display: block;font-size: 14px;letter-spacing: 0;font-family: 'Noto Serif JP',serif;padding-top:20px;}
.sub_tl{font-size: 20px;text-align: center;padding:20px 0;background:rgba(172,183,191,1);margin-bottom: 50px;line-height: 100%;color:#fff;}
.sub_tl span{font-size: 80%}
.tl_copy{margin-bottom: 50px;line-height: 180%;margin-top: -20px}
.tl_copy a{text-decoration: underline;}

.tl2{font-size: 35px;letter-spacing: 0.15em;margin-bottom: 50px;position: relative;font-family: 'Noto Serif JP',serif;text-align: center;margin-bottom: 50px;}

.bk{background:rgba(125,171,209,0.1);}
.bk2{background:url(./img/bk02.png) no-repeat center bottom #fff;background-size: cover;}
.bk3{background:rgba(255,238,235,0.35);}

.mb100{margin-bottom: 100px;}
.mb50{margin-bottom: 50px !important;}
.mb30{margin-bottom: 30px !important;}
.mb20{margin-bottom: 20px !important;}
.mb10{margin-bottom: 10px !important;}
.mr50{margin-right: 50px !important;}
.ml20{margin-left: 20px;}
.pt0{padding-top:  0;}
.pt80px{margin-top:80px;}
.pb0{padding-bottom:  0;}
.center{text-align: center;line-height: 200%}
.right{text-align: right;}
.red{color:rgba(151,13,35,1);}
.bc_lb{background-color: #e4e9f2;}
.fs_14{font-size: 14px;}
.pt80px{margin: 80px 0 20px;}
.w7{width: 70%;}

/*head*/
#head{position: fixed;top:0;left: 0;width: 100%;z-index: 9999;background: #fff;}
#logo{padding:30px 20px;}
#logo img{width: 215px;}
#nav{display: flex;align-items: center;}
.circle_nav {position: fixed;bottom:2vh;right: 1vw;}
.circle_nav li{margin-top: 5px}
.circle_nav li:first-child{margin-top: 0}
.circle_nav li a{width: 120px;height: 120px;border-radius: 60px;background: rgba(242,156,151,1);color:#fff;display: flex;line-height: 120%;justify-content: center;align-items: center;flex-direction: column;text-align: center;letter-spacing: 0}
.circle_nav li:nth-child(2) a{background: rgba(111,184,130,1);}
.circle_nav li:nth-child(3) a{background: rgba(125,171,209,1);}
.circle_nav li a img{height: 32px;margin-bottom: 5px;}
.sub_nav {justify-content: flex-end;padding-right: 0;margin: 10px 0 0;}
.main_nav {justify-content: flex-end;}
.sub_nav li a{font-size: 14px;padding:0 0.8vw;display: block;letter-spacing: 0;}
.sub_nav li.nbtn a{font-size: 14px;padding:5px 0.8vw;display: block;letter-spacing: 0;background: rgba(242,156,151,1);color:#fff;}
.sub_nav li.nbtn {margin:0 0.1vw 0 0.8vw}
.sub_nav li.nbtn:last-child {margin:0}
.main_nav li a{font-size: 17px;font-weight: bold;display: block;padding:10px 0.8vw;letter-spacing: 0em;}

#head table.gsc-search-box,
#head form.gsc-search-box{margin:0}
#head table.gsc-search-box td{height: auto;}
#head table.gsc-search-box td.gsc-input{padding-right: 5px;}
#head .gsc-control-cse{padding: 0 .8vw}

#wrap{position: relative;}

.parent-link {
  display: block;
  padding: 1em;
  text-decoration: none;
  cursor: pointer;
}

/* サブメニュー共通 */
.submenu {
  padding: 1em;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  display: flex;
  gap: 0.5vw;
  flex-wrap: wrap;
  position: absolute;
  top: 80%;
  left: 2%;
  background: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  width: 96%;
  align-items: flex-start;
}

.submenu.open {
  opacity: 1;
  visibility: visible;
}

.submenu dl {
  margin: 0;
  width: 23%;
}

.submenu dt {
  font-weight: bold;
  margin-bottom: 0.5em;
  color: #222;
  cursor: pointer;
}


.submenu dd a {
  text-decoration: none;
  font-weight: normal;
font-size: 13px;
    background: #fff;
    border-radius: 50px;
    padding: 5px;
    line-height: 100%;
    display: inline-block;
    border: solid 1px rgba(172, 183, 191, 1);
    margin: 0 0 2px 0;
    transition: .3s;
}

.submenu dd a:hover {background:rgba(172,183,191,1);color:#fff;}

/* ===== PC用ホバー表示 ===== */
@media (min-width: 768px) {
  .mega-menu {
    position: relative;
    z-index: 100;
  }


  .menu-item {
    position: static;
  }

  .submenu {
    position: fixed;
    top: 98px;
    left: 2%;
    width: 96%;
    background: #fff;
    padding: 2vw 2vw;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    gap: 1vw;
    flex-wrap: wrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  /* 表示条件：親メニューまたはsubmenu自身にhover */
  .menu-item:hover .submenu,
  .submenu:hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .submenu dl {
    width: 23%;
    margin: 0;
  }

  .submenu dt {
    font-weight: bold;
    margin-bottom: 0.5em;
    color:rgba(125,171,209,1);
  }

  .submenu dd {
    display: inline-block;
  }

  .submenu dd a {
    text-decoration: none;
    color: #555;
  }

  .submenu dd a:hover {
  }
}


#foot{background: rgba(172,183,191,1);padding:100px 0;text-align: center;}
#foot h3{width: 290px;margin:0 auto;}
#foot .sns{justify-content: center;}
#foot .sns li{width: 48px;margin:35px 5px;}
#foot .menu {border-top: solid 1px #fff;border-bottom: solid 1px #fff;width: 650px;margin:0 auto 20px}
#foot .menu li a{padding:10px 0;color:#fff;display: block;}
#foot .submenu {width: 650px;margin:10px auto 0;justify-content: center}
#foot .submenu li a{padding:10px 20px;color:#fff;display: block;font-size: 14px;letter-spacing: 0}
#foot .submenu li.nbtn a{font-size: 14px;padding:5px 0.8vw;display: block;letter-spacing: 0;background: rgba(242,156,151,1);color:#fff;}
#foot #copyright{padding-top:100px}
#copyright{font-size: 13px;color:#fff;}

#ft_nav{display: none;}
#mainview{height: 700px;display: flex;align-items: center;margin:84px 20px 0;position: relative;background: url(./img/mainview01.png)no-repeat center center;background-size: cover;}
#mainview ul.main,
#mainview ul li.slick-slide,
#mainview .slick-list,
#mainview .slick-track,
#mainview ul.slick-slider {width: 100% !important;height: 700px !important;}
#mainview ul li.slick-slide{position: absolute !important;top:0;left:0;}
#mainview ul li.slick-slide:nth-child(2){background: url(./img/mainview02.png)no-repeat center center;background-size: cover;}
#mainview ul li.slick-slide:nth-child(3){background: url(./img/mainview03.png)no-repeat center center;background-size: cover;}
#mainview div.catch{display: inline-block;color:#fff;margin-left: 50%;text-shadow: 0 0 10px rgba(0, 0, 0, 1.0);position: absolute;z-index: 3}
#mainview div h2{font-size: 2.85vw;letter-spacing: 0.15em;font-family: 'Noto Serif JP', serif;}
#mainview div h2 span{font-size: 3vw;}
#mainview div p{font-size: 2.3vw;margin-top: 2vw;line-height: 160%;font-family: 'Noto Serif JP', serif;}

.covid{padding:20px 30px;border:solid 3px #78d2e7;color:#78d2e7;margin-top: 100px}
.covid h2{padding-bottom: 18px;}

#index .pick .slick-list{overflow: inherit;}
#index .pick li{width: 30%;text-align: center;padding: 0 15px;}
#index .pick li .thum{position: relative;}
#index .pick li .thum span{width: 56px;height: 56px;display: flex;justify-content: center;align-items: center;font-size: 14px;background: rgba(217,238,244,1);border-radius: 50%;position: absolute;top:15px;left:15px;}
#index .pick li .thum span.cat02{background: rgba(213,233,227,1);}
#index .pick li .name{display: block;line-height: 180%;padding-top: 15px;letter-spacing: 0}
#index .pick .slick-dots {bottom:0;padding:30px 0 0;position: relative;}
#index .pick .slick-dots li{width: auto;margin:0;padding:0}
#index .pick .slick-dots li button:before{content: "■";font-size: 16px}

#index .pick .slick-next,
#index .pick .slick-prev{width: 25px;height: 25px;top:auto;bottom:-15px;z-index: 9}
#index .pick .slick-next{right:50%;margin-right: -150px;} 
#index .pick .slick-prev{left:50%;margin-left: -150px;}
#index .pick .slick-next:before{ background:url(./img/arw_r.svg) no-repeat center center;content:"";display: block;width: 25px;height: 25px;}
#index .pick .slick-prev:before{ background:url(./img/arw_l.svg) no-repeat center center;content:"";display: block;width: 25px;height: 25px;}
#index .slick-dotted.slick-slider{margin-bottom: 0}

#index .camp .slick-list{overflow: inherit;}
#index .camp li{width: 30%;text-align: center;padding: 0 15px;}
#index .camp li .thum{position: relative;}
#index .camp li .thum span{width: 56px;height: 56px;display: flex;justify-content: center;align-items: center;font-size: 14px;background: rgba(217,238,244,1);border-radius: 50%;position: absolute;top:15px;left:15px;}
#index .camp li .thum span.cat02{background: rgba(213,233,227,1);}
#index .camp li .name{display: block;line-height: 180%;padding-top: 15px;letter-spacing: 0}
#index .camp .slick-dots {bottom:0;padding:30px 0 0;position: relative;}
#index .camp .slick-dots li{width: auto;margin:0;padding:0}
#index .camp .slick-dots li button:before{content: "■";font-size: 16px}

#index .camp .slick-next,
#index .camp .slick-prev{width: 25px;height: 25px;top:auto;bottom:-15px;z-index: 9}
#index .camp .slick-next{right:50%;margin-right: -150px;} 
#index .camp .slick-prev{left:50%;margin-left: -150px;}
#index .camp .slick-next:before{ background:url(./img/arw_r.svg) no-repeat center center;content:"";display: block;width: 25px;height: 25px;}
#index .camp .slick-prev:before{ background:url(./img/arw_l.svg) no-repeat center center;content:"";display: block;width: 25px;height: 25px;}
#index .slick-dotted.slick-slider{margin-bottom: 0}

#index #mainbnr{box-shadow: 0 0 10px rgba(0,0,0,0.2);padding:0 40px;background:#fff;margin-bottom:4%; }
#index #mainbnr p{width: 250px;margin-right: 20px;}
#index #mainbnr dl{width: 650px;}
#index #mainbnr dt {font-size: 30px;}
#index #mainbnr dt img{width: 316px;margin-right: 5px;vertical-align: top;}
#index #mainbnr dd{font-size: 14px;padding-top: 5px;letter-spacing: 0}

#main_btn .tl{font-size: 45px;padding-top: 90px;}
#main_btn .tl:before,
#main_btn .tl:after{display: none;}
#main_btn .tl span{font-size: 18px;padding-top: 0;}
#main_btn .top_btn li{width:32%;margin-bottom: 40px}
#main_btn .top_btn li a{display: block;background: rgba(217,238,244,1);height:324px;}
#main_btn .top_btn li a span{transition:all .5s;}
#main_btn .top_btn li a:hover .btn span{letter-spacing: 0.05em;}
#main_btn .top_btn li:nth-child(2) a{background: rgba(213,233,227,1); }
#main_btn .top_btn li:nth-child(3) a{background: rgba(252,235,234,1); }

#main_btn .bottom_btn2{display: flex;justify-content: space-between;}
#main_btn .bottom_btn2 li{width: 57%;}
#main_btn .bottom_btn2 li:last-child{width: 40%;}

#main_btn .bottom_btn li{width:22%;}
#main_btn .bottom_btn li a{display: block;background: rgba(172,183,191,1);height: 220px;color:#fff;letter-spacing: 0;}
#main_btn .bottom_btn .tl{font-size: 30px;padding-top: 75px;margin-bottom: 25px;}
#main_btn .bottom_btn .tl span{font-size: 14px;color:rgba(255,255,255,0.8);}
#main_btn .bottom_btn span::after {content: "";background: url(./img/arw_w.svg) no-repeat center center;position: absolute;}
#main_btn .bottom_btn .btn span{border-bottom: solid 1px #fff;transition:all .5s;}
#main_btn .bottom_btn a:hover .btn span{letter-spacing: 0.1em}

.online{text-align: center;}
.online img{width:auto}

.bnr_recruit{padding-top: 40px}

#trouble .flex{align-items: flex-start;flex-wrap: wrap;margin-bottom: -4%}
#trouble li{width: 48%;display: flex;justify-content: space-between;margin-bottom: 4%;}
#trouble li span{width: 55%;}
#trouble li .thum{width: 42%;margin-right: 3%;display: block;}
#trouble li h3{font-size: 20px;margin-bottom: 15px}
#trouble li a{font-size: 12px;background: #fff;border-radius: 50px;padding:5px;line-height: 100%;display: inline-block;border:solid 1px rgba(172,183,191,1);margin:0 2px 2px 0;transition: 0.3s}
#trouble li a:hover{background:rgba(172,183,191,1);color:#fff;}

#trouble2 .flex{align-items: flex-start;flex-wrap: wrap;margin-bottom: -4%}
#trouble2 li{width: 31%;margin-bottom: 4%;}
#trouble2 li span{width: 55%;letter-spacing: -.4em;}
#trouble2 li .thum{width: 100%;margin-bottom: 20px;display: block;}
#trouble2 li h3{font-size: 140%;margin-bottom: 20px;text-align: center;letter-spacing: 0.05em}
#trouble2 li a{font-size: 15px;border-radius: 50px;padding:5px 10px;line-height: 100%;display: inline-block;border:solid 1px rgba(172,183,191,1);margin:0 3px 3px 0;transition: 0.3s;letter-spacing: 0em;border:solid 1px rgba(172,183,191,1);color:#444;background: #fff;}
#trouble2 li a:hover{background:rgba(172,183,191,1);color:#fff;}

#reason{background:rgba(146,197,180,0.1); }
#reason .flex{align-items: flex-start;padding-top: 44px;}
#reason .flex li{width:30%;}
#reason .flex li dl{text-align: center;}
#reason .flex li dt{font-size: 22px;line-height: 150%;padding:15px 0 10px;font-weight: bold;}
#reason .flex li dd{line-height: 160%;letter-spacing: 0;font-size: 20px}
#reason .flex li .thum{position: relative;}
#reason .flex li .thum strong{position:absolute;left:50%;width: 88px;height: 88px;display: flex;align-items: center;justify-content: center;color:#fff;font-family: 'Philosopher', sans-serif;text-align: center;border-radius: 50%;background:rgba(146,197,180,1);letter-spacing: 0;flex-direction: column;line-height: 180%;margin-top: -44px;margin-left:-44px;}
#reason .flex li .thum strong span{text-align: center;font-size: 45px;}

#campaign ul{margin-bottom: -4%;flex-wrap: wrap;}
#campaign li{width: 48%;margin-bottom: 4%;line-height: 0;}
#campaign li a{line-height: 0;display: block;}

#support li{width: 48%;}
#support li a{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display: block;}
#support li a .thum{position: relative;}
#support li a .thum h3{position: absolute;display: flex;align-items: center;height: 100%;top:0;left:0;font-size: 20px;color:rgba(242,156,151,1);left:50%;line-height: 180%;}
#support li a .thum .btn{position: absolute;bottom:20px;right:20px;}
#support li a .thum .btn span{transition:all .5s;}
#support li a:hover .thum .btn span{letter-spacing: 0.05em;}
#support li a .copy{padding:15px 30px;text-align: center;line-height: 160%;}

#index #blog ul{padding-bottom: 50px;align-items: stretch;}
#index #blog ul li{width: 22%;}
#index #blog ul ul{padding-bottom: 0;}
#index #blog li dl dt{font-size: 14px;color:#808080;padding:6px 0;}
#index #blog li dl dd{text-decoration: underline;line-height: 150%;}

#index #bnr_kirei{padding-top: 80px;text-align: center;}
#index #bnr_kirei img{max-width: 600px}

#news dl{display: table;border-top: dotted 1px rgba(172,183,191,1);width: 100%;}
#news dl:last-child{border-bottom: dotted 1px rgba(172,183,191,1);}
#news dl dt,
#news dl dd{display: table-cell;}
#news dl dd{padding-left: 15px;width: 85%;}
#news dl dd a{display: block;text-decoration: underline;padding:15px 0;}
#news .w800{padding-bottom: 50px;}

.ft_bnr {border-top: solid 1px rgba(172,183,191,1);}
.ft_bnr ul{flex-wrap: wrap;justify-content: space-between;}
.ft_bnr ul li{width: 48%!important;margin-bottom: 4%}
.ft_bnr ul li.wide{width: 48%!important;margin-bottom: 4%}

#bnr ul li{width: 48%}
.btn3#bnr ul li{width: 31%}
#bnr ul li a{display: block;color:#fff;font-size:20px;text-align:center;padding:25px 0;transition:0.5s ;letter-spacing: 0;border-radius: 5px}
#bnr ul li a:hover{letter-spacing:0.1em }
#bnr ul li:nth-child(2) a{background:rgba(125,171,209,1);}
#bnr ul li:nth-child(3) a{background:rgba(235,202,128,1);}
#bnr ul li a img{height:45px;margin-bottom:10px; }

.btn5#bnr ul{flex-wrap: wrap;justify-content: center;}
.btn5#bnr ul li{width: 32%;margin-bottom: 15px}
.btn5#bnr ul li:nth-child(2){margin:0 2% 15px }
.btn5#bnr ul li:nth-child(4),
.btn5#bnr ul li:nth-child(5){margin:0 1% 0 }
.btn5#bnr ul li a{padding: 0;height: 150px;display: flex;align-items: center;justify-content: center;flex-direction: column;}


#second #mainview{height: 300px;display: flex;justify-content: center;align-items: center;}
#second #mainview h1{font-size: 6vw;letter-spacing: 0.15em;font-family: 'Philosopher', sans-serif;text-align: center;line-height: 100%;}
#second #mainview h1 span{color:rgba(87,87,87,0.8);display: block;font-size: 2vw;letter-spacing: 0;font-family: 'Noto Serif JP',serif;padding-top:1.5vw;line-height: 100%;}

.page-id-10 #mainview{background:url(./img/me_main.png) no-repeat center center;background-size: cover;}
/*
#menu .thum{width: 330px;}
#menu .flex {align-items: flex-start;}
#menu .flex div{width: 620px;}
#menu table td{white-space: nowrap;text-align: right;}
*/
#menu .thum{display: none;}
#menu .flex {display: block;}
#menu .option .flex {display: flex;}
#menu .flex div{width: 100%;}
#menu table td{white-space: nowrap;text-align: right;}
#menu2 .thum{display: none;}
#menu2 .flex {display: block;}
#menu2 .option .flex {display: flex;}
#menu2 .flex div{width: 100%;}
#menu2 table td{white-space: nowrap;text-align: right;}
#menu .note{padding: 15px 0;font-size: 80%}
#menu .title th,
#menu .title td{padding-top: 0;border-top: none;min-height: auto;height: auto;padding: 0 0 20px}
#menu .moni td:last-child{padding-left: 5px;}


.page-template-page-medical #mainview{background:url(./img/fa_main.png) no-repeat center center;background-size: cover;}

.tax-items_cat #mainview,
.tax-case_cat #mainview,
.single-cases #mainview,
.page-template-page-case #mainview{background:url(./img/be_main.png) no-repeat center center;background-size: cover;}
.page-template-page-medical .sub_tl{background: rgba(217,238,244,1);color:#555}
.page-template-page-medical #menu2 .sub_tl{background: rgba(213,233,227,1);color:#555}

table.menu th{padding-right: 15px;min-height: 70px;}
table.menu td{min-height: 70px;padding:6px 0}
table.menu th.title{background: rgba(172,183,191,1);text-align: center;color:#fff;}

.option{border:solid 1px rgba(172,183,191,1);padding: 10px 20px; margin-top: 40px;}
.option .flex {flex-wrap: wrap;justify-content: space-between;}
.option .flex li{width:46%;}
.option .flex li dl{display: flex;justify-content: space-between;padding:5px 0;}
.option .flex li dl dt span{font-size: 12px}
.option .flex li dl dd{white-space: nowrap;margin-left: 2em}


.profile .flex li{width: 48%;}
.profile td{padding:10px 0}

#clinic .sub_tl{background: rgba(217,238,244,1);color:#555}
#salon .sub_tl{background: rgba(213,233,227,1);color:#555}

.page-template-page-shop #mainview{background:url(./img/sh_main.png) no-repeat center center;background-size: cover;}
.page-template-page-company #mainview{background:url(./img/co_main.png) no-repeat center center;background-size: cover;}

#message .thum{width: 30%;margin-right: 5%;}
#message .copy{width: 65%;margin:0 auto;}
#message .copy p{line-height: 200%;margin-bottom: 1em}
#message .copy p:last-child{margin-bottom: 0}
#message .copy p strong{font-size: 130%;margin-left: 1em;}
#message .flex{align-items: flex-start;}

#photo ul{flex-wrap: wrap;justify-content: center;}
#photo ul li{width: 33%;line-height: 0;margin: 0.15%;}

#outline th{width:20%}
#outline td ul{list-style: disc;margin-left: 1.2em;}
#outline td ul li{margin:5px 0}
#outline td.auto{height: auto;padding:10px 0}
.page-template-page-recruit #mainview{background:url(./img/re_main.png) no-repeat center center;background-size: cover;}

#resource .flex div {width: 48%;}
#resource .flex div img{border-radius: 10px}
#resource .copy p{line-height: 200%;margin-bottom: 1em;font-size: 120%;letter-spacing: 0}
#resource .copy p:last-child{margin-bottom: 0}

#apply.bk,
#benefit.bk{background: rgba(231, 65, 130 ,0.05)}
#benefit ol{display: flex; justify-content: space-between;margin-bottom: 40px}
#benefit ol li{background: #fff;padding:  20px;font-size: 120%;text-align: center;width: 31.5%;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#benefit ol li span{display: flex;align-items: center;height: 100%;width: 100%;justify-content: center;flex-direction: column;}
#benefit ol li span h3{font-size: 160%;font-weight: bold;margin-bottom: 5px;color:#e74182}
#benefit p{font-size: 140%;font-weight: bold;text-align: center;}
#benefit p span{text-decoration-color:rgba(231, 65, 130 ,0.2); text-decoration-line: underline;text-decoration-thickness: 10px;text-underline-offset: -3px;}
#benefit .oubo{background: #fff;}
#benefit .oubo h3{text-align: center;font-size: 120%;padding:10px 0;}

#apply ul{margin-bottom: 35px;margin-left: 1.2em}
#apply ul li{list-style-type: disc;margin-bottom:10px;}
#apply .flex p{width: 47.5%}
#apply .flex p a{display: block;text-decoration: none;border: none;text-align: center;font-size: 140%;border: solid 3px #555;padding: 20px 0;font-weight: bold;background: #fff;}
#apply .flex p a span{display: block;font-size: 160%}

#occupation ul {display: flex;justify-content: center;flex-wrap: wrap;}
#occupation ul li{background: rgba(231, 65, 130 ,0.2);color:#e74182;text-align: center;width: 190px;height: 190px;font-size: 140%;display: flex;border-radius: 50%;align-items: center;justify-content: center;font-weight: bold;margin: 0 5px}


th span.hissu{float:right;background: rgba(172,183,191,1);color:#fff;padding:5px 10px;font-size: 12px;line-height: 100%;}
#form th{width: 20%;}

.page-template-page-faq #mainview{background:url(./img/fa2_main.png) no-repeat center center;background-size: cover;}

#con_nav ul{justify-content: center;padding-top: 100px;}
#con_nav ul li{border-left: solid 1px #ccc;}
#con_nav ul li:last-child{border-right: solid 1px #ccc;}
#con_nav ul li a{display: inline-block;padding: 0 20px;}

.faq dl{margin-bottom: 20px}
.faq dt{cursor: pointer;font-size: 20px;padding:20px ;background:rgba(172,183,191,1);line-height: 100%;color:#fff;}
.faq dd{display: none;border:solid 1px rgba(172,183,191,1);border-top:none;padding:20px;background: #fff;}
.faq dd h3{font-size: 20px;color:rgba(172,183,191,1);padding-bottom: 10px;}
.faq dt {display: block;position: relative;}
.faq dd p{margin-bottom: 0.5em;}
.faq dd>p:last-child{margin-bottom: 0;}
.faq dt::before,
.faq dt::after {content: '';display: block;width: 15px;height: 2px;background: #fff;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.faq dt::after {background: #fff;transform: translateY(-50%) rotate(90deg);transition: 0.5s;}
.faq dt.active::after {top:48%;transform: rotate(0);transition: 0.5s;}

.mw_wp_form table td{padding:20px;padding-right: 0;height: auto;font-size: 16px;}
.mw_wp_form table td span{font-size: 16px;}
.mw_wp_form table input{padding:5px;font-size: 18px;}
.mw_wp_form table textarea{width: 100%;padding:5px;font-size: 18px;}


#mainview.blog{background:url(./img/bl_main.png) no-repeat center center;background-size: cover;}

#blog .left{width:700px;border-top:solid 1px #ccc;float: left;}
.blogsingle{border-bottom:solid 1px #ccc;padding:25px 0;}
.blogsingle .thum_info{float:left;width:230px;}
.blogsingle .thum_info img{width:200px;border-radius: 100px;transition: 0.5s;}
.blogsingle .thum_info img:hover{border-radius: 12px;}
.blogsingle .entrybody{float:right;width:470px;letter-spacing: 0}
.blogsingle .entrybody h2 a{font-size:20px;color:rgba(87,87,87,0.8);;padding:5px 0;display: block;font-weight: bold;}
.blogsingle .entrybody .day{color:#888;}
.blogsingle .entrybody .button{padding-top:10px;text-align: left;}
.blogsingle .entrybody .button a{margin: 0}
#blog #sidebar{width:250px;float:right;}
#blog #sidebar li.widget {padding-bottom: 30px}
#blog #sidebar h2{background: rgba(87,87,87,0.2);color:rgba(87,87,87,1);padding:10px 15px;}
#blog #sidebar li li {border-bottom: dotted 1px #ccc;font-size:14px;}
#blog #sidebar li li a{display: block;padding:10px 0;transition: 0.5s;}
#blog #sidebar li.widget_recent_entries li a{display: block;padding:10px 0 ;transition: 0.5s;}
#blog #sidebar li.widget_recent_entries li span{display: block;padding:0 0 10px;font-size:10px;color:#999;}
#searchform {padding-top:15px;text-align: center;}
#searchform .screen-reader-text{display: none;}
#searchform #s{padding:5px;width:190px;}
#searchform #searchsubmit{padding:5px;}

.entrysingle img{max-width:100%; }
.single #blog .left{border:none;}
.single #blog .entrysingle h3{background: rgb(172,183,191);color:#fff;padding:10px 15px;font-size:20px;}
.single #blog .day{display: block;text-align: right;padding:10px 0;color:#888;}
.single #blog .entrysingle {padding-bottom: 30px;}
.single #blog .entrysingle p{line-height: 200%;padding-bottom: 1em;}
.single #blog .entrysingle p a{color:rgb(172,183,191);text-decoration: underline;}
.single #blog .entrysingle ul {margin-bottom: 1em;}
.single #blog .entrysingle ul li{list-style-type: disc;margin: 0.3em;margin-left: 1.5em;}
.single #blog .entrysingle ul li a{color:rgb(172,183,191);text-decoration: underline;}

tablenav:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.tablenav{min-height:1px}
* html .tablenav{height:1px}
.tablenav{display:table;color:#dba156;margin:50px auto ;line-height:2em;text-align:center;border:solid 1px #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.047);font-size:12px;background: #fff;}
a.page-numbers,.tablenav .current{display:table-cell;color:#dba156;padding:4px 0;text-decoration:none;margin:0;border-right:solid 1px #ddd; width:3em;}
.tablenav .page-numbers{display:table-cell;color:#dba156;padding:4px 0;text-decoration:none;margin:0;border-right:solid 1px #ddd;width:3em;}
a.page-numbers:hover{color:white;background:#dba156}
.tablenav .current{background:#f5f5f5;color:#999}
.tablenav .next,.tablenav .prev{width:4em;}
.tablenav .dots{display: none;}

#mainview.news{background:url(./img/ne_main.png) no-repeat center center;background-size: cover;}

.news #news dl{width: 650px;}

.single #news .entrysingle h3{background: rgb(172,183,191);color:#fff;padding:10px 15px;font-size:20px;}
.single #news .day{display: block;text-align: right;padding:10px 0;color:#888;}
.single #news .entrysingle {padding-bottom: 30px;}
.single #news .entrysingle p{line-height: 200%;padding-bottom: 1em;}

.page-template-page-privacy #mainview,
.page-template-page-contact #mainview{background:url(./img/con_main.png) no-repeat center center;background-size: cover;}
.page-template-page-contact .tel_ctt ul{border-top: 1px solid rgb(172,183,191);border-bottom: 1px solid rgb(172,183,191);align-items: center;}
.page-template-page-contact .tel_ctt ul li{padding: 30px;}
.page-template-page-contact .tel_ctt li.ctt_num{font-size: 65px;line-height: 100%;}
.page-template-page-contact .tel_ctt ul li p{padding: 20px 35px;line-height: 100%;}
.page-template-page-contact .tel_ctt ul li+li p{border-left: 1px solid rgb(172,183,191);}

.page-template-page-contact .line_ctt ul{border-top: 1px solid rgb(172,183,191);border-bottom: 1px solid rgb(172,183,191);height: 200px;display: flex;justify-content: center;}
.page-template-page-contact .line_ctt li{padding: 30px ;}
.page-template-page-contact .line_ctt li.li_qr img{width:140px;}
.page-template-page-contact .line_ctt li.li_add{padding: 55px 30px;}
.page-template-page-contact .line_ctt li.li_add img{width:280px;}

.page-template-page-privacy .privacy p{line-height: 200%;}


#items .nav{justify-content: center;margin-bottom: 50px;flex-wrap: wrap;}
#items .nav li {margin:5px;}
#items .nav li:last-child {border-right: none;}
#items .nav li a{display: block;padding:10px 20px;transition:0.5s ;border-radius: 10px;border: solid 1px rgba(172,183,191,0.3);}
#items .nav li a:hover{background: rgba(172,183,191,0.3);}
.page-id-10 #items .nav{display: flex;}

#item_lineup {flex-wrap: wrap;justify-content: flex-start;align-items: stretch;}
#item_lineup li{width: 31%;text-align: center;margin-right: 3.5%;margin-bottom: 3.5%;}
#item_lineup li:nth-child(3n){margin-right: 0;}
#item_lineup li img{margin-bottom: 10px;}

.onlineshop_lineup li a span{ background: #fff;border-radius: 50px;padding: 10px 0;line-height: 100%;display:block;border: solid 1px rgba(172, 183, 191, 1);margin: 10px auto 0;transition: .3s;width: 80%}
.onlineshop_lineup li a:hover span{ background: rgba(172, 183, 191, 1);color:#fff;}

.tax-equipments_cat #mainview,
.single-equipments #mainview,
.page-template-page-equipment #mainview{background:url(./img/eq_main.png) no-repeat center center;background-size: cover;}

/* equipment */
.eq_ttl{font-size: 18px;border-bottom:1px solid rgba(242,156,151,1);margin-bottom: 20px;line-height: 2.0;color:rgba(242,156,151,1)}
.eq_subttl{font-size: 16px;margin-bottom: 20px;line-height: 2.0;color:rgba(242,156,151,1)}
.single-equipments .entrysingle .flex{align-items: flex-start;}
.single-equipments .entrysingle li{line-height: 2;}
div.entrysingle div.flex.sp_fx div.sp_img img{max-width: 200px;}
li.eq_li{margin-bottom: 20px;}
div.entrysingle div.equipments ul li{width: 49%;}
div.entrysingle div.equipments table.menu td{text-align: right;}

/* case */
#case #items .nav{flex-wrap: wrap;}

/* インフルエンザ予防接種 */
.page-id-838 #mainview {background: url(//clear-c.jp/kanri/wp-content/themes/clear/./img/sh_main.png) no-repeat center center;background-size: cover;}
.announcement p{font-size: 1.1em;line-height: 1.6;color: #555;margin-bottom: 40px;}
.announcement h3.sub_tl{margin-bottom: 20px;}
.announcement .if-list{list-style-type: disc;padding-left: 20px;margin-bottom: 50px;}
.announcement .if-list li{font-size: 1.1em;color: #333;}
.announcement .btn-download{display: inline-block;background-color: #F29C97;color: white;padding: 10px 15px;text-decoration: none;font-size: 1.1em;border-radius: 4px;transition: background-color 0.3s;}
.announcement .btn-download:hover{background-color: #f48f8a;}

div#main_btn a.vc-btn{max-width: 100%;display: inline-block;background-color: #e2b652;color: white;text-align: center;margin: 0  auto 40px;font-size: 20px;padding: 15px 20px;border-radius: 10px;}
div#main_btn a.vc-btn:hover{background-color: #e2b652;}

div#main_btn a.vc-btn2{min-width: 700px;display: inline-block;background-color: #e2b652;color: white;text-align: center;margin: 0  auto 40px;font-size: 25px;padding: 20px 0px;border-radius: 5px;position: relative;}
div#main_btn a.vc-btn2:after{content: "";background: url(./img/arw_w.svg) no-repeat center center;position: absolute;top:45%;width: 20px;height: 16px;margin-top: -3px;transition: 0.5s;right: 20px}



.page-template-page-shop .ft_bnr{display: none;}

table.gsc-search-box td {border:none;}
#keyword{background: rgba(242,156,151,0.1)}

/* 機器製剤ページカルーセル */
.eqp-carousel {max-width: 800px;position: relative;min-height: 600px;}
.eqp-carousel img {width: 100%;height: auto;display: block;border-radius: 8px;}
/* インジケーターを中央に横並びで配置 */
.eqp-carousel .slick-dots {text-align: center;padding: 10px 0 0;margin: 0 auto;position: relative;bottom: 0;}
.eqp-carousel .slick-dots li {display: inline-block;margin: 0 5px;}
.eqp-carousel .slick-dots li button:before {font-size: 12px;color: #999;opacity: 1;}
.eqp-carousel .slick-dots li.slick-active button:before {color: #000;}
div.entrysingle div.equipments .eqp-carousel .slick-dots li{width: 10px;}

br.sp-dp{display: none;}