@charset "UTF-8";


/* =================== */
/*       pubulic       */
/* =================== */
.slick-slider { padding-bottom:1rem; }
.slick-dots {
  display:flex;
  justify-content:center;
  position:relative;
  margin-top:-1.5rem;
}
.slick-dots li {
  width:.5rem !important;
  height:.5rem !important;
  margin:0 .5rem !important;
  padding:0 !important;
  border-radius:100vmax;
  background:#fff;
}
.slick-dots li.slick-active { background:#dfb459; border:0; }
.slick-dots li button { display:none; }

.kv-box { height:40rem; position:relative; }
h1#page-ttl {
  width:30rem;
  position:absolute;
  bottom:.5rem;
  left:2.5rem;
}
.kv-box .main-deco {
  width:17.85rem;
  position:absolute;
  bottom:-29rem;
  left:-2.5rem;
  z-index:-1;
}

#lower-top-sec { margin-top:7.5rem; }
#lower-top-sec .top-txt {
  font-size:max(15px, 1.1rem);
  line-height:2.27;
  text-align:center;
  margin:1rem auto 5rem;
}
#lower-top-sec .pic-box {
  align-items:flex-start;
  width:calc(100% - 8rem);
  margin:0 auto;
}
#lower-top-sec .pic-box .pic {
  width:calc((100% - 7.5rem) / 4);
  position:relative;
}
#lower-top-sec .pic-box .pic1,
#lower-top-sec .pic-box .pic4 { margin-top:7rem; }
#lower-top-sec .copy { margin:0 auto; }
#lower-top-sec .copy2 {
  margin:-9.5rem auto 2.5rem;
  position:relative;
}
#lower-top-sec .top-txt2 {
  width:32.5rem;
  margin:0 auto;
  line-height:1.8;
  font-size:max(15px, 1.1rem);
}
#lower-top-sec .illust-box {
  justify-content:center;
  align-items:flex-end;
  margin-top:-10rem;
}
#lower-top-sec .illust-box .illust1 { width:6.55rem; }
#lower-top-sec .illust-box .illust2 {
  width:14.8rem;
  margin:0 12rem 0 13rem;
}
#lower-top-sec .illust-box .illust3 { width:10.35rem; margin-bottom:2rem; }


.green-bk-box {
  position:relative;
  padding-top:8.5rem;
}
.green-bk-box::before {
  content:"";
  width:100%;
  padding-top:20.84%;
  background:url(../img/bg02_ue.png) no-repeat center top;
  background-size:cover;
  position:absolute;
  top:0;
  left:0;
}
.green-bk-box::after {
  content:"";
  width:100%;
  padding-top:20.84%;
  background:url(../img/bg02_sita.png) no-repeat center top;
  background-size:cover;
  position:absolute;
  bottom:-7rem;
  left:0;
  z-index:-1;
}
.green-bk-box .green-bk {
  width:100%;
  height:calc(100% - 31rem);
  position:absolute;
  top:19rem;
  left:0;
  background:url(../img/bg02.jpg) repeat;
  background-size:100% auto;
}

.dflt-layout {
  align-items:flex-start;
  margin-bottom:9rem;
}
.dflt-layout .main { width:47rem; }
.dflt-layout.pic-r .main { margin-left:-2rem; order:2; }
.dflt-layout.pic-l .main { margin-right:-2rem; }
.dflt-layout.pic-r .txt-box { order:1; }
.dflt-layout .txt-box {
  width:calc(100% - 45rem);
  padding:9rem 2.5rem 4rem;
  border-radius:1rem;
  background:#fff;
  position:relative;
  margin-top:1.5rem;
  z-index:1;
  box-shadow:0px 0px 25px 0px rgba(187, 187, 187, .2);
}
.dflt-layout .txt-box .layout-ttl {
  position:absolute;
  left:0;
  right:0;
  top:-5.5rem;
  margin:0 auto;
}
.dflt-layout .txt-box .txt {
  font-size:max(15px, 1rem);
  line-height:2;
}
.dflt-layout .txt-box .txt .att {
  text-indent:-1em;
  padding-left:1em;
  display:block;
}
.dflt-layout .deco {
  width:18.25rem;
  position:absolute;
  top:-2rem;
}
.dflt-layout.pic-r .deco { left:-11rem; }
.dflt-layout.pic-l .deco { right:-11rem; }

.mini-layout { position:relative; }
.mini-layout.pic-r { justify-content:flex-end; }
.mini-layout.pic-l { justify-content:flex-start; }
.mini-layout .main { width:47rem; }
.mini-layout.pic-r .main { order:2; }
.mini-layout.pic-r .txt-box { order:1; }
.mini-layout .txt-box { width:27.5rem; position:relative; z-index:1; }
.mini-layout.pic-r .txt-box { margin-right:-5rem; }
.mini-layout.pic-l .txt-box { margin-left:-5rem; }
.mini-layout .deco {
  width:18.25rem;
  position:absolute;
  top:-2rem;
}
.mini-layout.pic-r .deco { left:-11rem; }
.mini-layout.pic-l .deco { right:-11rem; }

.pic3-box {
  align-items:flex-start;
  margin-top:-2rem;
  margin-bottom:4rem;
  z-index:1;
}
.pic3-box img { width:calc((100% - 5rem) / 3); }
.pic3-box.pic-r img:nth-child(2) { margin-top:5rem; }
.pic3-box.pic-r img:nth-child(3) { margin-top:10rem; }
.pic3-box.pic-l img:nth-child(2) { margin-top:5rem; }
.pic3-box.pic-l img:nth-child(1) { margin-top:10rem; }

@media screen and (max-width: 960px) {
  .kv-box { height:auto; }
  .kv-pic .pc-on { display:block; }
  .kv-box .sp-on { display:none; }
  .dflt-layout { display:block; max-width:600px; }
  .dflt-layout .main { width:100%; margin:0 auto !important; position:relative; z-index:1; }
  .dflt-layout .txt-box { width:calc(100% - 30px); margin:-15px auto 0 !important; }
  .dflt-layout .txt-box .txt { line-height:1.66; }
  .dflt-layout .txt-box .layout-ttl { top:-5rem; }
  .green-bk-box .green-bk { top:15rem; height:calc(100% - 23rem); }
  .pic3-box { max-width:700px; }
  .mini-layout { max-width:700px; }

}
@media screen and (max-width: 750px) {
  .kv-pic .sp-on { display:block; }
  .kv-box .pc-on { display:none; }
  h1#page-ttl { width:250px; left:0; right:0; margin:0 auto; bottom:-70px; }
  .green-bk-box::before,
  .green-bk-box::after { width:960px; padding-top:200px; }
  .green-bk-box::after { bottom:-10rem; }
  .green-bk-box { padding-top:10rem; }
  .kv-box .main-deco { left:inherit; right:-100px; bottom:-20rem; }
  #lower-top-sec { margin-top:90px; width:100%; }
  #lower-top-sec .top-txt { text-align:left; padding:0 35px; line-height:1.66; margin-top:25px; margin-bottom:30px; }
  #lower-top-sec .pic-box { width:100%; margin-top:10px; }
  #lower-top-sec .pic-box .pic { margin:0 1rem !important; }
  #lower-top-sec .pic-box .pic .fuwafuwa { animation:none; }
  #lower-top-sec .pic-box .pic .fuwafuwa2 { animation:none; }
  #lower-top-sec .pic-box .slick-track { display:flex; align-items:flex-end; }
  #lower-top-sec .copy2 { margin-top:-45px; }
  #lower-top-sec .top-txt2 { width:100%; padding:0 35px; line-height:1.66; }
  #lower-top-sec .illust-box { margin-top:10px; }
  #lower-top-sec .illust-box .illust1 { margin-bottom:-10px; }
  #lower-top-sec .illust-box .illust2 { margin:0 -55px 0 -35px; position:relative; z-index:1; }
  #lower-top-sec .illust-box .illust3 { margin-bottom:0; }
  .dflt-layout .deco { top:-80px; }
  .dflt-layout.pic-r .deco { left:-6rem; }
  .dflt-layout.pic-l .deco { right:-6rem; }
  .mini-layout { display:block; }
  .mini-layout .main { width:100%; }
  .mini-layout .txt-box { margin:-10px auto 0 !important; }
  .pic3-box { flex-wrap:wrap; justify-content:center; margin-top:0px; margin-bottom:60px; }
  .pic3-box img { width:calc((100% - 10px) / 2); margin:0 0 10px !important; }
  .pic3-box img:nth-child(1) { margin-right:10px !important; }
}










/* =================== */
/*       body.access       */
/* =================== */
body.access #map-box {
  margin-top:7rem;
  height:35rem;
  border-radius:1rem;
  overflow:hidden;
}
body.access #map-box iframe {
  width:100%;
  height:100%;
}
body.access .map-add-box {
  justify-content:center;
  align-items:flex-start;
  margin-top:2.5rem;
  margin-bottom:9rem;
}
body.access .map-add-box .map-logo { width:18.3rem; }
body.access .map-add-box address {
  margin:0 3rem;
  font-size:max(15px, 1rem);
  line-height:1.5;
}
body.access .map-add-box .map-pic { width:15rem; }
body.access #sec1 {
  background:url(../img/bg03.jpg) repeat;
  background-size:100% auto;
  border-radius:1rem;
  padding:7.5rem 5rem 3rem;
  position:relative;
}
body.access #sec1 h2 {
  width:9.25rem;
  top:-6rem;
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
}
body.access #sec1 .wht-box {
  background:#fff;
  border-radius:1rem;
  padding:2.5rem;
  position:relative;
  z-index:1;
}
body.access #sec1 .wht-box h3 { margin-bottom:1rem; }
body.access #sec1 .wht-box h3 img {
  width:3.35rem;
  margin-right:.5rem;
  vertical-align:middle;
}
body.access #sec1 .wht-box h3 span {
  font-size:1.75rem;
  color:#632c2c;
  font-weight:500;
  vertical-align:middle;
}
body.access #sec1 .wht-box .root1 { margin-bottom:4rem; }
body.access #sec1 .deco {
  width:18.25rem;
  position:absolute;
  top:6rem;
  right:-11.5rem;
}
body.access #sec2 {
  border-radius:1rem;
  padding:9rem 5rem 3rem;
  position:relative;
  background:#fff;
  margin-top:12rem;
  margin-bottom:18rem;
}
body.access #sec2 h2 {
  width:9.85rem;
  top:-5rem;
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
}
body.access #sec2 ul {
  flex-wrap:wrap;
  align-items:flex-start;
  position:relative;
  z-index:1;
}
body.access #sec2 ul li {
  width:calc((100% - 4rem) / 3);
  margin-bottom:3rem;
}
body.access #sec2 ul li .txt-box {
  padding:1.5rem 1rem 0;
  font-size:max(15px, 1rem);
}
body.access #sec2 ul li .txt-box h3 {
  font-size:1.75rem;
  color:#632c2c;
  font-weight:500;
}
body.access #sec2 ul li .txt-box dl {
  display:flex;
  align-items:baseline;
  margin:1rem 0 .5rem;
}
body.access #sec2 ul li .txt-box dl dt {
  line-height:2rem;
  background:#4d9242;
  color:#fff;
  border-radius:.5rem;
  width:5.5em;
  text-align:center;
  margin-right:1em;
}
body.access #sec2 ul li .txt-box dl dd {
  width:calc(100% - 6em);
  line-height:1.5;
}
body.access #sec2 ul li .txt-box .pet {
  display:flex;
  align-items:center;
}
body.access #sec2 ul li .txt-box .pet::before {
  content:"";
  width:1.7rem;
  height:1.55rem;
  background:url(../img/access/pet_icon.png) no-repeat;
  background-size:cover;
  display:block;
  margin-right:.5rem;
}
body.access #sec2 ul li .txt-box .pet span {
  line-height:1.5;
  width:calc(100% - 1.7rem - .5rem);
}
body.access #sec2 ul li .txt-box .txt {
  line-height:1.75;
  margin:.5rem 0 1rem;
  font-weight:500;
}
body.access #sec2 ul li .txt-box .btn {
  width:12.5rem;
  margin:0 auto;
}
body.access #sec2 .deco {
  width:13.2rem;
  position:absolute;
  top:-10rem;
  right:-2rem;
}


@media screen and (max-width: 960px) {
  body.access #sec2 ul li { width:calc((100% - 2rem) / 2); }
  body.access #sec2 ul li .txt-box .btn { width:150px; }
  body.access #sec2 ul li .txt-box h3 { font-size:20px; }
}
@media screen and (max-width: 750px) {
  body.access #sec2 ul li { width:100%; }
  body.access #map-box { height:250px; margin-top:90px; }
  body.access .map-add-box { display:block; }
  body.access .map-add-box .map-logo { margin:0 auto 15px; }
  body.access .map-add-box address { margin:0 auto; text-align:center; }
  body.access .map-add-box .map-pic { width:50%; margin:15px auto 0; max-width:300px; }
  body.access #sec1 { padding:7.5rem 15px 15px; }
  body.access #sec1 .wht-box { padding:15px; }
  body.access #sec2 { margin-top:10rem; padding:9rem 15px 15px; }
  body.access #sec1 .deco { top:-50px; }
}









/* =================== */
/*       body.faq       */
/* =================== */
body.faq ul.anc-link {
  flex-wrap:wrap;
  justify-content:center;
  margin-top:6rem;
  margin-bottom:4rem;
}
body.faq ul.anc-link li { width:23.5rem; margin:0 -1rem; }
body.faq ul.anc-link li:nth-child(4),
body.faq ul.anc-link li:nth-child(5) { margin-top:-2.5rem; }
body.faq main { margin-bottom:17rem; }
body.faq main article { margin-bottom:5rem; }
body.faq main article h2 { margin-bottom:1rem; }
body.faq main article h2 span {
  font-size:max(17px, 1.25rem);
  vertical-align:middle;
}
body.faq main article h2::before {
  content:"●";
  font-size:60%;
  color:#4d9242;
  margin-right:1em;
  vertical-align:middle;
  display:inline-block;
}
body.faq main article dl .line {
  line-height:1.75;
  margin-bottom:1rem;
}
body.faq main article dl dt {
  background:#4d9242;
  border-radius:100vmax;
  color:#fff;
  display:flex;
  align-items:baseline;
  padding:.5rem 2rem;
  font-size:max(15px, 1.1rem);
  position:relative;
  cursor:pointer;
  transition:0.5s ease all;
}
body.faq main article dl dt:hover {
  opacity:.5;
  cursor:url(../img/svg/2.svg), auto;
  opacity:.5;
}
body.faq main article dl dt::after {
  content:"";
  width:.9rem;
  height:.55rem;
  background:url(../img/faq/arrow2.png) no-repeat;
  background-size:cover;
  position:absolute;
  right:2rem;
  top:0;
  bottom:0;
  margin:auto 0;
}
body.faq main article dl dt.open::after {
  background:url(../img/faq/arrow1.png) no-repeat;
  background-size:cover;
}
body.faq main article dl dt .q-icon {
  font-size:135%;
  font-weight:500;
  margin-right:.7em;
}
body.faq main article dl dd { display:none; }
body.faq main article dl dd > div {
  display:flex;
  align-items:baseline;
  padding:.5rem 2rem;
  font-size:max(15px, 1rem);
}
body.faq main article dl dd .a-icon {
  font-size:135%;
  font-weight:500;
  margin-right:.7em;
  color:#4d9242;
}

@media screen and (max-width: 960px) {
  body.faq main article { max-width:700px; }
}
@media screen and (max-width: 750px) {
  body.faq ul.anc-link li { margin:0 0 -30px !important; }
  body.faq main article dl .line { line-height:1.66; }
  body.faq main article dl dt { padding:.5rem 4rem 1rem 2rem; }
}









/* =================== */
/*       body.pet       */
/* =================== */
body.pet #lower-top-sec .copy { width:28.1rem; }
body.pet #lower-top-sec .copy2 { width:35.7rem; }
body.pet #art1 .dflt-layout .txt-box { min-height:25rem; }
body.pet #art1 .dflt-layout .txt-box .layout-ttl { width:11.05rem; }
body.pet #art1 .dflt-layout .txt-box .sub {
  width:30rem;
  position:absolute;
  left:-7.5rem;
  bottom:-13.5rem;
}
body.pet #art2 .dflt-layout .txt-box { padding-top:8rem; }
body.pet #art2 .dflt-layout .txt-box .layout-ttl { width:23.45rem; top:-4.5rem; }
body.pet #art2 .pic-slider { margin-top:-11rem; }
body.pet #art2 .pic-slider img { margin:0 1.25rem; }
body.pet #art3 { margin-top:8rem; }
body.pet #art3 .dflt-layout .txt-box { min-height:25rem; }
body.pet #art3 .dflt-layout .txt-box .layout-ttl { width:16.4rem; }
body.pet #art3 .dflt-layout .txt-box .sub {
  width:30rem;
  position:absolute;
  left:-7.5rem;
  bottom:-17.5rem;
}
body.pet .green-bk-box .deco2 {
  width:13.2rem;
  position:absolute;
  right:3rem;
  bottom:-18rem;
}
body.pet #art4 { margin-top:14rem; }
body.pet #art4 .att {
  font-size:max(14px, .9rem);
  text-align:right;
  margin-top:-2.5rem;
  margin-bottom:1.5rem;
}
body.pet .dsgn-box {
  background:url(../img/bg03.jpg) repeat;
  background-size:100% auto;
  padding:6rem 5rem 3rem;
  border-radius:1rem;
  position:relative;
  margin-bottom:6rem;
  min-width:650px;
}
body.pet .dsgn-box h4 {
  position:absolute;
  left:0;
  right:0;
  top:-2rem;
  margin:0 auto;
}
body.pet #art4 h4 { width:18.3rem; }
body.pet #art5 h4 { width:14.55rem; }
body.pet .dsgn-box .wht-box {
  background:#fff;
  border-radius:1rem;
  padding:2rem 4rem;
}
body.pet .dsgn-box .txt {
  font-size:max(15px, 1rem);
  line-height:1.66;
}
body.pet #art4 dl {
  width:30rem;
  min-width:350px;
  margin:.5rem auto 0;
}
body.pet #art4 dl .line {
  display:flex;
  border-bottom:3px dotted #000;
  padding:1rem 3rem;
  font-size:max(15px, 1.1rem);
}
body.pet #art4 dl .line dt {
  color:#509143;
  font-weight:500;
  width:11em;
}
body.pet #art4 dl .line dd { width:calc(100% - 11em); }
body.pet #art5 ol { margin-top:1rem; }
body.pet #art5 ol li {
  font-size:max(15px, 1rem);
  line-height:1.66;
  text-indent:-1.5em;
  padding-left:1.5em;
}
body.pet #art5 ol li span {
  color:#509143;
  margin-right:.5em;
}
body.pet #art6 {
  padding:6rem 5rem 3rem;
  border-radius:1rem;
  position:relative;
  background:#fff;
  margin-bottom:17rem;
  min-width:650px;
}
body.pet #art6 h4 {
  width:20.4rem;
  margin:0 auto 2rem;
}
body.pet #art6 .txt { font-size:max(15px, 1rem); }
body.pet #art6 dl .line {
  display:flex;
  border-bottom:3px dotted #000;
  padding:1rem 2rem;
  font-size:max(15px, 1rem);
  line-height:1.5;
}
body.pet #art6 dl .line dt {
  color:#509143;
  width:16em;
}
body.pet #art6 dl .line dd { width:calc(100% - 16em); }


@media screen and (max-width: 1100px) {
  body.pet #art1 .dflt-layout .txt-box { min-height:30rem; }
}
@media screen and (max-width: 960px) {
  body.pet #art1 .dflt-layout .txt-box .sub { bottom:-8.5rem; left:0; right:0; margin:0 auto; }
  body.pet #art2 .pic-slider { z-index:1; }
  body.pet #art2 .dflt-layout .txt-box { padding-top:9rem; }
  body.pet #art3 .dflt-layout .txt-box { min-height:33rem; }
  body.pet #art3 .dflt-layout .txt-box .sub { bottom:-8.5rem; left:0; right:0; margin:0 auto; }
  body.pet .dsgn-box { max-width:650px; }
  body.pet #art6 { max-width:650px; }
}
@media screen and (max-width: 750px) {
  body.pet #art1 .dflt-layout { margin-bottom:220px; }
  body.pet #art1 .dflt-layout .txt-box { min-height:24rem; }
  body.pet #art1 .dflt-layout .txt-box .sub { bottom:-17rem; }
  body.pet #art3 { margin-top:50px; padding-bottom:120px; }
  body.pet #art3 .dflt-layout .txt-box { min-height:38rem; }
  body.pet #art3 .dflt-layout .txt-box .sub { bottom:-16.5rem; }
  body.pet #art4 { margin-top:60px; }
  body.pet .dsgn-box { max-width:inherit; min-width:inherit; padding:6rem 1.5rem 2rem; }
  body.pet #art4 .att { margin-top:-5px; text-align:center; }
  body.pet .dsgn-box .wht-box { padding:10px 20px 20px; }
  body.pet #art4 dl { width:100%; min-width:inherit; }
  body.pet #art4 dl .line { padding:10px 20px; }
  body.pet #art4 dl .line dt { width:8em; }
  body.pet #art4 dl .line dd { width:calc(100% - 8em); }
  body.pet .green-bk-box .deco2 { right:0; }
  body.pet #art6 { min-width:inherit; max-width:inherit; padding:3rem 1.5rem 2rem; }
  body.pet #art6 dl .line { display:block; }
  body.pet #art6 dl .line dt { width:100%; }
  body.pet #art6 dl .line dd { width:100%; }
}









/* =================== */
/*       body.onsen       */
/* =================== */
body.onsen #lower-top-sec .copy { width:31rem; }
body.onsen #lower-top-sec .copy2 { width:28.15rem; }
body.onsen #lower-top-sec .time {
  font-size:max(15px, 1.1rem);
  text-align:center;
  margin-top:1.5rem;
}
body.onsen #lower-top-sec .time span {
  padding:.2rem .5rem;
  background:#4d9242;
  color:#fff;
  border-radius:.5rem;
  margin-right:1rem;
}
body.onsen #lower-top-sec .wht-box {
  background:#fff;
  width:60rem;
  border-radius:1rem;
  margin:2rem auto 0;
  padding:2.5rem 5rem;
  font-size:max(15px, 1rem);
  line-height:1.5;
}
body.onsen #lower-top-sec .wht-box .line {
  display:flex;
  border-bottom:3px dotted #000;
  padding:1rem 2rem;
}
body.onsen #lower-top-sec .wht-box .line dt {
  width:8em;
  color:#509143;
}
body.onsen #lower-top-sec .wht-box .line dd { width:calc(100% - 8em); }
body.onsen #art1 { margin-top:3rem; }
body.onsen #art3 { margin-top:10rem; position:relative; }
body.onsen #art3 .dflt-layout { margin-bottom:0; }
body.onsen #art3 .dflt-layout .txt-box .layout-ttl { width:9.55rem; }
body.onsen #art3 .deco2 {
  width:13.2rem;
  position:absolute;
  bottom:-17.5rem;
  right:3rem;
}
body.onsen #art4 {
  background:#fff;
  border-radius:1rem;
  padding:3rem 5rem;
  margin-top:6rem;
  margin-bottom:26rem;
}
body.onsen #art4 h4 {
  width:9.25rem;
  margin:0 auto;
}
body.onsen #art4 .txt {
  line-height:1.75;
  font-size:max(15px, 1rem);
  margin:2rem auto .5rem;
  width:45rem;
  min-width:480px;
}
body.onsen #art4 dl {
  max-width:45rem;
  min-width:480px;
  margin:0 auto 3rem;
}
body.onsen #art4 dl .line {
  display:flex;
  border-bottom:3px dotted #000;
  padding:1rem 2rem;
  font-size:max(15px, 1rem);
  line-height:1.5;
}
body.onsen #art4 dl .line dt {
  color:#509143;
  width:7em;
}
body.onsen #art4 dl .line dd { width:calc(100% - 7em); }
body.onsen #art4 .pic-box { margin-bottom:-11rem }
body.onsen #art4 .pic-box img { width:calc((100% - 2rem) / 2); }
.inl-blk{
    display: inline-block;
}
@media screen and (max-width: 750px) {
  body.onsen #lower-top-sec .wht-box { width:86.6%; padding:20px; }
  body.onsen #lower-top-sec .wht-box .line { display:block; }
  body.onsen #lower-top-sec .wht-box .line dt { width:100%; }
  body.onsen #lower-top-sec .wht-box .line dd { width:100%; }
  body.onsen #art3 .pic3-box { margin-top:-15px; }
  body.onsen #art4 { padding:30px 20px; }
  body.onsen #art4 .txt { min-width:inherit; line-height:1.66; width:100%; }
  body.onsen #art4 dl { min-width:inherit; width:100%; }
  body.onsen #art4 dl .line { display:block; }
  body.onsen #art4 dl .line dt { width:100%; }
  body.onsen #art4 dl .line dd { width:100%; }
  body.onsen #art4 .pic-box { display:block; }
  body.onsen #art4 .pic-box img { display:block; width:70%; margin:0 auto 15px; }
}









/* =================== */
/*       body.facilities       */
/* =================== */
body.facilities #lower-top-sec .copy { width:27.6rem; }
body.facilities #art1 .dflt-layout .txt-box .layout-ttl { width:26rem; top:-5rem; }
body.facilities #art2 .dflt-layout .txt-box .layout-ttl { width:28.2rem; top:-4.5rem; }
body.facilities #art3 .dflt-layout .txt-box .layout-ttl { width:19rem; top:-5rem; }
body.facilities #art4 .dflt-layout .txt-box .layout-ttl { width:25.85rem; top:-5rem; }
body.facilities #art5 .dflt-layout .txt-box .layout-ttl { width:16.75rem; top:-4.5rem; }
body.facilities #art7 .dflt-layout .txt-box .layout-ttl { width:13.3rem; top:-6rem; }
body.facilities #art8 .dflt-layout .txt-box .layout-ttl { width:10.25rem; top:-4.7rem; }
body.facilities .dflt-layout .txt-box .sub-ttl {
  font-size:max(15px, 1.25rem);
  text-align:center;
  margin-top:-1.6rem;
}
body.facilities #art1 .dflt-layout .txt-box .sub-ttl,
body.facilities #art3 .dflt-layout .txt-box .sub-ttl,
body.facilities #art4 .dflt-layout .txt-box .sub-ttl,
body.facilities #art7 .dflt-layout .txt-box .sub-ttl { margin-top:-1.3rem; }
body.facilities #art5 .dflt-layout .txt-box .sub-ttl { margin-top:-.7rem; }
body.facilities .dflt-layout .txt-box .num {
  font-size:max(15px, 1rem);
  margin:1.5rem 0 1rem;
}
body.facilities .dflt-layout .txt-box .num span {
  font-size:max(16px, 1.1rem);
  color:#fff;
  padding:.1rem .5rem .2rem;
  border-radius:.5rem;
  background:#4d9242;
  margin-right:1rem;
}
body.facilities .dflt-layout .txt-box .txt2 {
  font-size:max(15px, 1rem);
  line-height:1.66;
  margin-top:.5rem;
}
body.facilities .dflt-layout .txt-box .txt2 span {
  font-size:max(16px, 1.1rem);
  display:block;
  color:#4d9242;
  font-weight:500;
}
body.facilities main .pic3-box { margin-top:-11rem; margin-bottom:8rem; }
body.facilities main #art5 { padding-bottom:3rem; }
body.facilities main #art5 .pic3-box { margin-bottom:0; }
body.facilities #art6 {
  background:#fff;
  border-radius:1rem;
  padding:3rem 5rem;
  margin:4rem auto 7rem;
}
body.facilities #art6 h4 {
  width:14.75rem;
  margin:0 auto 1rem;
}
body.facilities #art6 dl .line {
  display:flex;
  border-bottom:3px dotted #000;
  padding:1rem 2rem;
  font-size:max(15px, 1rem);
  line-height:1.5;
}
body.facilities #art6 dl .line dt {
  color:#509143;
  width:9em;
}
body.facilities #art6 dl .line dd { width:calc(100% - 9em); }
body.facilities #art6 ul.att { padding:2rem 2rem 0; }
body.facilities #art6 ul.att li {
  font-size:max(15px, 1rem);
  line-height:1.5;
  margin-bottom:.5rem;
  text-indent:-1em;
  padding-left:1em;
}
body.facilities #art7 {
  background:url(../img/bg03.jpg) repeat;
  background-size:100% auto;
  padding:6rem 5rem 5rem;
  border-radius:1rem;
  margin-bottom:6rem;
}
body.facilities #art7 .dflt-layout { margin-bottom:0; }
body.facilities #art7 .dflt-layout .txt-box .txt { margin-top:1.5rem; }
body.facilities #art7 .dflt-layout .txt-box .txt .att { margin-top:.5rem; }
body.facilities #art8 { margin-bottom:18rem }
body.facilities #art8 .dflt-layout .txt-box .txt { text-align:center; }
body.facilities #art8 .dflt-layout .txt-box { margin-top:8rem; padding:9rem 1rem 4rem; }

@media screen and (max-width: 960px) {
  body.facilities #art6 { max-width:650px; }
  body.facilities #art7 { max-width:750px; }
}
@media screen and (max-width: 750px) {
  body.facilities #art6 { padding:30px 20px; }
  body.facilities #art6 dl .line { display:block; }
  body.facilities #art6 dl .line dt { width:100%; }
  body.facilities #art6 dl .line dd { width:100%; }
  body.facilities #art7 { padding:15px 15px; }
  body.facilities #art7 .dflt-layout { width:100%; }
}









/* =================== */
/*       body.cuisine       */
/* =================== */
body.cuisine #lower-top-sec .copy { width:35.7rem; }
body.cuisine #lower-top-sec .copy2 { width:37.2rem; }
body.cuisine #lower-top-sec .att {
  width:40rem;
  margin:-3rem auto 4rem;
  line-height:1.5;
  font-size:max(15px, 1rem);
  text-indent:-1em;
  padding-left:1em;
}
body.cuisine #sec1 h3 {
  width:22.4rem;
  margin:6rem auto 0;
}
body.cuisine #sec1 .sec-top-txt {
  width:50rem;
  margin:1rem auto -5rem;
  font-size:max(15px, 1rem);
  line-height:2;
}
body.cuisine #sec1 .pic-slider { margin-top:3.5rem; }
body.cuisine #sec1 .pic-slider img { margin:0 1rem; }
body.cuisine #sec1 #art1 { margin-bottom:6rem; }
body.cuisine #sec1 #art2 { padding-bottom:1rem; }
body.cuisine #art3 .dflt-layout .txt-box .layout-ttl { width:7.8rem; top:-5rem; }
body.cuisine #art3 { margin-top:10rem; }
body.cuisine #art3 .sub {
  width:22.5rem;
  margin:2rem auto -11rem;
}
body.cuisine #art4 .sub {
  width:22.5rem;
  margin:2rem auto -11rem;
}
body.cuisine #art4 { margin-bottom:11rem; }
body.cuisine #art4 .dflt-layout .txt-box .layout-ttl { width:14.1rem; top:-5rem; }
body.cuisine #art5 .att {
  font-size:max(14px, .9rem);
  text-align:right;
  margin-top:-2.5rem;
  margin-bottom:1.5rem;
}
body.cuisine #art5 {
  background:url(../img/bg03.jpg) repeat;
  background-size:100% auto;
  padding:6rem 5rem 11rem;
  border-radius:1rem;
  position:relative;
  margin-bottom:18rem;
  min-width:650px;
}
body.cuisine #art5 h4 {
  position:absolute;
  left:0;
  right:0;
  top:-2rem;
  margin:0 auto;
  width:14.8rem;
}
body.cuisine #art5 .wht-box {
  background:#fff;
  border-radius:1rem;
  padding:2rem 3rem;
}
body.cuisine #art5 .txt {
  font-size:max(15px, 1rem);
  line-height:1.66;
  text-align:center;
}
body.cuisine #art5 dl {
  width:30rem;
  min-width:400px;
  margin:.5rem auto 2.5rem;
}
body.cuisine #art5 dl .line {
  display:flex;
  border-bottom:3px dotted #000;
  padding:1rem 2rem;
  font-size:max(15px, 1.1rem);
}
body.cuisine #art5 dl .line dt {
  color:#509143;
  font-weight:500;
  width:9em;
}
body.cuisine #art5 dl .line dd { width:calc(100% - 9em); }
body.cuisine #art5 .pic-box { margin-bottom:-9rem; }
body.cuisine #art5 .pic-box img { width:calc((100% - 2rem) / 2); }

@media screen and (max-width: 960px) {
  body.cuisine #art5 { min-width:inherit; max-width:650px; }
}
@media screen and (max-width: 750px) {
  body.cuisine #lower-top-sec .att { width:calc(100% - 70px); margin-top:-10px; }
  body.cuisine #sec1 .sec-top-txt { width:100%; padding:0 35px; line-height:1.66; margin-bottom:-2rem; }
  body.cuisine #sec1 .pic-slider { margin-top:-1rem; }
  body.cuisine #sec1 #art1 { margin-bottom:4rem; }
  body.cuisine #art3 { margin-bottom:13rem; }
  body.cuisine #art5 dl { width:100%; min-width:inherit; }
  body.cuisine #art5 dl .line { padding:10px 0; display:block; }
  body.cuisine #art5 dl .line dt { width:100%; margin-bottom:8px; }
  body.cuisine #art5 dl .line dd { width:100%; }
  body.cuisine #art5 { max-width:inherit; min-width:inherit; padding:6rem 1.5rem 8rem; }
  body.cuisine #art5 .att { margin-top:-5px; text-align:center; }
  body.cuisine #art5 .wht-box { padding:10px 20px 20px; }
  body.cuisine #art5 .txt { text-align:left; }
  body.cuisine #art5 .pic-box { display:block; }
  body.cuisine #art5 .pic-box img { display:block; width:70%; margin:0 auto 15px; }
}