html {color: #000;font-size: 10px;scroll-behavior: smooth;}
body {font-family:'Noto Sans JP', sans-serif;min-width:1000px;width: 100%;font-size: 1.6rem;line-height:1.7;font-weight: 400;position: relative;}
img {width: 100%;}
img {
	image-rendering: -webkit-optimize-contrast;
}
.tel-number {color:#000;text-decoration:none!important;pointer-events: none!important;}
.tel-number2 {color:#fff;text-decoration:none!important;pointer-events: none!important;}

/* ヘッダーナビ */
.nav-wrap_sp{display:none;}
header { width: 100%;position: fixed;z-index: 999;background-color: rgba(255, 255, 255, 0.95);}
#nav_pc {display: flex;align-items: center;max-width: 1366px; margin: 0 auto;position: relative;opacity: 1;width: 100%;}
nav{width:800px; height: 68px; margin: 0 auto; display: flex;align-items: center;
& a:hover{opacity: 0.7;transition : 0.3s;}}
.logo{width: 108px;position: absolute;left: 20px;}
#nav_pc ul {width: 752px; display: flex; justify-content: space-between;font-size: 1.4rem;font-weight:500;}
#nav_pc .btn{position: absolute;right: 20px;}

/* ヘッダーナビ */
.nav-wrap_sp {display: none; background: var(--background-navbar);position: fixed;width: 100%;height: 50px;background-color: #fff;}
  
  /* Nav items */

  .menu_wrap{padding: 30px;}
  .menu ul{width: 90%;display: flex;flex-wrap: wrap;justify-content: space-between;margin:30px auto;}
  .menu{background-color: #fff;width: 100%;font-size: 1.4rem;margin: 50px auto 0;padding: 0 0 30px 0; position: absolute;top: 0;
    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
    transform: scale(1, 0);transform-origin: top;box-shadow: 0px 13px 12px -6px rgba(0, 0, 0, 0.2);
      & li{width: 45%;position: relative;padding: 15px 0;}
      & li::after{content: "";
          position: absolute;
          right: 0%;
          top:calc(50% - 3.5px) ;
          display: block;
          width: 7px;
          height: 7px;
          border-top: 2px solid #000;
          border-right: 2px solid #000;
          -webkit-transform: rotate(45eg);
          transform: rotate(45deg);
          border-radius: 1px;}
  }
  .menu li.sp_navi_btn{width: 100%;}
   .logo_sp{width: 92px;top: 10px;left:5%;position: absolute;}
  
  /* Hamburger menu button */
  .nav_btn_sp:checked ~ .menu {transform: scale(1, 1);transform-origin: top;
    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;}
  
  /* Hamburger menbu text */
  .menu ul a {text-decoration: none;font-size: 1.5rem; width: 100%;display: inline-block;text-transform: capitalize;opacity: 0;transition: 0.5s;position: relative;
    &::after{content: "";
        position: absolute;
        right: 0%;
        top:calc(50% - 3.5px) ;
        display: block;
        width: 7px;
        height: 7px;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        -webkit-transform: rotate(45eg);
        transform: rotate(45deg);
        border-radius: 1px;}}

  .menu li {border-bottom: 1px solid #f5efe2;opacity: 0;transition: 0.5s;background-color: #FFF;width: 45%;height: 50px;align-items: center;display: flex;}

  .menu li.menu_nolink{color: #808080;justify-content: center;}

  .menu_half:nth-child(odd){border-right: 1px solid #f5efe2;}
  
  .nav_btn_sp:checked ~ .menu a,
  .nav_btn_sp:checked ~ .menu li {
    opacity: 1;transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
  }
  
  .nav_btn_sp {display: none;}
  
  .menu-icon {display: inline-block;position: absolute;right:0 ;cursor: pointer;padding: 25px 5% 25px 14px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
  .navicon {background: #ED9034;display: block;border-radius: 1px; height: 2px;width: 40px;position: relative;transition: 0.3s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  }
  
  .navicon:before,
  .navicon:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background: #ED9034;
    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  }
  
  .navicon:before {
    top: 9px;
  }
  
  .navicon:after {
    bottom: 9px;
  }
  
  /* Hamburger Menu Animation Start */
  .nav_btn_sp:checked ~ .menu-icon .navicon:before {
    transform: rotate(-25deg);
  }
  
  .nav_btn_sp:checked ~ .menu-icon .navicon:after {
    transform: rotate(25deg);
  }
  
  .nav_btn_sp:checked ~ .menu-icon:not(.steps) .navicon:before {
    top: 0;
  }
  .nav_btn_sp:checked ~ .menu-icon:not(.steps) .navicon:after {
    bottom: 0;
  }
  
  .nav_btn_sp:checked ~ .menu-icon .navicon {
    background-color: rgba(0, 0, 0, 0);
    transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  }
  /* Hamburger Menu Animation End */
  
  /* Navbar Container */
  .navtext-container {
    width: 100%;
    height: 50px;
    position: absolute;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
/* ヘッダーナビ */

/* 共通 */
h2{font-size:3.8rem;text-align: center;font-weight: 700;}
.btn a{position: relative;z-index: 0;font-size: 1.4rem;color: #fff;width: 200px;height: 38px;display: flex;justify-content: center;align-items: center;border-radius: 40px;overflow: hidden;}
.btn a::before{
content: "";  width: 100%;  height: 100%; position: absolute; z-index: -1;left: 0; transition: 0.3s; background: linear-gradient(75deg, rgba(126, 74, 190, 1) 0%, rgba(186, 37, 175, 1) 25%, rgba(202, 45, 144, 1) 50%, rgba(242, 61, 86, 1) 75%, rgba(247, 158, 59, 1) 100%);}
  .btn a::after
  {content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -2;
    left: 0;
    background: #F24753;
  }
  .btn a:hover:before
  {transform:translateX(100%);opacity: 0;}

  .btn_big a{width: 400px;height: 80px;margin: 0 auto;font-size: 2.2rem;}

.bubble_text{font-size: 3.8rem;text-align: center;font-weight: 700;}
.bubble{
    font-size: 1.6rem;
    line-height: 3.3;
    display: inline-block;
    padding: 0 2em;
    align-items: center;
    position:relative;
    background:#FFDA60;
    text-align:center;
    color:#1A1A1A;
    font-weight:700;
    border-radius:40px;
    margin-bottom:20px;
}
.bubble:after,.arrow_box:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:50%;
}
.bubble:after{
    border-color: rgba(0, 0, 255, 0);
    border-top-width:10px;
    border-bottom-width:20px;
    border-left-width:15px;
    border-right-width:15px;
    margin-left: -15px;
    border-top-color:#FFDA60;;
}
.arrow_box:before{
    border-color: rgba(0, 0, 255, 0);
    border-top-width:26px;
    border-bottom-width:26px;
    border-left-width:20px;
    border-right-width:20px;
    margin-left: -20px;
    margin-top: 5px;
    border-top-color:#FFDA60;;
}
.bubble2{width: auto; padding-left:2em ;padding-right:2em ;}

.bg_white{padding: 140px 0;}
.bg_gray{background-color: #F2F2F2;padding: 140px 0;}
.bg_blue{background-color: #E3FFFD;}
.bg_yellow{background-color: #FFFA90;padding: 140px 0;}
.bg_orange{clip-path: polygon(0 0, 100% 0%, 100% 50%, 50% 100%, 0% 50%);background-color: #F79E3B;height: 220px;color: #FFF; text-align: center;font-size:4.5rem;padding: 40px 0;
& span{display: block;font-size: 2.2rem;}}
.yellow_band{background-color: #FFFA90;margin:170px 0 280px 0;padding: 50px 0;position: relative;
    & div{display: flex;justify-content: space-between;}
    & dl{width: 30%;}
    & dt{color: #E95513;font-size: 3rem;font-weight: 700;text-align: center;margin-bottom: 20px;& img{width: 113px;}}
}
.phone{display: block;width: 28%;position: absolute;top:calc(50% - 278px) ;left:calc(50% - 140px) ;max-width: 280px;}
.pic01{display: block;width: 130px;position: absolute;bottom:-110px;left:calc(50% + 200px) ;}
.pic02{display: block;width: 130px;position: absolute;bottom:-100px;right:calc(50% + 200px) ;}
.pic03{display: block;width: 120px;position: absolute;top:0;right:calc(50% - 60px) ;}


.inner_l{max-width:1000px;margin: 0 auto;}
.inner_s{max-width:800px;margin: 0 auto;}
.top20{margin-top: 20px;}
.top50{margin-top: 50px;}
.btm100{margin-bottom: 100px;}
.btm60{margin:0 auto 60px;}
.text22{font-size: 2.2rem;font-weight: 700;}
.text22_m{font-size: 2.2rem;font-weight: 500;}

.text12{font-size: 1.2rem;}
.sp{display: none;}

/* 共通 */

.main_wrap{background: linear-gradient(90deg, #FFFA90 0%,#FFFA90 49%,#E2FFFD 50%);padding-top: 50px;}

h1{ width:100%; margin: 0 auto; max-width: 1366px;}

.community{display: flex;justify-content: space-between;flex-wrap:wrap;margin: 60px auto 60px 27%;align-items: end; width: 56.6%;
& li:first-child{width: 81.3%;}
& li:nth-child(2){width: 81.3%;margin: 30px 0 0 0;padding-left: 9%;}
& li:last-child{width: 18.7%;}
}

.circle3{display: flex;justify-content: space-between;
& li{width: 30%;}}

.note{display: flex;justify-content: space-between;margin:20px auto 0;font-size:1.2rem;
& li:first-child{width: 38%;}
& li:last-child{width: 30%;}}

.present {display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: 30px;
& dl{width: 44%;}
& dl:nth-child(3),dl:nth-child(4){margin-top: 100px;}
& dt{border: #000 2px solid;text-align: center;padding: 15px 0;}
& dd{padding: 30px 0 0;}
& span {display: block; font-size: 1.2rem;margin-bottom: 20px;}
}

.pr{position: relative;}
.woman{width: 600px; margin:-50px auto 0;position:relative;padding-bottom: 60px;
    & h3{margin-top: -25px; text-align: center;font-size: 3.8rem;font-weight: 700;}
}

.worries{padding-top: 150px;background:url(/img/cat.png) no-repeat right 10%;
    & h2{font-size: 3rem;margin-bottom: 70px;}
    & .case{display: flex;align-items: center; justify-content: space-between;flex-wrap: wrap;}    
    & .case li{width: 48.1%;}
    & .case li:first-child{width:100%;text-align: center;& img{width: 48.1%;}}
}

.memo{
    & dt{margin-bottom: 20px;& img{width: 120px;display: block;}}
}

.worries_list{margin-left: 60px;background: url(../img/worries_05.png) left top / auto 80px no-repeat;padding: 80px 0 0 60px;
    & li{padding-left: 1em;position: relative;}
    & li strong{font-weight: 700;}
    & li::before {content: "・";position: absolute;left: 0;}}

.result{text-align: center;
    & img:first-child{display: inline-block;width: 14px;margin: 30px auto;}
    & img:last-child{width: 360px;line-height: 0;vertical-align: bottom;}
    & strong{font-size: 5.4rem;font-weight: 700;display:block;position: relative;
    &::before{content: "";display: block;width: 7.15em;height: 20px;background-color: #FFDA60;position: absolute;top: 65px;z-index: -1;border-radius:10px;left:calc(50% - 6.02em) ;}}
}

.solution{
    & h2 img{width: 200px;display: inline-block;margin-bottom: 20px;}
    & p{font-weight: 500;margin: 30px 0 100px 0;font-size: 2.2rem;}
}

.efficiency{
    & ul{display: flex;align-items: center;}
    & li:first-child{margin-right: -40px;}
    & li:last-child{margin-left: -40px;z-index: -1;}
}

.dog{padding:130px 0;
    & h3{font-size: 3rem; font-weight:700;text-align: center;}
    & ul{display: flex;justify-content: center;flex-wrap: wrap;}
    & li{width: 22%;margin:0 20px 0 0;}
    & li:nth-child(4){margin-right: 0;}
 }

.support {
    & h2{ & img {width: 200px;}}
    & p {font-weight: 500;}
}

#price{background-color: #E95513;padding: 130px 0;
    & h3{color: #FFDA60;position: relative;padding: 1rem 1.5rem;text-align: center;font-size: 4.5rem;font-weight: 700;}
    & h2{color: #fff;text-align: center;margin-bottom: 40px;}
    & h4{font-size: 3rem;text-align: center;color: #fff;margin: 40px 0 30px;font-weight: 700;}
}

#price h3::before,
#price h3::after{position: absolute;top: 2rem;height: 14rem;content: '';border-radius: 20px;}
#price h3::before{border-left: solid 4px;right: 95%;transform: rotate(-20deg);}
#price h3::after{border-right: solid 4px;left: 95%;transform: rotate(20deg);}

#price table td{border-bottom: #E95513 solid 2px;border-right: #E95513 solid 2px;height: 3em;height: 56px;vertical-align: middle;text-align: center;font-size: 1.5rem;position: relative;line-height: 1.5;color: #1A1A1A;font-weight: 500;
& span{font-size: 1.2rem;font-weight: 400;letter-spacing: 0;}
& a{text-decoration: underline;color: #4485D5;}
}
#price .pr01{width: 50%;margin-bottom: 60px;
    & tr:nth-child(1n){background-color: #fff;}
    & tr:nth-child(2n){background-color: #F2F2F2;}
}
#price .pr02{width: 50%;
    & tr:nth-child(1n){background-color: #F2F2F2;}
    & tr:nth-child(2n){background-color: #fff;}
    & td:nth-child(2n){border-right: 0;}
}
.check_2::after,
.check::after{
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 10px;
    border-left: 3px solid #E95513;
    border-bottom: 3px solid #E95513;
    transform: rotate(-45deg);}
.check::after{bottom: 48%;left: calc(50% - 10px);}
.check_2::after{top: 20%;left: calc(50% - 10px);}

.price_box{display: flex;align-items: flex-start;} 

.accordion {margin: 3em auto;max-width: 60vw;}
.faq {display: none;}
.faq_wrap {position: relative;margin-bottom: 1em;}
.question,
.content {transform: translateZ(0);transition: all 0.3s;}
.question {position: relative;padding: 17px 50px 17px 60px;color: #333;background-color:#F2F2F2;display: block;}
.question::after,
.question::before {content: "";position: absolute;right: 25px;top: 25px;width: 2px;height: 14px;background-color: #1A1A1A;transition: all 0.3s;}
.question::after {transform: rotate(-90deg);}
.content {max-height: 0;overflow: hidden;}
.content p {position: relative;margin: 0;padding: 18px 5px 18px 60px;align-items: center;display: flex;}
.faq:checked + .question + .content {max-height: 500px;
transition: all 1.5s;}
.faq:checked + .question::before {transform: rotate(-90deg) !important;}
.question span,
.content span{position: absolute;left: 10px;top:10px;display: inline-block;border-radius: 100%;width: 40px;height:40px;text-align: center;line-height: 3.7rem;font-weight: 800;padding-left: 2px;}
.question span{color: #FFDA60;background-color:#FFFFFF;}
.content span{background-color:#FFDA60;}

.company{
    & th{background-color: #FFDA60;}
    & th,td{border-right: 1px solid #F2F2F2;border-bottom: 1px solid #F2F2F2;border-right: 1px solid #F2F2F2;}
    & a{text-decoration: underline;color: #4485D5;}
    & a:hover{opacity: 0.8;}
}
.flow{padding-bottom: 0;
    & dl{display: flex;align-items: stretch;justify-content: stretch;border-radius: 40px;position: relative;margin-bottom: 60px;}
    & dl::after{content: url(../img/arrow.png);position: absolute;left: calc(50% - 24px);bottom: -50px;}
    & dt{background-color: #FFDA60;width: 50%;display: flex;align-items: center;font-size: 2.2rem;font-weight: 700;justify-content: center;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
    & dt span{font-family: "Bellota", system-ui;font-weight: 700;font-style: italic;font-size: 6.4rem;display: inline-block;margin-right: 20px;}
    & dd{background-color: #FFFA90;width: 50%;border-top-right-radius: 40px;border-bottom-right-radius: 40px;padding: 30px;}
    & dd span{display: block;margin-top: 20px;}
    & p:first-of-type{text-align: center;}
}
.flow dl:last-child::after{content: none;
}

.company{
    & table{font-size: 1.5rem;}
    & th{width: 25%;text-align: center;font-weight: 500;background-color: #FFDA60;vertical-align: middle;}
    & td{border-bottom: 1px solid #F2F2F2;background-color: #fff;padding: 15px;vertical-align: middle;}
}
footer{
    background-color: #FFDA60;text-align: center;padding:100px 0 40px;position: relative;
    & p:first-child{margin-bottom: 30px;}
}
.f_logo{width: 180px;margin: 150px 0 20px 0;}

#copy small{font-size: 1.2rem;letter-spacing: 0;}
#page-top{width: 100px;position: absolute;top: -50px;right:calc(50% - 480px);}

.pc_btn { display: block;left: calc(50% - 200px);bottom: 45%;position: absolute;}
.sp_btn_wrap{display: none;}


/* スライド */
.slide_wrap{padding: 140px 0;}
.slider{width: 80%;margin: 0 auto;}
.slide-arrow {
    bottom: 0;
    height: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 0;
  }
  .prev-arrow {    
    width: 50px;
    height: 50px;
    left: -10%;
    border: none;
    border-radius: 50%;
    background-color: #FFFA90;
  }
  .prev-arrow::after{
    content: "";
    position: absolute;
    left: 42%;
    top: 33%;
    display: block;
	width: 15px;
	height: 15px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
border-radius: 2px;}

  .next-arrow {
    width: 50px;
    height: 50px;
    right: -10%;
    border: none;
    border-radius: 50%;
    background-color: #FFFA90;
  }
  .next-arrow::after{
    content: "";
    position: absolute;
    right: 42%;
    top: 33%;
    display: block;
    width: 15px;
    height: 15px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45eg);
    transform: rotate(45deg);
    border-radius: 2px;}

  button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
  }

  .slide_box{background-color: #fff;border-radius: 50px;padding: 50px;
    & ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;}
    & li{width: 22.86%;}
    & h3{font-size: 4.5rem;font-weight: 700;}
}
.case2 ul li{width: 48.57%;}
.catch{font-size: 3rem; font-weight:700;display: flex;align-items: center;}
.catch span{background-color: #FFFA90;font-weight: 400;font-size: 1.6rem;padding: 10px 18px;border-radius: 50px;display: inline-block;margin-right: 1em;}
.slide_contents{display: flex;justify-content: space-between;}
.slide_txt{width: 66%;margin-bottom: 30px;line-height: 1.5;& p:nth-child(2){margin-top: 10px;}}
.photo{width: 18%;}

.slick-track {
  display: flex!important;
}
.slick-slide {
  height: auto !important;
}

/* スライド */


/* fadeUp */
.fadeUp{
    animation-name:fadeUpAnime;
    animation-duration:0.7s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeUpAnime{
      from {
        opacity: 0;
      transform: translateY(200px);
      }
    
      to {
        opacity: 1;
      transform: translateY(0);
      }
    }
    
    
    /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
     
    .fadeUpTrigger{
        opacity: 0;
    }

@media screen and (max-width:1199px){
  #nav_pc{display: none;}
  .nav-wrap_sp{display: block;}
  .btn_big a{font-size: 1.8rem;height: 60px;}
}

 @media screen and (max-width:1029px){
body{min-width: 100%;}
.bg_white{padding: 50px 0;}
.bg_gray{padding: 50px 0;}
.bg_yellow{padding: 50px 0;}
.inner_l{max-width:90%;}
.inner_s{max-width:90%;}
#page-top{right: 5%;top: -60px;}
.next-arrow{width: 30px;height: 30px;right:-15px;}
.next-arrow::after{width: 10px;height: 10px;}
.prev-arrow{width: 30px;height: 30px;left:-15px;z-index: 999;}
.prev-arrow::after{width: 10px;height: 10px;}}
#price{
  & h3 {font-size: 4rem;}
}


 @media screen and (max-width:799px){
    .sp{display: block;}
    .bubble{line-height: 1.7;padding: 0.5em 2em;border-radius: 25px;}
    .bubble:after {border-left-width: 12px;border-right-width: 12px;}
    h2 {font-size: 2.2rem;}
    .bubble_text{font-size: 2.2rem;}
    .btm60{margin-bottom: 30px;}
    .btm100{margin-bottom: 50px;}
    .text22{font-size: 1.6rem;}

    .pc{display: none;}

    .bg_orange{font-size: 2.2rem;clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0% 80%);
    & span{font-size: 1.6rem;}}
    .bg_orange2{height: 190px;}
 
    .community {width: 100%;margin: 80px auto 30px;
        & li:first-child,li:nth-child(2),li:last-child {width: 100%;text-align: center;}
        & li:last-child img { max-width:212px;width: 32%;margin-top: 30px;display: inline-block;}
    }

    .circle3 {flex-wrap: wrap;justify-content: center;
        & li {width: 90%;margin-bottom: 30px;}
    }
    .note{flex-wrap: wrap;
    & li:first-child,li:last-child {width: 100%;margin-bottom: 20px;}
    }
    .present{flex-wrap: wrap;
        & dl {width: 100%;margin-bottom: 30px;}
        & dt {font-size: 2.2rem;}
        & span {margin-top: 20px;}
        & dl:nth-child(3), dl:nth-child(4) {margin-top: 0px;}
    }
    .woman{width: 90%;padding-bottom: 40px;
        & ul{flex-wrap: wrap;}
        & li:nth-child(1){width: 58%;}
        & li:nth-child(2){order: 3;width: 36%;margin: 0 auto;padding: 0;}
        & li:nth-child(3){width: 58%;margin-left: -16%;}
        & h3{font-size: 2.2rem;}
    }
    .worries{padding: 60px 0;background:none;
        & h2 {font-size: 2.2rem;letter-spacing: 0;margin-bottom: 30px }
        & .case li {width: 100%;}
        & .case li:first-child{
            & img {width: 100%;}}
    }
    .bg_group {background:url(../img/cat.png) no-repeat 100% 0;background-size: 80px;}
    .worries_list {margin-left: 0;padding: 95px 0 0 0px;}
    .result{font-size: 2.2rem;
        & strong {font-size: 3.8rem;margin-top: 5px;&::before{top: 43px;height: 15px;left:calc(50% - 3.7em) ;width: 7.2em;}}
        & img:last-child{width: 100%;}
    }
    .solution{
        & p {font-size: 1.6rem;margin-bottom: 10px;}
    }
    .efficiency{
        & ul {flex-wrap: wrap;}
        & li:first-child {margin: 0;z-index: -1;}
        & li:nth-child(2) {width: 100%;order: 3;text-align: center;margin-top: -30px;& img{width: 280px;}}
        & li:last-child {margin: -30px 0 0 0;}
    }
    .yellow_band {margin: 30px 0 480px 0;padding: 50px 0 280px;
        & div {display: block;}
        & dl {width: 90%;margin: 0 auto 30px;}
    }
    .yellow_band2{margin-bottom: 520px;}
    .phone{width: 280px;top:auto;bottom: calc(0% - 278px);}
    .pic01,.pic02 {bottom: -450px;left: calc(50% - 65px);}
    .dog{padding: 120px 0 30px 0;background-size: 120px;
        & h3 {font-size: 2.2rem;}
        & li{width: 48.5%;margin: 0 3% 3% 0;}
        & li:nth-child(2n){margin-right: 0;}
    }
    .support{
        & p {font-weight: 400;}
    }
    .slider{width: 90%;}
    .slide_box{border-radius: 30px;padding: 20px 20px 8px;
        & h3 {font-size: 2.2rem;text-align: center;margin-bottom: 20px;}
        & ul {bottom: 20px;width: 100%;left: 7.5%;}
        & li {width: 48%;margin-bottom: 4%;}}
    .case2 ul li{width: 100%;}
    .slide_wrap{padding: 60px 0;}
    .catch{display: block;text-align: center;font-size: 1.8rem;}
    .catch span {padding: 6px 18px;margin-bottom: 10px;}
    .slide_contents{display: block;margin-bottom: 20px;}
    .slide_txt{width: 100%;}
    .photo{margin: 20px auto 0;width: 47%;}

    #price{padding: 60px 0;
        & h3 {font-size: 2.2rem;}
        & h2{margin-bottom: 20px;}
        & h4 {font-size: 2.2rem;}
    }
    #price h3::before, #price h3::after {height: 11rem;}
    #price h3::before {right: 95%;}
    .price_box {flex-wrap: wrap;}
    #price .pr01{margin-bottom: 0;
      & td:nth-child(2n){border-right: 0;}}
    #price .pr01,
    #price .pr02 {width: 100%;}
    #price table td:nth-child(1n) {width: 69%;}
    #price table td:nth-child(2n) {padding: 15px;}

    .flow{padding-bottom: 0;
        & dl {width: 100%;flex-wrap: wrap;}
        & dl:last-child{margin-bottom: 10px;}
        & dt {width: 100%;border-top-right-radius: 30px;border-bottom-left-radius:0;padding: 20px 0;}
        & dd {width: 100%;border-top-right-radius: 0;border-bottom-left-radius:40px; }
        & dt span {font-size: 3.2rem;margin-right: 15px;}
    }
    .company{padding-bottom: 60px;
        & th {width: 33%;letter-spacing: 0;}
    }
    
    .btn_big a {width: 90%;}
    .f_logo {margin-top: 30px ;}
    footer{padding-top: 60px;
    & p:first-child {font-size: 1.8rem;line-height: 1.5;margin-bottom: 110px;}
    }
    .pc_btn{display: none;}

    .sp_btn_wrap {
      display: block;
    }
    .sp_btn {
      display: none;
    }
    .floatingBnr{position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      padding-bottom: 15px;}
}