@charset "utf-8";

/* -------------------------- Font --------------------------

font-family: "fot-tsukuardgothic-std", sans-serif;
font-weight: 400, 700;

font-family: "work-sans", sans-serif;
font-weight: 100, 200, 300, 400, 500, 600, 700, 800, 900;

font-family: "fot-matisse-pron", sans-serif;
font-weight: 500;

*/

/* -------------------------------- root -------------------------------- */

:root {
  --key-color-black: #333333;
  --key-color-green: #00A273;
}

/* -------------------------- Overwrite -------------------------- */

@media (max-width : 768px) {
  #main {
    padding: 0 !important;
  }
}

/* -------------------------- Common -------------------------- */

.fujipet_wrap{
  font-family: "fot-tsukuardgothic-std", "work-sans", sans-serif;
  line-height:1;
  letter-spacing: 0;
  margin:0;
  padding:0;
  background-color: #E9E9DF;
  overflow:hidden;
}
.fujipet_wrap img{
  vertical-align: middle;
}
.fujipet_wrap .sp_block{
  display:none;
}

@media (max-width : 768px) {
  .fujipet_wrap .pc_block{
    display:none;
  }
  .fujipet_wrap .sp_block{
    display:block;
  }
}

/* -------------------------- Fade in, Zoom out image -------------------------- */

.fujipet_fade_image{
  overflow:hidden;
}
.fujipet_fade_image > *{
  opacity:0;
  transform:scale(1.1);
  transition:opacity 1s, transform 2s;
}
.fujipet_fade_image.active > *{
  opacity:1;
  transform:scale(1);
}

/* -------------------------- FV -------------------------- */

.fujipet_fv{
  position:relative;
  display:flex;
  justify-content: center;
  align-items: center;
  height:520px;
  overflow:hidden;
  margin:0 0 8px;
}
.fujipet_fv_images{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.fujipet_fv_image_item{
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  transform:scale(1.05);
  transition:opacity 1s linear, transform 5s linear;
}
.fujipet_fv_image_item.active{
  opacity:1;
  transform:scale(1);
}
.fujipet_fv_image_item > img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.fujipet_fv_title{
  position:relative;
  z-index:2;
  color:#FFF;
  margin:0 0 15px;
  opacity:0;
  transition:opacity 1s;
}
.fujipet_fv_title_pic{
  display:block;
  width:320px;
}
.fujipet_fv_title_pic > img{
  display:block;
  width:100%;
}
.fujipet_fv_desc{
  position:relative;
  z-index:2;
  font-family: "fot-tsukuardgothic-std", "work-sans", sans-serif;
  font-weight:400;
  font-size:15px;
  line-height:23px;
  text-align:center;
  color:#FFF;
  opacity:0;
  transition:opacity 1s;
}

@media (max-width : 768px) {
  .fujipet_fv{
    display:flex;
    justify-content: flex-end;
    align-items: flex-start;
    height:582px;
    padding:114px 25px 0 0;
    margin:0;
  }
  .fujipet_fv_text{
    display:flex;
    flex-flow:column nowrap;
  }
  .fujipet_fv_title{
    order:2;
    margin:7px 0 0;
  }
  .fujipet_fv_title_pic{
    width:196px;
    margin-left:auto;
  }
  .fujipet_fv_desc{
    order:1;
    font-size:14.2px;
    line-height:28px;
    text-align:right;
  }  
}
@media (min-width : 1280px) {
  .fujipet_fv{
    height:600px;
  }
}

/* -------------------------- Footprint -------------------------- */

.fujipet_footprint{
  position:absolute;
  z-index:10;
  width:33px;
  height:auto;
  opacity:0;
  /*transition:opacity 1s;*/
}
.fujipet_footprint.active{
  opacity:1;
}
.fujipet_footprint.inactive{
  opacity:0 !important;
}
.fp1{
  top:211px;
  left:65.07%;
}
.fp2{
  top:600px;
  left:42.73%;
}
.fp3{
  top:1371px;
  left:57.34%;
}
.fp4{
  top:190px;
  left:240px;
}
.fp5{
  top:460px;
  left:51px;
}
.fp6{
  right:325px;
  top:360px;
}
.fp7{
  top:65px;
  right:295px;
}
.fp8{
  top:-50px;
  right:30px;
}
.fp9{
  left:140px;
  bottom:-100px;
}
.fp10{
  bottom:-120px;
  right:310px;
}
.fp11{
  top:430px;
  left:235px;
}
.fp12{
  bottom:-90px;
  left:182px;
}
.fp13{
  bottom:-400px;
  left:229px;
}
.fp14{
  top:-20px;
  right:182px;
}
.fp15{
  bottom:110px;
  right:-25px;
}
.fp16{
  bottom:-100px;
  left:238px;
}
.fp17{
  bottom:-65px;
  /*left:calc( (100vw - 1200px) / 2 + 150px); visumoに合わせた場合。visumoの中身が幅固定のため画面外に出てしまう */
  left:21.09%;
}
.fp18{
  top:-19px;
  right:148px;
}
.fp19{
  top:580px;
  left:-51px;
}
.fp20{
  bottom:-85px;
  right:123px;
}
.fujipet_fp_sp{
  display:none;
}

@media (max-width : 768px) {
  .fujipet_footprint{
    display:none;
  }
  .fujipet_fp_sp{
    position:absolute;
    z-index:10;
    display:block;
    width:33px;
    height:auto;
    opacity:0;
    /*transition:opacity 1s;*/
  }
  .fujipet_fp_sp.active{
    opacity:1;
  }
  .fujipet_fp_sp.inactive{
    opacity:0 !important;
  }
  .fs1{
    top:100px;
    right:12.40%;
  }
  .fs2{
    top:474px;
    left:21.60%;
  }
  .fs3{
    top:68px;
    right:18.13%;
  }
  .fs4{
    top:372px;
    left:15.73%;
  }
  .fs5{
    bottom:-86px;
    right:18.66%;
  }
  .fs6{
    top:179px;
    right:35.73%;
  }
  .fs7{
    top:458px;
    left:13.74%;
  }
  .fs8{
    top:-194px;
    right:24.53%;
  }
  .fs9{
    top:-10px;
    left:11.2%;
  }
  .fs10{
    display:none;
    top:190px;
    right:19.73%;
  }
  .fs11{
    bottom:-77px;
    right:25.2%;
  }
  .fs12{
    top:-87px;
    right:37.6%;
  }
  .fs13{
    top:93px;
    right:18.8%;
  }
  .fs14{
    top:385px;
    left:33.73%;
  }
  .fs15{
    bottom:-17px;
    left:9.73%;
  }
  .fs16{
    top:-78px;
    right:31.46%;
  }
  .fs17{
    top:26px; 
    left:16.93%;
  }
  .fs18{
    top:426px;
    left:45.06%;
  }
  .fs19{
    display:none;
    bottom:-56px;
    right:21.33%;
  }
  .fs20{
    top:-65px;
    left:21.46%;
  }
  .fs21{
    top:160px;
    right:26.4%;
  }
  .fs22{
    top:474px;
    right:30.8%;
  }
  .fs23{
    top:700px;
    left:12.4%;
  }
  .fs24{
    top:986px;
    right:3.2%;
  }
  .fs25{
    top:1148px;
    right:15.33%;
  }
  .fs26{
    top:1443px;
    left:21.46%;
  }
  .fs27{
    display:none;
    bottom:190px;
    left:13.6%;
  }
  .fs28{
    top:-13px;
    right:28.8%;
  }
  .fs29{
    top:268px;
    right:20.66%;
  }
  .fs30{
    top:581px;
    left:-6px;
  }
  .fs31{
    top:781px;
    left:29.06%;
  }
  .fs32{
    top:885px;
    right:18.13%;
  }
  .fs33{
    bottom:31px;
    left:23.86%;
  }

}

/* -------------------------- Message -------------------------- */

.fujipet_msg{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  max-width:1600px;
  padding:0 10px 0 8px;
  margin:0 auto;
}
.fujipet_msg_main{
  width:417px;
}
.fujipet_msg_main > img{
  display:block;
  width:100%;
}
.fujipet_msg_desc{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:36px;
  text-align:right;
  color:var(--key-color-green);
  padding:169px 0 0;
}

@media (max-width : 768px) {
  .fujipet_msg{
    display:block;
    max-width:none;
    padding:20px 20px 0 8px;
    margin:0;
  }
  .fujipet_msg_main{
    display:block;
    width:279px;
  }
  .fujipet_msg_desc{
    font-size:15px;
    padding:90px 0 0;
  }  
}

/* -------------------------- Message photos -------------------------- */

.fujipet_msg_photo{
  position:relative;
  height:914px;
  max-width:1600px;
  margin:-248px auto 200px;
}
.fujipet_msg_photo picture{
  position:absolute;
  display:block;
}
.fujipet_msg_photo picture img{
  display:block;
  width:100%;
}
.fujipet_msg_photo_01{
  width:280px;
  top:0;
  left:13.28%;
}
.fujipet_msg_photo_02{
  top:170px;
  left:57.03%;
  width:350px;
}
.fujipet_msg_photo_03{
  top:614px;
  left:46.87%;
  width:300px;
}

@media (max-width : 768px) {
  .fujipet_msg_photo{
    position:relative;
    height:738px;
    margin:40px 0 150px;
  }
  .fujipet_msg_photo_01{
    top:0;
    left:0;
    width:220px;
  }
  .fujipet_msg_photo_02{
    top:343px;
    left:auto;
    right:-61px;
    width:320px;
  }
  .fujipet_msg_photo_03{
    top:518px;
    left:59px;
    width:220px;
  }  
}

/* -------------------------- Idea index -------------------------- */

.fujipet_idea_index{
  position:relative;
  display:flex;
  justify-content: space-between;
  max-width:1024px;
  padding:0 10px;
  margin:0 auto 200px;
}
.fujipet_idea_index_left{
  width:193px;
  margin:0 5%;
}
.fujipet_idea_index_title{
  display:block;
  margin:0 0 25px;
}
.fujipet_idea_index_title > img{
  display:block;
  width:100%;
}
.fujipet_idea_index_desc{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:33px;
  text-align:justify;
  color:var(--key-color-green);
}
.fujipet_idea_index_right{
  position:relative;
  display:flex;
  flex-flow:column nowrap;
  justify-content: flex-end;
  width:640px;
}
.fujipet_idea_index_list_title{
  position:absolute;
  top:0;
  left:0;
  display:flex;
  justify-content: space-between;
  align-items: center;
  width:100%;
  height:24px;
  background-color: var(--key-color-green);
  padding:0 3px 0 1px;
  margin:0 0 54px;
}
.fujipet_idea_index_list_title > span{
  font-family: "work-sans", sans-serif;
  font-weight: 600;
  font-size:25px;
  letter-spacing: 0.05em;
  color:#FFF;
}
.fujipet_idea_index_list_title > small{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:14px;
  color:#FFF;
  margin:0 0 2px;
}
.fujipet_idea_index_list{
  display:flex;
  flex-flow:column nowrap;
  gap:75px 0;
  margin:0 0 15px;
}
.fujipet_idea_index_list > li{
  display:block;
}
.fujipet_idea_index_list > li > a{
  display:flex;
  align-items: flex-end;
  border-bottom:1px dashed var(--key-color-black);
  text-decoration: none;
  padding:0 0 13px;
}
.fujipet_idea_index_list > li > a > span{
  width:69px;
}
.fujipet_idea_index_list > li > a > span > img{
  width:auto;
  height:28px;
}
.fujipet_idea_index_list > li > a > p{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:24px;
  line-height:26px;
  color:var(--key-color-black);
}
.fujipet_idea_index_mini_catch{
  font-family: "work-sans", sans-serif;
  font-weight:500;
  font-size:15px;
  line-height:17.6px;
  color:var(--key-color-green);
  margin:0 0 6px;
}

@media (max-width : 768px) {
  .fujipet_idea_index{
    display:block;
    max-width:none;
    padding:0 17px 0 19px;
    margin:0 auto 216px;
  }
  .fujipet_idea_index_left{
    width:auto;
    margin:0;
  }
  .fujipet_idea_index_title{
    display:block;
    width:197px;
    margin:0 0 80px 4px;
  }
  .fujipet_idea_index_desc{
    width:194px;
    font-size:14px;
    line-height:30px;
    margin:0 0 100px auto;
  }
  .fujipet_idea_index_right{
    display:flex;
    flex-flow:column nowrap;
    width:auto;
  }
  .fujipet_idea_index_list_title{
    position:static;
    order:2;
    padding:0 3px 0 1px;
    margin:20px 0 41px;
  }
  .fujipet_idea_index_list_title > small{
    font-size:13px;
    margin:0 0 2px;
  }
  .fujipet_idea_index_list{
    order:3;
    gap:57px 0;
    margin:0;
  }
  .fujipet_idea_index_list > li > a > span{
    width:75px;
  }
  .fujipet_idea_index_list > li > a > p{
    font-size:15px;
    line-height:1.2;
  }
  .fujipet_idea_index_mini_catch{
    order:1;
    font-weight:600;
    font-size:31px;
    line-height:37px;
    margin:0;
  }  
}

/* -------------------------- Idea 01 head -------------------------- */

.fujipet_idea_01_head{
  display:flex;
  margin:0 0 88px;
}
.fujipet_idea_01_head_left{
  position:relative;
  width:62.5vw;
}
.fujipet_idea_01_head_slide_wrap{
  display:flex;
  justify-content: flex-end;
  width:62.5vw;
  overflow:hidden;
}
.fujipet_idea_01_head_slide_sp{
  display:none;
}
.fujipet_idea_01_head_slide{
  position:relative;
  display:flex;
  justify-content: flex-end;
  gap:0 10px;
  width:1370px;
  overflow:hidden;
}
.fujipet_idea_01_head_slide_item{
  position:relative;
  flex:0 0 335px;
  height:503px;
  transition:transform 1.5s;
}
.fujipet_idea_01_head_slide_item > picture{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity 1.5s;
}
.fujipet_idea_01_head_slide_item> picture:after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100%;
  background-color: rgba(51,51,51,0.6);
  transition:opacity 1s;
}
.fujipet_idea_01_head_slide_item.active > picture:after{
  opacity:0;
}
.fujipet_idea_01_head_slide_item img{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:100%;
  object-fit: cover;
}
.fujipet_idea_01_head_slide.active .fujipet_idea_01_head_slide_item:nth-child(8) > picture{
  transition:opacity 1s 0.2s;
  opacity:1;
}
.fujipet_idea_01_head_slide.active .fujipet_idea_01_head_slide_item:nth-child(7) > picture{
  transition:opacity 1s 0.4s;
  opacity:1;
}
.fujipet_idea_01_head_slide.active .fujipet_idea_01_head_slide_item:nth-child(6) > picture{
  transition:opacity 1s 0.6s;
  opacity:1;
}
.fujipet_idea_01_head_slide.active .fujipet_idea_01_head_slide_item:nth-child(5) > picture{
  transition:opacity 1s 0.8s;
  opacity:1;
}
.fujipet_idea_01_head_slide.active .fujipet_idea_01_head_slide_item:nth-child(4) > picture,
.fujipet_idea_01_head_slide.active .fujipet_idea_01_head_slide_item:nth-child(3) > picture,
.fujipet_idea_01_head_slide.active .fujipet_idea_01_head_slide_item:nth-child(2) > picture,
.fujipet_idea_01_head_slide.active .fujipet_idea_01_head_slide_item:nth-child(1) > picture{
  transition:opacity 1s 1s;
  opacity:1;
}

.fujipet_idea_01_head_slide_dots{
  display:flex;
  justify-content: flex-end;
  gap:0 23px;
  margin:15px 0 0;
}
.fujipet_idea_01_head_slide_dots > a{
  width:7px;
  height:7px;
  border-radius:50%;
  background-color: #CECECE;
}
.fujipet_idea_01_head_slide_dots > a.active{
  background-color: var(--key-color-green);
}
.fujipet_idea_01_head_right{
  width:37.5vw;
  display:flex;
  flex-flow:column nowrap;
  justify-content: center;
  gap:48px 0;
  padding:0 0 0 94px;
}
.fujipet_idea_01_head_title{
  display:block;
  width:211px;
}
.fujipet_idea_01_head_title > img{
  width:100%;
}
.fujipet_idea_01_head_desc{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:35px;
  color:var(--key-color-black);
}

@media (max-width : 768px) {
  .fujipet_idea_01_head{
    position:relative;
    display:block;
    margin:0 0 115px;
  }
  .fujipet_idea_01_head_left{
    width:auto;
  }
  .fujipet_idea_01_head_slide_wrap{
    display:block;
    width:auto;
    overflow:auto;
  }
  .fujipet_idea_01_head_slide,
  .fujipet_idea_01_head_slide_dots{
    display:none !important
  }
  .fujipet_idea_01_head_slide_sp .slick-dots{
    display:flex;
    justify-content: flex-end;
    gap:0 23px;
    margin:20px 20px 0 0;
  }
  .fujipet_idea_01_head_slide_sp .slick-dots > li > button{
    width:7px;
    height:7px;
    border-radius:50%;
    background-color: #CECECE;
    font-size:0;
  }
  .fujipet_idea_01_head_slide_sp .slick-dots > li.slick-active > button{
    background-color: var(--key-color-green);
  } 
  .fujipet_idea_01_head_right{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    padding:0;
    pointer-events: none;
  }
  .fujipet_idea_01_head_title{
    position:absolute;
    top:-115px;
    right:36px;
    display:block;
    width:194px;
  }
  .fujipet_idea_01_head_desc{
    position:absolute;
    bottom:-45px;
    left:40px;
    font-size:14px;
  }  
}

/* -------------------------- Idea service (common) -------------------------- */

.fujipet_idea_service{
  position:relative;
  max-width:1360px;
  padding:0 40px;
  margin:0 auto;
}
.fujipet_idea_service_title{
  display:flex;
  justify-content: center;
  margin:0 0 56px;
}
.fujipet_idea_service_title > span{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:20px;
  color:#FFF;
  background-color:var(--key-color-green);
  padding:2px;
}
.fujipet_idea_service_list{
  display:flex;
  justify-content: space-between;
}
.fujipet_idea_service_list > li{
  width:31.05%;
}
.fujipet_idea_service_item_image{
  display:block;
  width:100%;
  border-top:3px solid var(--key-color-green);
  margin:0 0 15px;
}
.fujipet_idea_service_item_slide .slick-dots{
  position:absolute;
  bottom:18px;
  left:0;
  display:flex;
  justify-content: center;
  gap:0 4px;
  width:100%;
}
.fujipet_idea_service_item_slide .slick-dots > li > button{
  display:flex;
  justify-content: center;
  align-items: center;
  width:20px;
  height:20px;
  font-size:0;
}
.fujipet_idea_service_item_slide .slick-dots > li > button:before{
  content:"";
  display:block;
  width:7px;
  height:7px;
  border-radius: 50%;
  background-color: #CECECE;
  font-size:0;
}
.fujipet_idea_service_item_slide .slick-dots > li.slick-active > button:before{
  background-color: var(--key-color-green);
}
.fujipet_idea_service_item_slide .slick-arrow{
  position:absolute;
  z-index:10;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  font-size:0;
  background-repeat: no-repeat;
  background-size:100% 100%;
  background-position: center;
}
.fujipet_idea_service_item_slide .slick-prev{
  left:10px;
}
.fujipet_idea_service_item_slide .slick-next{
  right:10px;
}
.fujipet_idea_service_item_title{
  display:flex;
  justify-content: space-between;
  align-items: flex-end;
  margin:0 0 15px;
}
.fujipet_idea_service_item_title > span{
  font-family: "work-sans", "fot-tsukuardgothic-std", sans-serif;
  font-weight:600;
  font-size:18px;
  line-height:21px;
  color:var(--key-color-green);
}
.fujipet_idea_service_item_title > small{
  font-family: "work-sans", "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:12px;
  line-height:16px;
  color:var(--key-color-green);
}
.fujipet_idea_service_item_desc{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.5;
  color:var(--key-color-black);
  margin:0 0 20px;
}
.fujipet_idea_service_item_price{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:14px;
  line-height:1.5;
  color:var(--key-color-black);
  margin:0 0 22px;
}
.fujipet_idea_service_item_more{
  border-top:1px dashed var(--key-color-green);
  padding:13px 0 0;
}
.fujipet_idea_service_item_more_a{
  display:inline-block;
  font-family: "work-sans", sans-serif;
  font-weight:600;
  font-size:15px;
  line-height:17.6px;
  text-decoration: none;
  color:var(--key-color-green);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 13px auto;
  background-color: transparent;
  padding-right:25px;
}

@media (max-width : 768px) {
  .fujipet_idea_service{
    max-width:none;
    padding:0;
    margin:0;
  }
  .fujipet_idea_service_title{
    margin:0 0 28px;
  }
  .fujipet_idea_service_title > span{
    font-size:22px;
    padding:2px;
  }
  .fujipet_idea_service_list{
    display:flex;
    flex-flow:column nowrap;
    justify-content: flex-start;
    gap:70px 0;
  }
  .fujipet_idea_service_list > li{
    width:auto;
  }
  .fujipet_idea_service_item_image{
    display:block;
    width:100%;
    margin:0 0 15px;
  }
  .fujipet_idea_service_item_slide .slick-arrow{
    width:22px;
    height:22px;
  }
  .fujipet_idea_service_item_slide .slick-dots{
    bottom:20px;
  }
  .fujipet_idea_service_item_title{
    padding:0 20px;
    margin:0 0 14px;
  }
  .fujipet_idea_service_item_title > span{
    font-size:22px;
    line-height:26px;
  }
  .fujipet_idea_service_item_title > small{
    font-size:12px;
    line-height:1.5;
  }
  .fujipet_idea_service_item_desc{
    font-size:16px;
    line-height:24px;
    padding:0 20px;
    margin:0 0 20px;
  }
  .fujipet_idea_service_item_price{
    font-size:16px;
    line-height:26px;
    padding:0 20px;
    margin:0 0 20px;
  }
  .fujipet_idea_service_item_more{
    padding:15px 0 0;
    margin:0 20px;
  }
  .fujipet_idea_service_item_more_a{
    font-size:18px;
    line-height:21px;
    padding-right:25px;
  }
}

/* -------------------------- Idea 02 head -------------------------- */

.fujipet_idea_02_head{
  position:relative;
  max-width:926px;
  aspect-ratio: 1/0.6105;
  margin:200px auto 100px;
}
.fujipet_idea_02_head > *{
  position:absolute;
}
.fujipet_idea_02_head_sp{
  display:none;
}
.fujipet_idea_02_head_image_01,
.fujipet_idea_02_head_image_02,
.fujipet_idea_02_head_image_03,
.fujipet_idea_02_head_image_05,
.fujipet_idea_02_head_image_07,
.fujipet_idea_02_head_image_08,
.fujipet_idea_02_head_image_09,
.fujipet_idea_02_head_image_11,
.fujipet_idea_02_head_image_12,
.fujipet_idea_02_head_image_13,
.fujipet_idea_02_head_image_15{
  width:8.63%;
  aspect-ratio: 1/1.8036;
  object-fit: cover;
}
.fujipet_idea_02_head_image_06{
  width:27.50%;
  aspect-ratio: 1/0.5624;
  object-fit: cover;
}
.fujipet_idea_02_head_image_10{
  width:27.8%;
  aspect-ratio: 1/0.5555;
  object-fit: cover;
}
.fujipet_idea_02_head_image_14{
  width:27.98%;
  aspect-ratio: 1/0.557;
  object-fit: cover;
}

.fujipet_idea_02_head_image_01,
.fujipet_idea_02_head_image_02,
.fujipet_idea_02_head_image_03{
  top:0;
}
.fujipet_idea_02_head_image_05,
.fujipet_idea_02_head_image_06,
.fujipet_idea_02_head_image_07,
.fujipet_idea_02_head_image_08,
.fujipet_idea_02_head_image_09{
  top:27.5%;
}
.fujipet_idea_02_head_image_10,
.fujipet_idea_02_head_image_11,
.fujipet_idea_02_head_image_12,
.fujipet_idea_02_head_image_13,
.fujipet_idea_02_head_image_14,
.fujipet_idea_02_head_image_15{
  top:54.90%;
}
.fujipet_idea_02_head_image_16,
.fujipet_idea_02_head_desc{
  top:82.2%;
}
.fujipet_idea_02_head_image_01,
.fujipet_idea_02_head_image_12{
  left:43.3%;
}
.fujipet_idea_02_head_image_02,
.fujipet_idea_02_head_image_13,
.fujipet_idea_02_head_desc{
  left:52.91%;
}
.fujipet_idea_02_head_image_03,
.fujipet_idea_02_head_image_07,
.fujipet_idea_02_head_image_14{
  left:62.41%;
}
.fujipet_idea_02_head_image_04{
  top:19.80%;
  left:0;
  width:23.32%;
}
.fujipet_idea_02_head_image_05{
  left:24.40%;
}
.fujipet_idea_02_head_image_06,
.fujipet_idea_02_head_image_11,
.fujipet_idea_02_head_image_16{
  left:34.01%;
}
.fujipet_idea_02_head_image_08{
  left:72.24%;
}
.fujipet_idea_02_head_image_09{
  left:81.85%;
}
.fujipet_idea_02_head_image_10{
  left:5.18%;
}
.fujipet_idea_02_head_image_15{
  left:91.46%;
}
.fujipet_idea_02_head_image_16{
  top:82.2%;
  width:17.92%;
  aspect-ratio: 1/0.5624;
  object-fit: cover;
}
.fujipet_idea_02_head_image_01,
.fujipet_idea_02_head_image_02,
.fujipet_idea_02_head_image_03,
.fujipet_idea_02_head_image_05,
.fujipet_idea_02_head_image_06,
.fujipet_idea_02_head_image_07,
.fujipet_idea_02_head_image_08,
.fujipet_idea_02_head_image_09,
.fujipet_idea_02_head_image_10,
.fujipet_idea_02_head_image_11,
.fujipet_idea_02_head_image_12,
.fujipet_idea_02_head_image_13,
.fujipet_idea_02_head_image_14,
.fujipet_idea_02_head_image_15,
.fujipet_idea_02_head_image_16{
  opacity:0;
  transition:opacity 1s;
}
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_01,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_02,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_03,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_05,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_06,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_07,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_08,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_09,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_10,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_11,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_12,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_13,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_14,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_15,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_16{
  opacity:1;
}
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_2,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_8,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_11{
  transition:opacity 1s 0.0s;
}
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_14{
  transition:opacity 1s 0.2s;
}
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_01,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_12{
  transition:opacity 1s 0.4s;
}
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_06,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_15{
  transition:opacity 1s 0.6s;
}
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_03,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_07,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_16{
  transition:opacity 1s 0.8s;
}
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_09,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_10{
  transition:opacity 1s 1.0s;
}
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_05,
.fujipet_idea_02_head.active .fujipet_idea_02_head_image_13{
  transition:opacity 1s 1.2s;
}

.fujipet_idea_02_head_desc{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:35px;
  color:var(--key-color-black);
  margin-top:-6px;
}

@media (max-width : 768px) {
  .fujipet_idea_02_head{
    display:none !important;
  }
  .fujipet_idea_02_head_sp{
    position:relative;
    display:block;
    padding:0 10px;
    margin:90px 0 80px;
  }
  .fujipet_idea_02_head_sp_title{
    width:201px;
    margin:0 0 10px;
  }
  .fujipet_idea_02_head_sp_images{
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
    gap:10px 0;
  }
  .fujipet_idea_02_head_sp_images img{
    width:100%;
  }
  .fujipet_idea_02_head_sp_image_01,
  .fujipet_idea_02_head_sp_image_02,
  .fujipet_idea_02_head_sp_image_03,
  .fujipet_idea_02_head_sp_image_04,
  .fujipet_idea_02_head_sp_image_05{
    opacity:0;
  }
  .fujipet_idea_02_head_sp_image_01{
    width:100%;
    transition:opacity 1s 0.2s;
  }
  .fujipet_idea_02_head_sp_image_02{
    width:48.73%;
    transition:opacity 1s 0.8s;
  }
  .fujipet_idea_02_head_sp_image_03{
    width:48.73%;
    transition:opacity 1s 0.4s;
  }
  .fujipet_idea_02_head_sp_image_04{
    width:29.57%;
    transition:opacity 1s 0.4s;
  }
  .fujipet_idea_02_head_sp_image_05{
    width:29.57%;
    transition:opacity 1s 0.6s;
  }
  .fujipet_idea_02_head_sp_images.active .fujipet_idea_02_head_sp_image_01,
  .fujipet_idea_02_head_sp_images.active .fujipet_idea_02_head_sp_image_02,
  .fujipet_idea_02_head_sp_images.active .fujipet_idea_02_head_sp_image_03,
  .fujipet_idea_02_head_sp_images.active .fujipet_idea_02_head_sp_image_04,
  .fujipet_idea_02_head_sp_images.active .fujipet_idea_02_head_sp_image_05{
    opacity:1;
  }
  .fujipet_idea_02_head_sp_desc{
    display:flex;
    justify-content: center;
    align-items: center;
    width:36.5%;
  }
  .fujipet_idea_02_head_sp_desc > p{
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-weight:700;
    font-size:14px;
    line-height:35px;
  }
}

/* -------------------------- Idea 03 head -------------------------- */

.fujipet_idea_03_head{
  position:relative;
  display:flex;
  flex-flow:row wrap;
  justify-content: space-between;
  gap:13px 0;
  max-width:1024px;
  margin:200px auto 100px;
}
.fujipet_idea_03_head_title{
  position:absolute;
  z-index:5;
  top:23%;
  right:14.5%;
  width:20.31%;
}
.fujipet_idea_03_head_title > img{
  display:block;
  width:100%;
}
.fujipet_idea_03_head_image,
.fujipet_idea_03_head_blank,
.fujipet_idea_03_head_desc{
  width:24.1%;
}
.fujipet_idea_03_head_image{
  opacity:0;
  transition:opacity 1s;
}
.fujipet_idea_03_head.active .fujipet_idea_03_head_image{
  opacity:1;
}
.fujipet_idea_03_head.active .fujipet_idea_03_head_image.image3{
  transition:opacity 1s 0.2s;
}
.fujipet_idea_03_head.active .fujipet_idea_03_head_image.image1,
.fujipet_idea_03_head.active .fujipet_idea_03_head_image.image5{
 transition:opacity 1s 0.4s;
}
.fujipet_idea_03_head.active .fujipet_idea_03_head_image.image4{
  transition:opacity 1s 0.6s;
}
.fujipet_idea_03_head.active .fujipet_idea_03_head_image.image2{
  transition:opacity 1s 0.8s;
}
.fujipet_idea_03_head_desc{
  display:flex;
  justify-content: center;
  align-items: center;
  padding-left:5px;
}
.fujipet_idea_03_head_desc > p{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:35px;
  color:var(--key-color-black);
}

@media (max-width : 768px) {
  .fujipet_idea_03_head{
    position:relative;
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap:10px 0;
    max-width:none;
    padding:0 10px;
    margin:126px auto 80px;
  }
  .fujipet_idea_03_head_title{
    order:2;
    position:static;
    width:48.45%;
  }
  .fujipet_idea_03_head_image,
  .fujipet_idea_03_head_blank,
  .fujipet_idea_03_head_desc{
    width:48.45%;
    height:auto;
  }
  .fujipet_idea_03_head_blank,
  .fujipet_idea_03_head_image.image5{
    display:none !important;
  }
  .fujipet_idea_03_head_image.image1{
    order:1;
  }
  .fujipet_idea_03_head_image.image2{
    order:3;
  }
  .fujipet_idea_03_head_image.image3{
    order:4;
  }
  .fujipet_idea_03_head_desc{
    order:5;
    align-self: center;
    padding-left:8px;
  }
  .fujipet_idea_03_head_image.image4{
    order:6;
  }
  .fujipet_idea_03_head_image{
    opacity:0;
    transition:opacity 1s;
  }
  .fujipet_idea_03_head.active .fujipet_idea_03_head_image{
    opacity:1;
  }
  .fujipet_idea_03_head.active .fujipet_idea_03_head_image.image1{
    transition:opacity 1s 0.2s;
  }
  .fujipet_idea_03_head.active .fujipet_idea_03_head_image.image4{
    transition:opacity 1s 0.4s;
  }
  .fujipet_idea_03_head.active .fujipet_idea_03_head_image.image2{
    transition:opacity 1s 0.6s;
  }
  .fujipet_idea_03_head.active .fujipet_idea_03_head_image.image3{
    transition:opacity 1s 0.8s;
  }
}

/* -------------------------- See all service -------------------------- */

.fujipet_see_all_service{
  padding:106px 0 204px;
}
.fujipet_see_all_service_a{
  display:flex;
  justify-content: center;
  align-items: center;
  background-color: var(--key-color-green);
  border-radius:100vh;
  width:335px;
  height:75px;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:600;
  font-size:18px;
  letter-spacing: 0.05em;
  text-decoration: none;
  color:#FFF;
  margin:0 auto;
}

@media (max-width : 768px) {
  .fujipet_see_all_service{
    padding:60px 0 100px;
  }
  .fujipet_see_all_service_a{
    width:335px;
    height:70px;
    font-weight:700;
    font-size:15px;
  }  
}

/* -------------------------- Hint -------------------------- */

.fujipet_hint{
  position: relative;
  background-color: #F2F7F4;
  padding:87px 0 180px;
}
.fujipet_hint_title{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:31px;
  line-height:55px;
  text-align: center;
  color:var(--key-color-green);
  margin:0 0 66px;
}
.fujipet_hint_list{
  position:relative;
  display:flex;
  flex-flow:row wrap;
  justify-content: space-between;
  gap:30px 0;
  max-width:870px;
  margin:0 auto 140px;
}
.fujipet_hint_item{
  flex:0 0 48.27%;
  display:flex;
  flex-flow:column nowrap;
  justify-content: center;
  height:270px;
  border:1px solid var(--key-color-green);
  background-color: #FFF;
}
.fujipet_hint_item_title{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:18px;
  line-height:1.5;
  text-align:center;
  color:var(--key-color-green);
  margin:0 0 20px;
}
.fujipet_hint_item_desc{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:500;
  font-size:14px;
  line-height:24px;
  color:var(--key-color-black);
  padding:0 30px;
}
.fujipet_hint_item_image_01,
.fujipet_hint_item_image_02,
.fujipet_hint_item_image_03,
.fujipet_hint_item_image_04{
  display:block;
  max-width:90%;
}
.fujipet_hint_item_image_01{
  width:330px;
  margin:26px auto 0;
}
.fujipet_hint_item_image_02{
  width:120px;
  margin:23px auto 0;
}
.fujipet_hint_item_image_03{
  width:120px;
  margin:16px auto 0;
}
.fujipet_hint_item_image_04{
  width:246px;
  margin:35px auto 0;
}
.fujipet_visumo_wrap{
  position:relative;
}
.fujipet_visumo_foot_desc{
  display:flex;
  flex-flow:column nowrap;
  align-items: center;
  gap:12.5px 0;
  margin:66px 0 0;
}
.fujipet_visumo_foot_desc > p:first-child{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:22px;
  line-height: 1;
  background-color: var(--key-color-green);
  color: #FFF;
  padding: 3px;
}
.fujipet_visumo_foot_desc > p:last-child{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:26px;
  text-align: center;
  color:var(--key-color-green);
}

/* visumo overwrite */
.ecbn-selection-widget{
  margin:0 auto;
}
.ecbn-selection-wrapper .ecbn-selection-title{
  margin:0 0 35px;
}
.ecbn-selection-wrapper .ecbn-selection-title img{
  display:none;
}
.ecbn-selection-wrapper .ecbn-selection-title > span{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:31px;
  line-height:55px;
  color:var(--key-color-green);
}
.ecbn-selection-wrapper .ecbn-selection-description{
  display:none;
}
.ecbn-selection-item .ecbn-selection-detail--user{
  padding:5px 0 0;
}
.vsm-slider .ecbn-selection-widget-new div.ecbn-selection-to-nextpage{
  display:none;
}
.ecbn-selection-wrapper .ecbn-selection-footer2{
  display:none !important;
}
.fujipet_visumo_wrap .vsm-slider .ecbn-selection-item .ecbn-selection-user {
  padding-bottom:2px;
}


@media (max-width : 768px) {
  .fujipet_hint{
    padding:61px 0 80px;
  }
  .fujipet_hint_title{
    font-size:24px;
    line-height:41px;
    margin:0 0 30px;
  }
  .fujipet_hint_list{
    position:relative;
    display:flex;
    flex-flow:column nowrap;
    justify-content: flex-start;
    gap:20px 0;
    max-width:none;
    padding:0 19px;
    margin:0 auto 100px;
  }
  .fujipet_hint_item{
    flex:0 0 100%;
    display:block;
    height:auto;
  }
  .fujipet_hint_item_title{
    font-size:17px;
    line-height:25.5px;
    text-align:left;
    padding:0 20px;
    margin:30px 0 20px;
  }
  .fujipet_hint_item_desc{
    font-weight:400;
    font-size:13px;
    line-height:24px;
    letter-spacing: -0.03em;
    text-align: justify;
    padding:0 20px;
  }
  .fujipet_hint_item_image_01,
  .fujipet_hint_item_image_02,
  .fujipet_hint_item_image_03,
  .fujipet_hint_item_image_04{
    display:block;
    max-width:90%;
  }
  .fujipet_hint_item_image_01{
    width:290px;
    margin:25px auto 40px;
  }
  .fujipet_hint_item_image_02{
    width:120px;
    margin:25px auto 40px;
  }
  .fujipet_hint_item_image_03{
    width:120px;
    margin:25px auto 40px;
  }
  .fujipet_hint_item_image_04{
    width:246px;
    margin:25px auto 40px;
  }

  .fujipet_visumo_foot_desc{
    gap:14.5px 0;
    margin:30px 0 0;
  }
  .fujipet_visumo_foot_desc > p:first-child{
    font-size:26px;
  }
  .fujipet_visumo_foot_desc > p:last-child{
    font-size:15px;
    line-height:26px;
  }  
  .fujipet_visumo_wrap .vsm-slider .ecbn-selection-item .ecbn-selection-user {
    font-size: 12px;
    padding:2px 6px 3px 24px;
  }
  
}

/* -------------------------- Guide -------------------------- */

.fujipet_guide{
  position:relative;
  padding:160px 0 192px;
}
.fujipet_guide_in{
  position:relative;
  max-width:1108px;
  padding:0 40px;
  margin:0 auto;
}
.fujipet_guide_title{
  display:flex;
  justify-content: center;
  align-items: center;
  gap:0 39px;
  max-width:1108px;
  padding:0 40px;
  margin:0 0 82px;
}
.fujipet_guide_title_main{
  width:171px;
}
.fujipet_guide_title_desc{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:2;
  color:var(--key-color-black);
}
.fujipet_guide_step_title{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:22px;
  line-height:1.5;
  text-align: center;
  color:var(--key-color-black);
  margin:0 0 49px;
}
.fujipet_guide_step_pic{
  display:block;
  max-width:880px;
  margin:0 auto 141px;
}
.fujipet_guide_step_pic > img{
  display:block;
  width:100%;
}
.fujipet_guide_faq{
  max-width:100%;
  margin:0 auto;
}
.fujipet_guide_faq_title{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:19px;
  line-height:28px;
  color:var(--key-color-green);
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 23px auto;
  background-color: transparent;
  padding-left:43px;
  margin:0 0 14px;
}
.fujipet_guide_faq_list{
  border-top:1px dotted var(--key-color-black);
}
.fujipet_guide_faq_item{
  border-bottom:1px dotted var(--key-color-black);
}
.fujipet_guide_faq_item_in{
  display:flex;
  background-repeat: no-repeat;
  background-position: right 20px top 21px;
  background-size: 14px auto;
  background-color: transparent;
  cursor:pointer;
  padding:16px 80px 17px 10px;
}
.fujipet_guide_faq_item_in.active{
  background-position: right 20px top 26px;
}
.fujipet_guide_faq_item_title{
  width:300px;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:23px;
  color:var(--key-color-green);
  padding-right:10px;
}
.fujipet_guide_faq_item_desc,
.fujipet_guide_faq_item_desc > a{
  flex:1;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:13px;
  line-height:23px;
  color:var(--key-color-black);
}
.fujipet_guide_faq_item_desc{
  display:none;
}

@media (max-width : 768px) {
  .fujipet_guide{
    padding:100px 0 100px;
  }
  .fujipet_guide_in{
    position:relative;
    max-width:none;
    padding:0;
    margin:0;
  }
  .fujipet_guide_title{
    display:block;
    text-align: center;
    margin:0 0 41px;
  }
  .fujipet_guide_title_main{
    width:171px;
    margin:0 auto 7px;
  }
  .fujipet_guide_title_desc{
    font-size:12px;
  }
  .fujipet_guide_step_title{
    display:none;
  }
  .fujipet_guide_step_pic{
    display:block;
    max-width:none;
    margin:0 auto 80px;
  }
  .fujipet_guide_faq{
    max-width:100%;
    padding:0 20px;
    margin:0;
  }
  .fujipet_guide_faq_title{
    background-repeat: no-repeat;
    background-position: left 4px center;
    background-size: 23px auto;
    background-color: transparent;
    padding-left:37px;
    margin:0 0 14px;
  }  
  .fujipet_guide_faq_item_in{
    display:block;
    background-repeat: no-repeat;
    background-position: right 6px top 21px;
    background-size: 14px auto;
    background-color: transparent;
    padding:16px 0 17px;
  }
  .fujipet_guide_faq_item_in.active{
    background-position: right 6px top 26px;
  }
  .fujipet_guide_faq_item_title{
    width:auto;
    font-size:15px;
    padding-right:0;
  }
  .fujipet_guide_faq_item_desc,
  .fujipet_guide_faq_item_desc > a{
    font-weight:600;
    font-size:12px;
    line-height:2;
    color:var(--key-color-black);
  }
  .fujipet_guide_faq_item_desc{
    display:none;
    padding:17px 0 10px;
  }
}

/* -------------------------- Happy -------------------------- */

.fujipet_happy{
  background-color: #FFF;
  padding:150px 0 151px;
}
.fujipet_happy_in{
  display:flex;
  justify-content: space-between;
  max-width:766px;
  margin:0 auto 151px;
}
.fujipet_happy_left{
  display:flex;
  flex-flow:column nowrap;
  justify-content: space-between;
  align-items: flex-end;
  width:344px;
}
.fujipet_happy_title{
  display:block;
}
.fujipet_happy_title > img{
  width:100%;
}
.fujipet_happy_to_special{
  display:flex;
  justify-content: center;
  align-items: center;
  width:300px;
  height:66px;
  background-color: var(--key-color-green);
  border-radius:100vh;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:600;
  font-size:18px;
  letter-spacing: 0.05em;
  text-decoration: none;
  color:#FFF;
}
.fujipet_happy_right{
  width:322px;
}
.fujipet_happy_sub_title{
  width:280px;
  margin:59px 0 60px;
}
.fujipet_happy_sub_title > img{
  width:100%;
}
.fujipet_happy_desc{
  font-family: "fot-matisse-pron", sans-serif;
  font-weight:500;
  font-size:14px;
  line-height:36px;
}
.fujipet_happy_to_special_sp{
  display:none;
}
.fujipet_happy_logo{
  text-align:center;
}
.fujipet_happy_logo > img{
  width:110px;
}

@media (max-width : 768px) {
  .fujipet_happy{
    padding:100px 0;
  }
  .fujipet_happy_in{
    display:block;
    max-width:none;
    margin:0 auto 80px;
  }
  .fujipet_happy_left{
    display:block;
    width:auto;
    margin:0 0 100px;
  }
  .fujipet_happy_title{
    display:block;
    width:250px;
    margin:0 auto;
  }
  .fujipet_happy_to_special{
    display:none;
  }
  .fujipet_happy_right{
    width:auto;
    padding:0 20px;
  }
  .fujipet_happy_sub_title{
    width:255px;
    margin:0 0 50px;
  }
  .fujipet_happy_to_special_sp{
    display:flex;
    justify-content: center;
    align-items: center;
    width:335px;
    height:78px;
    background-color: var(--key-color-green);
    border-radius:100vh;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-weight:600;
    font-size:16px;
    letter-spacing: 0.15em;
    text-decoration: none;
    color:#FFF;
    margin:60px auto 0;
  }
  .fujipet_happy_logo{
    text-align:center;
  }
  .fujipet_happy_logo > img{
    width:110px;
  }  
}

/* -------------------------- Feature -------------------------- */

.fujipet_feature{
  padding:160px 0 200px;
}
.fujipet_feature_title{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:31px;
  line-height: 55px;
  text-align: center;
  color:var(--key-color-green);
  margin:0 0 60px;
}
.fujipet_feature_list{
  display:flex;
  flex-flow:row wrap;
  justify-content: space-between;
  gap:66px 0;
  max-width:1040px;
  padding:0 40px;
  margin:0 auto;
}
.fujipet_feature_list_item{
  width:31.25%;
  border-top:2px solid var(--key-color-green);
}
.fujipet_feature_list_a{
  display:block;
  text-decoration: none;
}
.fujipet_feature_list_a > img{
  display:block;
  width:100%;
  margin:0 0 10px;
}
.fujipet_feature_list_text{
  display:flex;
  gap:0 10px;
}
.fujipet_feature_list_text > p,
.fujipet_feature_list_text > p > span{
  font-weight:600;
  font-size:15px;
  line-height:17.6px;
  color:var(--key-color-green);
}
.fujipet_feature_list_text > img{
  width:13px;
  height:auto;
  margin-top:2px;
}

@media (max-width : 768px) {
  .fujipet_feature{
    padding:80px 0 100px;
  }
  .fujipet_feature_title{
    font-size:28px;
    margin:0 0 40px;
  }
  .fujipet_feature_list{
    gap:40px 0;
    max-width:none;
    padding:0 20px;
    margin:0;
  }
  .fujipet_feature_list_item{
    width:48.35%;
  }
  .fujipet_feature_list_text > p{
    font-size:16px;
    line-height:18.77px;
  }
  .fujipet_feature_list_text > p > span{
    display:none;
  }
  .fujipet_feature_list_text > img{
    width:13px;
    margin-top:2px;
  }
}

/* -------------------------- Popup -------------------------- */

.fujipet_popup{
  position:fixed;
  z-index:10000;
  top:0;
  left:0;
  display:flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
  background-color: rgba(233,233,223,0.75);
}
.fujipet_popup_in{
  position:relative;
}
.fujipet_popup_close{
  position:absolute;
  z-index:10;
  top:0;
  right:0;
  display:block;
  width:30px;
  height:30px;
}
.fujipet_popup_close > img{
  display:block;
  width:100%;
  height:100%;
}
.fujipet_popup_scroller{
  width:750px;
  max-height:90vh;
  border:2px solid var(--key-color-green);
  background-color: #E9E9DF;
  overflow:hidden auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.fujipet_popup_scroller::-webkit-scrollbar {
  display: none;
}
.fujipet_popup_slide{
  position:relative;
  min-height:490px;
}
.fujipet_popup_slide .slick-dots{
  position:absolute;
  bottom:40px;
  left:0;
  display:flex;
  justify-content: center;
  gap:0 20px;
  width:100%;
}
.fujipet_popup_slide .slick-dots > li > button{
  width:7px;
  height:7px;
  border-radius: 50%;
  background-color: #CECECE;
  font-size:0;
}
.fujipet_popup_slide .slick-dots > li.slick-active > button{
  background-color: var(--key-color-green);
}
.fujipet_popup_content{
  border-top:2px solid var(--key-color-green);
  padding:30px 40px 52px;
}
.fujipet_popup_content_head{
  display:flex;
  margin:0 0 50px;
}
.fujipet_popup_content_head_left{
  width:356px;
}
.fujipet_popup_title{
  display:flex;
  align-items: flex-end;
  gap:0 12px;
  margin:0 0 12px;
}
.fujipet_popup_title > span{
  font-family: "work-sans", "fot-tsukuardgothic-std", sans-serif;
  font-weight:600;
  font-size:22px;
  line-height:26px;
  color:var(--key-color-green);
}
.fujipet_popup_title > small{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:12px;
  line-height:1.5;
  color:var(--key-color-green);
}
.fujipet_popup_price{
  display:flex;
  align-items: center;
}
.fujipet_popup_price_num{
  font-family: "work-sans", sans-serif;
  font-weight:500;
  font-size:20px;
  line-height:24px;
  color:var(--key-color-green);
}
.fujipet_popup_price_num::first-letter{
  letter-spacing: 0.11em;
}
.fujipet_popup_price_rod{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:1.5;
  color:var(--key-color-green);
  margin:0 4px;
}
.fujipet_popup_price_tax{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:10px;
  line-height:1.5;
  color:var(--key-color-green);
  margin:0 0 0 3px;
}
.fujipet_popup_content_head_right{
  flex:1;
}
.fujipet_popup_desc{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:14px;
  line-height:2;
  color:var(--key-color-black);
}
.fujipet_popup_content_body{
  display:flex;
  border-top:1px dashed var(--key-color-green);
  padding:40px 0 0;
}
.fujipet_popup_content_body_left{
  width:348px;
  padding-right:30px;
}
.fujipet_popup_content_body_right{
  flex:1;
}
.fujipet_popup_item_title{
  display:inline-block;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:20px;
  color:#FFF;
  background-color:var(--key-color-green);
  padding:2px;
  margin:0 0 15px;
}
.fujipet_popup_item_desc{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:2;
  color:var(--key-color-black);
  margin:0 0 40px;
}
.fujipet_popup_content_foot{
  text-align:center;
}
.fujipet_popup_go_pdt{
  display:flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  border:2px solid var(--key-color-green);
  border-radius:100vh;
  width:270px;
  height:70px;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:700;
  font-size:16px;
  line-height:1.5;
  letter-spacing: 0.02em;
  text-decoration: none;
  color:var(--key-color-green);
  margin:0 auto 10px;
}
.fujipet_popup_go_other{
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight:500;
  font-size:11px;
  line-height:24px;
  color:var(--key-color-green);
}

@media (max-width : 768px) {
  .fujipet_popup{
    padding:0 20px;
  }  
  .fujipet_popup_scroller{
    width:100%;
    max-height:90svh;
  }
  .fujipet_popup_slide{
    position:relative;
    width:calc(100vw - 40px);
    min-height:220px;
  }
  .fujipet_popup_slide .slick-dots{
    bottom:23px;
  }
  .fujipet_popup_content{
    padding:20px 20px 46px;
  }
  .fujipet_popup_content_head{
    display:block;
    margin:0 0 26px;
  }
  .fujipet_popup_content_head_left{
    width:auto;
  }
  .fujipet_popup_title{
    display:flex;
    justify-content: space-between;
    align-items: flex-end;
    gap:0;
    margin:0 0 13px;
  }
  .fujipet_popup_title > span{
    font-size:25px;
    line-height:29px;
  }
  .fujipet_popup_title > small{
    font-size:14px;
  }
  .fujipet_popup_content_head_right{
    margin:40px 0 0;
  }
  .fujipet_popup_content_body{
    display:block;
    padding:30px 0 0;
  }
  .fujipet_popup_content_body_left{
    width:auto;
    padding:0;
  }
  .fujipet_popup_content_body_right{
    width:auto;
  }
  .fujipet_popup_item_title{
    margin:0 0 11px;
  }
  .fujipet_popup_item_desc{
    margin:0 0 49px;
  }
  .fujipet_popup_go_pdt{
    width:295px;
    height:80px;
    margin:0 auto 14px;
  }
}