/* Clean CSS for ranking page
   - Unused selectors removed based on the supplied HTML.
   - Fixed header, right CTA/helpfeel, bottom CTA, and page-top button preserved.
   - Media queries grouped by breakpoint. */
@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap";

/* Base / used components */
.mt0 {
      margin-top: 0 !important
}

.mb0 {
      margin-bottom: 0 !important
}

.mt-20 {
      margin-top: -2rem !important
}

.mt10 {
      margin-top: 1rem !important
}

.mb10 {
      margin-bottom: 1rem !important
}

.mt20 {
      margin-top: 2rem !important
}

.mb20 {
      margin-bottom: 2rem !important
}

.mt30 {
      margin-top: 3rem !important
}

.mb30 {
      margin-bottom: 3rem !important
}

.mt50 {
      margin-top: 5rem !important
}

.mb50 {
      margin-bottom: 5rem !important
}

.ml05 {
      margin-left: .5rem !important
}

.mr05 {
      margin-right: .5rem !important
}

.ml20 {
      margin-left: 2rem !important
}

.mr20 {
      margin-right: 2rem !important
}

.mt-40 {
      margin-top: -4rem !important
}

.w100 {
      width: 100%
}

.wrapper {
      padding: 0;
      position: relative
}

.inviewfadeIn {
      opacity: 0;
      transition: .7s
}

.fadeIn {
      opacity: 1
}

.inviewUp {
      transform: translate(0, 20px);
      -webkit-transform: translate(0, 20px);
      transition: .8s
}

.Up {
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0)
}

.inviewzoomIn {
      transform: scale(0, 0);
      -webkit-transform: scale(0, 0);
      transition: .8s
}

.zoomIn {
      transform: scale(1, 1);
      -webkit-transform: scale(1, 1)
}

.inviewfadeInUp {
      opacity: 0;
      transform: translate(0, 40px);
      -webkit-transform: translate(0, 40px);
      transition: .4s
}

.fadeInUp {
      opacity: 1;
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0)
}

.inviewslideInUp {
      opacity: 0;
      transform: translate(-80px, 0px);
      -webkit-transform: translate(-80px, 0px);
      transition: .4s
}

.slideInUp {
      opacity: 1;
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0)
}

html {
      font-size: 62.5%
}

body {
      font-family: "Lato", "Noto Sans JP", sans-serif;
      font-size: 1.6rem;
      color: #222;
      line-height: 2
}

img {
      max-width: 100%;
      height: auto
}

ul,
ol {
      list-style: none;
      padding: 0
}

#top-head {
      top: -100px;
      position: absolute;
      width: 100%;
      margin: 100px auto 0;
      z-index: 999;
      background: #fff;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
}

#top-head .inner {
      display: flex;
      justify-content: space-between
}

#top-head #global-nav ul {
      display: flex;
      margin: 0
}

#top-head #global-nav ul .prism_btn a {
      color: #fff;
      background: linear-gradient(90deg, rgb(29, 141, 232) 0%, rgb(14, 195, 240) 100%);
      transition: .3s
}

#top-head #global-nav ul .prism_btn a:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      margin-left: 1rem
}

#top-head #global-nav ul .prism_btn a:hover {
      text-decoration: none;
      opacity: .7
}

#top-head #global-nav ul li {
      position: relative
}

#top-head #global-nav ul li a {
      display: inline-block;
      color: #222;
      font-weight: bold
}

#top-head #global-nav ul li .drop_ic:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      margin-left: 1rem
}

#top-head.fixed {
      margin-top: 0;
      top: 0;
      position: fixed;
      height: auto;
      background: #fff;
      background: hsla(0, 0%, 100%, .9);
      transition: top .3s ease-in
}

#nav-toggle {
      display: none;
      position: absolute;
      right: 1rem;
      top: 2rem;
      width: 34px;
      height: 36px;
      cursor: pointer;
      z-index: 101
}

#nav-toggle div {
      position: relative
}

#nav-toggle span {
      display: block;
      position: absolute;
      height: 4px;
      width: 100%;
      background: #003398;
      border-radius: 100px;
      left: 0;
      transition: .35s ease-in-out
}

#nav-toggle span:nth-child(1) {
      top: 0
}

#nav-toggle span:nth-child(2) {
      top: 11px
}

#nav-toggle span:nth-child(3) {
      top: 22px
}

.mobile_icon {
      position: absolute;
      top: 1rem;
      right: 14%
}

.mobile_icon ul {
      display: flex
}

.mobile_icon ul li a {
      display: block;
      margin: 0;
      transition: .3s
}

.mobile_icon ul li a:hover {
      opacity: .7;
      text-decoration: none
}

.mobile_icon ul li a .mobile_icon_link .icon {
      margin: 0 auto;
      background: #cdd3e7;
      border-radius: 5px;
      color: #004b9f;
      width: 30px;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center
}

.mobile_icon ul li a .mobile_icon_link .text {
      text-align: center;
      font-weight: bold;
      font-size: 1rem;
      color: #004b9f;
      margin-bottom: 0
}

.top_tab ul li span.active {
      background: #004b9f
}

.top_tab ul li span.active:after {
      content: ""
}

a {
      transition: .3s
}

a:hover {
      opacity: .7;
      text-decoration: none
}

#form_btn {
      display: none;
      position: fixed;
      z-index: 900;
      bottom: 0;
      width: 100%
}

.form_btn {
      display: flex
}

.form_btn .estimate_btn {
      margin-bottom: 0;
      width: 100%;
      line-height: 1.8
}

.form_btn .estimate_btn a {
      background: #ff943e;
      color: #fff;
      transition: .3s;
      font-weight: bold;
      text-align: center;
      width: 100%;
      display: block
}

.form_btn .estimate_btn a:hover {
      text-decoration: none;
      opacity: .7
}

.form_btn .entry_btn {
      margin-bottom: 0;
      width: 100%;
      line-height: 1.8
}

.form_btn .entry_btn a {
      display: inline-block;
      background: #d52949;
      color: #fff;
      transition: .3s;
      font-weight: bold;
      text-align: center;
      width: 100%;
      display: block
}

.form_btn .entry_btn a:hover {
      text-decoration: none;
      opacity: .7
}

.form_btn .web_btn {
      margin-bottom: 0;
      line-height: 0
}

.form_btn .web_btn a {
      display: inline-block;
      background: #d52949;
      color: #fff;
      transition: .3s;
      font-weight: bold;
      text-align: center
}

.form_btn .web_btn a:hover {
      text-decoration: none;
      opacity: .7
}

.form_btn .web_btn a span {
      text-combine-upright: all
}

.form_btn .download_btn {
      margin-bottom: 0;
      line-height: 0
}

.form_btn .download_btn a {
      display: inline-block;
      background: #adadad;
      color: #fff;
      transition: .3s;
      font-weight: bold;
      text-align: center
}

.form_btn .download_btn a:hover {
      text-decoration: none;
      opacity: .7
}

footer {
      background: #4172d9;
      color: #fff;
      font-size: 1.4rem
}

footer .copy {
      background: #0c43b8;
      text-align: center;
      padding: 1rem;
      margin: 0;
      font-size: 1.4rem;
      margin-top: 3rem
}

footer a {
      color: #fff
}

footer a:hover {
      color: #fff
}

footer .f_link {
      border-bottom: 2px solid #658fe4
}

footer .f_link ul li {
      padding-right: 1rem
}

footer .f_link ul li:last-of-type:after {
      content: ""
}

.h3_group h3 {
      font-size: 1.6rem;
      font-weight: bold;
      color: #fff;
      border: none;
      position: relative;
      cursor: pointer;
      margin: 0;
      background: #0c43b8;
      padding: 1rem
}

.pc_footer #servicesite h3:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      color: #fff;
      position: absolute;
      bottom: 25%;
      right: 1rem;
      width: auto;
      overflow: visible
}

.mo_footer #servicesite h3 {
      background: #0c43b8;
      font-size: 1.6rem;
      font-weight: bold;
      color: #fff;
      border: none;
      position: relative;
      cursor: pointer;
      margin: 0
}

.mo_footer #servicesite h3:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      color: #fff;
      position: absolute;
      bottom: 25%;
      right: 1rem;
      width: auto;
      overflow: visible
}

.sbigroup {
      background: #4272d9;
      padding: 1.5rem
}

#servicesite {
      font-size: 1.4rem
}

#servicesite p {
      font-weight: bold
}

#servicesite ul li {
      margin-bottom: 0
}

#servicesite ul li:before {
      display: none
}

.banner_container li:before {
      display: none
}

#servicesite ul li:last-of-type:after {
      content: "";
      margin: 0
}

.pc_footer #servicesite h3[aria-expanded=false]:after,
.mo_footer #servicesite h3[aria-expanded=false]:after {
      transform: rotate(0deg);
      transition-duration: .3s
}

.pc_footer #servicesite h3[aria-expanded=true]:after,
.mo_footer #servicesite h3[aria-expanded=true]:after {
      transform: rotate(-180deg);
      transition-duration: .3s
}

.banner_container {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0 -0.5rem;
      list-style: none;
      padding: 0
}

.banner_container li {
      margin: .5rem
}

.page_t_link {
      display: none;
      text-align: right;
      position: fixed;
      right: 1rem;
      z-index: 950
}

.page_t_link a {
      background: rgba(0, 0, 0, .5);
      padding: 1rem 1.5rem;
      color: #fff;
      font-size: 2rem;
      border-radius: 5px
}

main {
      padding-top: 7rem
}

.breadcrumb {
      background: none;
      border-bottom: 1px dashed #ddd
}

.breadcrumb p {
      margin: 0
}

.breadcrumb p .fa-chevron-right {
      color: #b7b7b7
}

.sub_area h3 {
      color: #fff;
      background: #0070bc;
      padding: 1rem;
      margin: 2rem 0;
      font-weight: bold;
      border-radius: 5px;
      line-height: 1.5
}

.sub_area .container h2{
      font-weight: 600;
      background-color: #2A8BEC;
      line-height: 100px;
      font-size: 2.4em;
      color: #ffffff;
      border-radius: 999px;
      padding: 0px 30px;
}

.sub_area h3:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      margin-right: 1rem;
      color: hsla(0, 0%, 100%, .7)
}

.sub_area.news h4 {
      background: #f1f1f1;
      font-weight: bold;
      padding: .5rem
}

.general_select .nav-tabs li .active {
      background: #f96268;
      position: relative;
      font-weight: bold
}

.general_select .nav-tabs li .active:hover {
      opacity: 1
}

.general_select .nav-tabs li .active:before {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%
}

.top_plan .nav-tabs>li>.active {
      border: 0;
      background: 0;
      color: #fff
}

.top_plan .nav-tabs>li>.active:focus,
.top_plan .nav-tabs>li>.active:hover {
      border: 0;
      background: 0;
      color: #fff
}

.top_plan .nav-tabs>li.t_gr>.active {
      background: #43ac45;
      border-top: 5px solid #219623
}

.top_plan .nav-tabs>li.t_gr>.active:focus,
.top_plan .nav-tabs>li.t_gr>.active:hover {
      background: #43ac45;
      border-top: 5px solid #219623
}

.top_plan .nav-tabs>li.t_po>.active {
      background: #f99a04;
      border-top: 5px solid #f58724
}

.top_plan .nav-tabs>li.t_po>.active:focus,
.top_plan .nav-tabs>li.t_po>.active:hover {
      background: #f99a04;
      border-top: 5px solid #f58724
}

.top_plan .nav-tabs>li.t_or>.active {
      background: #fcc535;
      border-top: 5px solid #f3c12e
}

.top_plan .nav-tabs>li.t_or>.active:focus,
.top_plan .nav-tabs>li.t_or>.active:hover {
      background: #fcc535;
      border-top: 5px solid #f3c12e
}

.top_plan .nav-tabs>li.t_bl>.active {
      background: #309ac4;
      border-top: 5px solid #258fbb
}

.top_plan .nav-tabs>li.t_bl>.active:focus,
.top_plan .nav-tabs>li.t_bl>.active:hover {
      background: #309ac4;
      border-top: 5px solid #258fbb
}

.top_plan .nav-tabs>li.t_wh>.active {
      background: #9c9c9c;
      border-top: 5px solid #8e8e8e
}

.top_plan .nav-tabs>li.t_wh>.active:focus,
.top_plan .nav-tabs>li.t_wh>.active:hover {
      background: #9c9c9c;
      border-top: 5px solid #8e8e8e
}

.top_plan .nav-tabs>li.t_pr>.active {
      background: #dab31b;
      border-top: 5px solid #bd9705
}

.top_plan .nav-tabs>li.t_pr>.active:focus,
.top_plan .nav-tabs>li.t_pr>.active:hover {
      background: #dab31b;
      border-top: 5px solid #bd9705
}

.re_pet_name.smalls:after {
      display: inline-block;
      content: "";
      margin-left: 1rem;
      color: hsla(0, 0%, 100%, .7);
      background: url(../img/chara_sm_gr.png) no-repeat center;
      background-size: 100%
}

.re_pet_name.birds:after {
      display: inline-block;
      content: "";
      margin-left: 1rem;
      color: hsla(0, 0%, 100%, .7);
      background: url(../img/chara_br.png) no-repeat center;
      background-size: 100%
}

.column_area .cat_btn_area ul li.is-active {
      background: linear-gradient(90deg, rgb(29, 141, 232) 0%, rgb(14, 195, 240) 100%);
      color: #fff;
      font-weight: bold
}

.column_area .column_cat .col-12 {
      display: none
}

.column_area .column_cat .col-12.is-show {
      display: block
}

.column_wrapper .breadcrumb {
      border-bottom: none
}

.column_wrapper .supervision .profile .notes {
      padding: 0 .5rem;
      text-align: left;
      display: inline-block;
      border: 1px solid #222
}

.column_wrapper .supervision .profile .text {
      margin-bottom: 0
}

address {
      background: #f5f5f5;
      padding: 1rem;
      border-radius: 5px;
      font-weight: bold
}

.pager .page_number .active span {
      background: #177be6;
      color: #fff
}

.pager .page_number .active span:hover {
      text-decoration: none;
      background: #177be6
}

.f_case .case_head .col-12.col-lg-3.mb10.text-center .fx {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      background: #fff;
      border-radius: 5px
}

.bs-popover-auto[x-placement^=top] .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-top .arrow::before {
      border-width: 1rem 1rem 0
}

.bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::before {
      bottom: -5px;
      border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top] .arrow::after,
.bs-popover-top .arrow::after {
      bottom: -4px;
      border-top-color: #fff
}

.footer_sitemap h4 {
      font-weight: bold;
      padding-bottom: .5rem;
      border-bottom: 1px solid #c9dbff;
      color: #c9dbff;
      font-size: 1.4rem
}

.footer_sitemap ul li a {
      color: #c9dbff;
      transition: .3s
}

.footer_sitemap ul li a:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      margin-right: .5rem
}

.footer_sitemap ul li a:hover {
      color: #fff
}

.sub_area .q_cat_box .qa_btn_a {
      margin-bottom: 2rem
}

.sub_area .q_cat_box .qa_btn_a a {
      display: inline-block;
      text-align: center;
      border-radius: 100px;
      padding: 1rem 2rem;
      background: #c82606;
      color: #fff;
      font-weight: bold;
      transition: .3s
}

.sub_area .q_cat_box .qa_btn_a a:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      margin-right: 1rem
}

.sub_area .q_cat_box .qa_btn_a a:hover {
      opacity: .7;
      text-decoration: none
}

.sub_area .q_cat_box .qa_btn_b {
      margin-bottom: 2rem
}

.sub_area .q_cat_box .qa_btn_b a {
      display: inline-block;
      text-align: center;
      border-radius: 100px;
      padding: 1rem 2rem;
      background: #3fa6ff;
      color: #fff;
      font-weight: bold;
      transition: .3s
}

.sub_area .q_cat_box .qa_btn_b a:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      margin-right: 1rem
}

.sub_area .q_cat_box .qa_btn_b a:hover {
      opacity: .7;
      text-decoration: none
}

.sub_area .q_cat_box dl dd .qa_btn_a {
      margin-bottom: 2rem
}

.sub_area .q_cat_box dl dd .qa_btn_a a {
      display: inline-block;
      text-align: center;
      border-radius: 100px;
      padding: 1rem 2rem;
      background: #c82606;
      color: #fff;
      font-weight: bold;
      transition: .3s
}

.sub_area .q_cat_box dl dd .qa_btn_a a:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      margin-right: 1rem
}

.sub_area .q_cat_box dl dd .qa_btn_a a:hover {
      opacity: .7;
      text-decoration: none
}

.sub_area .q_cat_box dl dd .qa_btn_b {
      margin-bottom: 2rem
}

.sub_area .q_cat_box dl dd .qa_btn_b a {
      display: inline-block;
      text-align: center;
      border-radius: 100px;
      padding: 1rem 2rem;
      background: #3fa6ff;
      color: #fff;
      font-weight: bold;
      transition: .3s
}

.sub_area .q_cat_box dl dd .qa_btn_b a:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      margin-right: 1rem
}

.sub_area .q_cat_box dl dd .qa_btn_b a:hover {
      opacity: .7;
      text-decoration: none
}

.notes {
      text-align: right
}

.sub_area.news .news_wrap {
      background: #f1f1f1;
      padding: 1rem;
      margin: 2rem 0
}

.sub_area.news .news_wrap h4 {
      background: none;
      padding: 0;
      margin-bottom: 2rem;
      padding-bottom: 1rem;
      border-bottom: 2px solid #fff
}

.sub_area.news .news_wrap dl {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px dashed #ddd;
      padding-bottom: 1rem
}

.sub_area.news .news_wrap dl dt {
      width: 45%
}

.sub_area.news .news_wrap dl dd {
      margin: 0;
      width: 55%
}

.sub_area.news .news_wrap dl:last-of-type {
      margin: 0;
      border: none;
      padding-bottom: 0
}

.estimate_tab .plan_select .nav-tabs li span.active {
      background: #195da8
}

.contact_box dl dd.collapse:not(.show) {
      display: block;
      visibility: hidden;
      height: 0
}

.re_point .bus_btn_area .prism_btn {
      margin-top: 2rem;
      margin-bottom: 0
}

.re_point .bus_btn_area .prism_btn a {
      position: relative;
      display: block;
      text-align: center;
      color: #fff;
      line-height: 1.2;
      background: linear-gradient(90deg, rgb(213, 41, 73) 0%, rgb(248, 91, 29) 100%);
      transition: .3s
}

.re_point .bus_btn_area .prism_btn a:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      position: absolute;
      right: 1rem;
      top: 40%
}

.re_point .bus_btn_area .prism_btn a:hover {
      text-decoration: none;
      opacity: .8
}

.r_menu ul .active a {
      background: #4f565e;
      color: #fff
}

.r_menu ul .active a:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      position: absolute;
      right: 1rem
}

.feature_cont .feature_tab ul li span.active {
      background: #eda250
}

.top_plan .plan_select.itsudemo ul li span.active {
      background: #0070bc
}

.top_plan .tab-content>.tab-pane.itsudemo_pack.active {
      display: block
}

.sub_area.anipos h4 {
      text-align: center;
      font-weight: bold
}

.sub_area.anipos .anipos_b_2 {
      border-radius: 10px;
      background: #f1f1f1
}

.sub_area.anipos .anipos_b_2 b {
      display: inline-block;
      margin-bottom: 1rem
}

.sub_area.anipos .anipos_b_2 .app_btn {
      width: auto
}

.sub_area.anipos .anipos_b_2 .at_t_r {
      color: #222
}

.sub_area.anipos .anipos_b_3 {
      border-radius: 10px;
      background: #f1f1f1;
      padding: 1.5rem .5rem
}

.sub_area.anipos .anipos_b_3 .app_btn {
      width: auto
}

.sub_area.anipos .anipos_b_3 .at_t_r {
      color: #222
}

.sub_area.anipos .claim_top_btn_area .c_btn_1 a {
      line-height: 1
}

.sub_area.anipos .claim_top_btn_area .c_btn_1 a:before {
      display: none
}

.sub_area.anipos .claim_top_btn_area .c_btn_1 a em {
      font-style: normal
}

.sub_area.anipos .anipos_feature {
      border-radius: 10px;
      background: #ffebe8
}

.sub_area.anipos .anipos_feature h5 {
      text-align: center;
      font-weight: bold;
      color: #ff391c;
      display: inline-block;
      background: linear-gradient(transparent 40%, #fff2c2 40%)
}

.sub_area.anipos .anipos_feature .sub_title {
      font-weight: bold;
      background: #ff9788;
      color: #fff;
      border-radius: 10px;
      margin: 0 auto;
      padding: 0 2rem
}

.sub_area.anipos .anipos_feature .sub_title:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      margin-right: 1rem
}

.sub_area.anipos .anipos_feature ul {
      margin: 0 auto
}

.sub_area.anipos .anipos_feature ul li {
      font-weight: bold
}

.sub_area.anipos .anipos_feature ul li span {
      border-radius: 10px;
      background: #ff391c;
      color: #fff
}

.sub_area.anipos .anipos_feature ul li span:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      margin-right: 1rem
}

.sub_area.anipos .anipos_feature p {
      margin-bottom: 0
}

.sub_area.anipos .anipos_step p {
      font-weight: bold
}

.sub_area.anipos .anipos_step p span {
      border-radius: 10px;
      background: #ff391c;
      padding: 0 1rem;
      color: #fff;
      display: inline-block;
      margin-bottom: 1rem
}

.sub_area .claim_top_flow {
      text-align: center
}

.sub_area .claim_top_flow h4 {
      font-weight: bold;
      color: #0158a5;
      display: inline-block;
      background: #ddf0fc;
      padding: 1rem 3rem;
      border-radius: 20px
}

.sub_area .claim_top_flow p {
      text-align: center
}

.service_box .s_service_area .thum_box .text {
      color: #fff;
      font-weight: bold;
      margin-bottom: 0
}

.compensation_for_breeding .breadcrumb {
      margin: 0;
      border: none
}

.compensation_for_breeding .c_b_header .head_txt {
      position: absolute
}

.compensation_for_breeding .c_b_header .head_txt .top_catch {
      display: inline-block
}

.compensation_for_breeding .c_b_header .head_txt .jap {
      background: hsla(0, 0%, 100%, .8);
      font-weight: bold;
      line-height: 1.5;
      display: inline-block;
      margin-bottom: 2rem
}

.compensation_for_breeding .c_b_header .head_txt .jap i {
      font-style: normal
}

.compensation_for_breeding .c_b_header .head_txt .eng {
      background: hsla(0, 0%, 100%, .8);
      font-weight: bold;
      line-height: 1.8;
      display: inline-block
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_nav .nav li .cb_t.active {
      background: #124d93;
      color: #fff
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 {
      position: relative
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a {
      color: #222
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_img {
      text-align: center
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name {
      position: relative;
      background: #fff;
      border-radius: 10px;
      padding: 1rem;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
      width: 90%
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name p {
      position: relative;
      z-index: 2;
      font-weight: bold;
      margin: 0
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name p span {
      display: block;
      margin-bottom: -1rem
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name.p1 {
      border-left: 10px solid #8ec2ff
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name.p2 {
      border-left: 10px solid #543300
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name.p2:after {
      position: absolute;
      top: -1rem;
      right: .5rem;
      z-index: 1;
      content: "Value";
      font-size: 4rem;
      color: #f4f4f4
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name.p3 {
      border-left: 10px solid #595959
}

.compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name.p3:after {
      position: absolute;
      top: -1rem;
      right: .5rem;
      z-index: 1;
      content: "Light";
      font-size: 4rem;
      color: #f4f4f4
}

.compensation_for_breeding .c_b_case .c_b_case_box h4.dog {
      background: url(/img/c_b/dog.png) no-repeat 95% center #d5eaf9;
      background-size: contain
}

.compensation_for_breeding .c_b_case .c_b_case_box h4.cat {
      background: url(/img/c_b/cat.png) no-repeat 95% center #d5eaf9;
      background-size: contain
}

.ranking .breadcrumb {
      margin: 0;
      border: none
}

.ranking .rk_header {
      background: url(/img/top_bag2.png) no-repeat center center;
      background-size: cover
}

.ranking .rk_header .head_txt {
      text-align: center
}

.ranking .head_txt {
      font-weight: bold
}

.ranking .r_link ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: end
}

.ranking .kind_sec {
      text-align: center
}

.ranking .kind_sec h3 {
      position: relative;
      display: inline-block;
      border-top: 2px dashed #fff;
      border-bottom: 2px dashed #fff;
      color: #fff;
      font-weight: bold;
      text-align: center
}

.ranking .kind_sec h3:before,
.ranking .kind_sec h3:after {
      position: absolute;
      top: -5px;
      width: 0px;
      height: 0px;
      border-color: rgba(0, 0, 0, 0) #fff;
      border-style: solid;
      content: ""
}

.ranking .kind_sec h3:before {
      left: 0
}

.ranking .kind_sec h3:after {
      right: 0
}

.ranking .kind_sec h3.dog {
      box-shadow: 0px -5px #fa723d, 0px 5px #fa723d;
      background: #fa723d
}

.ranking .kind_sec h3.cat {
      box-shadow: 0px -5px #f6ca1b, 0px 5px #f6ca1b;
      background: #f6ca1b
}

.ranking .kind_sec h3.smalls {
      box-shadow: 0px -5px #1caeec, 0px 5px #1caeec;
      background: #1caeec
}

.ranking .kind_sec h3.birds {
      box-shadow: 0px -5px #0cbf29, 0px 5px #0cbf29;
      background: #0cbf29
}

.ranking .kind_sec .notes {
      font-weight: bold;
      text-align: left
}

.ranking .kind_sec .top_3 {
      width: 100vw;
      margin: 0 calc(50% - 50vw);
      background: #fff8e4;
      padding: 3rem 0 1rem 0
}

.ranking .kind_sec .top_3 a {
      color: #222
}

.ranking .kind_sec .top_3 .top_3_box {
      position: relative;
      background: #fff;
      border-radius: 20px;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
      height: 100%
}

.ranking .kind_sec .top_3 .top_3_box.rank_1 {
      border: 3px solid #f7df9e
}

.ranking .kind_sec .top_3 .top_3_box.rank_2 {
      border: 3px solid #e8e8e8
}

.ranking .kind_sec .top_3 .top_3_box.rank_3 {
      border: 3px solid #f7cab0
}

.ranking .kind_sec .top_3 .top_3_box .rank_ic {
      text-align: left;
      margin-bottom: 2rem
}

.ranking .kind_sec .top_3 .top_3_box .pet_im img {
      border-radius: 20px
}

.ranking .kind_sec .top_3 .top_3_box .pet_name {
      font-weight: bold;
      margin-bottom: 0
}

/* .ranking .kind_sec .top_3 .top_3_box:after {
      content: "動物図鑑";
      background: #76c0f3;
      border-radius: 100px;
      position: absolute;
      right: 1rem;
      bottom: 1rem;
      font-weight: bold;
      color: #fff
} */

.ranking .kind_sec .top_3 a:not([href$=".html"]) {
      cursor: default
}

.ranking .kind_sec .top_3 a:not([href$=".html"]):hover {
      opacity: 1
}

.ranking .kind_sec .top_list a {
      color: #222
}

.ranking .kind_sec .top_list a .top_list_box {
      margin: 2rem 0;
      position: relative;
      background: #fff;
      border-radius: 20px;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
      display: flex;
      align-items: center
}

.ranking .kind_sec .top_list a .top_list_box .l_rank {
      padding: 0;
      border-radius: 20px;
      font-weight: bold;
      background: #ebebeb;
      margin-bottom: 0
}

.ranking .kind_sec .top_list a .top_list_box .pet_im img {
      border-radius: 20px
}

.ranking .kind_sec .top_list a .top_list_box .pet_name {
      font-weight: bold;
      margin-bottom: 0;
      text-align: left
}

.ranking .kind_sec .top_list a[href$=".html"] .top_list_box:after {
      content: "動物図鑑";
      background: #76c0f3;
      border-radius: 100px;
      position: absolute;
      right: 1rem;
      bottom: 1rem;
      font-weight: bold;
      color: #fff
}

.ranking .kind_sec .top_list a:not([href$=".html"]) {
      cursor: default
}

.ranking .kind_sec .top_list a:not([href$=".html"]):hover {
      opacity: 1
}

.ranking .kind_sec .t_link {
      text-align: right
}

.ranking .kind_sec .t_link a:before {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "";
      margin-right: 1rem
}

.ranking_tbl {
      width: 100%
}

.ranking_tbl tr th {
      border: 1px solid #fed794;
      border-bottom: 3px solid #f9b957;
      background: #fff8ee;
      color: #5b3017;
      text-align: center
}

.ranking_tbl tr th:last-of-type {
      width: 15%
}

.ranking_tbl tr td {
      border: 1px solid #fed794
}

.ranking_tbl tr td:first-of-type {
      text-align: center
}

.ranking_tbl tr td:last-of-type {
      text-align: right
}

.ranking_tbl tr.top_3_rank td {
      font-weight: bold
}

.ranking_tbl_2 {
      width: 100%;
      margin: 60px 0px;
}

.ranking_tbl_2 tr th {
      border: 1px solid #fed794;
      border-bottom: 3px solid #f9b957;
      background: #fff8ee;
      color: #5b3017;
      /* text-align: center; */
      /* text-align: left; */
      font-size: 20px;
}

.ranking_tbl_2 tr td {
      border: 1px solid #fed794;
      background: #ffffff;
      font-weight: 600;
      font-size: 20px;
      text-align: left;
}

.ranking_tbl_2 tr td:first-of-type {
      text-align: center
}

.ranking_tbl_2 tr.top_3_rank td {
      font-weight: bold
}

.ranking_tbl_2.r3 {
      table-layout: fixed
}

.es_re .sub_content .sub_area h3 {
      display: none
}

.es_re .sub_content .sub_area .re_pet_name:after {
      display: none
}

.pet_category .row {
      margin-left: -5px;
      margin-right: -5px
}

.pet_category .row .col-4 {
      margin-bottom: 10px;
      padding: 0 5px
}

.pet_category .row .col-4 .pet_box {
      box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
      border-radius: 10px;
      padding: 1rem;
      height: 100%
}

.pet_category .row .col-4 .pet_box .pet_text {
      font-weight: bold;
      text-align: center;
      margin-bottom: 0
}

.pet_category.smalls .row .col-4 .pet_box {
      background: #f1faff
}

.pet_category.smalls .row .col-4 .pet_box .pet_text {
      color: #004d81
}

.pet_category.birds h4 {
      color: #6c3e02;
      background: #f5e190
}

.pet_category.birds .row .col-4 .pet_box {
      background: #fffbef
}

.pet_category.birds .row .col-4 .pet_box .pet_text {
      color: #675200
}

.pet_category.rep .row .col-4 .pet_box {
      background: #f2fdf8
}

.pet_category.rep .row .col-4 .pet_box .pet_text {
      color: #003615
}

.feature_cont .feature_tab.new ul li span.active {
      background: #027bff
}

.contact_box .tab-content .tab-pane:last-of-type.active {
      visibility: visible;
      height: auto
}

.sub_area h3.c_c_tit {
      background: #fff;
      font-weight: bold;
      border-radius: 10px;
      position: relative;
      color: #000;
      cursor: pointer;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
      width: 95%;
      margin: 1rem auto
}

.sub_area h3.c_c_tit:before {
      display: none
}



.sub_area h3.c_c_tit:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: #cfcfcf;
      position: absolute;
      right: 1rem
}

.sub_area h3.c_c_tit[aria-expanded=false]:after {
      content: "";
      transition-duration: .3s
}

.sub_area h3.c_c_tit[aria-expanded=true]:after {
      content: "";
      transition-duration: .3s
}

.compensation_for_breeding .tab_bg .c_b_tab_nav.v2 .t_link {
      display: flex;
      justify-content: center
}

.compensation_for_breeding .tab_bg .c_b_tab_nav.v2 .t_link li {
      margin: 0 1rem
}

.compensation_for_breeding .tab_bg .c_b_tab_nav.v2 .t_link li a {
      text-decoration: underline;
      font-weight: bold
}

.form_frame .form_block .sub_area {
      background: #f5f5f5
}

.ranking .rk_header {
      background: url(/img/top_bag2.png) no-repeat center center;
      background-size: cover;
}

.ranking .rk_header .head_txt {
      margin: 0;
}

.arc_link li a {
      display: inline-block;
      background: #fff;
      border-radius: 20px;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
      padding: 1rem;
}

.cta_btn {
      margin-top: 2rem;
}

.cta_btn a {
      display: block;
      background: #0058a2;
      padding: 1rem 2rem;
      border-radius: 100px;
      color: #fff;
      text-align: center;
      font-weight: bold;
      box-shadow: 5px 5px 15px rgba(0, 0, 0, .3);
      margin: 0 auto;
      transition: .3s;
}

.cta_btn a .arrow {
      position: relative;
      display: inline-block;
      width: 5rem;
      height: 3px;
      margin-left: 1rem;
      border-radius: 9999px;
      background-color: #fff;
}

.cta_btn a .arrow:before {
      content: "";
      position: absolute;
      top: calc(50% - 2px);
      right: 0;
      width: 2rem;
      height: 3px;
      border-radius: 9999px;
      background-color: #fff;
      transform: rotate(45deg);
      transform-origin: calc(100% - 2px) 50%;
}

/* Helpfeel: generated by external JS, so keep even though it is not in static HTML. */
.helpfeel-launch-button {
      position: fixed;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      z-index: 10000;
      display: flex;
      align-items: center;
      gap: .5rem;
      border: none;
      border-radius: 8px 0 0 8px;
      padding: 1.2rem 1rem;
      writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      font-weight: bold;
      cursor: pointer;
      box-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.helpfeel-launch-button img {
      width: 24px;
      height: 24px;
      margin-bottom: .5rem
}

.helpfeel-launch-button-text {
      display: inline-block;
      line-height: 1.4
}

.hidden-xs,
.hidden-not-xs {
      display: inline
}

#helpfeel-backdrop {
      z-index: 9999
}

.fade-up {
    opacity: 0;
    transform: translateY(12px);
    transition:
        opacity 0.6s ease,
        transform 0.6s ease;
}

.fade-up.show {
    opacity: 1;
    transform: translateY(0);
}

@media(min-width: 320px) {

      p,
      table tr th,
      table tr td,
      dl dt,
      dl dd {
            font-size: 1.4rem
      }

      #top-head .logo {
            padding: 1rem 0 0 1rem
      }

      #top-head .logo img {
            max-width: 45%
      }

      #top-head #global-nav ul li ul {
            visibility: visible;
            overflow: auto;
            opacity: 1;
            position: static;
            width: 100%
      }

      #top-head #global-nav ul li ul li {
            margin: 0 1rem;
            border-bottom: none;
            padding-left: 1rem
      }

      #top-head #global-nav ul li ul li:last-of-type {
            border-bottom: none
      }

      #top-head #global-nav ul li ul li a {
            padding: 1rem
      }

      #top-head #global-nav ul li ul li a:before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "";
            margin-right: 1rem
      }

      #top-head.fixed .logo {
            padding: 1rem 0 0 1rem
      }

      #top-head.fixed .logo img {
            max-width: 45%
      }

      .mobile_icon {
            display: block
      }

      .mobile_icon ul li {
            margin: 0
      }

      .mobile_icon ul li a {
            transform: scale(0.8)
      }

      .form_btn .estimate_btn a {
            font-size: 1.6rem;
            padding: 1rem
      }

      .form_btn .estimate_btn a span {
            font-size: 1.2rem;
            margin-bottom: 0
      }

      .form_btn .estimate_btn a br {
            display: block
      }

      .form_btn .entry_btn a {
            font-size: 1.6rem;
            padding: 1rem
      }

      .form_btn .entry_btn a span {
            font-size: 1.2rem;
            margin-bottom: 0
      }

      .form_btn .entry_btn a br {
            display: block
      }

      .form_btn .web_btn {
            width: 60%;
            line-height: 1.8
      }

      .form_btn .web_btn a {
            font-size: 1.4rem;
            writing-mode: horizontal-tb;
            width: 100%;
            border-radius: 0 0 0 0;
            padding: 1rem;
            margin-bottom: 0
      }

      .form_btn .web_btn a br {
            display: block
      }

      .form_btn .download_btn {
            width: 40%;
            line-height: 1.8;
            text-align: left
      }

      .form_btn .download_btn a {
            font-size: 1.4rem;
            writing-mode: horizontal-tb;
            width: 100%;
            padding: 1rem;
            border-radius: 0 0 0 0
      }

      .form_btn .download_btn a br {
            display: block
      }

      footer {
            padding: 2rem 0 8rem 0
      }

      footer .f_link {
            padding-bottom: 1rem;
            margin-bottom: 3rem
      }

      footer .f_link ul {
            display: block
      }

      footer .f_link ul li a {
            display: inline;
            padding: 0;
            border: none;
            border-radius: 0;
            color: #fff;
            background: rgba(0, 0, 0, 0);
            transition: .3s;
            margin-bottom: 1rem
      }

      footer .f_link ul li a:hover {
            color: #fff;
            text-decoration: underline
      }

      .pc_footer {
            display: none
      }

      .mo_footer {
            display: block
      }

      #servicesite ul {
            display: block;
            list-style: none;
            padding: 0
      }

      #servicesite ul li:after {
            content: "";
            display: inline-block;
            margin: 0;
            position: static
      }

      .page_t_link {
            bottom: 8rem
      }

      .sub_content.art .sub_area {
            margin-bottom: 2rem
      }

      .breadcrumb {
            padding: 0 0 1rem 0
      }

      .breadcrumb p {
            font-size: 1.2rem
      }

      .sub_area {
            margin-bottom: 5rem
      }

      .sub_area h3 {
            font-size: 1.6rem
      }

      .sub_area h3 span {
            font-size: 1.4rem
      }

      .sub_area .est_t {
            font-size: 1.6rem
      }

      .sub_area .est_t_a {
            font-size: 1.6rem
      }

      .sub_area.news h4 {
            font-size: 1.6rem
      }

      .general_select .nav-tabs li .active:before {
            margin-left: -10px;
            border: 10px solid rgba(0, 0, 0, 0);
            border-top: 10px solid #f96268
      }

      .re_pet_name.smalls:after {
            width: 6rem;
            height: 6rem
      }

      .re_pet_name.birds:after {
            width: 6rem;
            height: 6rem
      }

      .top_plan .tab-content>.active,
      .classif_tab .tab-content>.active {
            display: block
      }

      .rule_area .row .col-6:nth-of-type(odd) {
            padding-right: 7.5px
      }

      .rule_area .row .col-6:nth-of-type(even) {
            padding-left: 7.5px
      }

      .column_wrapper .supervision .profile .notes {
            font-size: 1.2rem;
            margin-bottom: .5rem
      }

      address {
            font-size: 1.4rem
      }

      .f_case .case_head .col-12.col-lg-3.mb10.text-center {
            padding-right: 15px
      }

      .notes {
            font-size: 1rem
      }

      .sub_area.news .news_wrap dl {
            margin-bottom: .5rem
      }

      .re_point .bus_btn_area .prism_btn a {
            font-size: 1.6rem;
            padding: 2rem 1rem
      }

      .re_point .bus_btn_area .prism_btn a span {
            font-size: 1.2rem
      }

      .re_point .bus_btn_area .prism_btn a:after {
            font-size: 1.2rem
      }

      .r_menu ul .active a:after {
            font-size: 1.2rem;
            top: 28%
      }

      .sub_area.anipos h4 {
            font-size: 2rem;
            margin: 2rem 0
      }

      .sub_area.anipos .anipos_b_2 {
            display: none
      }

      .sub_area.anipos .anipos_b_2 b {
            font-size: 1.4rem
      }

      .sub_area.anipos .anipos_b_2 .app_btn {
            height: auto
      }

      .sub_area.anipos .anipos_b_2 .at_t_r {
            font-size: 1.2rem
      }

      .sub_area.anipos .anipos_b_3 {
            display: block
      }

      .sub_area.anipos .anipos_b_3 b {
            font-size: 1.4rem;
            display: inline-block;
            margin-bottom: 1rem
      }

      .sub_area.anipos .anipos_b_3 .app_btn {
            height: 40px
      }

      .sub_area.anipos .anipos_b_3 .at_t_r {
            font-size: 1.2rem
      }

      .sub_area.anipos .claim_top_btn_area .c_btn_1 a em {
            font-size: 1.2rem
      }

      .sub_area.anipos .anipos_feature {
            margin: 2rem 0;
            padding: 1rem
      }

      .sub_area.anipos .anipos_feature h5 {
            font-size: 2rem;
            margin-bottom: 3rem
      }

      .sub_area.anipos .anipos_feature .sub_title {
            font-size: 1.8rem;
            margin-bottom: 2rem;
            max-width: 100%
      }

      .sub_area.anipos .anipos_feature ul {
            max-width: 100%
      }

      .sub_area.anipos .anipos_feature ul li {
            font-size: 1.8rem;
            margin-bottom: 1rem
      }

      .sub_area.anipos .anipos_feature ul li span {
            font-size: 1.4rem;
            margin-right: 0;
            padding: .25rem 1rem
      }

      .sub_area.anipos .anipos_feature ul li br {
            display: inline
      }

      .sub_area.anipos .anipos_feature p img {
            display: none
      }

      .sub_area.anipos .anipos_step {
            margin: 5rem 0
      }

      .sub_area.anipos .anipos_step p {
            font-size: 1.6rem;
            margin-bottom: 1rem
      }

      .sub_area.anipos .anipos_step p span {
            font-size: 1.4rem
      }

      .sub_area.anipos .anipos_step p img {
            max-width: 80%
      }

      .sub_area.anipos .anipos_step .col-12 {
            margin-bottom: 2rem
      }

      .sub_area .claim_top_flow {
            margin-top: 2rem
      }

      .sub_area .claim_top_flow h4 {
            font-size: 2rem;
            margin-bottom: 2rem
      }

      .sub_area .claim_top_flow p img {
            max-width: 100%
      }

      .sub_area .claim_top_flow p.c_btn {
            width: 100%;
            margin: -6rem auto 2rem 0;
            font-size: 1.2rem;
            padding-bottom: 2rem
      }

      .service_box .s_service_area .thum_box .text {
            font-size: 1.4rem
      }

      .compensation_for_breeding .breadcrumb {
            padding: 1rem 15px 1rem
      }

      .compensation_for_breeding .c_b_header .head_txt {
            left: auto;
            right: 5%;
            top: 40%;
            width: auto
      }

      .compensation_for_breeding .c_b_header .head_txt .top_catch {
            margin-bottom: 2rem
      }

      .compensation_for_breeding .c_b_header .head_txt .jap {
            font-size: 2.4rem;
            padding: .5rem
      }

      .compensation_for_breeding .c_b_header .head_txt .jap i {
            font-size: 1.6rem
      }

      .compensation_for_breeding .c_b_header .head_txt .eng {
            font-size: 1.4rem;
            padding: .5rem
      }

      .compensation_for_breeding .c_b_header .head_txt .eng .mo_br {
            display: none
      }

      .compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name {
            margin: -5rem 0 1rem -10px
      }

      .compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name p {
            font-size: 2rem
      }

      .compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name p span {
            font-size: 1.4rem
      }

      .ranking .breadcrumb {
            padding: 1rem 15px 1rem
      }

      .ranking .rk_header {
            padding: 2rem 0 12rem 0
      }

      .ranking .rk_header .head_txt img {
            max-width: 80%
      }

      .ranking .head_txt {
            font-size: 1.4rem;
            margin: 0 0 2rem 0
      }

      .ranking .r_link {
            margin: 2rem 0
      }

      .ranking .r_link ul li {
            width: 49%
      }

      .ranking .kind_sec {
            margin: 5rem 0
      }

      .ranking .kind_sec h3 {
            font-size: 2rem;
            padding: 1rem 3rem;
            margin-bottom: 2rem
      }

      .ranking .kind_sec h3:before {
            border-width: 3rem 0 3rem 1rem
      }

      .ranking .kind_sec h3:after {
            border-width: 3rem 1rem 3rem 0
      }

      .ranking .kind_sec .notes {
            font-size: 1.4rem;
            margin: 0 0 2rem 0
      }

      .ranking .kind_sec .top_3 .top_3_box {
            padding: 1rem
      }

      .ranking .kind_sec .top_3 .top_3_box .rank_ic img {
            max-width: 30%
      }

      .ranking .kind_sec .top_3 .top_3_box .pet_im img {
            max-width: 90%
      }

      .ranking .kind_sec .top_3 .top_3_box .pet_name {
            font-size: 2rem
      }
/* 
      .ranking .kind_sec .top_3 .top_3_box:after {
            font-size: 1.2rem;
            padding: 0 1rem
      } */

      .ranking .kind_sec .top_3 .top_3_box {
            padding-bottom: 3.5rem
      }

      .ranking .kind_sec .top_list a .top_list_box {
            padding: 1rem
      }

      .ranking .kind_sec .top_list a .top_list_box .l_rank {
            font-size: 2rem;
            width: 4rem
      }

      .ranking .kind_sec .top_list a .top_list_box .pet_im {
            margin: 0 1rem;
            width: 20%
      }

      .ranking .kind_sec .top_list a .top_list_box .pet_name {
            font-size: 1.6rem;
            width: 65%
      }

      .ranking .kind_sec .top_list a[href$=".html"] .top_list_box:after {
            font-size: 1.2rem;
            padding: 0 1rem
      }

      .ranking .kind_sec .top_list a[href$=".html"] .top_list_box {
            padding: 3rem 1rem
      }

      .ranking_tbl tr th:first-of-type {
            width: 15%
      }

      .ranking_tbl tr th {
            padding: .5rem
      }

      .ranking_tbl tr td:first-of-type {
            padding: .25rem
      }

      .ranking_tbl tr td {
            padding: .5rem
      }

      .ranking_tbl tr.top_3_rank td img {
            max-width: 100%
      }

      .ranking_tbl_2 tr th:first-of-type {
            width: 15%
      }

      .ranking_tbl_2 tr th {
            padding: .5rem
      }

      .ranking_tbl_2 tr td:first-of-type {
            padding: .25rem
      }

      .ranking_tbl_2 tr td {
            padding: .5rem
      }

      .ranking_tbl_2 tr.top_3_rank td img {
            max-width: 100%
      }

      .es_re .sub_content .sub_area .top_plan .itsudemo_pack .plan_table_box .plan_table_tit {
            margin: 0
      }

      .es_re .sub_content .sub_area .top_plan .itsudemo_pack .plan_table_box .fee_box_area .fee_box .price_tit {
            padding: .25rem 1rem
      }

      .pet_category .row .col-4 .pet_box .pet_text {
            font-size: 1.2rem
      }

      .sub_area h3.c_c_tit {
            font-size: 1.6rem;
            padding: 1rem
      }

      .compensation_for_breeding .tab_bg .c_b_tab_nav.v2 .t_link li a {
            font-size: 1.4rem
      }

      .form_frame .form_block .sub_area {
            padding: 1rem
      }

      .ranking .rk_header {
            margin-bottom: 2rem;
            padding: 2rem 0;
      }

      .ranking .rk_header .head_txt img {
            max-width: 95%;
      }

      .arc_link {
            display: block;
      }

      .arc_link li {
            margin: 0 0 2rem 0;
      }

      .cta_btn a {
            width: 100%;
            font-size: 1.6rem;
      }

      .cta_btn a br {
            display: inline;
      }
}

@media(min-width: 480px) {
      #top-head #global-nav ul li a {
            font-size: 1.4rem
      }

      .sub_area.anipos .anipos_b_3 .app_btn {
            height: 55px
      }

      .sub_area .claim_top_flow p.c_btn {
            margin: -8rem auto 2rem -2rem;
            font-size: 1.4rem;
            padding-bottom: 5rem
      }

      .compensation_for_breeding .c_b_header .head_txt .jap {
            font-size: 3rem
      }

      .compensation_for_breeding .c_b_header .head_txt .jap i {
            font-size: 2rem
      }

      .compensation_for_breeding .c_b_header .head_txt .eng {
            font-size: 1.6rem
      }

      .compensation_for_breeding .c_b_header .head_txt .eng .mo_br {
            display: none
      }
}

@media (max-width: 768px) {
      .sub_area .container h2{

      font-size: 1.4em;
        line-height: 60px;
          padding: 0px 20px;
      }

      .ranking_tbl_2 tr td{
      font-size: 16px;
      }

}

@media (max-width: 540px) {
      .sub_area .container h2{

      font-size: 1.2em;
        line-height: 40px;
          padding: 0px 20px;
      }

      .ranking .kind_sec h3 {
            font-size: 1.6rem;
      }

}

@media(min-width: 768px) {



      p,
      table tr th,
      table tr td,
      dl dt,
      dl dd {
            font-size: 1.6rem
      }

      #top-head .logo {
            padding: 1rem 0 0 2rem
      }

      #top-head .logo img {
            max-width: 100%
      }

      #top-head.fixed .logo {
            padding: 1rem 0 0 2rem
      }

      #top-head.fixed .logo img {
            max-width: 100%
      }

      .mobile_icon ul li {
            margin: 0 1rem
      }

      .mobile_icon ul li a {
            transform: scale(1)
      }

      .form_btn .estimate_btn a {
            font-size: 3rem;
            padding: 2.5rem
      }

      .form_btn .estimate_btn a span {
            font-size: 1.6rem;
            margin-bottom: .5rem
      }

      .form_btn .estimate_btn a br {
            display: none
      }

      .form_btn .entry_btn a {
            font-size: 3rem;
            padding: 2.5rem
      }

      .form_btn .entry_btn a span {
            font-size: 1.4rem;
            margin-bottom: .5rem
      }

      .form_btn .entry_btn a br {
            display: none
      }

      .form_btn .web_btn {
            width: auto;
            line-height: 0
      }

      .form_btn .web_btn a {
            font-size: 2.4rem;
            writing-mode: vertical-rl;
            -ms-writing-mode: tb-rl;
            width: auto;
            border-radius: 5px 0 0 5px;
            padding: 2.5rem;
            margin-bottom: 1rem
      }

      .form_btn .web_btn a br {
            display: none
      }

      .form_btn .download_btn {
            width: auto;
            line-height: 0;
            text-align: right
      }

      .form_btn .download_btn a {
            font-size: 1.8rem;
            writing-mode: vertical-rl;
            -ms-writing-mode: tb-rl;
            width: auto;
            padding: 2rem;
            border-radius: 5px 0 0 5px
      }

      .form_btn .download_btn a br {
            display: none
      }

      _::-webkit-full-page-media,
      _:future,
      :root .form_btn {
            right: 2rem
      }

      _::-webkit-full-page-media,
      _:future,
      :root .form_btn .doc_rec_btn a {
            padding: 1.5rem 3.5rem 1.5rem 2rem
      }

      _::-webkit-full-page-media,
      _:future,
      :root .form_btn .estimate_btn a {
            padding: 1.5rem 3.5rem 1.5rem 2rem
      }

      _::-webkit-full-page-media,
      _:future,
      :root .form_btn .entry_btn a {
            padding: 1.5rem 3.5rem 1.5rem 2rem
      }

      footer {
            padding: 3rem 0 12rem 0
      }

      footer .f_link {
            padding-bottom: 2rem;
            margin-bottom: 4rem
      }

      footer .f_link ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: center
      }

      footer .f_link ul li a {
            display: inline-block;
            padding: .5rem;
            border: 1px solid #fff;
            border-radius: 5px;
            color: #fff;
            background: rgba(0, 0, 0, 0);
            transition: .3s;
            margin-bottom: 1rem
      }

      footer .f_link ul li a:hover {
            color: #4172d9;
            background: #fff;
            text-decoration: none
      }

      .page_t_link {
            bottom: 12rem
      }

      .sub_content.art .sub_area {
            margin-bottom: 5rem
      }

      .breadcrumb {
            padding: 0 0 2rem 0
      }

      .breadcrumb p {
            font-size: 1.4rem
      }

      .sub_area {
            margin-bottom: 10rem
      }

      .sub_area h3 {
            font-size: 2.4rem
      }

      .sub_area h3 span {
            font-size: 1.8rem
      }

      .sub_area .est_t {
            font-size: 2rem
      }

      .sub_area .est_t_a {
            font-size: 2rem
      }

      .sub_area.news h4 {
            font-size: 2rem
      }

      .general_select .nav-tabs li .active:before {
            margin-left: -15px;
            border: 15px solid rgba(0, 0, 0, 0);
            border-top: 15px solid #f96268
      }

      .re_pet_name.smalls:after {
            width: 10rem;
            height: 10rem
      }

      .re_pet_name.birds:after {
            width: 10rem;
            height: 10rem
      }

      .column_wrapper .supervision .profile .notes {
            font-size: 1.4rem;
            margin-bottom: 1rem
      }

      address {
            font-size: 1.6rem
      }

      .notes {
            font-size: 1.2rem
      }

      .sub_area.news .news_wrap dl {
            margin-bottom: 1rem
      }

      .re_point .bus_btn_area .prism_btn a {
            font-size: 2.4rem;
            padding: 2rem
      }

      .re_point .bus_btn_area .prism_btn a span {
            font-size: 1.6rem
      }

      .re_point .bus_btn_area .prism_btn a:after {
            font-size: 1.6rem
      }

      .r_menu ul .active a:after {
            font-size: 1.6rem;
            top: 20%
      }

      .sub_area.anipos h4 {
            font-size: 3rem;
            margin: 5rem 0
      }

      .sub_area.anipos .anipos_b_2 {
            padding: 3rem;
            display: block
      }

      .sub_area.anipos .anipos_b_2 .app_btn {
            height: 40px
      }

      .sub_area.anipos .anipos_b_2 .at_t_r {
            font-size: 1.6rem
      }

      .sub_area.anipos .anipos_b_3 {
            display: none
      }

      .sub_area.anipos .anipos_b_3 .at_t_r {
            font-size: 1.6rem
      }

      .sub_area.anipos .claim_top_btn_area .c_btn_1 a em {
            font-size: 1.4rem
      }

      .sub_area.anipos .anipos_feature {
            margin: 5rem 0;
            padding: 3rem
      }

      .sub_area.anipos .anipos_feature h5 {
            font-size: 3.6rem;
            margin-bottom: 5rem
      }

      .sub_area.anipos .anipos_feature .sub_title {
            font-size: 3rem;
            margin-bottom: 3rem;
            max-width: 80%
      }

      .sub_area.anipos .anipos_feature ul {
            max-width: 85%
      }

      .sub_area.anipos .anipos_feature ul li {
            font-size: 3rem;
            margin-bottom: 2rem
      }

      .sub_area.anipos .anipos_feature ul li span {
            font-size: 1.6rem;
            margin-right: 1rem;
            padding: .5rem 1rem
      }

      .sub_area.anipos .anipos_feature ul li br {
            display: none
      }

      .sub_area.anipos .anipos_step {
            margin: 10rem 0
      }

      .sub_area.anipos .anipos_step p span {
            font-size: 1.6rem
      }

      .sub_area.anipos .anipos_step p img {
            max-width: 70%
      }

      .sub_area.anipos .anipos_step .col-12 {
            margin-bottom: 0
      }

      .sub_area .claim_top_flow {
            margin-top: 5rem
      }

      .sub_area .claim_top_flow h4 {
            font-size: 3rem;
            margin-bottom: 4rem
      }

      .sub_area .claim_top_flow p img {
            max-width: 80%
      }

      .sub_area .claim_top_flow p.c_btn {
            width: 80%;
            margin: -9rem auto 2rem 3rem;
            font-size: 1.6rem
      }

      .service_box .s_service_area .thum_box .text {
            font-size: 2rem
      }

      .compensation_for_breeding .breadcrumb {
            padding: 2.5rem 15px 1.5rem
      }

      .compensation_for_breeding .c_b_header .head_txt {
            left: auto;
            top: 55%;
            right: 1%;
            width: 40%
      }

      .ranking .breadcrumb {
            padding: 2.5rem 15px 1.5rem
      }

      .ranking .rk_header {
            padding: 5rem 0 20rem 0
      }

      .ranking .rk_header .head_txt img {
            max-width: 50%
      }

      .ranking .head_txt {
            font-size: 2rem;
            margin: 5rem 0
      }

      .ranking .r_link {
            margin: 5rem 0
      }

      .ranking .r_link ul li {
            width: 24%
      }

      .ranking .kind_sec {
            margin: 10rem 0
      }

      .ranking .kind_sec h3 {
            font-size: 3.6rem;
            padding: 2rem 5rem;
            margin-bottom: 5rem
      }

      .ranking .kind_sec h3:before {
            border-width: 5.5rem 0 5.5rem 2rem
      }

      .ranking .kind_sec h3:after {
            border-width: 5rem 2rem 5rem 0
      }

      .ranking .kind_sec .notes {
            font-size: 2rem;
            margin: 0 0 5rem 0
      }

      .ranking .kind_sec .top_3 .top_3_box {
            padding: 2rem
      }

      .ranking .kind_sec .top_3 .top_3_box .rank_ic img {
            max-width: 40%
      }

      .ranking .kind_sec .top_3 .top_3_box .pet_im img {
            max-width: 100%
      }

      .ranking .kind_sec .top_3 .top_3_box .pet_name {
            font-size: 2.4rem
      }

      /* .ranking .kind_sec .top_3 .top_3_box:after {
            font-size: 1.6rem;
            padding: 0 2rem
      } */

      .ranking .kind_sec .top_3 .top_3_box {
            padding-bottom: 5rem
      }

      .ranking .kind_sec .top_list a .top_list_box {
            padding: 2rem
      }

      .ranking .kind_sec .top_list a .top_list_box .l_rank {
            font-size: 2.4rem;
            width: 5rem
      }

      .ranking .kind_sec .top_list a .top_list_box .pet_im {
            margin: 0 2rem;
            width: 15%
      }

      .ranking .kind_sec .top_list a .top_list_box .pet_name {
            font-size: 2.4rem;
            width: auto
      }

      .ranking .kind_sec .top_list a[href$=".html"] .top_list_box:after {
            font-size: 1.6rem;
            padding: 0 2rem
      }

      .ranking_tbl tr th:first-of-type {
            width: 10%
      }

      .ranking_tbl tr th {
            padding: .5rem
      }

      .ranking_tbl tr td:first-of-type {
            padding: .5rem
      }

      .ranking_tbl tr td {
            padding: .5rem
      }

      .ranking_tbl tr.top_3_rank td img {
            max-width: 80%
      }

      .ranking_tbl_2 tr th:first-of-type {
            width: 10%
      }

      .ranking_tbl_2 tr th {
            padding: .5rem
      }

      .ranking_tbl_2 tr td:first-of-type {
            padding: .5rem
      }

      .ranking_tbl_2 tr td {
            padding: .5rem
      }

      .ranking_tbl_2 tr.top_3_rank td img {
            max-width: 80%
      }

      .es_re .sub_content .sub_area .top_plan .itsudemo_pack .plan_table_box .plan_table_tit {
            margin: 2rem 0
      }

      .es_re .sub_content .sub_area .top_plan .itsudemo_pack .plan_table_box .fee_box_area .fee_box .price_tit {
            padding: 1rem
      }

      .pet_category .row .col-4 .pet_box .pet_text {
            font-size: 1.4rem
      }

      .form_frame .form_block .sub_area {
            padding: 2rem
      }

      .ranking .rk_header {
            margin-bottom: 5rem;
            padding: 4rem 0;
      }

      .ranking .rk_header .head_txt img {
            max-width: 80%;
      }

      .arc_link {
            display: flex;
      }

      .arc_link li {
            margin: 0 2rem 0 0;
      }

      .cta_btn a {
            width: 80%;
            font-size: 2.4rem;
      }

      .cta_btn a br {
            display: none;
      }
}

@media(min-width: 992px) {
      #top-head #global-nav ul li a {
            padding: 2.5rem .75rem;
            font-size: 1.2rem
      }

      #top-head #global-nav ul li ul {
            visibility: hidden;
            overflow: hidden;
            opacity: 0;
            position: absolute;
            top: 5.5rem;
            left: 2rem;
            transition: .3s;
            display: block;
            background: hsla(0, 0%, 100%, .9);
            width: 25rem;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, .2)
      }

      #top-head #global-nav ul li ul.contact {
            left: auto;
            right: 0
      }

      #top-head #global-nav ul li ul li {
            margin: 0 1rem;
            border-bottom: 1px dashed #ddd
      }

      #top-head #global-nav ul li ul li:last-of-type {
            border-bottom: none
      }

      #top-head #global-nav ul li ul li a {
            padding: 1rem
      }

      #top-head #global-nav ul li ul li a:before {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "";
            margin-right: 1rem
      }

      #top-head #global-nav ul li:hover>ul {
            visibility: visible;
            overflow: visible;
            opacity: 1
      }

      .mobile_icon {
            display: none
      }

      .pc_footer {
            display: block
      }

      .mo_footer {
            display: none
      }

      #servicesite ul {
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            padding: 0
      }

      #servicesite ul li:after {
            content: "/";
            display: inline-block;
            margin: 0 1rem;
            position: static
      }

      .sub_area .est_t {
            font-size: 1.6rem
      }

      .top_plan .tab-content>.active,
      .classif_tab .tab-content>.active {
            display: block
      }

      .rule_area .row .col-6:nth-of-type(odd) {
            padding-right: 15px
      }

      .rule_area .row .col-6:nth-of-type(even) {
            padding-left: 15px
      }

      .f_case .case_head .col-12.col-lg-3.mb10.text-center {
            padding-right: 0
      }

      .sub_area.anipos .anipos_b_2 b {
            font-size: 2rem
      }

      .sub_area.anipos .anipos_b_2 .app_btn {
            height: 55px
      }

      .sub_area.anipos .anipos_feature .sub_title {
            max-width: 90%
      }

      .sub_area.anipos .anipos_feature ul {
            max-width: 90%
      }

      .sub_area.anipos .anipos_feature p img {
            display: inline
      }

      .sub_area.anipos .anipos_feature img {
            max-width: 80%
      }

      .sub_area.anipos .anipos_step p {
            font-size: 2rem;
            margin-bottom: 2rem
      }

      .sub_area .claim_top_flow p img {
            max-width: 50%
      }

      .sub_area .claim_top_flow p.c_btn {
            width: 50%;
            margin: -7rem auto 2rem auto;
            padding-bottom: 2rem
      }

      .compensation_for_breeding .c_b_header .head_txt {
            top: 55%;
            width: auto
      }

      .compensation_for_breeding .c_b_header .head_txt .top_catch {
            margin-bottom: 4rem
      }

      .compensation_for_breeding .c_b_header .head_txt .jap {
            font-size: 5rem;
            padding: 1rem
      }

      .compensation_for_breeding .c_b_header .head_txt .jap i {
            font-size: 2.4rem
      }

      .compensation_for_breeding .c_b_header .head_txt .eng {
            font-size: 2rem;
            padding: 1rem
      }

      .compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name {
            margin: -10rem 0 1rem -10px
      }

      .compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name p {
            font-size: 3rem
      }

      .compensation_for_breeding .tab_bg .c_b_tab .c_b_tab_content .c_b_plan_area .row .col-12 a .cb_plan_name p span {
            font-size: 2rem
      }

      .ranking .kind_sec .top_list a[href$=".html"] .top_list_box {
            padding: 2rem 1rem
      }

      .sub_area h3.c_c_tit {
            font-size: 3rem;
            padding: 2rem
      }

      .compensation_for_breeding .tab_bg .c_b_tab_nav.v2 .t_link li a {
            font-size: 2rem
      }
}

@media(min-width: 1200px) {
      #top-head #global-nav ul li a {
            padding: 2.5rem 1rem;
            font-size: 1.4rem
      }

      .sub_area .est_t {
            font-size: 2rem
      }

      .sub_area.anipos .anipos_b_2 .app_btn {
            height: 70px
      }

      .sub_area.anipos .anipos_feature .sub_title {
            max-width: 75%
      }

      .sub_area.anipos .anipos_feature ul {
            max-width: 75%
      }

      .sub_area.anipos .anipos_feature img {
            max-width: 70%
      }

      .sub_area .claim_top_flow p.c_btn {
            margin: -8.5rem auto 2rem 22%;
            padding-bottom: 4rem
      }

      .compensation_for_breeding .c_b_header .head_txt {
            right: 5%
      }

      .compensation_for_breeding .c_b_header .head_txt .jap {
            font-size: 6rem
      }

      .compensation_for_breeding .c_b_header .head_txt .jap i {
            font-size: 3rem
      }

      .compensation_for_breeding .c_b_header .head_txt .eng {
            font-size: 3rem
      }
}

@media(min-width: 1400px) {
      #top-head #global-nav ul li a {
            padding: 2.5rem 2rem
      }
}

@media(max-width: 992px) {

      #top-head,
      .inner {
            width: 100%;
            padding: 0
      }

      #top-head {
            top: 0;
            position: fixed;
            margin-top: 0
      }

      #top-head.fixed {
            padding-top: 0;
            background: rgba(0, 0, 0, 0)
      }

      #top-head #global-nav {
            position: absolute;
            top: -1600px;
            background: hsla(0, 0%, 100%, .9);
            width: 100%;
            text-align: center;
            padding: 10px 0 15rem 0;
            transition: .4s ease-in-out;
            height: 100vh;
            overflow: auto;
            z-index: 1000
      }

      #top-head #global-nav ul {
            list-style: none;
            position: static;
            right: 0;
            bottom: 0;
            font-size: 1.4rem;
            display: block
      }

      #top-head #global-nav ul .prism_btn a {
            color: #fff;
            background: linear-gradient(90deg, rgb(29, 141, 232) 0%, rgb(14, 195, 240) 100%);
            transition: .3s;
            text-align: center !important;
            padding: 1rem !important;
            margin-top: 1rem !important
      }

      #top-head #global-nav ul .prism_btn a:after {
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            content: "";
            margin-left: 1rem
      }

      #top-head #global-nav ul .prism_btn a:hover {
            text-decoration: none;
            opacity: .7
      }

      #top-head #global-nav ul li {
            float: none;
            position: static
      }

      #mobile-head {
            background: #fff;
            width: 100%;
            height: 70px;
            z-index: 1002;
            position: relative
      }

      #top-head #global-nav ul li a,
      #top-head.fixed #global-nav ul li a {
            width: 90%;
            margin: 0 auto;
            display: block;
            padding: 1rem;
            text-align: left
      }

      #nav-toggle {
            display: block
      }

      .open #nav-toggle span:nth-child(1) {
            top: 11px;
            transform: rotate(315deg)
      }

      .open #nav-toggle span:nth-child(2) {
            width: 0;
            left: 50%
      }

      .open #nav-toggle span:nth-child(3) {
            top: 11px;
            transform: rotate(-315deg)
      }

      .open #global-nav {
            transform: translateY(1660px)
      }

      .ranking_tbl_2 tr th {
      font-size: 18px;
}
}

@media all and (-ms-high-contrast: none) {

      *::-ms-backdrop,
      .form_btn a i {
            transform: rotate(-90deg)
      }
}

@media(min-width: 385px) {
      .compensation_for_breeding .c_b_header .head_txt .eng .mo_br {
            display: inline
      }
}