@charset "utf-8";
/* CSS Document */
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

  html {
    font-size: 12px; }

@media screen and (min-width: 960px) {
  html {
    font-size: 16px; } }

@-ms-viewport {
  width: device-width; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "r-mplus-m",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.8em;
  color: #6a3906;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0; }

p {
  margin: 0;
  padding: 0; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  list-style: none;
  margin: 0;
  padding: 0; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin: 0; }

dt {
  margin-bottom: 0;
  font-weight: normal; }

dd {
  margin-bottom: 0;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #0084ff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:hover {
  color: #0084ff;
  text-decoration: none; }

a:not([href]):not([tabindex]) {
  text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

input::placeholder {
  color: #acacac; }

input:-ms-input-placeholder {
  color: #acacac; }

input::-ms-input-placeholder {
  color: #acacac; }

input[type="text"],
input[type="password"],
textarea,
select {
  padding: 0.5rem;
  border: solid 1px #acacac;
  border-radius: 0.25rem; }

body {
  font-size: 1.16rem;
  font-feature-settings: "palt"; }

h1, h2, h3, h4, h5, h6, p, li a {
  letter-spacing: 0.025em; }


/*------------------------
 共通パーツ
------------------------*/

.pc_br{
  display: none; }

@media screen and (min-width: 520px) {

.sp_br{
  display: none; }}


/* 背景テクスチャ ******/

.area01{
	background-image: url("../img/bg-bbe0f0.jpg");}

.area01::before{
	display: inline-block;
	position: absolute;
	margin-top: -101px;
	z-index: 3;
	width: 100%;
	height: 22px;
	background: url("../img/wave_top.png");
	content: "";}

.area01::after{
	display: inline-block;
	position: absolute;
	margin-top: 80px;
	z-index: 3;
	width: 100%;
	height: 22px;
	background: url("../img/wave_bottom.png");
	content: "";}

.area02{
	background-image: url("../img/bg-fcf7ec.jpg");}

.area03{
	background-image: url("../img/bg-4eabdb.jpg");}

.area03::before{
	display: inline-block;
	position: absolute;
	margin-top: -121px;
	z-index: 3;
	width: 100%;
	height: 22px;
	background: url("../img/footer_wave_top.png");
	content: "";}

.area04{
	background-image: url("../img/bg-bbe0f0.jpg");}

.area04::before{
	display: inline-block;
	position: absolute;
	margin-top: -66px;
	z-index: 3;
	width: 100%;
	height: 22px;
	background: url("../img/wave_top.png");
	content: "";}

.area04::after{
	display: inline-block;
	position: absolute;
	margin-top: 45px;
	z-index: 3;
	width: 100%;
	height: 22px;
	background: url("../img/wave_bottom.png");
	content: "";}

.area05{
	background-image: url("../img/bg-bbe0f0.jpg");}

.area05::before{
	display: inline-block;
	position: absolute;
	margin-top: -101px;
	z-index: 3;
	width: 100%;
	height: 22px;
	background: url("../img/wave_top.png");
	content: "";}

.area06{
	background-image: url("../img/bg-f7ffff.jpg");}

/* 点線dotted ******/

.dotted_line01::after{
	content: "";
	position: absolute;
	z-index: 3;
	display: inline-block;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: 2px dashed #c1e8f8;
	border-radius: 10px;}

.dotted_line02::after{
	content: "";
	position: absolute;
	display: inline-block;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	border: 2px dashed #f9e6b1;
	border-radius: 10px;}

/* リンク／ボタン ******/

.textlink:after {
    display: inline-block;
	background-image: url("../img/link_icon.png");
	content: "";
	width: 13px;
	height: 13px;
	background-size: cover;	}

.textlink02:after {
	display: inline-block;
	background-image: url("../img/link_icon.png");
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0px;
	margin-top: 0.5rem;
	background-size: cover;}

.textlink03:after {
	background-image: url("../img/link_icon.png");
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	right: 10px;
	bottom: 15px;
	margin-top: 0.5rem;
	background-size: cover;}


.button002 a {
    background: #e97e00;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 200px;
    padding: 7px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;}

.button002 a:hover {
    background-color: #FFA843;
    color: #FFF;
}

.button002 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;}

.button003 a:hover:after {
    border-color: #FFF;}

.button003 a {
    background: #338ef7;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 200px;
    padding: 7px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;}

.button003 a:hover {
    background: #7bb5f7;
    color: #FFF;}

.button003 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;}

.button003 a:hover:after {
    border-color: #FFF;}


/* ハンバーガーメニュー ******/

.sp_menu {
  position: fixed;
  z-index: 10000;
  right: 1rem;
  top: calc((6rem - 48px) / 2 );
  width: 48px;
  height: 48px;
  border-radius: 4px;
  background-color: #ff6a19;
  color: #fff; }

.sp_menu.close {
  background-color: tranceparent; }

.sp_menu span {
  display: block;
  position: absolute;
  z-index: 2000;
  top: 23px;
  right: 12px;
  width: 24px;
  height: 0;
  padding-top: 3px;
  background-color: #fff;
  overflow: hidden; }

.sp_menu::before {
  display: block;
  position: absolute;
  z-index: 2000;
  top: 14px;
  right: 12px;
  width: 24px;
  height: 3px;
  background-color: #fff;
  content: "";
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  transition: .15s ease-in-out; }

.sp_menu::after {
  display: block;
  position: absolute;
  z-index: 120;
  top: 32px;
  right: 12px;
  width: 24px;
  height: 3px;
  background-color: #fff;
  content: "";
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  transition: .15s ease-in-out; }

.sp_menu.close span {
  display: none; }

.sp_menu.close::before {
  top: 23px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg); }

.sp_menu.close::after {
  top: 23px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* パンくず ******/

.breadcrumb {
  display: flex;
  margin: auto;
  width: 90%;
  margin-bottom: 1rem; }

.breadcrumb li{
	display: inline-block;
	font-size: 12px;}

.breadcrumb li::after {
	content: "　>　"; }

/*TOPページ */

header {
	position: fixed;
	z-index: 900;
	width: 100%;
	height: calc(6rem + 10px);
	background-image:url(../img/bg-4eabdb.jpg);
	border-bottom: solid 12px #f5cd44;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3);
	border-bottom-width: 8px;}

.header_logo {
	margin-left: 1rem; }

.header_logo a {
	display: flex;
	align-items: center;
	height: 6rem;
	font-size: 1.8rem;
	line-height: 6rem;
	color: #f5cd44;}

.header_logo img {
	width: auto;
	height: calc(100% - 3rem);
	margin-right: 0.5rem;}

.contact_menu {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 900;
  width: 100%;
  padding: 0.5rem 0 0.75rem;
  background-image: url("../img/bg-fcf7ec.jpg");
  /*background-color: rgba(255, 255, 255, 0.7);*/
  text-align: center; }

  .contact_menu .contact_tel{
    display: inline-block;
    width: 74.4vw;
    max-width: 450px;
    color: #fff;
    background-color: #e97e00;
    /*line-height: rem;*/
    border-radius: 6px;}

  .contact_menu a {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    /*height: 3rem;*/
    color: #fff;}

  .contact_menu p {
    font-size: 0.8rem;
    /*padding-top: 0.5rem;*/
    text-align: left; }

  .contact_tel p{
    text-align: center;
	font-size: 0.6rem;}

    .contact_tel span{
	  font-size: 1.4rem;
	  font-family: "r-mplus-bo";}

    .contact_tel span::before{
	  content: "";
	  display: inline-block;
	  width: 20px;
	  height: 20px;
	  margin-right: 6px;
	  background-image: url(../img/icn_tel.svg);
	  background-size:cover;
	  position: relative;
	  top: 3px;}

.global_navi {
  display: none;
  position: fixed;
  top: 0;
  z-index: 3000;
  width: 100%;
  height: 100%;
  background-image:url(../img/bg-bbe0f0.jpg);
  background-size: 256px 256px; }

  .global_navi {
    width: 100%;
    height: 100%;
    padding-top: 72px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }

  .global_navi ul {
    list-style: none;
    margin: 0;
    padding: 0 1rem 2rem;
    font-size: 1.66rem; }
  .global_navi li {
    margin-bottom: 2rem; }

  .global_navi li a {
    display: block;
    padding: 1.5rem 0;
    border-bottom: dashed 1px #b28850;
    font-weight: bold;
    color: #593005; }

.mainvisual {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
  text-align: center; }
  .mainvisual img {
    width: 100%;
    height: auto; }
  .mainvisual video {
    display: block;
    width: 100%; }


.mainvisual_second img, .mainvisual_second picture {
  width: 100%; }


/* Slider ******/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.main_s {
  display: block; }

.main_l {
  display: none; }


.info{
  padding: 80px 0;}

  .info_inner{
    position: relative;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;}

  .info_container{
    position: relative;
    z-index: 4;
    width: 85%;
    margin: 0 auto;
    padding: 2rem 0 3rem;}


  .info_container ul{
	padding: 40px 0;}

  .info_container ul li{
	padding: 14px 0;
	vertical-align: baseline;
	border-bottom: dashed 1px #b28850;}

  .info_container ul a{
    color: #6a3906;}

  .info_container ul a:hover{
	color:rgba(106,56,7,0.70);}


  .info_container h2{
    font-family: "r-mplus-h"; 
    font-size: 26px;
    color: #1d82f6;	}

  .info_container h2::before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	background-image: url(../img/icn_info.svg);
	width: 44px;
	height: 44px;
	background-size: cover;
	position:relative;
	top: 12px;}

  .info_container::after{
	position:absolute;
	z-index: 6;
	top: 360px;
	right: -40px;
	display: inline-block;
	content: "";
	background-image: url(../img/img_footprints.png);
	width: 73px;
	height: 209px;
	background-size: cover;}

.info_container p{
	margin-top: 3rem;}

.info_container ul li:nth-child(1){
	border-top: dashed 1px #b28850;}

.info_container ul li span{
	font-size: 1.4rem;}

.calender{
	padding: 7rem 0;}

.calendar_inner{
	position: relative;
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;}

.calendar_container{
	position: relative;
	z-index: 4;
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

.calendar_container	h2{
	font-family: "r-mplus-h"; 
	font-size: 26px;
	color: #cb7c00;	}

.calendar_container	h2::before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	background-image: url("../img/icn_calender.svg");
	width: 44px;
	height: 44px;
	background-size: cover;
	position:relative;
	top: 12px;}

.calendar_container::after{
	display: block;
	position: absolute;
	z-index: 6;
	content: "";
	top:860px;
	background: url("../img/img_animals.png");
	background-size: cover;
	width: 142px;
	height: 73px;}

.calendar_box{
	margin-top: 1rem;
	background-color: #f8eac3;
	border-radius: 10px;}

.calendar_box iframe{
	padding: 2rem 1rem 1rem;
	box-sizing: border-box;}

.calendar_container p{
	font-size: 0.8rem;
	text-align: right;}

.calendar_container span{
	font-size: 1.2rem;
}

.message{
	padding: 80px 0;}

.message_inner{
	position: relative;
	width: 90%;
	height: 100%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;}

.message_container{
	position: relative;
	z-index: 4;
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

.message_container	h2{
	font-family: "r-mplus-h"; 
	font-size: 26px;
	color: #1d82f6;	}

.message_container	h2::before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	background-image: url("../img/icn_message.svg");
	width: 44px;
	height: 44px;
	background-size: cover;
	position:relative;
	top: 12px;}

.message_box{
	padding: 2rem 0;}

.message_box p{
	font-size: 1.4rem;
	line-height: 3rem;}

.message_container img{
	display: block;
	width: 50%;
	height: 50%;
	margin: 0 auto;}

.guide{
	padding: 7rem 0;}

.guide_inner{
	position: relative;
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;}

.guide_container{
	position: relative;
	z-index: 4;
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

.guide_container h2{
	font-family: "r-mplus-h"; 
	font-size: 26px;
	color: #cb7c00;	}

.guide_container h2::before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	background-image: url("../img/icn_guide.svg");
	width: 44px;
	height: 44px;
	background-size: cover;
	position:relative;
	top: 12px;}

.guide_container p{
	margin-top: 2rem;
	font-size: 1.4rem;
	line-height: 3rem;}

.time{
	padding: 80px 0;}

.time_inner{
	position: relative;
	width: 90%;
	height: 100%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;}

.time_container{
	position: relative;
	z-index: 4;
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

.time_container h2{
	font-family: "r-mplus-h"; 
	font-size: 26px;
	color: #1d82f6;	}

.time_container h2::before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	background-image: url("../img/icn_time.svg");
	width: 44px;
	height: 44px;
	background-size: cover;
	position:relative;
	top: 12px;}

table{
  border-collapse: separate;
  border-spacing: 0;
	width: 100%;
	margin: 2rem 0;
	border: solid 2px #b28850;
	border-radius: 10px;}

table thead th,
table tbody th,
table tbody td {
  padding: 1rem 2rem;
  border-bottom: solid 1px #b28850;}

table thead th {
  background-color: #ffeee5;}

table thead th:first-child {
  background-color: #fff;}
table thead th:nth-child(4),th:nth-child(6) {
  background-color: #ffcdb3;}

table thead th + th,
table tbody td {
  border-left: solid 1px #b28850;}

table tbody tr:last-child th,
table tbody tr:last-child td {
  border-bottom: none;}
table thead tr:first-child th:first-child {
  border-radius: 10px 0 0 0;}
table thead tr:first-child th:last-child {
  border-radius: 0 10px 0 0;}
table tbody tr:last-child th:first-child {
  border-radius: 0 0 0 10px;}
table tbody tr:last-child th:last-child {
  border-radius: 0 0 10px 0;}

tr:first-child{
	border-left:none;}

.timeout{
	padding: 80px 0;}

.timeout_inner{
	position: relative;
	width: 90%;
	height: 100%;
	margin: 0 auto;
	margin-top: 6rem;
	background-color: #fff;
	border-radius: 10px;}

.timeout_container{
	position: relative;
	z-index: 4;
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

.timeout_container h2{
	font-family: "r-mplus-h"; 
	font-size: 26px;
	color: #1d82f6;	}

.timeout_container h2::before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	background-image: url("../img/icn_timeout.svg");
	width: 44px;
	height: 44px;
	background-size: cover;
	position:relative;
	top: 12px;}

.timeout_container p{
	margin-top: 2rem;}

.timeout_box{
	padding: 2rem;
	background-color: #fff6de;
	border-radius: 10px;}

.access{
	padding: 7rem 0;}

.access_inner{
	position: relative;
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;}

.access_container{
	position: relative;
	z-index: 4;
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

.access_container h2{
	font-family: "r-mplus-h"; 
	font-size: 26px;
	color: #cb7c00;	}

.access_container h2::before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	background-image: url("../img/icn_access.svg");
	width: 44px;
	height: 44px;
	background-size: cover;
	position:relative;
	top: 12px;}

.access_container img{
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;}

.access_box{
	width: 100%;
	margin: 0 auto;
	margin-top: 10px;}

.access_box dl{
	margin-top: 20px;}

.access_box dl dt{
	font-size: 1.2rem;
	font-weight: bold;
	color: #1d82f6;}

.access_hous:before{
	display: inline-block;
	content: "";
	background-image: url("../img/icn_access_hous.svg");
	width: 36px;
	height: 31px;
	background-size: cover}

.access_car:before{
	display: inline-block;
	content: "";
	background-image: url("../img/icn_access_car.svg");
	width: 46px;
	height: 24px;
	background-size: cover}

.access_train:before{
	display: inline-block;
	content: "";
	background-image: url("../img/icn_access_train.svg");
	width: 37px;
	height: 31px;
	background-size: cover}	


footer{
	padding: 100px 0 0;}

.footer_inner{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 100px;
	text-align: center;
	color: #fff;}

.footer_inner h2{
	padding: 2rem 0;
	color: #f5cd44;}

.footer_inner ul{
	margin: 0 auto;
	padding: 2rem 0;
	display: flex;
	flex-wrap: wrap;}

.footer_inner li{
	display: inline-block;
	width: 33%;
	padding: 0 0.5rem;
	border-right: solid 2px #f5cd44;
	font-size: 1rem;
	color: #FFF;}

.footer_inner li:nth-child(3){
	border: none;}

.footer_inner li:last-child{
	border: none;}

.footer_inner a{
	color: #fff;}

.footer_inner a:hover{
	color:rgba(255,255,255,0.70);}


.footer_container{
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

.copy_light{
	font-size: 0.8rem;
	text-align: center;
	background-color: #f5cd44;}


  .page_top {
    position: fixed;
    z-index: 1000;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 0;
    padding-top: 40px;
    overflow: hidden;
    border-radius: 32px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    background: url(../img/icn_arrow_pagetop.svg) no-repeat center center #ff6a19;
    background-size: 20px 15px; }

/*------------------------
 診療案内
------------------------*/

.pagename{
  padding: 45px 0;}

  .pagename h1{
    text-align: center;
    font-size: 40px;
    font-family: "r-mplus-h";
    color: #1d82f6;
    text-shadow: 0 0 15px #fff;}

.medical{
	padding:6rem 0 9rem;}

.medicalanimal_inner{
	position: relative;
	width: 90%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;}

.medicalanimal_inner h2{
	font-family: "r-mplus-h"; 
	font-size: 26px;
	color: #cb7c00;	}

.medicalanimal_inner h2::before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	background-image: url("../img/icn_medical_animal.svg");
	width: 60px;
	height: 60px;
	background-size: cover;
	position:relative;
	top: 12px;}

.medicalanimal_container{
	position: relative;
	z-index: 4;
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

/*.medicalanimal_container::after{
	position:absolute;
	z-index: 6;
	top: 300px;
	right: 0px;
	display: inline-block;
	content: "";
	background-image: url(../img/img_footprints.png);
	width: 73px;
	height: 209px;
	background-size: cover;}*/

.medicalanimal_container p{
	margin: 2rem 0;
	font-size: 1.4rem;}

.medicalanimal_box{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;}

.medicalanimal_box img{
	width: 46%;}


.medicaldepartment_inner{
	position: relative;
	width: 90%;
	top: 60px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;}

.medicaldepartment_inner h2{
	font-family: "r-mplus-h"; 
	font-size: 26px;
	color: #cb7c00;	}

.medicaldepartment_inner h2::before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	background-image: url("../img/icn_medical_department.svg");
	width: 60px;
	height: 60px;
	background-size: cover;
	position:relative;
	top: 12px;}

.medicaldepartment_container{
	position: relative;
	z-index: 4;
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

.medicaldepartment_container p{
	margin: 2rem 0;
	font-size: 1.4rem;}

.medicaldepartment_box{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}

.medicaldepartment_box img{
	width: 48%;}

.medicaldepartment_box img:nth-child(n+3){
	margin-top: 1rem;}

/*------------------------
症例紹介
------------------------*/

.case{
  padding: 7rem 0;}

  .case_inner{
    /*position: relative;*/
    width: 90%;
    margin: 0 auto;
    margin-bottom: 3rem;
    padding: 3rem;
    background-color: #fff;
    border-radius: 10px;}

    .case_inner h2{
	  width: 100%;
	  margin-top: 3rem;
	  margin: 0 auto;
	  padding: 1rem;
	  text-align: center;
	  font-size: 20px;
	  color: #fff;
	  background-color: #3f93f4;
	  border-radius: 10px;}

.case_inner span{
	font-size: 1rem;}

.case_inner ul{
  padding-top: 2rem;
  margin: 0 auto;
  column-count: 2;}

.case_inner img{
	width: 100%;}

.caselist{
	padding: 7rem 0;}


.caselist_inner{
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 3rem;
	background-color: #fff;
	border-radius: 10px;}


.caselist_inner h2{
	margin-top: 3rem;
	margin: 0 auto;
	padding: 1.6rem;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background-color: #3f93f4;
	border-radius: 10px;}

.caselist_inner ul{
  padding-top: 2rem;
  margin: 0 auto;
  /*column-count: auto;*/}

.caselist_inner li{
	display: block;
	width: 100%;
  padding: 14px 0;
  vertical-align: baseline;
  border-bottom: dashed 1px #b28850;}

.caselist_inner li span{
  margin-right: 1rem;
  font-size: 1rem;}

.caselist_container li{
	position:relative;}

.caselist_container li a{
	text-align: left;}

.caselist_container figure{
	width: 90%;
	justify-content: space-between;
	margin: 0 auto;
	margin-bottom: 1rem;}

.caselist_container figcaption{
	font-size: 1rem;
	line-height: 1.3rem;
	height: 3rem;}


.caselist_container02 ul{
	display: flex;
	flex-wrap: wrap;}

.caselist_container02 li{
	width: 50%;}

.caselist_container02 li a{
	text-align: left;}

.caselist_container02 figure{
	width: 80%;
	justify-content: space-between;
	margin: 0 auto;
	margin-bottom: 1rem;}

.caselist_container02 figcaption{
	font-size: 1rem;
	line-height: 1.3rem;
	height: 3rem;}

/*------------------------
 スタッフ紹介
------------------------*/

.staff_container{
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

.staff_container h2{
	font-family: "r-mplus-h"; 
	font-size: 26px;
	color: #cb7c00;	}

.staff_container h2::before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	background-image: url("../img/icn_staff.svg");
	width: 44px;
	height: 44px;
	background-size: cover;
	position:relative;
	top: 12px;}

.staff_box{
	display: flex;
	flex-direction: column;
	margin-top: 1.2rem;}

.staff_box p{
	font-size: 1.2rem;}

.menber_inner{
	position: relative;
	width: 90%;
	height: 100%;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 10px;}

.menber_inner:nth-child(n+2){
	margin-top: 6rem;}
	
.menber_container{
	position: relative;
	z-index: 4;
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

.menber_box{
	display: flex;
	flex-direction: column;}

.menber_box h3{
	padding-bottom: 1rem;
	font-size: 2rem;
	color: #cb7c00;}

.menber_box p{
  font-family: "r-mplus-bo";
	margin-bottom: 1rem;}

.menber_boxleft01{
	text-align: center;}

.menber_boxright01{
	width: 80%;
	margin: 0 auto;}

.menber_boxright01 h3{
	font-size: 1.8rem;
	line-height: 2.4rem;}

.menber_boxright01 dd img{
	width: 40%;}

.menber_boxright01 span{
	font-size: 1rem;}

.menber_boxleft02{
  order: 2;
	width: 80%;
	margin: 0 auto;}

.menber_boxright02{
  order: 1;
	text-align: center;}

.menber_box img{
	width: 80%;
	height: auto;}

.menber_box dl{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;}

.menber_box dt{
	display: inline-block;
	width: 17%;
	height: 2.3rem;
	margin: 0 2% 2% 0;
	text-align: center;
	color: #fff;
	background-color: #6eb92b;
	border-radius: 5px;}

.menber_box dd{
  width: 80%;}

.staff_link{
	width: 90%;
	margin: 0 auto;
	padding: 3rem 4rem;
	text-align: left;
	background-color: #fff;}

.staff_link h2{
	color: #a55908;
	margin-bottom: 2rem;}

.staff_link p{
	margin-bottom: 1rem;}

/*------------------------
 スタッフ募集
------------------------*/

.menber_box02{
	/*display: flex;*/
	padding: 2rem 0;}

.menber_box02 dl{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 1rem 0;
	width: 100%;
	border-bottom: dashed 1px #b28850;}

.menber_box02 dt{
	display: inline-block;
	width: 17%;
	height: 2.3rem;
	margin: 0 2% 2% 0;
	text-align: center;
	color: #fff;
	background-color: #6eb92b;
	border-radius: 5px;}

.menber_box02 dd{
  width: 80%;}

/*------------------------
 ギャラリー
------------------------*/

.gallery_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 85%;
	margin: 0 auto;
	padding: 2rem 0 3rem;}

.gallery_container figure{
	width: 30%;
	text-align: center;}

.gallery_container figure img{
	width: 100%;}


/*------------------------
 お知らせ一覧
------------------------*/
  .information_container{
    position: relative;
    z-index: 4;
    width: 85%;
    margin: 0 auto;
    padding: 2rem 0 3rem;}


  .information_container ul{
	padding: 40px 0;}

  .information_container ul li{
	padding: 14px 0;
	vertical-align: baseline;
	border-bottom: dashed 1px #b28850;}

  .information_container ul a{
    color: #6a3906;}

  .information_container ul a:hover{
	color:rgba(106,56,7,0.70);}


  .information_container	h2{
    font-family: "r-mplus-h"; 
    font-size: 26px;
    color: #1d82f6;	}

  .information_container	h2::before{
	display: inline-block;
	content: "";
	margin-right: 10px;
	background-image: url(../img/icn_info.svg);
	width: 44px;
	height: 44px;
	background-size: cover;
	position:relative;
	top: 12px;}

  .information_container p{
	margin-top: 3rem;}

  .information_container ul li:nth-child(1){
	border-top: dashed 1px #b28850;}

  .information_container ul li span{
	font-size: 1.4rem;}


@media screen and (min-width: 320px) {
	
.mainvisual {
  padding-top:7rem; }
	
 .contact_tel{
  line-height: 1.3rem;}
	
 .contact_menu p{
  width: 74.4vw;
  margin-top:1rem;
  max-width: 450px;
  margin: 0 auto;
  line-height: 1.3rem;}
	
table thead th,
table tbody th,
table tbody td {
  padding: 1rem 0.4rem;}
	
}/*@media screen and (min-width: 320px)*/

@media screen and (min-width: 520px) {

.area04::before{
  margin-top: -91px;}

.area04::after{
  margin-top: 70px;}	
	
.textlink02:after {
	right: 30px;
	margin-top: 0.5rem;}
	
.header_logo a {
  font-size: 2.5rem;}	
	
.header_logo img {
	width: auto;
	height: calc(100% - 2rem);
	margin-right: 1rem;}
	
  .mainvisual {
	padding-top:7rem; }
	
  .main_s {
    display: none; }

  .main_l {
    display: block; }
		
.info_container::after{
	top: 340px;
	right: -40px;
	width: 118px;
	height: 338px;}
	
.calendar_container::after{
	top:870px;
	width: 200px;
	height: 100px;}
	
.message_box{
	display: flex;
	justify-content: space-between;}
	
.message_box p{
	width: 65%;
	font-size: 1.4rem;
	line-height: 3rem;}

.message_container img{
	width: 30%;
	height: 30%;}
	
table thead th,
table tbody th,
table tbody td {
  padding: 1rem 1rem;}
	
.timeout_inner{
	margin-top: 8rem;}
	
.access_container img{
	width: 80%;}
	
.access_box{
	display: flex;
	justify-content: space-between;
	width: 80%;}
	
	.access_boxleft{
		width: 48%;}
	
	.access_boxright{
		width: 48%;}
	
.menber_inner:nth-child(n+2){
	margin-top: 8rem;}
	
.footer_inner ul{
	justify-content: center;}
	
.footer_inner li{
	display: flex;
	width: auto;
	padding: 0 2rem;
	border-right: solid 2px #f5cd44;}

.footer_inner li:nth-child(3){
	border-right: solid 2px #f5cd44;}
	
  .page_top {
    bottom: 32px;
    right: 32px;
    width: 56px;
    height: 0;
    padding-top: 56px;
    border-radius: 32px;
    background-size: 23px 15px; }
	
/*------------------------
診療案内
------------------------*/

.pagename{
	padding: 70px 0;}

.pagename h1{
	text-align: center;
	font-size: 50px;
 	font-family: "r-mplus-h";
	color: #1d82f6;
	text-shadow: 0 0 15px #fff;}
	
.medicalanimal_container::after{
	top: 200px;
	right: 10px;
	width: 118px;
	height: 338px;}
	
.medicalanimal_box{
	width: 60%;}
	
.medicalanimal_box img{
	width: 44%;}
	
.medicaldepartment_box img:nth-child(n+3){
	margin-top: 0;}
	
.medicaldepartment_box{
	width: 100%;
	flex-wrap: nowrap;
	justify-content: space-between;}
	
.medicaldepartment_box img{
	width: 24%;}
	
	
/*------------------------
症例紹介
------------------------*/
	
.case_inner h2{
width: 80%;
padding: 1.6rem;
font-size: 26px;}
	
.case_inner ul{
  width: 80%;}

.caselist_inner h2{
	width: 80%;
	padding: 1.6rem;
	font-size: 30px;}
	
  .caselist_inner ul{
    width: 80%;
    column-count: 2;}
	
.caselist_container figcaption{
	height: 3rem;}

/*------------------------
スタッフ紹介
------------------------*/
	
.staff_box{
	flex-direction: row;
	justify-content: space-between;
	margin-top: 1.2rem;}
	
	.staff_box p{
		width: 50%;	}
	
.staff_box img{
	width: 45%;}
	
.menber_box{
	flex-direction: row;}
	
.menber_boxleft01{
	width: 40%;
	margin-right:2rem;}

.menber_boxright01{
	width: 60%;}

.menber_boxleft02{
  order: 1;
	width: 60%;
	margin-right:2rem;}

.menber_boxright02{
  order: 2;
	width: 40%;}
	
.staff_link{
	width: 60%;
	text-align: center;}
	
}/*@media screen and (min-width: 520px)*/ 
	
@media screen and (min-width: 960px) {

	.pc_br{
  display: inline; }

	
  .mainvisual {
	padding-top:5rem; }
	
	
.info_inner{
	width: 80%;}
	
.info_container::after{
	top: 350px;}
	
.calendar_inner{
	width: 80%;}

.calendar_box iframe{
	padding: 2rem 4rem 1rem;}
	
.message_inner{
	width: 80%;}

.guide_inner{
	width: 80%;}

.time_inner{
	width: 80%;}

.timeout_inner{
	width: 80%;}

.access_inner{
	width: 80%;}

.medicalanimal_inner{
	width: 80%;}

.medicaldepartment_inner{
	width: 80%;}
	
.caselist_inner{
	width: 80%;	}

.case_inner{
	width: 80%;	}	
	
.menber_inner{
	width: 80%;}
	
.breadcrumb {
	width: 80%;}
	
.info_inner h2{
	font-size: 40px;}

.calendar_inner h2{
	font-size: 40px;}

.message_inner h2{
	font-size: 40px;}

.guide_inner h2{
	font-size: 40px;}

.time_inner h2{
	font-size: 40px;}

.timeout_inner h2{
	font-size: 40px;}

.access_inner h2{
	font-size: 40px;}
	
	
.info_container	h2::before{
	width: 60px;
	height: 60px;}

.calendar_container	h2::before{
	width: 60px;
	height: 60px;}

.message_container	h2::before{
	width: 60px;
	height: 60px;}

.guide_container	h2::before{
	width: 60px;
	height: 60px;}
	
.time_container	h2::before{
	width: 60px;
	height: 60px;}
	
.timeout_container	h2::before{
	width: 60px;
	height: 60px;}
	
.access_container	h2::before{
	width: 60px;
	height: 60px;}

/*------------------------
診療案内
------------------------*/
.medicalanimal_container::after{
	top: 300px;}
}


@media screen and (min-width: 1140px) {
		
header {
	position: relative;
  display: flex;
  align-items: center;
  /*position: sticky;*/
  /*top: -10px; /* 70-120 = -50 */
  height: 154px;}
	
.header-inner {
  height: 130px;
  position: sticky;
  top: 0; }
	
  .sp_menu {
    display: none; }

  .header_logo {
    margin-left: 32px;
	/*width: 50%;*/}
	
    .header_logo a {
      /*padding-top: 16px;*/
		margin-top: -40px;
      line-height: 100%; }
	
    .header_logo img {
      width: auto;
      height: 80px; }

  .contact_menu {
    position: absolute;
    left: calc(100% - 412px);
    top: 5px;
    width: 350px;
    /*padding-top: 0.5rem;*/
	background-image: none;
    background-color: rgba(255, 255, 255, 0);
    vertical-align: top; }
	
    .contact_menu .contact_tel {
      display: inline-block;
      text-align: center;
      width: 350px;
      height: 50px;
      border-radius: 6px;}
	
	.contact_time{
		margin-top: -5px;}
		
    .contact_menu a {
      height: 48px;
      padding-top: 5px;}
	
    .contact_menu p {
	 	width: auto;
      /*padding-top: 2px;*/
      line-height: 1.2rem;
      color: #fff; }


  .global_navi {
    display: block;
    position: absolute;
    top: 112px;
    height: 36px;
    width: 100%;
    padding-top: 0;
    overflow: hidden;
  background-image:url(../img/bg-bbe0f0.jpg);
    text-align: center; }
	
    .global_navi ul {
      display: inline-flex;
      align-items: center;
      margin: 0 auto;
      padding: 0;
      text-align: center; }
	
      .global_navi li {
        margin-bottom: 0;
        padding-right: 48px;
        line-height: 100%; }

    .global_navi li a {
      display: inline-block;
      padding: 0 0 2px 0;
      border-bottom: none;
      font-size: 16px;
      line-height: 100%;
      letter-spacing: 0.05rem;
      color: #1d82f6;
      font-weight: bold; }
	
.global_navi li a:hover {
	transition: all .15s ease-in;
	opacity: 0.4;
	text-decoration: none; }
	
.mainvisual {
	padding-top: 0; }

}