/* CSS Document */
section.d_run_top{
  box-sizing: border-box;
  background-color: #f5f5f5;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.d_run_top{
  flex-direction: column;
  padding: var(--headerHeight) 7vw calc(15.6vw + 1.5rem) 7vw;
}
body[wc-view-type="tb"] section.d_run_top,
body[wc-view-type="tb-l"] section.d_run_top{
  padding: var(--headerHeight) 8vw calc(13vw + 1.5rem) 8vw;
}
body[wc-view-type="pc"] section.d_run_top{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2) 128px calc((100vw - 1100px) / 2);
}
section.d_run_top::after{
  content: "";
}
section.d_run_top::after{
  content: "";
  position: absolute;
  width: 100vw;
  z-index: 2;
  background-color: #fff;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  left: 0;
  right: 0;
}
body[wc-view-type="sp"] section.d_run_top::after{
  height: 15.6vw;
  bottom: -1px;
  -webkit-mask-image: url("/img/svg/sp_deco_left_down.svg?202311221707");
  mask-image: url("/img/svg/sp_deco_left_down.svg?202311221707");
}
body[wc-view-type="tb"] section.d_run_top::after{
  height: 13.5vw;
  bottom: -1px;
  -webkit-mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
  mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
}
body[wc-view-type="tb-l"] section.d_run_top::after{
  height: 141.5px;
  bottom: -1px;
  -webkit-mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
  mask-image: url("/img/svg/tb_deco_left_down.svg?202311221718");
}
body[wc-view-type="pc"] section.d_run_top::after{
  height: 128px;
  bottom: -1px;
  -webkit-mask-image: url("/img/svg/pc_deco_left_down.svg?202311221840");
  mask-image: url("/img/svg/pc_deco_left_down.svg?202311221840");
}
section.d_run_top div.d_run_text{
  display: flex;
}
body[wc-view-type="sp"] section.d_run_top div.d_run_text,
body[wc-view-type="tb"] section.d_run_top div.d_run_text{
  flex-direction: column;
}
body[wc-view-type="tb-l"] section.d_run_top div.d_run_text{
  margin-bottom: 2rem;
}
body[wc-view-type="pc"] section.d_run_top div.d_run_text{
  margin-bottom: 3rem;
}
section.d_run_top div.d_run_text div.d_run_left{
}
body[wc-view-type="tb-l"] section.d_run_top div.d_run_text div.d_run_left,
body[wc-view-type="pc"] section.d_run_top div.d_run_text div.d_run_left{
  width: 45%;
}
section.d_run_top div.d_run_text div.d_run_left div.contents_title{
  padding-left: 0;
}
section.d_run_top div.d_run_text div.d_run_left .drun_middle_title{
  font-size: 1.75rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
body[wc-view-type="sp"] section.d_run_top div.d_run_text div.d_run_left .drun_middle_title{
  transition: opacity 1s 500ms ease;
  -webkit-transition: opacity 1s 500ms ease;
}
section.d_run_top div.d_run_text div.d_run_left .drun_middle_title.wcvisible{
  opacity: 1;
}
section.d_run_top div.d_run_text div.d_run_right{
}
body[wc-view-type="sp"] section.d_run_top div.d_run_text div.d_run_right{
  margin-bottom: 1rem;
}
body[wc-view-type="tb-l"] section.d_run_top div.d_run_text div.d_run_right,
body[wc-view-type="pc"] section.d_run_top div.d_run_text div.d_run_right{
  width: 55%;
  padding-top: 3.25rem;
}
section.d_run_top div.d_run_text div.d_run_right > p{
  font-weight: 300;
  margin-bottom: 1rem;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.d_run_top div.d_run_text div.d_run_right > p.wcvisible{
  opacity: 1;
}
section.d_run_top div.d_run_text div.d_run_right > p:last-of-type{
  margin-bottom: 0;
}
section.d_run_top div.d_run_text div.d_run_right > dl{
  display: flex;
  border-top: 1px solid #2fb2cf;
  border-bottom: 1px solid #2fb2cf;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.d_run_top div.d_run_text div.d_run_right > dl.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.d_run_top div.d_run_text div.d_run_right > dl{
  margin: 1rem 0 1.5rem 0;
}
body:not([wc-view-type="sp"]) section.d_run_top div.d_run_text div.d_run_right > dl{
  width: 300px;
}
body[wc-view-type="tb"] section.d_run_top div.d_run_text div.d_run_right > dl{
  margin: 1rem auto 1.5rem auto;
}
body[wc-view-type="tb-l"] section.d_run_top div.d_run_text div.d_run_right > dl,
body[wc-view-type="pc"] section.d_run_top div.d_run_text div.d_run_right > dl{
  margin: 1.5rem auto 0 auto;
}
section.d_run_top div.d_run_text div.d_run_right > dl dt{
  padding: 1rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.d_run_top div.d_run_text div.d_run_right > dl dt{
  width: 47%;
}
body[wc-view-type="pc"] section.d_run_top div.d_run_text div.d_run_right > dl dt{
  width: 150px;
}
section.d_run_top div.d_run_text div.d_run_right > dl dd{
  padding: 1rem;
  box-sizing: border-box;
  font-weight: 300;
}
body[wc-view-type="sp"] section.d_run_top div.d_run_text div.d_run_right > dl dd{
  width: 53%;
}
body[wc-view-type="pc"] section.d_run_top div.d_run_text div.d_run_right > dl dd{
  width: calc(100% - 150px);
}
section.d_run_top div.d_run_movie{
}
body:not([wc-view-type="sp"]) section.d_run_top div.d_run_movie{
	margin-top: 1.5rem;
}
section.d_run_top div.d_run_movie video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="tb-l"] section.d_run_top div.d_run_movie video{
  height: 40vw;
}
body[wc-view-type="pc"] section.d_run_top div.d_run_movie video{
  height: 500px;
}
/*ドッグラン施設紹介*/
section.d_run_introduction{
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.d_run_introduction{
  flex-direction: column;
  padding: var(--headerHeight) 7vw var(--headerHeight) 7vw;
}
body[wc-view-type="tb"] section.d_run_introduction,
body[wc-view-type="tb-l"] section.d_run_introduction{
  padding: var(--headerHeight) 8vw var(--headerHeight) 8vw;
}
body[wc-view-type="pc"] section.d_run_introduction{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2) var(--headerHeight) calc((100vw - 1100px) / 2);
}
section.d_run_introduction div.contents_title{
  padding-left: 0;
}
section.d_run_introduction > article{
  display: flex;
  margin-bottom: var(--headerHeight);
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.d_run_introduction > article.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.d_run_introduction > article{
  margin-bottom: calc(var(--headerHeight) / 2);
}

section.d_run_introduction > article:last-of-type{
  margin-bottom: 0 !important;
}
body[wc-view-type="sp"] section.d_run_introduction > article{
  flex-direction: column-reverse;
}
body:not([wc-view-type="sp"]) section.d_run_introduction > article:nth-of-type(even){
  flex-direction: row-reverse;
}
section.d_run_introduction > article div.drun_i_text{
}
body:not([wc-view-type="sp"]) section.d_run_introduction > article div.drun_i_text{
  width: 50%;
}
body[wc-view-type="tb"] section.d_run_introduction > article div.drun_i_text{
  padding: 1rem 2rem 1rem 0;
}
body[wc-view-type="tb"] section.d_run_introduction > article:nth-of-type(even) div.drun_i_text{
  padding: 1rem 0rem 1rem 2rem;
}
body[wc-view-type="tb-l"] section.d_run_introduction > article div.drun_i_text{
  padding: 1.5rem 3rem 1.5rem 0;
}
body[wc-view-type="tb-l"] section.d_run_introduction > article:nth-of-type(even) div.drun_i_text{
  padding: 1.5rem 0rem 1.5rem 3rem;
}
body[wc-view-type="pc"] section.d_run_introduction > article div.drun_i_text{
  padding: 2rem 4rem 2rem 0;
}
body[wc-view-type="pc"] section.d_run_introduction > article:nth-of-type(even) div.drun_i_text{
  padding: 2rem 0rem 2rem 4rem;
}
section.d_run_introduction > article div.drun_i_text > h1{
  font-size: 1.25rem;
  border-bottom: 1px solid #2fb2cf;
  padding: 0 1rem 1rem 1rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.d_run_introduction > article div.drun_i_text > h1{
  padding: 1rem;
}
section.d_run_introduction > article div.drun_i_text > p{
  line-height: 1.8rem;
  font-weight: 300;
  padding: 1rem;
  box-sizing: border-box;
}
section.d_run_introduction > article div.drun_i_img{
}
body:not([wc-view-type="sp"]) section.d_run_introduction > article div.drun_i_img{
  width: 50%;
}
section.d_run_introduction > article div.drun_i_img figure{
}
section.d_run_introduction > article div.drun_i_img figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.d_run_introduction > article div.drun_i_img figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] section.d_run_introduction > article div.drun_i_img figure img{
  height: 55vw;
}
body[wc-view-type="tb-l"] section.d_run_introduction > article div.drun_i_img figure img{
  height: 280px;
}
body[wc-view-type="pc"] section.d_run_introduction > article div.drun_i_img figure img{
  height: 350px;
}
/*ご利用にあたってのお願い*/
section.use_please{
  box-sizing: border-box;
  background-color: #f5f5f5;
  display: flex;
}
body[wc-view-type="sp"] section.use_please{
  padding: var(--headerHeight) 7vw calc(15.6vw + (var(--headerHeight) / 2)) 7vw;
}
body:not([wc-view-type="pc"]) section.use_please{
  flex-direction: column;
}
body[wc-view-type="tb"] section.use_please,
body[wc-view-type="tb-l"] section.use_please{
  padding: var(--headerHeight) 8vw calc(13vw + (var(--headerHeight) / 2)) 8vw;
}
body[wc-view-type="pc"] section.use_please{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2) calc(128px + (var(--headerHeight) / 2)) calc((100vw - 1100px) / 2);
}
section.use_please div.contents_title{
  padding-left: 0;
}
section.use_please div.u_text_box{
  box-sizing: border-box;
}
body[wc-view-type="pc"] section.use_please div.u_text_box{
  width: calc(280px + 4rem);
  padding-right: 4rem;
}
section.use_please div.u_text_box > p{
  font-weight: 300;
  line-height: 1.8rem;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.use_please div.u_text_box > p.wcvisible{
  opacity: 1;
}
body:not([wc-view-type="pc"])  section.use_please div.u_text_box > p{
  margin-bottom: 1rem;
}
section.use_please div.use_please_list{
}
body[wc-view-type="pc"] section.use_please div.use_please_list{
  width: calc(100% - (280px + 4rem));
}
section.use_please div.use_please_list dl{
  background-color: #fff;
  padding: 1rem;
  box-sizing: border-box;
  margin-bottom: 1rem;
  border:solid 1px #00654a;
  opacity: 0;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}
section.use_please div.use_please_list dl.wcvisible{
  opacity: 1;
}
section.use_please div.use_please_list dl:last-of-type{
  margin-bottom: 0;
}
section.use_please div.use_please_list dl dt{
  padding: 0 1rem 1rem 1rem;
  box-sizing: border-box;
  border-bottom: 1px solid #bbb;
}
body[wc-view-type="sp"] section.use_please div.use_please_list dl dt{
  padding: 0 0.75rem 0.75rem 0.75rem;
}
body[wc-view-type="tb"] section.use_please div.use_please_list dl dt{
  padding: 0 1rem 0.75rem 1rem;
}
section.use_please div.use_please_list dl dd{
  padding: 1rem 1rem 0 1rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.use_please div.use_please_list dl dd{
  padding: 0.75rem 0.75rem 0 0.75rem;
}
body[wc-view-type="tb"] section.use_please div.use_please_list dl dd{
  padding: 0.75rem 1rem 0 1rem;
}
section.use_please div.use_please_list dl dd p{
  font-weight: 300;
  line-height: 1.8rem;
}
section.use_please div.use_please_list dl dd p.m_top{
  margin-top: 0.5rem;
}