html { overflow:auto;}
body {
 font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	letter-spacing: 0.16rem;
	color:#1A1A1A;
    font-size:1.1rem;
	overflow-x: hidden;
	font-weight: 700;
}

header { 
	background-size:72px 1px;
	background-repeat:repeat-x;
	background-image: url(../images/menu-line.png);
background-position:center center;
height:8.5rem;
align-items: center;
padding:0 7rem 0 3rem;
position: relative;
z-index:60;
}
.d-none {display:none;}
header h1 {
	 line-height:1rem;
	 padding:0 0.5rem;
	 } 
header h1 a { 
font-size:1.6rem;	
text-decoration:none; 
	color:#1A1A1A;} 
header h1 small { font-size:1rem;} 
.rogo { margin-top:-2rem;}

.main-menu div {
	padding:0 1rem;
	}

.main-menu a {
	/*background-image: url(../images/back-01.jpg);*/
	width:100%; height:8.5rem;
	padding:0 0.5rem;
	display:block;
	line-height:8.5rem;
	text-decoration:none;
	color:#000 ;
	font-size:1.1rem;
}

/*隴�ｿｽ�ｭ闍難ｽｨ�ｭ陞ｳ�ｽ-H1~H6*************************************************************/
.main-wrap { z-index:50; position:relative; /*隴幢ｽｬ隴�ｿｽ�ｽ郢晢ｽｩ郢晢ｿｽ繝ｱ郢晢ｽｼ*/}
.main-wrap img { width:100%; height:auto;}
.main-wrap p,.main-wrap li,.main-wrap td,.main-wrap th { color:#000 !important;}
.main-wrap h1,.main-wrap h2,.main-wrap h3,.main-wrap h4,.main-wrap h5,.main-wrap h6 { color:#000000;}
.main-wrap h1 {}
#sub-back h1,#sub-back-1 h1,#sub-back-2 h1,#sub-back-3 h1,#sub-back-4 h1  {
	font-size:2rem;
	padding:0;
	margin:0;
	letter-spacing:0.4rem;
 }
 .main-wrap h1.number {
	background-size:72px 1px;
	background-repeat:repeat-x;
	background-image: url(../images/h2-line2.png);
	background-position:left bottom;
		padding:2rem 0 2rem 0;
	margin:5rem auto 1rem auto;
	width:auto;
		font-size:2rem;
	display: inline-table;
	 }
#sub-back {
		padding:0rem;
		margin:0px;
	width:100%;
		font-size:2rem;
	display: inline-table;
	 }
#sub-back h1 {	margin:5rem auto 1rem auto;
	background-size:72px 1px;
	background-repeat:repeat-x;
	background-image: url(../images/h2-line2.png);
	background-position:left bottom;
			padding:0rem 0 3rem 0;
	}
.main-wrap h2,
.main-wrap h3 {
	background-size:72px 1px;
	background-repeat:repeat-x;
	background-image: url(../images/h2-line2.png);
	background-position:left bottom;
	padding:2rem 0 0.5rem 0;
	margin:5rem 0 2rem 0;
	line-height:2.5rem;
 }
 .main-wrap h3.line-none {background-image: none;margin:0rem 0 2rem 0;}
.main-wrap h4 {
	padding:2rem 0 0.5rem 0;
	margin:2rem 0 1rem 0;
	}
.main-wrap h5 {}
.main-wrap h6 {}
.h3-line { background:url(../images/h3-line.png);
background-size:52px 1px;
background-repeat:no-repeat;
background-position: center bottom;
padding-bottom:1.5rem;
margin-bottom:2rem;}
.main-wrap p {
	line-height: 2em; padding-bottom:2rem;
}
.main-wrap ol li ul li {  list-style-type:none;}

.main-wrap ol,.main-wrap ul  {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
    padding-top:1rem;
}
.main-wrap ol ol,.main-wrap ol ul {
  padding-left: 0rem;
  padding-top:1.5rem;
}
.main-wrap ol li,.main-wrap ul li {
  text-indent: -2em;
  padding-left: 2em;
  padding-bottom:1.5rem;
}
.main-wrap ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  /* 以下は自由に装飾... */
  padding-right: 1rem;
  font-weight: bold;
  color: #b40000;
}
.main-wrap ol li ul li:before {
  counter-increment: none;
  content: '-';
  /* 以下は自由に装飾... */
  padding-right: 1rem;
  font-weight: bold;
  color: #b40000;
}

.main-wrap ul li:before {
  counter-increment: none;
  content: '-';
  /* 以下は自由に装飾... */
  padding-right: 1rem;
  font-weight: bold;
  color: #b40000;
}

.text-shadow {
	text-shadow: 
    #f5f1ed 2px 0px,  #f5f1ed -2px 0px,
    #f5f1ed 0px -2px, #f5f1ed 0px 2px,
    #f5f1ed 2px 2px , #f5f1ed -2px 2px,
    #f5f1ed 2px -2px, #f5f1ed -2px -2px,
    #f5f1ed 1px 2px,  #f5f1ed -1px 2px,
    #f5f1ed 1px -2px, #f5f1ed -1px -2px,
    #f5f1ed 2px 1px,  #f5f1ed -2px 1px,
    #f5f1ed 2px -1px, #f5f1ed -2px -1px;
}
.text-normal { font-size:1rem;}
.info a:link {color:#000000;}
.info a:hover {color: #FF8000;}
ol.info dt  span { color:#FFFFFF; line-height:1rem; padding:0.5rem; font-size:0.76rem; display:block; text-align:center;}
ol.info dt  span.semi-brown { background:#554933}
ol.info dt  span.semi-green { background: #124507}
ol.info dd { padding-bottom:1.3rem;}
.center { text-align:center;}
.white { color:#FFF;}
small,.small { font-size:0.85rem;}
big { font-size:2.2rem;}

.s-small { font-size:0.75rem;}
/*郢晢ｽｪ郢晢ｽｳ郢ｧ�ｯ豼ｶ�ｲ******************************************************************/
a {transition: color 0.3s;}
a:link {
	text-decoration: none;
}
a:visited { color: #000; }
a:hover,.hover,a.link:hover {color: #FF8000;}
a:active { color: #FF8000; }
a.h4-link { background: url(../images/h4-link.png);
background-size:18px 18px;
background-repeat:no-repeat;
background-position:left center;
padding-left:1.7rem;
margin-left:-1.7rem;
display:inline-block;color:#000000;}
a:hover.h4-link {color: #FF8000; }
a.pdf,a.link {
	background-size:18px 18px;
	background-repeat:no-repeat;
	background-position:left center;
	display: inline-block;
	padding-left:25px;
}
a.pdf {background-image:url(../images/link-pdf.png);back}
a.link { background-image:url(../images/h4-link.png);}
ol li a.link,ul li a.link,ol li a.pdf,ul li a.pdf  {padding-left:60px;}
.new { 
 height:35px;
 width:60px;
 top:1rem;
 left:26%;
  position:absolute;
-webkit-animation:fuwafuwa 2s infinite linear alternate;
animation:fuwafuwa 2s infinite linear alternate;
}
@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) ;}
50% {-webkit-transform:translate(0, -5px) ;}
100% {-webkit-transform:translate(0, 0);}

}

@keyframes fuwafuwa {
0% {transform:translate(0, 0) ;}
50% {transform:translate(0, -5px) ;}
100% {transform:translate(0, 0);}

}
.new-menu { 
 height:30px;
 width:auto;
 border-radius:5%;
 line-height:30px;
 text-align:center;
 background: #F60;
 font-size:0.86rem;
 padding:0px 12px 0px 12px;
 font-weight:bold;
 color:#FFF;
 top:1.3rem;
 left:45%;
 position:absolute;
}


/*テーブル*/
table {
  border-top: 1px solid #C0BBB1;
  width: 100%;
  border-collapse: collapse;
  font-size:1rem;
  margin:0;
  padding:0;
}

table tr {
  border-bottom: 1px solid #C0BBB1;
}

table td {
  border: none;
  text-align: left;
  padding:1.2rem;
}

table th {
  text-align: left;
  padding:1.2rem;
  background:#FFFFFF;
}

/*髢ｭ譴ｧ蜍ｹ髫ｪ�ｭ陞ｳ�ｽ********************************************************/
#contact-back {
	background:url(../images/contact-back.jpg);
	background-size:cover;
	background-position:center center;
	height:332px;
	color:#FFF;
}
#contact-back a:link { color:#FFFFFF;}
footer {
	background-size:cover;
	background-position:center center;
	height:auto;
	color:#FFF;
	background-image: url(../images/menu-back.jpg);
 padding-bottom:1rem;
}
footer p {
	color:#CBC5C2 !important;
}
footer a:link {
	color:#FFF !important;
}
  { width:100%; height:900px;	position: fixed; top:0rem;}
#back-cat {
	background:url(../images/back-cat.png);
	background-repeat:no-repeat;
	background-size: contain;
	background-position:left top;
	position: absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:900px;
	}
#back-dog{
	background:url(../images/back-dog.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right top;
	position: absolute;
	top:170px;
	left:0;
	z-index:3;
	width:100%;
	height:900px;
	}
#back-bird {
	background:url(../images/back-bird.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:right top;
	position: absolute;
	top:-40px;
	left:0;
	z-index:1;
	width:100%;
	height:900px;
	}

/*バナー追記**********************************/	
.banner { padding:2rem 0;
 display : flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
	text-align:center;
}
.banner a { display:block;}
.banner img {transition: .6s all;margin:0.7rem;width:170px; height:50px;}
.banner img:hover {filter: brightness(160%);
transition: .6s all;}

/*SVG髫募唱�ｽ邵ｺ蜉ｱ縺｡郢ｧ�､郢晏現ﾎ�******************************************************************/
#svg-wrap { 
display: flex;
  align-items: center;
  justify-content:center;
  width:100%;
  height:900px;
 	position: absolute;
	top:0;
	left:0;
	z-index:4;
  }
.svg-box {
  align-self:center;
    width: 23%;
  height:auto;
  }

.svg{
  width: 100%;
}

.svg .st0 {
  fill: none;
  stroke: #F7A800;
  stroke-opacity: 1;
  stroke-width: 3.5;
  stroke-miterlimit: 10;
}
.svg path {
  fill-opacity: 0;
  stroke-opacity: 1;
  stroke: #F7A800;
  fill: #28221e;
  stroke-width: 2.5;
  stroke-miterlimit: 10;
  transition: fill-opacity 2s, stroke-opacity .5s;
}

.finished path {
  fill-opacity: 1;
  stroke-opacity: 0;
  transition: fill-opacity 2s, stroke-opacity .5s;
}


.icon-list { padding:2rem;}

/*陝ｷ�ｽﾂ€竏墅帷ｹ晢ｿｽ繝ｱ郢晢ｽｼ邵ｲ竏ｬ繝ｬ隴趣ｽｯ闔会ｿｽ***************************************************************************/
.index-first-sec { padding-top:700px;}
section { margin:0 auto;}

/*googlemaps*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 36.25%;
position: relative;
}
.gmap-bot { /*googlemap闕ｳ鄙ｫ縲帝€ｵ貅假ｽ楢叉�ｭ闔会ｿｽ*/
	position: absolute;
    top: 50%;
    left: 50%;
	margin-top:30.25%;
	    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	 z-index:200;}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


/*郢晄㈱縺｡郢晢ｽｳ*****************************************************************************************/
button {
    margin: 0;
    padding: 0.86rem 1rem;
    border: none;
  box-sizing:border-box;
  min-width:150px;
    display: inline-block;
	line-height:0rem;
  position: relative;
    cursor: pointer;
	z-index:1;
}
button::before,
button::after {
   box-sizing:border-box;
}
.button-s ,.button-m{
	background-color: transparent;
	color: #fff;
	transition: .6s all;
	position: relative;
	overflow:hidden;
	font-size: 0.86rem;
	letter-spacing: 0.1em;
}
.button-s::before,.button-m::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e19d19;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s all;
  transform-origin: 50% 50%;
  z-index:-1;
}
.button-s::after,.button-m::after {
  content: '';
  display: block;
  width: 200%;
  height: 300%;
  background-color: #FFF;
  position: absolute;
  left: -210%;
  top: -120%;
  transition: 1s all;
  transform: rotate(8deg);
  transform-origin: 0 50%;
  opacity: .8;
  z-index:-1;
}
.button-s:hover {
	color:#8A5F0F;
}
.button-s:hover::after{
  opacity: 1;
  left: -10%;
  top: -120%;
}

/***********/
.button-m{
	margin:1rem 0;
	font-size: 1.1rem;
  min-width:330px;
  height:40px;
  	border: 1px solid #FFF;
}
.button-m::before {
	padding:12rem;
	background:none;
}

.button-m:hover {
	color:#000;
}

.button-m:hover::after{
  opacity: 1;
  left: 0%;
  top: -130%;
}


.mid-bottan  {/*汎用ボタン（big）*/
	-moz-box-shadow: 0px 5px 14px -7px #050e0f;
	-webkit-box-shadow: 0px 5px 14px -7px #050e0f;
	box-shadow: 0px 5px 14px -7px #050e0f;
	background-color:#3F3421;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-size:0.9rem;
	padding:1px 16px 0px 16px;
	line-height:1.5rem;
	text-decoration:none;
		border:1px solid #3F3421;
		margin:5px;
}
.mid-bottan:hover  {
	background: #FFF;
	color: #3F3421 !important;
	border:1px solid #3F3421;
}
.mid-bottan:active {
	position:relative;
	top:1px;
}

/*邵ｲﾂ€郢ｧ�ｹ郢晄ｧｭ�ｽ郢晢ｽ｡郢昜ｹ斟礼ｹ晢ｽｼ邵ｲﾂ€******************************************************************************************************/
:root {
--cd-color-1: hsl(38,24%, 26%);
--cd-color-1-h: 38;
--cd-color-1-s: 24%;
--cd-color-1-l: 26%;
--cd-color-2: hsl(151, 13%, 66%);
--cd-color-2-h: 151;
--cd-color-2-s: 13%;
--cd-color-2-l: 66%;
--cd-color-3: hsl(213, 9%, 44%);
--cd-color-3-h: 213;
--cd-color-3-s: 9%;
--cd-color-3-l: 44%;
--font-primary: 'Open Sans', sans-serif;
--font-secondary: 'Merriweather', serif
}
.cd-main {
}
.cd-main__content {
position: relative;
z-index: 2;
background:url(../images/back-01.jpg);
height:100%;
overflow:hidden;
will-change: transform; /*will-change郢晏干ﾎ溽ｹ昜ｻ｣繝ｦ郢ｧ�｣郢ｧ蜑�ｽｽ�ｿ邵ｺ�｣邵ｺ�ｦ邵ｺ阮呻ｽ檎ｸｺ荵晢ｽ蛾勗蠕鯉ｽ冗ｹｧ蠕鯉ｽ玖棔迚呻ｽｽ�｢陷�ｽｦ騾�ｿｽ竊鍋ｸｺ�､邵ｺ�ｽ窶ｻ郢晄じﾎ帷ｹｧ�ｦ郢ｧ�ｶ邵ｺ�ｫ驕擾ｽ･郢ｧ蟲ｨ笳狗ｸｺ貅假ｼ櫁ｭ趣ｿｽ*/
transition: -webkit-transform 0.7s cubic-bezier(0.91, 0.01, 0.6, 0.99);
transition: transform 0.7s cubic-bezier(0.91, 0.01, 0.6, 0.99);
transition: transform 0.7s cubic-bezier(0.91, 0.01, 0.6, 0.99), -webkit-transform 0.7s cubic-bezier(0.91, 0.01, 0.6, 0.99)
}
.nav-is-open .cd-main__content {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.js .cd-nav {
position: fixed;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
background:url(../images/menu-back.jpg);
/*
background-color: hsl(38, 24%, 26%);
background-color: var(--cd-color-1);
*/
visibility: hidden;
transition: visibility 0.7s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.js .cd-nav a {
text-decoration: none
}
.js .cd-nav__title {
position: relative;
font-size: 0.9em;
font-weight: normal;
color: hsla(0, 0%, 100%, 0.5);
color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.5);
text-transform: uppercase;
letter-spacing: 0.15em
}
.js .cd-nav__title::after {
content: '';
position: absolute;
left: 0;
bottom: -20px;
height: 1px;
width: 60px;
background-color: currentColor
}
.js .nav-is-open .cd-nav {
visibility: visible
}
.js .cd-nav__content {
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: var(--space-lg) 0 var(--space-lg) 80px;
will-change: transform;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
transition: -webkit-transform 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78);
transition: transform 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78);
transition: transform 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78), -webkit-transform 0.7s cubic-bezier(0.86, 0.01, 0.77, 0.78)
}
@media(min-width: 64rem) {
.js .cd-nav__content {
padding-left: 0
}
}
@media(min-width: 80rem) {
.js .cd-nav__content .container {
max-width: 840px
}
}
.js .nav-is-open .cd-nav__content {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition: -webkit-transform 0.5s cubic-bezier(0.82, 0.01, 0.77, 0.78);
transition: transform 0.5s cubic-bezier(0.82, 0.01, 0.77, 0.78);
transition: transform 0.5s cubic-bezier(0.82, 0.01, 0.77, 0.78), -webkit-transform 0.5s cubic-bezier(0.82, 0.01, 0.77, 0.78)
}
.js .cd-nav__primary {
margin-top: 3.25em;
margin-top: var(--space-xl)
}
.js .cd-nav__primary li {
margin-bottom: 1.25em;
margin-bottom: var(--space-md)
}
.js .cd-nav__link {
 font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
font-family: var(--font-secondary);
font-size: 1.44em;
font-size: var(--text-lg);
color: hsla(0, 0%, 100%, 0.4);
color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.4)
}
@media(min-width: 80rem) {
.js .cd-nav__link {
font-size: 2.0736em;
font-size: var(--text-xxl)
}
}
.js .cd-nav__link:hover,
.js .cd-nav__link-selected {
color: hsl(0, 0%, 100%);
color: var(--color-white)
}
.js .cd-nav__contact {
margin-top: 5.25em;
margin-top: var(--space-xxl)
}
.js .cd-nav__contact li {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
font-family: var(--font-secondary); 
margin-bottom: 1.25em;
margin-bottom: var(--space-md);
color: hsla(0, 0%, 100%, 0.3);
color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.3)
}
.js .cd-nav__contact a {
color: hsl(0, 0%, 100%);
color: var(--color-white)
}
@media(min-width: 64rem) {/*郢ｧ�ｹ郢晄ｧｭ�ｽ*/
.js .cd-nav__contact {
text-align: right
}
}
@media(min-width: 64rem) {/*郢ｧ�ｹ郢晄ｧｭ�ｽ*/
.js .cd-nav__contact {
margin-top: calc(3.25em + 20px);
margin-top: calc(var(--space-xl) + 20px)
}
}
.cd-nav-trigger {
position: fixed;
z-index: 3;
top: 40px; 
right: 1.25em;
right: var(--component-padding);
height: 54px;
width: 54px;
background-color: hsl(38, 24%, 26%);
background-color: var(--cd-color-1);
border-radius: 50%;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s
}
.cd-nav-trigger:active .cd-nav-trigger__icon {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9)
}
.cd-nav-trigger svg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%
}
.cd-nav-trigger circle {
stroke: hsl(213, 9%, 44%);
stroke: var(--cd-color-3);
transition: stroke-dashoffset 0.4s
}
@media(min-width: 80rem) {/*PC*/
.cd-nav-trigger {
top: 40px
}
}
.nav-is-open .cd-nav-trigger {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.nav-is-open .cd-nav-trigger circle {
stroke-dashoffset: 0;
transition: stroke-dashoffset 0.4s 0.3s
}
.cd-nav-trigger__icon {
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 11px);
width: 22px;
height: 2px;
background-color: hsl(0, 0%, 100%);
background-color: var(--color-white);
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s
}
.cd-nav-trigger__icon::before,
.cd-nav-trigger__icon:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: inherit;
will-change: transform, width, top;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: width 0.5s, top 0.3s, -webkit-transform 0.5s;
transition: transform 0.5s, width 0.5s, top 0.3s;
transition: transform 0.5s, width 0.5s, top 0.3s, -webkit-transform 0.5s
}
.cd-nav-trigger__icon::before {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px)
}
.cd-nav-trigger__icon::after {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px)
}
.nav-is-open .cd-nav-trigger__icon::before,
.nav-is-open .cd-nav-trigger__icon::after {
width: 50%
}
.nav-is-open .cd-nav-trigger__icon::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.nav-is-open .cd-nav-trigger__icon::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.nav-is-open .cd-nav-trigger:hover .cd-nav-trigger__icon::before,
.nav-is-open .cd-nav-trigger:hover .cd-nav-trigger__icon::after {
top: 0
}
.cd-main__content {/**/
height:auto;
/*display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
*/
}
.cd-main__content h1 {
color: hsl(38, 24%, 26%);
color: var(--cd-color-1)
}
.cd-main__content p {
 font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
font-family: var(--font-secondary);
color: hsl(151, 13%, 85.8%);
color: hsl(var(--cd-color-2-h), var(--cd-color-2-s), calc(var(--cd-color-2-l) * 1.3))
}
.cd-article-link {
 font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
font-family: var(--font-primary);
color: hsl(38, 24%, 26%);
color: var(--cd-color-1);
font-size: 0.83333em;
font-size: var(--text-sm);
transition: opacity 0.2s
}
.cd-article-link:hover {
opacity: 0.8
}






/***************************************************************
郢晢ｽｭ郢晢ｽｼ郢晢ｿｽ縺�ｹ晢ｽｳ郢ｧ�ｰ騾包ｽｻ鬮ｱ�｢
***************************************************************/
.contents {
  width: 100%;
	height: 100%;
 /* height: 100vh;*/
}
.loading {
	position: fixed;
	z-index: 100;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #FFF;
}
.loading__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.sk-folding-cube {
  margin: 25px auto;
  width: 50px;
  height: 50px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e19d19;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}



/**2020-09-24-メニュー追加により以下まで修正******************************************************/
@media (max-width: 86rem) {/*1207px 莉･荳�*/
	

.col-8-ie img {width:100%; height:auto;}
header h1 {
	 line-height:0.8rem;
	 padding:0 0.3rem;
	 } 
header h1 a { 
font-size:1rem;	
text-decoration:none; 
	color:#1A1A1A;} 
header h1 small { font-size:1rem;} 
.rogo { margin-top:-2rem;}

.main-menu div {
	padding:0 0.3rem;
	}

.main-menu a {
	/*background-image: url(../images/back-01.jpg);*/
	width:100%; height:8.5rem;
	padding:0 0.4rem;
	display:block;
	line-height:8.5rem;
	text-decoration:none;
	color:#000 ;
	font-size:0.92rem;
}
/*2020-09-24-メニュー追加によりここまで修正*/

} 
@media screen and (min-width:32px) and (max-width: 64rem) {/*1024px 莉･荳�*/
	
.table-scroll {
  overflow-x: auto;
}
	
.table-scroll table{
  width: 100%;
  min-width: 700px;
}

.sp-none { display:none;} 
.pc-none { display:inline;}  
footer,section { padding:0 1rem;}
.gmap-wrap { padding:0rem;}
big { font-size:1.5rem;}
.button-m{min-width:100%;}
/*googlemaps*/
.gmap {
padding-bottom: 100%;
}
.gmap-bot { /*googlemap荳翫〒逵溘ｓ荳ｭ莉�*/
	margin-top:80.25%;
}
/*繝倥ャ繝€繝ｼ*/
header { 
height:5.5rem;
padding:0 0 0 1rem;
}

header h1 {
	 line-height:1rem;
	 padding:0 0.5rem;
	 } 
header h1 a { 
font-size:1.1rem;} 
header h1 small { font-size:0.8rem;} 

/*繧ｹ繝槭�繝医Μ繧ｬ繝ｼ繝懊ち繝ｳ*/
.cd-nav-trigger {
top: 22px; 
height: 44px;

width: 44px;
}
 .cd-nav__content {
padding-left:1rem !important;
}
.js .cd-nav__title {
font-size: 0.75em;
letter-spacing: 0.1em
}
.js .cd-nav__contact li {
color: hsla(0, 0%, 100%, 0.6);
}

#back-animal { width:100%; height:100vh;	position: fixed; top:0rem;}
#back-cat {
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100vh;
	}
#back-dog{
	top:20vh;
	left:0;
	z-index:3;
	width:100%;
	height:100vh;
	}
#back-bird {
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100vh;
	}
 .index-first-sec { padding-top:75vh;}
 .new {display:none;}
.new-menu { 
 top:0.3rem;
 left:120px;
}
 
/*SVG髫募唱�ｽ邵ｺ蜉ｱ縺｡郢ｧ�､郢晏現ﾎ�******************************************************************/
#svg-wrap { 
display: flex;
  align-items: center;
  justify-content:center;
  width:100%;
	height:100vh;
 	position: absolute;
	top:0;
	left:0;
	z-index:4;
  }
.svg-box {
  align-self:center;
    width: 27%;
  height:auto;
  }
  .main-wrap {	 font-size:1rem;}
  .main-wrap h3 {
	 font-size:1.2rem;
	 text-align:center;
 }
/*バナー追記**********************************/
.banner a {padding: 0.2rem 0.5rem;z-index:40;}
.banner img { width:170px; height:50px; margin:0rem;}
}


@media (max-width: 32rem) {/*512px 莉･荳�*/
.main-wrap h3 {
	padding:2rem 0 0.5rem 0;
	margin:3rem 0 1rem 0;
 }
#back-animal { width:100%; height:100vh;}
#back-cat {
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:50vh;
	}
#back-dog{
top:45vh;
	left:0;
	z-index:2;
	width:100%;
	height:60vh;
	}
#back-bird {
top:30px;
	left:0;
	z-index:3;
	width:100%;
	height:40vh;
	}
.new {display:none;}
.new-menu { 
 top:0.3rem;
 left:120px;
}
#svg-wrap { 
  height:90vh;
  }
.svg-box {
    width: 50%;
  }
  .main-wrap {	 font-size:1rem;}
  .main-wrap h3 {
	 font-size:1.2rem;
	 text-align:center;
 }
 .index-first-sec { padding-top:75vh;}
 .icon-list { padding:1rem;}
	
/*バナー追記**********************************/
.banner a { width:50%; padding: 0.2rem 0.4rem;z-index:40;}
.banner img { width:170px; height:50px; margin:0rem;}	

}


@media all and (-ms-high-contrast:none){/* IE11 */ 
  *::-ms-backdrop, header { padding:0.5rem 7rem 0 3rem;}
  *::-ms-backdrop, .rogo { margin-top:-1.5rem;}
  *::-ms-backdrop, header h1 { line-height:1.5rem; } 
  *::-ms-backdrop, #myCanvas { top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);}
  *::-ms-backdrop, .max-width-lg { max-width: 1280px;/*1280px*/}
  *::-ms-backdrop, .info dt{ max-width:18%; float:left;}
  *::-ms-backdrop, .info dd { max-width:79%; float:right;}
  *::-ms-backdrop, .icon-list { max-width:426px; float:left;}
  *::-ms-backdrop, #contact-back { margin:8rem 0 2rem 0;}
  *::-ms-backdrop, .gmap-wrap { padding-top:6rem;}
  *::-ms-backdrop, #sub-back {	padding-bottom:5rem; }
  *::-ms-backdrop, .col-4-ie { max-width:30%; float:left}
  *::-ms-backdrop, .col-8-ie { max-width:63%; float:right}
  *::-ms-backdrop, .col-3-ie { max-width:25%; float:right}
  *::-ms-backdrop, .col-9-ie { max-width:73%; float:left}
  *::-ms-backdrop, .col-6-ie { max-width:50%; float:left;}
  *::-ms-backdrop, .cd-nav__title { padding-top:5rem}
  *::-ms-backdrop, .main-wrap h3 { font-size:1.6rem;}
  *::-ms-backdrop, .padding-bottom-lg { padding-bottom:8rem;}
  *::-ms-backdrop, .margin-minus-ie { margin-top:-5rem;}
  *::-ms-backdrop, .new-menu { top:1rem;}
}