@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Outfit:wght@100..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
    font-size: 160%;
    -webkit-text-size-adjust: none;
    font-weight: 500;
}
html:focus-within {scroll-behavior: smooth;}
img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
*,::before, ::after {box-sizing: border-box;outline: none;}
::before, ::after{pointer-events: none;}

select {visibility: visible !important;}
a {transition: all ease 0.3s;text-decoration: none;color: var(--txt);}
a[href^="tel:"] {word-break: keep-all;}
iframe {width: 100%;height: 100%;border: none;outline: none;}

/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html {
    background: #fff
}
body {
    color: var(--txt);
    -webkit-text-size-adjust: none;
    min-width: 320px;
    font-family: var(--font-main)
}
select, input, textarea , button {
    font-family: var(--font-main)
}
table {
    width: 100%
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
}
p, dd, dt, li, th, td, address {
    line-height: 1.8em;
    letter-spacing: 0;
}
p {
    margin: 0 0 1.5em;
}
p:last-child {
    margin-bottom: 0
}
.bold {
    font-weight: bold;
}
.left {
    text-align: left
}
.right {
    text-align: right;
}
.auto {
    margin-left: auto;
    margin-right: auto;
}
.red {color: var(--red);}
.txt_line {text-decoration: underline;}
.m0a {display: block;margin: 0 auto;}
.f_big {font-size: 150%;}
.f_sm {font-size: 80%;}

:root {
    --font-main: "Zen Kaku Gothic New", sans-serif;
    --txt: #2B2B29;
    --mcolor: #EB7099;
    --scolor: #999999;
    --site_size: 1230px;
    --gray: #e9e9e9;
    --blue: #4366B0;
    --blue2: #4E70B5;
    --blue3: #6DBCDE;
    --yel: #FFEA60;
    --green: #AED69E;
    --en: "Outfit", sans-serif;
    --nts: "Noto Sans JP", sans-serif;
}
#wrapper {min-width: 1260px;overflow: hidden;margin: 0 auto}
.inner {width: var(--site_size);margin: 0 auto;position: relative;max-width: 100%;padding: 0 15px;}
/*==========================================================
                       H E A D E R  
==========================================================*/
header{position:relative;z-index:10}
#logo{transition:all .3s}
.h_box{width:100%;position:fixed;transition:all .3s}
.under .h_box{background-color:rgba(255,255,255,1)}
.under .h_inner{box-shadow:0 -4px 16px 0 rgba(128,128,128,0.25)}
#index .h_box{background-color:rgba(255,255,255,0)}
#index .active .h_box{background-color:rgba(255,255,255,1)}
.h_inner{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%}
.active .h_inner{box-shadow:0 -4px 16px 0 rgba(128,128,128,0.25)}

.h_link_share .link_ins{margin-right:8px}
.h_link_share{margin-bottom:0}
#index .h_center{visibility:hidden;opacity:0;transition:all .3s}
#index .active .h_center{visibility:visible;opacity:1}

.h_left #logo a{flex-shrink:0;width:167px;height:169px;background:#fff;border-radius:0 0 30px 0;display:flex;align-items:center;justify-content:center;padding-right:14px}
.h_center{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;padding-right:180px}

#index .h_link_bt{display:none}
.under .h_link_top{display:flex}
.under .h_link_bt{display:flex;margin-left:20px}
.under .h_link_bt a{width:160px;height:36px;color:#2B2B29;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:5px;padding-top:1px}
.under .h_link_bt a.h_link_yl{background:#FFEA60;margin-right:12px}
.under .h_link_bt a.h_link_green{background:#AED69E}

/* HAMBUGER BUTTON */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;padding:10px 8px 5px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0}
.hamburger-box{position:relative;display:inline-block;width:28px;height:20px}
.hamburger-inner{top:50%;display:block;margin-top:-4px}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{position:absolute;width:28px;height:2px;transition:all ease .15s;background-color:#959593}
.hamburger-inner::after,.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:-8px}
.hamburger-inner::after{bottom:-8px;width:20px;right:0}
.hamburger--3dxy .hamburger-box{perspective:80px}
.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(0.645,0.045,0.355,1),background-color 0 cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before{transition:transform cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy.is_active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important;margin-top:-2px}
.hamburger--3dxy.is_active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-6px,0) rotate(-45deg);width:28px}

.nav_tt{font-size:24px;font-weight:700;margin-bottom:0;margin-right:60px}
.nav_box_tt{display:flex;width:855px;margin: 0 auto 17px;border-bottom:1px #A6A6A6 dotted;padding:28px 0 23px;position:relative}
.nav_box_tt a{position:absolute;top:0;left:0;width:100%;height:100%}
.nav_tt .icon{background:url('../images/icon_menu.svg') no-repeat right center/32px;padding-right:47px}
.nav_txt{font-size:14px;font-weight:500;line-height:1.5;margin-top:5px}

.sub ul li a{font-size:15px;display:flex;width:100%;align-items:center;letter-spacing:.001em;padding: 8px 0;margin:0 auto;border-bottom:solid 1px #FFF;font-weight:500;text-align:left}
.sub > ul{display:flex;flex-wrap:wrap;padding:0 60px 23px}
.sub > ul > li{width:calc(33.333% - 15px);margin-bottom: 9px;}
.sub > ul > li > a{background:url('../images/icon_menu.svg') no-repeat right 3px center/22px;border-bottom:1px #A6A6A6 dotted}

@-webkit-keyframes scrolltop {
    0% {transform: translateY(-220px);opacity: 0;transition: ease-in-out;}
    100% {transform: translateY(0);opacity: 1;}
}
/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position:relative;padding-top:50px;z-index:2}
.mv{position:relative;padding:0;width:calc(100% - 100px);margin:0 auto}
.mv::before,
.mv::after{position:absolute;content:""}
.mv::before{background:url('../images/idx_brush1.png') no-repeat left top;width:380px;height:472px;left:-125px;bottom:-139px}
.mv::after{background:url('../images/idx_brush2.png') no-repeat right top;width:356px;height:472px;right:-80px;bottom:-140px}
.mv_bg{position:relative;overflow:hidden;opacity:0;transition:all .3s}
.mv_video{height:896px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;border-radius: 20px;}
.mv_video video{width:100%;height:100%;object-fit:cover}

.mv_box{position:absolute;left:90px;top:206px;z-index:9;color:#fff}
.mv_box .mv_ttl{font-size:48px;font-weight:700;letter-spacing:0;margin-bottom:35px;text-shadow:0 0 16px rgba(0,0,0,0.6); font-family: var(--nts);line-height: 1.5em;}
.mv_txt{}
.mv_txt p{font-size:20px;line-height:1;text-shadow:0 0 16px rgba(0,0,0,0.6)}
.mv_txt p:not(:last-child){margin-bottom:15px}


.mv_video_slide{width: 100%;height: 100%;position: relative;z-index: -1;}
.mv_video_slide .mv_slide img{border-radius: 20px;}
.mv_img{width: 100%;}
.mv_img img{width: 100%;height: 100%;object-fit: cover;}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.ttl {text-align: center;margin-bottom: 50px;}
.ttl span {display: block;}
.ttl .ja {font-size: 32px;font-weight: bold;position: relative;}
.ttl .en {font-size: 16px;font-family: var(--en);margin-bottom: 8px;letter-spacing: 0.015em;font-weight: 500;}

/* DEFAUTL NAME BUTTON */
section {padding: 40px 0;}
.btn a {width: 360px;height: 82px;border-radius: 999px;display: flex;align-items: center;background: url('../images/ic_btn.svg') no-repeat right 23px center /11px var(--blue);font-size: 20px;color: #fff;text-decoration: none;line-height: 1.5em;padding: 2px 30px 0 40px}
.btn.center a {margin-left: auto;margin-right: auto;}
.btn.btn_black a {background-color: var(--txt);width: 320px;}
.btn.lg a {width: 480px;}
.btn.btn_pink a {background-color: var(--mcolor);}
.btn.btn_white a {background: url('../images/ic_btn_b.png') no-repeat right 23px center /11px #fff;border: 1px solid var(--txt);color: var(--txt);}
.btn.btn_blue2 a {background-color: #0070C5;}

/*==================== SEC01 ===================*/
.sec_search{width:1200px;height:351px;position:relative;top:-176px;margin:0 auto;margin-bottom: -176px;}
.sec_search .inner{width:1230px;padding:0}
.sec_search_item{background:#FFFBCC;border-radius:10px;box-shadow:0 4px 0 0 #E2DDAC;display:flex;padding:70px 50px 40px;position:relative;top:-34px;margin-bottom:-34px}

.sec_search_item_un .wrap1,.sec_search_item_un .wrap2 .wrap2_box{display: flex;}
.sec_search_item_un .wrap2 .wrap2_box{flex-wrap: wrap;}
.sec_search_item_un .wrap2 {flex-wrap: wrap;margin-top: 35px;padding: 0 0 7px;display: none;}
.sec_search_item_un .wrap2 .item1 {width: 246px;margin-right: 51px;margin-bottom: 16px;}
.sec_search_item_un .wrap2 > .wrap2_box > div {display: flex;flex-direction: column;align-items: center;}
.sec_search_item_un .wrap2 > .wrap2_box > div .search_ttl {width: 100%;}
.sec_search_item_un .wrap2 .item1 .search_box_seclect {width: 226px}
.sec_search_item_un .wrap2 .item2 {width: 220px;margin-right: 50px;}
.sec_search_item_un .wrap2 .item2 .search_box_seclect {width: 200px}
.sec_search_item_un .wrap2 .item3 {width: 340px}
.sec_search_item_un .wrap2 .item3 .search_box_seclect {width: 100%;border: none;background: none;justify-content: space-between;align-items: center;padding: 0 11px 0 6px;}
.sec_search_item_un .wrap2 .item3 .search_box_seclect .i_price {width:124px;border: 1px #C9C9C9 solid;background: #fff no-repeat right 7px center / 12px;}
.sec_search_item_un .wrap2 .item4 {width: 246px;margin-right: 50px;}
.sec_search_item_un .wrap2 .item4 .search_box_seclect {width: 226px;}
.sec_search_item_un .wrap2 .item5 {width: 340px}
.sec_search_item_un .wrap2 .item5 .search_box_input{width: 100%;}
.sec_search_item_un .wrap2 .item6 {width: 220px;margin-right: 50px;}

.search_box_seclect_wrap {display: flex;}
.search_box_seclect_wrap .lable1 {color: #88898A;font-size: 20px;font-weight: 900;}

.sec_search_ttl{position:relative;overflow:hidden;padding-top:32px;margin-bottom:0}
.sec_search_ttl span{background:url('../images/bg_h3_search.svg') no-repeat center bottom;padding-bottom:35px}
.sec_search_ttl.ttl .ja{font-size:28px;position: relative;}
.sec_search_ttl::before{width:1040px;height:1040px;background:#FFFBCC;position:absolute;content:"";margin:0 auto;border-radius:50%;left:0;right:0;top:0}

.sec_search_list{margin-right:0;display:flex}
.sec_search_list.disable{pointer-events: none;opacity: 0.5;}
.sec_search_list.remove li{pointer-events: none;opacity: 0.5;}
.sec_search_list.remove li.active{pointer-events: none;opacity:1;position: relative;}
.sec_search_list.remove li.active .sec_search_img{position: relative;}
.sec_search_list.remove li.active .sec_search_img::before{content: '選択中';width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: bold;color: #fff;background: rgba(0, 0, 0, 0.5);border-radius: 50%;}
.sec_search_list.active{pointer-events: inherit;opacity: 1;}

.sec_search_w{padding-left:0;display:flex;flex-direction: column;}
.sec_search_w2,
.sec_search_w1{display:flex;padding-left: 0;padding-top:0;justify-content: space-between;width: 430px;align-items: center;}
.sec_search_w1{margin-bottom: 15px;}

.btn_shorten {position: absolute;right: 0;bottom: -34px;color: #4366B0;font-size: 15px;font-weight: 700;width: 219px;height: 53px;background: #FFFBCC;border-radius: 0 0 10px 10px;box-shadow: 0 4px 0 0 #E2DDAC;display: flex;align-items: center;justify-content: center;letter-spacing: 0.1em;padding-top: 3px;cursor: pointer;z-index: 9;}
.btn_shorten .icon {width: 20px;height: 20px;flex-shrink: 0;margin-right: 4px;background: #4366B0;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.btn_shorten.open .icon::after {transform: rotate(90deg);}
.btn_shorten .icon::before,.btn_shorten .icon::after{position: absolute;content: "";background: #fff;transition: all 0.3s;}
.btn_shorten .icon::before {width: 10px;height: 2px;}
.btn_shorten .icon::after {width: 2px;height: 10px;}
.btn_shorten > span {position: relative;}

.search_box1{margin-right: 0;position:relative;display:flex;}
.search_ttl{font-size:20px;font-weight:700;border-bottom:1px #A6A6A6 dotted}
.search_ttl.txt_blue{color:#4366B0;}
.search_ttl.icon1{background:url('../images/icon_dog_blue.svg') no-repeat left 0 top 5px;padding:0 0 0 45px;margin-bottom:0;width: 170px;border-bottom: none;}
.search_ttl.icon2{background: url('../images/icon_map.svg') no-repeat left 9px center;padding: 1px 0 0 40px;width:170px;line-height: 1.2;margin-bottom: 0;border-bottom: none;}
.search_ttl.icon3{background: url('../images/icon_search1.svg') no-repeat left 5px top 8px;padding: 6px 0 8px 49px;margin-bottom: 27px;}
.search_ttl.icon4{background: url('../images/icon_search2.svg') no-repeat left 5px top 10px;padding: 5px 0 9px 32px;margin-bottom: 27px;}
.search_ttl.icon5{background: url('../images/icon_search3.svg') no-repeat left 5px top 15px;padding: 9px 0 5px 42px;margin-bottom: 27px;}
.search_ttl.icon6{background: url('../images/icon_search4.svg') no-repeat left 7px top 12px;padding: 5px 0 9px 37px;margin-bottom: 27px;}
.search_ttl.icon7{background: url('../images/icon_search5.svg') no-repeat left 6px top 11px;padding: 5px 0 8px 48px;margin-bottom: 28px;}
.search_ttl.icon8{background: url('../images/icon_pp_blue.svg') no-repeat left 3px top 12px;padding: 5px 0 9px 32px;margin-bottom: 27px;background-size: 24px;}

.sec_search_item .item_l{margin-right:50px;width: 445px;}
.sec_search_list li{width:95px}
.sec_search_list li:not(:last-child){margin-right:12px}
.sec_search_img{margin-bottom:5px}
.sec_search_title{font-size:13px;font-weight:500;letter-spacing:.015em;text-align:center}

.search_box1_tt{font-size:13px;font-weight:500;margin-bottom:6px}
.search_box_seclect{width:200px;height:56px;border:1px #C9C9C9 solid;background:#fff}
.search_box_seclect select,
.search_box_seclect .i_price {width: 100%;height: 100%;border: 0;background: url("../images/arrow_select1.svg") #fff no-repeat right 7px center/12px; -webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 12px;padding-left: 10px;}
.search_box_seclect select option{color: var(--txt)}
.search_box_input {width: 594px;height:56px;border:1px #C9C9C9 solid;background:#fff;}
.search_box_input input {color: #BFBFBF;font-size: 12px;padding-left: 10px;height:100%;width: 100%;border: none;}
.search_box_seclect .select_price{border:1px #C9C9C9 solid;width: 135px;}

.search_btn button{background:#4366B0;border-radius:2px;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;width:157px;height:56px;border:none;cursor: pointer;letter-spacing: 0.1em;}
.search_btn button span{background:url('../images/icon_search.svg') no-repeat right center;padding-right: 22px;}
.search_link a{color:#4366B0;font-size:15px;font-weight:700;background:url('../images/icon_arrow_blue.svg') no-repeat right center;padding-right:15px;position:relative;right:-8px;letter-spacing:.1em;bottom:16px}

.sec_search_item{position: relative;}
.sec_search_item .sec_search_btn {position: absolute;right: 24px;bottom: 95px;}
.sec_search_item_un {width: 1200px;margin: 0 auto;top: -215px;flex-direction: column;padding-bottom: 60px;margin-bottom: -112px;padding-top: 60px;}
.sec_search_item_un.open .sec_search_btn {bottom: 52px;}
.sec_search_item_un .search_btn{margin-bottom: 0;}
.sec_search_item_un .sec_search_btn .clear_btn{text-decoration: underline;color: #BFBFBF;margin-top: 15px;font-size: 13px;text-align: right;cursor: pointer;}
#dog .sec_search_item_un .sec_search_btn .clear_btn{opacity: 0;pointer-events: none;}
#dog .sec_search_item_un .sec_search_btn .clear_btn.show,
#dog.dog_cate .sec_search_item_un .sec_search_btn .clear_btn{opacity: 1;pointer-events: inherit;}

/* SEARCH BUTTON */
body.hide{overflow: hidden;}
header.hide,
body.hide .box_link_fixed,
body.hide .box_link_fixed_close,
footer.hide{z-index: 1;}

.modal-content{background: #fff;margin: auto;padding: 30px;width: 100%;max-width: 400px;border-radius: 8px;position: relative;top: calc(50% - 240px);cursor: default;z-index: 12;}

#openBreedModal,
#openBreederModal{width: 100%;height: 100%;border: none;background: none;box-shadow: none;cursor: pointer;transition: all ease 0.3s;}

.modal,
.modal{display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;cursor: not-allowed;}

.modal::before{background-color: rgba(0,0,0,0.4);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;content: '';}
.modal.active{display: block;opacity: 1;visibility: visible;}

#clearAllBreed,
#clearAllBreeders{display: block;font-size: 14px;text-align: right;width: fit-content;margin-top: 15px;margin-left: auto;padding: 5px 10px;cursor: pointer;background: var(--mcolor);color: #fff;border-radius: 5px;}
#applyBreedSelection,
#applyBreederSelection{display: inline-block;width: 80%;margin: 20px auto 0;padding: 10px;border: 1px var(--txt) solid;background: #fff;position: relative;left: 35px;cursor: pointer;}

.checkbox-list{display: flex;flex-direction: column;align-items: flex-start;max-height: 260px;overflow: auto;}
.checkbox-list label{font-size: 16px;margin-bottom: 10px;}

/*==================== SEC02 ===================*/
.sec_infomation{padding-top:160px;padding-bottom:60px}
.sec_infomation .inner{width:1230px}
.sec_infomation .ttl{margin-bottom:47px}

.sec_infomation_item{display:flex;position:relative}
.sec_infomation_item::before,
.sec_infomation_item::after{position:absolute;content:"";z-index:-1}
.sec_infomation_item::before{background:url('../images/idx_brush3.png') no-repeat left top;width:306px;height:321px;left:-270px;top:204px}
.sec_infomation_item::after{background:url('../images/idx_brush4.png') no-repeat right top;width:171px;height:140px;right:-51px;top:-70px}

.sec_infomation_item.slick-dotted.slick-slider{margin-bottom:104px}
.sec_infomation_item .slick-list{}
.sec_infomation_item .slick-slide{width:360px;margin:0 30px;cursor:pointer}

.sec_infomation_lable1{width:110px;height:35px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;text-align:center;background:#4366B0;margin-bottom:-20px;position:relative;z-index:1}
.sec_infomation_lable1.is_disabel{background:#999}

.sec_infomation_img{background:#F2F2F2;padding:10px;margin-bottom:32px}
.sec_infomation_img{width:100%;height:360px}
.sec_infomation_img img{object-fit:cover;width:100%;height:100%}
.sec_infomation_lable2{width:108px;height:24px;line-height:24px;background:#F0F0F0;text-align:center;font-size:14px;margin-bottom:15px}
.sec_infomation_tt{font-size:22px;font-weight:700;line-height:1.5;margin-bottom:24px}

.sec_infomation_box{border-top:1px #CCC dotted;padding-top:22px}
.sec_infomation_box dl{display:flex}
.sec_infomation_box dl dt{color:var(--blue2);font-weight:700;width:66px;flex-shrink:0}
.sec_infomation_box dl dt .icon1{background:url('../images/icon_date.svg') no-repeat left center;padding-left: 22px;}
.sec_infomation_box dl dt .icon2{background:url('../images/icon_map_blue1.svg') no-repeat left center;padding-left: 22px;}
.sec_infomation_box dl dd{}
.sec_infomation .slick-dots{bottom:-65px}

/*==================== SEC03 ===================*/
.sec_feature{position:relative;background:url('../images/idx_bg01.png') no-repeat center top/1920px;padding:200px 0;height: 1532px;}
.sec_feature::before,.sec_feature::after{position:absolute;content:"";pointer-events:none}
.sec_feature::before{background:url('../images/cur_w_top.png') no-repeat center top/1920px;width:1920px;height:240px;left:calc(50% - 960px);top:0;z-index:2}
.sec_feature::after{background:url('../images/cur_w_bt.png') no-repeat center top/1920px;width:1920px;height:240px;left:calc(50% - 960px);bottom: -30px;z-index:1}
.sec_feature .inner{background:#fff;border-radius:20px;padding-top:80px;margin-top:75px;z-index:1;padding-bottom:56px;width: 1200px;}

.feature_box_img_l,
.feature_box_img_r{position:absolute;z-index:9}
.feature_box_img_l{left:-246px;top:-113px}
.feature_box_img_r{right:-245px;top:-192px}

.feature_list{display:flex;justify-content:center;margin-bottom:14px}
.feature_list .img1{margin-right:25px}
.feature_txt{text-align:center;margin-bottom:58px;position:relative;left:-4px}
.feature_txt p{font-size:20px;line-height:1.7}
.feature_txt p:not(:last-child){margin-bottom:24px}
.feature_note{text-align:center;font-size:12px;margin-bottom:41px}
.sec_feature_ttl{margin-bottom:61px}
.feature_box_img_l p,
.feature_box_img_r p{position:relative}

.feature_img_1{}
.feature_img_2{top:-110px}
.feature_img_3{top:-53px}
.feature_img_3::before{position:absolute;content:"";background:url('../images/idx_brush5.png') no-repeat left top;width:140px;height:164px;left:-59px;bottom:0}
.feature_img_4{left:52px}
.feature_img_5{}
.feature_img_5::before{position:absolute;content:"";background:url('../images/idx_brush6.png') no-repeat right bottom;width:177px;height:87px;right:-60px;bottom:28px}
.feature_img_6{top:25px;z-index:1}
.feature_img_7{top:-29px;left:42px}
.feature_img_8{top:56px}
.feature_img_8::before{position:absolute;content:"";background:url('../images/idx_brush7.png') no-repeat left top;width:140px;height:122px;left:0;top:-62px;z-index:-1}

/*==================== SEC04 ===================*/
.sec_voice_item{display:flex;width:4000px;position:relative;left:calc(50% - 2000px);margin-bottom:60px}
.sec_voice_item.slick-dotted.slick-slider{margin-bottom:60px}
.sec_voice_item .slick-slide{margin:0 30px;width:360px;}
.sec_voice_img{border-radius:20px;overflow:hidden;margin-bottom:20px;width:100%;height:240px}
.sec_voice_img img{width:100%;height:100%;object-fit:cover}
.sec_voice_tt{font-size:24px;font-weight:700;line-height:1.5;margin-bottom:18px}
.sec_voice_info{}
.sec_voice_info p{font-size:16px;font-weight:500;color:#5E5E5A;margin-bottom:0;line-height:1.5}
.sec_voice_info .icon1{background:url('../images/icon_date.svg') no-repeat left top 6px;padding-left:26px;margin-bottom:2px}
.sec_voice_info .icon2{background: url('../images/icon_dog_blue4.svg') no-repeat left top 4px/19px;padding-left:27px}
.sec_voice_info .icon3{background:url('../images/icon_map.svg') no-repeat left top 5px/12px;padding-left:26px}
.sec_voice{padding-top: 115px;}
.sec_voice .inner::before,.sec_voice .inner::after{position:absolute;content:""}
.sec_voice .inner::before{background:url('../images/idx_brush8.png') no-repeat left top;width:250px;height:222px;left:-114px;top:38px}
.sec_voice .inner::after{background:url('../images/idx_brush9.png') no-repeat left top;width:240px;height:151px;right:-97px;top:41px;z-index:-1}
.ttl.sec_voice_ttl{margin-bottom:60px}

/*==================== SEC05 ===================*/
.sec_search_slide{padding-top: 121px;position:relative}
.sec_search_slide::before{position:absolute;content: '';background:url('../images/idx_img_dog9.png') no-repeat left top;width:162px;height:118px;left:190px;bottom: -40px;pointer-events: none;z-index: 5;}
.sec_search_slide::after{position: absolute;content: '';background: url('../images/ic_gif2.gif') center /cover no-repeat;width: 90px;height: auto;position: absolute;bottom: 40px;left: 325px;aspect-ratio: 16/10;pointer-events: none;z-index: 6;}
.sec_search_slide .btn a{position:relative;top:-5px}
.sec_search_slide_w{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom: 4px;}
.sec_search_slide_w::before{position:absolute;content:"";background:url('../images/idx_img_dog11.png') no-repeat right top;width:108px;height:119px;right:-168px;top:80px;z-index: 9;}
.sec_search_slide_w::after{position: absolute;content: '';background: url('../images/ic_gif1.gif') center /cover no-repeat;width: 40px;height: 40px;right: -155px;top: 60px;pointer-events: none;}

.search_slide_item{display:flex;width:3000px;padding:80px 0 80px 80px;position:relative;}
.search_slide_item .slick-slide{background:#fff;padding:27px 30px;margin:0 15px;width:380px;border-radius: 10px;}
.search_slide_item .slick-slide img{cursor:pointer}
.search_slide_item::before{position:absolute;content:"";background:url('../images/idx_bg02.png') repeat left top;width:100%;height:100%;left:0;top:0}

.search_slide_img{margin-bottom: 15px;width:100%;height:320px;position: relative;}
.search_slide_img .sold{position: absolute;background: var(--blue);color: #fff;font-weight: bold;font-size: 12px;padding: 4px 13px 2px 14px;top: 0;left: 0;}
.search_slide_img .favorite-btn{position: absolute;bottom: 12px;right: 12px;display: flex;border:1px solid #f7f8f9;border-radius: 50%;z-index: 10;}
.search_slide_img .favorite-btn button{display: flex;align-items: center;justify-content: center;padding: 0;color: var(--txt);font-size: 13px;font-weight: 500;font-family: var(--font-main);width: 60px;height: 60px;opacity: 1;border-radius: 50%;padding-top: 30px;border: none;}
.search_slide_img .favorite-btn button::before{width: 24px;height: 24px;position: absolute;top: 10px;left: calc(50% - 12px);content: '';background: url('../images/ic_love.png') center /cover no-repeat;}
.search_slide_img .favorite-btn button.active::before{background: url('../images/ic_loved.png') center /cover no-repeat;}
.search_slide_img img{width:100%;height:100%;object-fit:cover}
.search_slide_tt{padding: 5px 0 3px 36px;font-size:20px;font-weight:700;padding-left:36px;line-height:1.3;margin-bottom: 13px;}
.search_slide_tt.male{background: url('../images/icon_dog_blue3.svg') no-repeat left top 5px;}
.search_slide_tt.female{background: url('../images/icon_dog_pink.svg') no-repeat left top 3px;}

.search_slide_info{}
.search_slide_info dl{display:flex;margin-bottom:5px;align-items: center;}
.search_slide_info dl dt{background: var(--blue3);width:108px;height:24px;line-height:24px;text-align:center;font-size:14px;font-weight:500;flex-shrink:0;margin-right:16px;color: #fff;}
.search_slide_info dl dd{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-grow:1}
.sec_search_slide_ttl{text-align:left}
.search_slide_tt.female + .search_slide_info dl dt{background: var(--mcolor);}


/*==================== SEC06 ===================*/
.sec_flow{padding-top:105px}
.sec_flow_item{position:relative;display:flex}
.sec_flow_item .item_l{padding-top:89px}
.sec_flow_item .item_r{position:relative;top:0;right:-113px}
.sec_flow_ttl{text-align:left;margin-bottom:41px}
.sec_flow_txt{margin-bottom:60px}
.sec_flow_txt p{line-height:1.7}
.sec_flow_img{position: relative;}
.sec_flow_img::before{position: absolute;bottom: 0;right: 65px;width: 85px;height: auto;aspect-ratio: 1/1;background: url('../images/dog_walk.gif') center /cover no-repeat;content: '';}

/*==================== SEC07 ===================*/
.sec_ins{padding-top:112px;padding-bottom:140px}
.sec_ins_w{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:80px}
.sec_ins_ttl.ttl{text-align:left;margin-bottom:0}
.sec_ins_ttl.ttl .en{letter-spacing:.05em}
.sec_ins_txt{position:relative;top:4px}
.ins_load{position:relative}
.ins_load::before{position:absolute;content:"";background:url('../images/idx_brush10.png') no-repeat left top;width:224px;height:221px;left:-183px;top:-31px;z-index:-1}

/*==================== SEC08 ===================*/
.sec_column{position:relative}
.sec_column::before,
.sec_column .inner::after{position:absolute;content:""}
.sec_column::before{background:url('../images/idx_bg03.png') no-repeat left top;width:400px;height:998px;left:0;top:-135px}
.sec_column .inner::after{background:url('../images/idx_brush11.png') no-repeat right top;width:328px;height:317px;right:-271px;top:41px;z-index:-1}
.sec_column_item{display:flex;margin:0 -15px 57px}
.sec_column_item .item{width:380px;margin:0 15px;position:relative;padding-top:50px;cursor:pointer}
.sec_column_img{border-radius:20px;overflow:hidden;margin-bottom:19px;height:254px}
.sec_column_img img{width:100%;height:100%;object-fit:cover}
.sec_column_label{position:absolute;width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--mcolor);border-radius:50%;left:12px;top:31px;letter-spacing:.05em}
.sec_column_img{}
.sec_column_info{display:flex;margin-bottom:15px}
.sec_column_info .date{color:#595955;flex-shrink: 0;}
.sec_column_info .cate{min-width:84px;height:20px;background:#F0F0F0;text-align:center;line-height:20px;font-size:12px;font-weight:500;margin-left:5px;padding: 0 10px;display: inline-block;}
.ttl.sec_column_ttl{margin-bottom:10px}
.sec_column_tt{font-size:20px;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:60px}

/*==================== SEC09 ===================*/
.sec_faq{padding-top:120px;padding-bottom:160px}
.ttl.sec_faq_ttl{margin-bottom:60px}
.faq_list{margin-bottom:60px}
.faq_list dl dt{display:flex;cursor:pointer;position:relative}
.faq_list dl dt::before,.faq_list dl dt::after{border-radius:5px}
.faq_list dl:first-child{border-top:1px #A6A6A6 dotted}
.faq_list dl{border-bottom:1px #A6A6A6 dotted;padding:43px 0}
.faq_list dd{padding-top:24px;color:#666661;line-height:1.5;margin-bottom:-4px;padding-left: 40px;}
.faq_list dl dt .icon_q{font-size:20px;font-weight:500;font-family:var(--en);width:40px;flex-shrink:0}
.faq_list dl dt .tt{font-size:20px;font-weight:500;letter-spacing:.015em}
.faq_list dt::before{width:3px;height:20px;position:absolute;top:13px;right:9px;border-radius:999px;content:'';background:#2B2B29;transition:all ease .3s}
.faq_list dl dt::before{top:4px}
.faq_list dt::after{width:21px;height:3px;position:absolute;top:calc(50% - 2px);right:0;border-radius:999px;content:'';background:#2B2B29}
.faq_list dt.active::before{transform:rotate(90deg);opacity:0}

/*==================== SEC10 ===================*/
.sec_cta{position:relative;padding-bottom:50px}
.sec_cta::before{position:absolute;content:"";background:url('../images/cta_bg.png') no-repeat center top/1920px;width:1920px;height:806px;left:calc(50% - 960px);top:0;z-index:-1}
.sec_cta .wrap{width:960px;margin:0 auto;padding-top:40px}
.sec_cta_white{background:#fff;border-radius:20px;padding:48px 25px 41px;position:relative;margin-bottom:50px}
.sec_cta_white::before{position:absolute;content: '';background:url('../images/idx_img_dog10.png') no-repeat center top;width:160px;height:169px;right:-80px;bottom:-37px}
.sec_cta_white::after{position: absolute;content: '';background: url('../images/ic_gif3.gif') center /cover no-repeat;width: 62px;height: 62px;right: 25px;bottom: 65px;}

.cta_ttl{background:url('../images/bg_h3_cta.svg') no-repeat center top;padding-top:38px;margin-bottom:60px}
.cta_ttl .en{letter-spacing:.05em;margin-bottom:15px}
.cta_box_btn{display:flex;justify-content:center;margin-bottom:28px}
.cta_box_btn p:not(:last-child){margin-right:30px}
.cta_box_btn p a{width:320px;height:82px;display:flex;align-items:center;color:#fff;font-size:20px;border-radius:41px;padding-left:40px;}
.cta_box_btn .cta_btn.pink a{background:url('../images/icon_arrow_white.svg') #EB7099 no-repeat right 22px center}
.cta_box_btn .cta_btn.pink a::after{width: 34px;height: 29px;position: absolute;top: calc(50% - 15px);right: 15px;content: '';transition: all ease 0.3s;transform: scale(0.5);opacity: 0;background: url('../images/ic_paw.svg') center /cover no-repeat;}

.cta_box_btn .cta_btn.blue a{background:url('../images/icon_arrow_white.svg') #0070C5 no-repeat right 22px center}
.cta_box_btn .cta_btn.blue a::after{width: 28px;height: 32px;position: absolute;top: calc(50% - 16px);right: 15px;content: '';transition: all ease 0.3s;transform: scale(0.5);opacity: 0;background: url('../images/ic_cal_w.svg') center /cover no-repeat;}

.cta_box_info{border-top:1px #A6A6A6 solid;display:flex;width:720px;margin:0 auto;padding-top:26px;justify-content: center}
.cta_box_tt{font-size:14px;font-weight:500;margin-bottom:14px}
.cta_box_r .cta_box_tt{padding-left:30px}

.cta_link{display:flex;position:relative;left:-2px}
.cta_mail{margin-right:23px}
.cta_mail_link a{font-size:14px;font-weight:700;background:url('../images/icon_mail_cta.svg') no-repeat left center,url('../images/arrow_black_right.svg') no-repeat right center;padding:0 14px 0 38px;display:block;width:145px;line-height:1.25;transition:all .3s}

.cta_tel{position:relative;top:-4px}
.cta_tel_link{padding-top:2px}
.cta_tel_link a{display:flex;flex-direction:column;line-height:1.2;background:url('../images/icon_tel_cta.svg') no-repeat left center;padding-left:41px}
.cta_tel_link a .num{font-size:18px;font-family:var(--en);font-weight:700;letter-spacing:.055em}
.cta_tel_link a .txt{font-size:14px;font-weight:700;position:relative;left:-3px}

.cta_box_l{width:375px;display:flex;flex-direction:column;position:relative;padding-left:11px}
/* .cta_box_l::before{position:absolute;content:"";width:1px;height:80px;right:-1px;top:3px;border-right:1px #A6A6A6 dotted} */
.cta_box_r{width:calc(100% - 375px)}

.cta_faq_link a{font-weight:700;display:table;margin:0 auto;background:url('../images/icon_faq_cta.svg') no-repeat left center,url('../images/arrow_black_right.svg') no-repeat right center;padding:0 12px 0 36px;width:158px;font-size:14px;position:relative;left:11px;top:1px}
.sec_cta_yl{width:100%;height:177px;background:#62C4AE;display:flex;justify-content:space-between;align-items:center;padding:0 60px;transition:all .3s;cursor:pointer;position:relative;top:-1px}
.sec_cta_yl_box{width:960px;margin:0 auto;display:flex;justify-content:space-between}
.sec_cta_yl_l{display:flex;align-items:center}
.sec_cta_yl_lable{border-radius:50%;display:flex;align-items:center;justify-content:center;width:100px;height:100px;font-size:25px;font-weight:700;margin-bottom:0;margin-right:21px;background:#FFD233;position:relative;top:2px}
.sec_cta_yl_tt{font-size:28px;font-weight:700;line-height:1.5;color:#fff}
.sec_cta_yl_r a{font-size:20px;font-weight:700;width:320px;margin-left:auto;margin-top:10px;transition:all .3s;height:82px;border-radius:41px;display:flex;align-items:center;padding-left:40px;background:url('../images/icon_arrow_black.svg')#fff no-repeat right 23px center;padding-right:25px;position:relative}
.sec_cta_yl_r a::before{position:absolute;content:"";background:url('../images/idx_brush12.png') no-repeat left top;width:120px;height:116px;left:-91px;top:-17px}

/*==================== SLICK COMMON ===================*/
.slick-prev,
.slick-next{position:absolute;z-index:9;margin:auto;border-width:0;background:none;cursor:pointer;text-indent:0;height:60px;width:60px;outline:none;opacity:1;transition:all .3s linear;top:195px;border-radius:50%;display: flex;}
.slick-prev::before,
.slick-next::before {display: none;}
.slick-next,
.slick-next:focus{right:-45px;background:url('../images/icon_next.svg') rgba(51,51,51,0.8) no-repeat center/13px}
.slick-prev,
.slick-prev:focus{left:-45px;background:url('../images/icon_prev.svg') rgba(51,51,51,0.8) no-repeat center/13px}

.slick-dots li button,.slick-dots li{width:8px;height:8px;border-radius:50%;background:#CCC;padding:0}
.slick-dots li{margin:0 4px}
.slick-dots li button::before{display:none}
.slick-dots li.slick-active{pointer-events:none}
.slick-dots li.slick-active button{background:#2B2B29}
.sec_infomation_tt,.sec_voice_tt,.search_slide_tt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sec_infomation_tt{min-height:66px}
.sec_voice_tt{min-height:72px}
.search_slide_tt{min-height:52px;}

.btn_share{display: none;}
/*==========================================================
                        F O O T E R
==========================================================*/
footer{position:relative;z-index:1}
.ft_top{}
.ft_top .inner{display:flex;justify-content:space-between}
.ft_info_logo{margin-bottom:57px}
.ft_share{}
.ft_share .tt{font-size:18px;font-weight:700;margin-bottom:10px;text-align:center}
.ft_share_link{display:flex;justify-content:center;margin-bottom:10px}
.ft_share_link .ft_share_link_ins{margin-right:17px}
.ft_share_link .ft_share_link_line{}

/* FOOTER INFORMATION */
.ft_info{width:192px;flex-shrink:0;margin-right:250px;padding-top: 10px;padding-bottom:50px}
.ft_share_txt{font-size:12px;text-align:center;font-weight:500}
.ft_info_tel a{font-size:28px;color:#332829;font-weight:700;padding-left:25px;position:relative;line-height:1;display:block}

/* FOOTER LINK */
.ft_link1{width:280px}
.ft_link2{width:315px}
.ft_link3{white-space:nowrap}
.ft_link3 .big{margin-bottom:15px}
.ft_link1 .big{margin-bottom:15px}
.ft_link2 .big{margin-bottom:3px}

.ft_link{width:761px;flex-shrink:0;margin-top:9px}
.ft_link .inner{display:flex;justify-content:center;padding:0;margin-bottom:64px}
.ft_link ul:not(:last-child){margin-right:40px}
.ft_link ul li{}
.ft_link ul li p{font-size:16px;font-weight:700;letter-spacing:.015em}
.ft_link ul li p a{}
.ft_link ul li{line-height:1.45}
.ft_link ul li > a{position:relative;padding-left:15px;color:#2B2B29;font-size:14px}
.ft_link ul li > a::before{width:8px;height:2px;content:'';position:absolute;top:9px;left:0;background:#4366B0}

.ft_link_bt{display:flex;justify-content:flex-end;margin-bottom:10px;padding-right:3px}
.ft_link_bt p:not(:last-child){margin-right:6px}
.ft_link_bt p a{background:#2B2B29;border-radius:5px;color:#fff;text-align:center;font-weight:700;height:40px;padding:0 14px;display:flex;align-items:center;justify-content:center}
.ft_link_bt p{margin-bottom:0}
address{text-align:right;font-size:12px;font-weight:700;padding-right:3px}

/* BACK TO TOP */
.to_top{position:fixed;z-index:9;width:70px;bottom:10px;right:10px;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden;margin-bottom:0;}
.box_link_fixed_wrap.show,
.to_top.show{transform:scale(1);opacity:1;visibility:visible}

.pc_fix a{width:344px;height:289px;display:flex}
.close_fix{background:url('../images/icon_close_fix.svg') no-repeat center/40px;width:40px;height:40px;top:15px;right:-7px;cursor:pointer;position:absolute;margin-bottom:0}
.pc_fix.active{display:none}
.box_link_fixed_wrap.active {display: none;}
.box_link_fixed{position:fixed;right:0;top:0;z-index:99}
.box_link_fixed_close {position: fixed;right: 0;top: 239px;cursor: pointer;z-index: 99;}
.box_link_fixed li a{width:160px;height:60px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;letter-spacing:.015em}
.box_link_fixed li.link_fixed1 a{background:#EB7099;height:120px;padding-bottom:8px;font-size:18px;letter-spacing:.013em}
.box_link_fixed li.link_fixed1 a span{background:url('../images/icon_dog_w.svg') no-repeat center top 15px;padding-top:56px}
.box_link_fixed li.link_fixed2 a{background:#4366B0}
.box_link_fixed li.link_fixed3 a{background:#FFEA60;color:#2B2B29}
.box_link_fixed li.link_fixed4 a{background:#AED69E;color:#2B2B29;border-radius:0 0 0 20px;overflow:hidden}

.shake{animation:shake 2s infinite}
.shake2 {animation: shake2 2s infinite;}

@keyframes shake {
    0% {transform: rotate(-10deg);}
    45% {transform: rotate(-10deg);}
    50% {transform: rotate(10deg);}
    95% {transform: rotate(10deg);}
    100% {transform: rotate(-10deg);}
}

@keyframes shake2 {
    0% {transform: rotate(10deg);}
    45% {transform: rotate(10deg);}
    50% {transform: rotate(-10deg);}
    95% {transform: rotate(-10deg);}
    100% {transform: rotate(10deg);}
}

.cmt_out,
.hidden,
.expired{display: none !important;pointer-events: none;opacity: 0;}
#sb_instagram.sbi_fixed_height{overflow: hidden !important;height: auto !important;}

.grecaptcha-badge {
    z-index: 10;
}