/* Google map*/
iframe{
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
iframe:hover{
	transition: filter 0.8s ease;
	-webkit-filter: grayscale(0) saturate(1);
	filter: grayscale(0) saturate(1);
}
.google-map {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/* //Google map*/


.relative{
position:relative;
}
@media screen and (min-width: 0) {
	#top-tel{
display:none;
	}
	#top-tel img{
display:none;
	}
}

@media screen and (min-width: 768px) {
	#top-tel{
	position:absolute;
	top:3%;
	right:0;
    display: block;
	}
	#top-tel img{
	max-width:220px;
    display: block;
	}
}
@media screen and (min-width: 1200px) {
	#top-tel{
	position:absolute;
	top:5%;
	right:0;
    display: block;
	}
	#top-tel img{
	max-width:250px;
    display: block;
	}
}

.shobara-grey{background-color:#eaecec;}
.shobara-title {
  position: relative;
  display:inline-block;
}

.shobara-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #b3d354, #b3d354 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #b3d354, #b3d354 2px, #fff 2px, #fff 4px);
}

.dis-table{
  display:table;
}

/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

  .full-width-img{
	padding-top:91px;
}




li.job{
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
  border-bottom:1px dashed #f9a825;
}





li.recruit{
  line-height: 1.5;
  padding: 1em 0;
  list-style-type: none!important;/*ポチ消す*/
  border-bottom:1px dashed #f9a825;
}

ul.menu a:hover{
	background-color: #a48b78!important;
}

@media screen and (min-width: 601px) {
  nav .brand-logo img{
	width:80%;
  }
}
@media screen and (max-width: 600px) {
  nav .brand-logo img{
	width:120%;
  }
}



.footer-img{
	padding-top:10px!important;
}
.footer-h5{
	border-bottom:1px solid #333;
}


.br::before {
	content: "¥A" ;
	white-space: pre ;
}
@media screen and (max-width: 600px) {
	.br::before {
		display:none;
	}
}



nav ul a,
nav .brand-logo {
  color: #000;
}




.m1p {
    font-family: "M PLUS 1p"; 
}
.plus1c { font-family: "Rounded Mplus 1c"; }



.font25 {
    font-size: 25px;
}
.font20 {
    font-size: 20px;
}
.font18 {
    font-size: 18px;
}


.font-size60{
	font-size:60%;
}
.font-size70{
	font-size:70%;
}
.font-size80{
	font-size:80%;
}



.li-disc{
list-style-type:disc;
margin-left:25px;
}

.border-radius{
	border-radius:10px!important;
}

.border-bottom{
	border-bottom: 1px solid #3e2723;
}
.border-bottom-dashed{
	color: #3e2723!important;
	border-bottom: dashed 2px #3e2723!important;
	padding-bottom:10px;
}
.border-bottom-dashed-white-text{
	color: #fff!important;
	border-bottom: dashed 2px #fff!important;
	padding-bottom:10px;
}

.border-bottom-dashed-orange{
	color: #3e2723!important;
	border-bottom:1px dashed #f9a825;
	margin-bottom:10px;
	padding-bottom:10px !important;
}

.footstamp {
	position: relative;/*相対位置*/
	line-height: 1.4;/*行高*/
}
.footstamp:before{
	content: url("../images/footstamp.gif");
	padding-right: 0.5em;
}
.footstamp:after{
	content: url("../images/footstamp.gif");
	padding-left: 0.5em;
}


.hyphen{
	position: relative;/*相対位置*/
	line-height: 1.4;/*行高*/
	color: #3e2723!important;
}
.hyphen:before{
	content: '-';
	padding-right: 0.5em;
}
.hyphen:after{
	content: '-';
	padding-left: 0.5em;
}


.title-dog {
	position: relative;/*相対位置*/
	line-height: 1.4;/*行高*/
}
.title-dog:before{
	content: url("../images/vaccination/dog.png");
	padding-top: 0.5em;
	padding-right: 0.5em;
}
.title-cat {
	position: relative;/*相対位置*/
	line-height: 1.4;/*行高*/
}
.title-cat:before{
	content: url("../images/vaccination/cat.png");
	padding-right: 0.5em;
}
.title-dog_cat {
	position: relative;/*相対位置*/
	line-height: 1.4;/*行高*/
}
.title-dog_cat:before{
	content: url("../images/vaccination/dog_cat.png");
	padding-right: 0.5em;
}

.vaccination-title{
    align-items: center;
    display: flex;
}
.vaccination-title img{
margin-top:-7px;
}

.vaccination-title h3{
	margin-left:10px;
}








.square_btn{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #b3d354;
	color: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 0px 5px #b3d354;
	border: dashed 1px #FFF;
}
.square_btn:hover{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #ffa726;
	color: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 0px 5px #ffa726;
	border: dotted 1px #FFF;
} 
.square_btn:active{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #ffa726;
	color: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 0px 5px #ffa726;
	border: dashed 1px #FFF;
}




.square_btn-lightbrown{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #a48b78;
	color: #FFF;
	border-radius: 4px;
	box-shadow: 0px 0px 0px 5px #a48b78;
	border: dashed 1px #FFF;
}




.button-collapse {
  color: #000;
  margin-left:10px;
}



.max-height-400px{
	max-height:400px;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}




h4.workflow{text-align:left;}
span.workflow{text-align:left;}


.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-60 { font-size: 60px;padding-top:30px; }


.footer-icons{
  position: relative;
  top: 7px;
  left:0;
}



@media only screen and (max-width : 600px) {
.margin-bottom-50-sp-none{
	margin:0!important;
  }
}




.mfp_ok{display:none!important;}



.full-width-img{
	position:relative;
}

.full-width-img img {width : 100%; /* 画像を枠の100%の横幅にする */}


a.btn img{  vertical-align: middle;
}

.profile-text{font-size:13px;}
.profileh5{font-size:16px;}




.first-h1{
    font-family: "Century Gothic",serif;
    font-size: 36px;
    line-height: 170%;
    color: #000;
}

@media screen and (max-width: 600px) {
.first-h1{
    font-family: "Century Gothic",serif;
    font-size: 28px;
    line-height: 130%;
    color: #000;
}
}

.test{position:relative;}


.title-h{
    font-family: "Century Gothic",serif;
    font-size: 28px;
    line-height: 170%;
    color: #000;
    margin-top:0;
}

li.news{
	border-bottom:1px solid #ccc;
	padding:20px 0;
}
li.nokotsudo{
	border-bottom:1px solid #ccc;
	padding:20px 0;
}
li.nokotsudo-faq{
	padding:20px 0 0 0;
}
li.nokotsudo-a{
	border-bottom:1px solid #ccc;
	padding:0 0 20px 0;
}




.img-opacity {
  display: block;
  position: relative;
  transition: opacity .4s;
}
.img-opacity:hover {
  will-change: left, top, width, height;
}

.img-opacity:hover:not(.active) {
  opacity: .8;
}

.img-opacity.active {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.noba-menu-button{
	width:90px!important;
	height:90px!important;
	line-height:90px!important;
	margin-bottom:20px!important;
}

@media screen and (max-width: 600px) {
    .br-sp { display:none; }
}

@media screen and (max-width: 600px) {
.small70{width:70%;}
}


.recruit-table{position: relative;}

.recruit-kyubo{
    position: absolute;
    z-index: 1;
    float: right;
    width: 180px;
    height: 180px;
    margin: -15px -15px 0 0;
    top: 0;
    right: 0;
}

.recruit-kyubo p{
    display: table-cell;
    width: 180px;
    height: 180px;
    padding: 0 5px;
    font-size: 50pt;
    font-family: "Mplus 1p";
    color: #fff;
    line-height: 140%;
    text-align: center;
    vertical-align: middle;
    background-color: red;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}


@media screen and (max-width: 992px) {
	.recruit-kyubo{
	    position: absolute;
	    z-index: 1;
	    float: right;
	    width: 60px;
	    height: 60px;
	    margin: -15px -15px 0 0;
	    top: 0;
	    right: 0;
	}

	.recruit-kyubo p{
	    display: table-cell;
	    width: 60px;
	    height: 60px;
	    padding: 0 5px;
	    font-size: 100%;
	    font-family: "Mplus 1p";
	    color: #fff;
	    line-height: 140%;
	    text-align: center;
	    vertical-align: middle;
	    background-color: red;
	    -moz-border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -o-border-radius: 50%;
	    -ms-border-radius: 50%;
	    border-radius: 50%;
}




}

.br::before{content:"\A";white-space:pre}
.font60{font-size:60%;display: inline-block;}
.font70{font-size:70%;display: inline-block;}
.font80{font-size:80%;display: inline-block;}
.font90{font-size:90%;display: inline-block;}
.padding-side-15rem-for-l{padding:0 1.5rem}
.padding-left-0{padding-left:0}
.padding-top-005{padding-top:5%}
.padding-top-0{padding-top:0}
.padding-top-5{padding-top:5px}
.padding-top-10{padding-top:10px}
.padding-top-15{padding-top:15px}
.padding-top-20{padding-top:20px}
.padding-top-25{padding-top:25px}
.padding-top-30{padding-top:30px}
.padding-top-30-l-only{padding-top:30px}
.padding-top-50{padding-top:50px}
.padding-top-100{padding-top:100px}
.padding-top-125{padding-top:125px}
.padding-top-150{padding-top:150px}
.padding-bottom-0{padding-bottom:0}
.padding-bottom-5{padding-bottom:5px}
.padding-bottom-10{padding-bottom:10px}
.padding-bottom-15{padding-bottom:15px}
.padding-bottom-20{padding-bottom:20px}
.padding-bottom-25{padding-bottom:25px}
.padding-bottom-30{padding-bottom:30px}
.padding-bottom-50{padding-bottom:50px}
.padding-bottom-100{padding-bottom:100px}
.padding-bottom-150{padding-bottom:150px}
.margin-top-0{margin-top:0}
.margin-top-5{margin-top:5px}
.margin-top-10{margin-top:10px}
.margin-top-15{margin-top:15px}
.margin-top-20{margin-top:20px}
.margin-top-25{margin-top:25px}
.margin-top-30{margin-top:30px}
.margin-top-50{margin-top:50px}
.margin-top-60{margin-top:60px}
.margin-bottom-0{margin-bottom:0}
.margin-bottom-5{margin-bottom:5px}
.margin-bottom-10{margin-bottom:10px}
.margin-bottom-15{margin-bottom:15px}
.margin-bottom-20{margin-bottom:20px}
.margin-bottom-25{margin-bottom:25px}
.margin-bottom-30{margin-bottom:30px}
.margin-bottom-50{margin-bottom:50px}
.padding5{padding:5px}
.padding10{padding:10px}
.padding25{padding:25px}
.padding20{padding: 20px 0!important;}
.padding50{padding:50px}
.padding100{padding:100px}
.padding150{padding:150px}
.paddingtop20{padding-top:20px!important;}
.padding-5-0{padding-top:5px!important;padding-bottom:5px!important;}
.padding-10-0{padding-top:10px!important;padding-bottom:10px!important;}
.margin5-0{margin:5px 0;}
.margin20-0{margin:20px 0;}
.margin20{margin:20px;}
.margin-25{margin:25px}
.margin-50{margin:50px}
.margin-100{margin:100px}
.margin-150{margin:150px}
.margin-0-25{margin:0 25px}
.padding-l-25{padding-left:25px}
.padding-l-50{padding-left:50px}
.padding-r-25{padding-right:25px}
.padding-r-50{padding-right:50px}
.margin-l-25{margin-left:25px}
.margin-r-25{margin-right:25px}
.margin-right-25{margin-right:25px!important;}











.shingo{
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-style: normal;
	font-size: 1rem;
	font-weight: 300;
	margin:1rem 0;
}
.shingo-bold{
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 35px;
}
.noba-gray{
	color:#595757;
}
.noba-yellow{
	color:#f39800;
}
.bg-yellow{
	background-color:#f8b62d;
}
.bg-shobara{
	background-color:#b3d354;
}
.block{
	display:block;
}
.inline-block{
	display:inline-block;
}

.bg-color-gray{
	background-color: #eaebeb;
	padding: 2.5px 0;
}

.bg-color-orange{
	background-color: #fdead1;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.bg-color-shobara{
	background-color: #b3d354;
}
.radius{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}



nav ul.topnav li:after{
	margin-right: 15px;
	padding-left:15px;
	content:"/";
	top:0;
	left:0;
}
nav ul.topnav li:last-child::after {
    content: none;
}

nav ul.ddli-right li{
	position: relative;
}

nav ul.ddli-right li:after{
	font-family: FontAwesome;
	content:'\f0da';
	color:#fff;
	position: absolute;
	top: 50%;
	right: 10px;
	left: auto;
	margin-top: -12px;
}
nav ul.ddli-right li:last-child::after {
	font-family: FontAwesome;
	content:'\f0da';
	color:#fff;
	position: absolute;
	top: 50%;
	right: 10px;
	left: auto;
	margin-top: -12px;
}

nav ul.ddli-right li.divider:after {
    content: none;
}


nav ul.ddli-right li a{
	display:inline-block;
}
ul.footnav li{
	display: inline;
	color:#fff;
}
ul.footnav li a{
	color:#fff;
}
ul.footnav li a:hover{
	text-decoration: underline;
}
a.underline:hover{
	text-decoration: underline;
}
address{
	font-style:normal;
}


* {
min-height:0;
min-width : 0;
}


    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 60%;
    }
    .swiper-slide:nth-child(2n) {
      width: 40%;
    }
    .swiper-slide:nth-child(3n) {
      width: 20%;
    }





@media only screen and (max-width: 992px) {
	.med-only-left {
		text-align: left!important;
	}
	.med-only-bg-color-gray{
		background-color: #b3d354!important;
	}
}

.line-height-2{
	line-height:2
}





.scroll-top {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 100;
opacity: .8;
width: 50px;
height: 50px;
border-radius: 50%;
border: none;
color: #fff;
background:#b3d354;
}
.scroll-top:hover {
cursor: pointer;
}

button.scroll-top:focus {
    outline: none;
    background-color: #f8b62d;
}