@charset "UTF-8";

/* common */
#pickUp > .pickup_ttl {
    margin-top: 2%;
    background-color: #481707;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 1% 0;
    margin-bottom: 30px;
    font-weight: 700;
}
.useful+.subnav + .breadcrumbs {
    margin-top: 10px !important;
}
.nav.snav.fixed {
    display: none;
}


/* SP */
@media screen and (min-width:1px) and (max-width:768px) {
    #pickUp > .pickup_ttl {
        font-size: 5vw;
        padding: 3% 0;
        margin-bottom: 0;
    }
    .nav.bnav .bnav-lists {
        display: block;
        width: 89.33333%;
        margin: 0 auto;
        min-width: auto;
        padding: 0;
    }

    .nav.bnav .bnav-lists > li {
      display: inline;
    }

    .nav.bnav .bnav-lists > li a {
      font-size: 0.85333rem !important;
      letter-spacing: 0;
    }

    .nav.bnav .bnav-lists > li:not(:first-child) {
      margin-left: 0.7rem;
      display: inline;
    }

    .nav.bnav .bnav-lists > li:not(:first-child):before {
      color: #CCCCCC;
      margin-right: 0.5rem;
    }

    .nav.bnav .bnav-lists > li:last-child a {
      pointer-events: none;
    }
}


/* original content */
/* common */
.sec_inner{
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 2%;
    box-sizing: content-box;
}
/* fv */
#pickUp .ttl_area {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 2%;
    box-sizing: content-box;
}
.fv_sp{
    display: none;
}
.fv_ttl {
    position: absolute;
    bottom: -50px;
    left: calc(50% - 520px);
    width: 100%;
    background: #fff;
    border-radius: 10px 10px 0 0;
    max-width: 1040px;
    font-size: 34px;
    line-height: 1.4;
    font-weight: bold;
    padding: 40px 50px;
    letter-spacing: 0.02em;
}
.fv_ttl:before {
    content: "";
    width: 110px;
    height: 20px;
    background: url("../images/useful/pickup/ico_cat.png");
    background-size: contain;
    position: absolute;
    bottom: -18px;
    left: calc(50% - 55px);
}
.ttl_area + .top_text {
    position: relative;
    max-width: 1000px;
    padding: 145px 2% 0;
    margin: 0 auto;
    box-sizing: border-box;
    line-height: 1.875;
    font-size: 16px;
    letter-spacing: 0.02em;
}
/* 監修 */
.white_text {
    display: flex;
    background: #f8f8f8;
    margin-top: 70px;
    border-radius: 10px;
    padding: 50px;
}
.white_img {
    width: 150px;
    height: 150px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.white_img img{
    display: block;
    width:100%;
    height: 100%;
    object-fit: cover;
}
.white_text .text_area{
    margin-left: 50px;
    width: calc(100% - 200px);
}
.white_text .border_text{
    font-size: 14px;
    width: fit-content;
    line-height: 1;
    border: 1px solid #cccccc;
    padding: 6px 10px;
}

.white_text .name_wrap{
    display: flex;
    align-items: center;
}
.white_text .name_wrap .name{
    font-size: 22px;
    font-weight: bold;
    line-height: 1.875;
    margin-right: 30px;
}
.white_text .name_wrap .link{
    font-size: 14px;
    line-height: 1.875;
    color: #426caa;
    text-decoration: underline;
    position: relative;
    margin-right: 25px;
}
.white_text .name_wrap .link:before {
    content: "";
    background: url("../images/useful/pickup/ico_blank.png");
    width: 14px;
    height: 12px;
    background-size: contain;
    position: absolute;
    top: 7px;
    right: -20px;
}
.white_text .text{
    font-size: 14px;
    line-height: 1.875;
    margin-top: 10px;
}

/* 背景付き見出し */
#pickUp > .bg_color{
    margin-top: 100px;
    color: #fff;
    padding: 45px 0;
}
#pickUp > .bg_color .ttl{
    font-size: 32px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
}
#pickUp > .bg_color .text{
    font-size: 16px;
    line-height: 1.875;
    text-align: center;
    margin-top: 30px;
}

#pickUp > .bg_pt + .bg_color {
    margin-top: 0;
}
#pickUp .sec_inner + .bg_color {
    margin-top: 50px;
}

/* パターン背景 */
.bg_pt {
    padding: 50px 0 100px;
}

.bg_pt .bg_box {
    background: #fff;
    padding: 50px;
    border-radius: 10px;
}
.bg_pt .bg_box + .bg_box {
    margin-top: 50px;
}
.bg_box .ico_ttl {
    position: relative;
    font-size: 24px !important;
    line-height: 1.4;
    font-weight: bold;
    color: #80b7e2;
    padding: 10px 0 10px 70px;
    letter-spacing: 0.02em;
}
.bg_box .ico_ttl:before {
    content: "";
    background: url("../images/useful/pickup/ico_blue.png");
    width: 50px;
    height: 49px;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.bg_box .text{
    font-size: 16px;
    line-height: 1.875;
    letter-spacing: 0.02em;
}
.bg_box .text .line {
    background: linear-gradient(transparent 50%, #a3def4 50%);
    font-weight: bold;
    padding: 0 2px 3px;
}
.bg_box .text strong {
    font-weight: bold;
}
.bg_box .text p{
    margin-top: 20px;
}
.bg_box .text h1,
.bg_box .text h2,
.bg_box .text h3,
.bg_box .text h4,
.bg_box .text h5,
.bg_box .text h6 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 36px;
    line-height: 1.4;
    padding: 5px 5px 7px;
    letter-spacing: 0.02em;
    border-bottom: 3px solid #80b7e2;
}
.bg_box .text p + h1,
.bg_box .text p + h2,
.bg_box .text p + h3,
.bg_box .text p + h4,
.bg_box .text p + h5,
.bg_box .text p + h6 {
    margin-top: 70px !important;
}
.bg_box .text p + p {
    margin-top: 30px;
}

.bg_box .text table{
    margin: 30px 0;
}

.bg_box .text table tr > * {
    border: 1px solid #ddd;
    padding: 10px;
}

.bg_box .text table tr > th {
    background: #ddd;
    border: 1px solid #ccc;
}

.img_list {
    margin-top: 40px;
}
.img_list .item{
    display: flex;
    align-items: center;
}
.img_list .item + .item{
    margin-top: 20px;
}
.img_list .img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px;
}
.img_list .img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img_list .text_area{
    width: calc(100% - 150px);
}
.img_list .ttl{
    font-size: 18px;
    line-height: 1.6;
    color: #80b7e2;
    font-weight: bold;
}
.box.col1 {
    display: flex;
    margin-top: 30px;
    background: #edf2f7;
    padding: 30px;
    border-radius: 10px;
}
.box.col1 .img {
    width: 240px;
    height: 150px;
    margin-right: 30px;
    overflow: hidden;
    border-radius: 10px;
}

.box.col1 .img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box.col1 .text_wrap{
    width: calc(100% - 270px);
}
.box.col1 .ttl{
    font-size: 18px;
    color: #80b7e2;
    font-weight: bold;
    line-height: 1.6;
    margin-top: -5px;
}
.box.col1 .text {
    margin-top: -18px;
}
.box.col1 .btn a {
    line-height: 1.625;
    font-size: 16px;
    font-weight: bold;
    border-radius: 25px;
    background: #80b7e2;
    color: #fff;
    width: fit-content;
    height: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
    padding: 5px 55px 5px 40px;
    letter-spacing: 0.02em;
    position: relative;
    transition: 0.5s;
}
.box.col1  .btn a span{
    position: relative;
}
.box.col1  .btn a span:before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    display: block;
    position: absolute;
    font-size: 16px;
    top: calc(50% - 3px);
    right: -12px;
    transform: rotate(45deg);
}



.box.col2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.box.col2 .item {
    background: #edf2f7;
    border-radius: 10px;
    padding: 30px 30px 40px;
    width: calc((100% - 50px)/2);
}
.box.col2 .item:nth-of-type(even){
    margin-left: 50px
}
.box.col2 .item:nth-of-type(n+3){
    margin-top: 50px;
}

.box.col2 .ttl{
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4;
    color: #80b7e2;
}

.info_box{
    background: #ffeaea;
    border-radius: 10px;
    margin-top: 40px;
}
.info_box .ttl{
    text-align: center;
    background: #d85554;
    font-size: 18px;
    line-height: 1.6;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    color: #fff;
    padding: 13px;
    letter-spacing: 0.02em;
}
.info_box .ttl span {
    position: relative;
    padding-left: 35px;
}
.info_box .ttl span:before{
    content: "";
    background: url("../images/useful/pickup/ico_info.png");
    width: 26px;
    height: 23px;
    background-size: contain;
    position: absolute;
    top: -2px;
    left: 0;
}
.info_box .text_wrap {
    padding: 0px 30px 20px;
}

/* 枠付きオレンジエリア */
.bg_waku{
    background: #f6f4ec;
    padding: 100px 0;
}
.waku_area{
    border-radius: 10px;
    border: 3px solid #fc893c;
    position: relative;
    padding: 40px 20px;
}
.waku_area:before{
    content: "";
    background: url("../images/useful/pickup/deco_cat01.png");
    width: 110px;
    height: 110px;
    background-size: contain;
    position: absolute;
    top: -55px;
    left: 22px;
}
.waku_area:after{
    content: "";
    background: url("../images/useful/pickup/deco_cat02.png");
    width: 130px;
    height: 105px;
    background-size: contain;
    position: absolute;
    bottom: -4px;
    right: 20px;
}
.waku_text{
    font-size: 18px;
    font-weight:bold;
    color: #fc893c;
    line-height: 1.6;
    text-align: center;
}

.item_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 50px;
}
.item_list .item {
    background: #edf2f7;
    border-radius: 10px;
    padding: 30px;
    width: calc((100% - 80px)/3);
    margin-left: 40px;
}

.item_list .item:nth-of-type(3n+1){
    margin-left: 0;
}
.item_list .item:nth-of-type(n+4){
    margin-top: 40px;
}
.item_list .img{
    border-radius: 10px;
    height: 260px;
    overflow: hidden;
}
.item_list .img img{
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
}
.item_list .ttl{
    font-size: 18px;
    color: #80b7e2;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 20px;
}
.item_list .text {
    line-height: 1.625;
    font-size: 16px;
    margin-top: 5px;
}
.item_list .btn a {
    line-height: 1.625;
    font-size: 16px;
    font-weight: bold;
    border-radius: 25px;
    background: #80b7e2;
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    margin-top: 45px;
    padding: 10px 25px 10px 10px;
    letter-spacing: 0.02em;
    position: relative;
    transition: 0.5s;
}
.item_list .btn a span{
    position: relative;
}
.item_list .btn a span:before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    display: block;
    position: absolute;
    top: calc(50% - 3px);
    right: -15px;
    transform: rotate(45deg);
}

.item_list.col_02 .item:nth-of-type(n+3),
.item_list.col_02 .item:nth-of-type(n+4) {
    margin-top: 40px;
}
.item_list.col_03 {
    padding-top: 30px;
    padding-bottom: 50px;
}
.item_list.col_02 {
    padding-top: 30px;
    padding-bottom: 50px;
    margin: 0 45px;
}
.item_list.col_02 .item {
    margin-left: 20px;
    margin-right: 20px;
    max-width: 320px;
    width: 100%;
}
.item_list.col_02 .item:nth-of-type(3n+1) {
    margin-left: 20px;
    margin-right: 20px;;
}

.faq_list {
    background: #ebf4ec;
    border-radius: 10px;
    padding: 45px 50px;
    margin-bottom: 100px;
}
.faq_list .text_q {
    font-size: 16px;
    padding: 10px 10px 10px 55px;
    letter-spacing: 0.02em;
    font-weight: bold;
    position: relative;
}
.faq_list .text_q:before{
    content: "";
    background: url(../images/useful/pickup/ico_q.png);
    width: 40px;
    height: 40px;
    background-size: contain;
    position: absolute;
    top: 3px;
    left: 0;
}
.faq_list .text_a {
    margin-top: 20px;
    padding: 15px 0 0 55px;
}
.faq_list .a_ttl {
    font-size: 20px;
    color: #75c160;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 0.02em;
    position: relative;
}
.faq_list .a_ttl:before{
    content: "";
    background: url(../images/useful/pickup/ico_a.png);
    width: 40px;
    height: 40px;
    background-size: contain;
    position: absolute;
    top: -5px;
    left: -55px;
}
.faq_list .a_text {
    font-size: 16px;
    line-height: 1.875;
    letter-spacing: 0.02em;
    margin-top: 30px;
}
.faq_list .a_text h1,
.faq_list .a_text h2,
.faq_list .a_text h3,
.faq_list .a_text h4,
.faq_list .a_text h5,
.faq_list .a_text h6 {
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
    margin-top: 25px;
    color: #75c160;
}
.faq_list .a_text p + p {
    margin-top: 20px;
}

.check_list{
    display: flex;
    flex-wrap: wrap;
}
.check_list .item {
    background: #f8f4f5;
    border-radius: 10px;
    padding: 30px;
    width: calc((100% - 50px)/2);
}
.check_list .item a{
    transition: 0.5s;
}

.check_list .item:nth-of-type(even){
    margin-left: 50px
}
.check_list .item:nth-of-type(n+3){
    margin-top: 50px;
}
.check_list .img{
    border-radius: 10px;
    height: 240px;
    overflow: hidden;
}
.check_list .img img{
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%;
}
.check_list .text {
    font-size: 20px;
    border-bottom: 1px solid #e94684;
    font-weight: bold;
    line-height: 1.8;
    margin: 20px 10px 0;
    position: relative;
}
.check_list .text:before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #e94684;
    border-right: 2px solid #e94684;
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 3px;
    transform: rotate(45deg);
}
.sec_inner > .ttl_wrap {
    padding: 10px;
    margin: 65px 0;
    text-align: center;
}
.sec_inner > .ttl_wrap .waku_ttl {
    font-size: 28px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    position: relative;
    border-radius: 40px;
    letter-spacing: 0.02em;
    padding: 20px 60px;
}
.sec_inner > .ttl_wrap .waku_ttl:before{
content: "";
    position: absolute;
    bottom: -26px;
    left: calc(50% - 11px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 16px 0 16px;
    border-color: #007bff transparent transparent transparent;
}
.sec_inner > .ttl_wrap .waku_ttl:after{
    content: "";
    position: absolute;
    bottom: -30px;
    left: calc(50% - 9px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 16px 0 16px;
    border-color: #007bff transparent transparent transparent;
    z-index: -1;
}
.sec_inner > .ttl_wrap .waku_ttl .small_ttl {
    font-size: 16px;
}

.sec_inner > .ttl_wrap .waku_ttl.item{
    background: #e1eff9;
    color: #80b7e2;
    box-shadow: 3px 3px 0 #80b7e2;
}
.sec_inner > .ttl_wrap .waku_ttl.item:before{
    border-color: #e1eff9 transparent transparent transparent;
}
.sec_inner > .ttl_wrap .waku_ttl.item:after{
    border-color: #80b7e2 transparent transparent transparent;
}

.sec_inner > .ttl_wrap .waku_ttl.faq{
    background: #e1f9de;
    color: #75c160;
    box-shadow: 3px 3px 0 #71af69;
    border-radius: 50px;
}
.sec_inner > .ttl_wrap .waku_ttl.faq > span {
    display: none;
}
.sec_inner > .ttl_wrap .waku_ttl.faq:before{
    border-color: #e1f9de transparent transparent transparent;
}
.sec_inner > .ttl_wrap .waku_ttl.faq:after{
    border-color: #71af69 transparent transparent transparent;
}

.sec_inner > .ttl_wrap .waku_ttl.check{
    background: #f9e1e3;
    color: #e94684;
    box-shadow: 3px 3px 0 #e94684;
}
.sec_inner > .ttl_wrap .waku_ttl.check:before{
    border-color: #f9e1e3 transparent transparent transparent;
}
.sec_inner > .ttl_wrap .waku_ttl.check:after{
    border-color: #e94684 transparent transparent transparent;
}

/* テンプレート固定カラー設定 */
/* パターン背景 */
.cat-b .bg_pt{
    background: url("../images/useful/pickup/cat_blue.png");
}
.cat-o .bg_pt{
    background: url("../images/useful/pickup/cat_orange.jpeg");
}
.cat-g .bg_pt{
    background: url("../images/useful/pickup/cat_green.png");
}
.dog-b .bg_pt{
    background: url("../images/useful/pickup/dog_blue.jpeg");
}
.dog-o .bg_pt{
    background: url("../images/useful/pickup/dog_orange.jpeg");
}
.dog-g .bg_pt{
    background: url("../images/useful/pickup/dog_green.jpeg");
}

/* FV下アイコン */
#pickUp[class*="cat"] .fv_ttl:before{
    background-image: url(../images/useful/pickup/ico_cat.png);
}
#pickUp[class*="dog"] .fv_ttl:before{
    background-image: url(../images/useful/pickup/ico_dog.png);
}

/* waku dog */
#pickUp[class*="dog"] .waku_area:before {
    background-image: url(../images/useful/pickup/deco_dog01.png);
    width: 97px;
    height: 130px;
}
#pickUp[class*="dog"] .waku_area:after {
    background-image: url(../images/useful/pickup/deco_dog02.png);
    width: 130px;
    height: 75px;
}
/* タイトルアイコン */
#pickUp[class*="-b"] .bg_box .ico_ttl:before{
    background-image: url(../images/useful/pickup/ico_blue.png);
}
#pickUp[class*="-o"] .bg_box .ico_ttl:before{
    background-image: url(../images/useful/pickup/ico_orange.png);
}
#pickUp[class*="-g"] .bg_box .ico_ttl:before{
    background-image: url(../images/useful/pickup/ico_green.png);
}
/* 文字色 */
#pickUp[class*="-b"] .bg_box .ico_ttl,
#pickUp[class*="-b"] .img_list .ttl,
#pickUp[class*="-b"] .box.col2 .ttl,
#pickUp[class*="-b"] .box.col1 .ttl,
#pickUp[class*="-b"] .faq_list .a_text h1,
#pickUp[class*="-b"] .faq_list .a_text h2,
#pickUp[class*="-b"] .faq_list .a_text h3,
#pickUp[class*="-b"] .faq_list .a_text h4,
#pickUp[class*="-b"] .faq_list .a_text h5,
#pickUp[class*="-b"] .faq_list .a_text h6,
#pickUp[class*="-b"] .faq_list .a_ttl,
#pickUp[class*="-b"] .item_list .ttl{
    color: #80b7e2;
}
#pickUp[class*="-o"] .bg_box .ico_ttl,
#pickUp[class*="-o"] .img_list .ttl,
#pickUp[class*="-o"] .box.col2 .ttl,
#pickUp[class*="-o"] .box.col1 .ttl,
#pickUp[class*="-o"] .faq_list .a_text h1,
#pickUp[class*="-o"] .faq_list .a_text h2,
#pickUp[class*="-o"] .faq_list .a_text h3,
#pickUp[class*="-o"] .faq_list .a_text h4,
#pickUp[class*="-o"] .faq_list .a_text h5,
#pickUp[class*="-o"] .faq_list .a_text h6,
#pickUp[class*="-o"] .faq_list .a_ttl,
#pickUp[class*="-o"] .item_list .ttl{
    color: #eba01e;
}
#pickUp[class*="-g"] .bg_box .ico_ttl,
#pickUp[class*="-g"] .img_list .ttl,
#pickUp[class*="-g"] .box.col2 .ttl,
#pickUp[class*="-g"] .box.col1 .ttl,
#pickUp[class*="-g"] .faq_list .a_text h1,
#pickUp[class*="-g"] .faq_list .a_text h2,
#pickUp[class*="-g"] .faq_list .a_text h3,
#pickUp[class*="-g"] .faq_list .a_text h4,
#pickUp[class*="-g"] .faq_list .a_text h5,
#pickUp[class*="-g"] .faq_list .a_text h6,
#pickUp[class*="-g"] .faq_list .a_ttl,
#pickUp[class*="-g"] .item_list .ttl{
    color: #75c160;
}

/* 下線 */
#pickUp[class*="-b"] .bg_box .text h1,
#pickUp[class*="-b"] .bg_box .text h2,
#pickUp[class*="-b"] .bg_box .text h3,
#pickUp[class*="-b"] .bg_box .text h4,
#pickUp[class*="-b"] .bg_box .text h5,
#pickUp[class*="-b"] .bg_box .text h6{
    border-bottom: 3px solid #80b7e2;
}
#pickUp[class*="-o"] .bg_box .text h1,
#pickUp[class*="-o"] .bg_box .text h2,
#pickUp[class*="-o"] .bg_box .text h3,
#pickUp[class*="-o"] .bg_box .text h4,
#pickUp[class*="-o"] .bg_box .text h5,
#pickUp[class*="-o"] .bg_box .text h6{
    border-bottom: 3px solid #eba01e;
}
#pickUp[class*="-g"] .bg_box .text h1,
#pickUp[class*="-g"] .bg_box .text h2,
#pickUp[class*="-g"] .bg_box .text h3,
#pickUp[class*="-g"] .bg_box .text h4,
#pickUp[class*="-g"] .bg_box .text h5,
#pickUp[class*="-g"] .bg_box .text h6{
    border-bottom: 3px solid #75c160;
}
/* マーカー */
#pickUp[class*="-b"] .bg_box .text .line {
    background: linear-gradient(transparent 50%, #a3def4 50%);
}
#pickUp[class*="-o"] .bg_box .text .line {
    background: linear-gradient(transparent 50%, #fde277 50%);
}
#pickUp[class*="-g"] .bg_box .text .line {
    background: linear-gradient(transparent 50%, #cef1c5 50%);
}

/* 濃い背景 */
#pickUp[class*="-b"] .bg_color,
#pickUp[class*="-b"] .box.col1 .btn a,
#pickUp[class*="-b"] .item_list .btn a{
    background: #80b7e2;
}
#pickUp[class*="-o"] .bg_color,
#pickUp[class*="-o"] .box.col1 .btn a,
#pickUp[class*="-o"] .item_list .btn a{
    background: #eba01e;
}
#pickUp[class*="-g"] .bg_color,
#pickUp[class*="-g"] .box.col1 .btn a,
#pickUp[class*="-g"] .item_list .btn a{
    background: #75c160;
}
/* 淡い背景 */
#pickUp[class*="-b"] .box.col2 .item,
#pickUp[class*="-b"] .box.col1,
#pickUp[class*="-b"] .item_list .item,
#pickUp[class*="-b"] .faq_list{
background: #edf2f7;
}
#pickUp[class*="-o"] .box.col2 .item,
#pickUp[class*="-o"] .box.col1,
#pickUp[class*="-o"] .item_list .item,
#pickUp[class*="-o"] .faq_list{
background: #f9f4de;
}
#pickUp[class*="-g"] .box.col2 .item,
#pickUp[class*="-g"] .box.col1,
#pickUp[class*="-g"] .item_list .item,
#pickUp[class*="-g"] .faq_list{
background: #ebf4ec;
}

/* aq icon */
#pickUp[class*="-b"] .faq_list .a_ttl:before{
    background-image: url(../images/useful/pickup/ico_a_blue.png);
}
#pickUp[class*="-o"] .faq_list .a_ttl:before{
    background-image: url(../images/useful/pickup/ico_a_orange.png);
}
/* waku_ttl */
#pickUp[class*="-b"] .sec_inner > .ttl_wrap .waku_ttl.item,
#pickUp[class*="-b"] .sec_inner > .ttl_wrap .waku_ttl.faq {
    background: #e1eff9;
    color: #80b7e2;
    box-shadow: 3px 3px 0 #80b7e2;
}
#pickUp[class*="-b"] .sec_inner > .ttl_wrap .waku_ttl.item:before,
#pickUp[class*="-b"] .sec_inner > .ttl_wrap .waku_ttl.faq:before {
    border-color: #e1eff9 transparent transparent transparent;
}
#pickUp[class*="-b"] .sec_inner > .ttl_wrap .waku_ttl.item:after,
#pickUp[class*="-b"] .sec_inner > .ttl_wrap .waku_ttl.faq:after {
    border-color: #80b7e2 transparent transparent transparent;
}


#pickUp[class*="-o"] .sec_inner > .ttl_wrap .waku_ttl.item,
#pickUp[class*="-o"] .sec_inner > .ttl_wrap .waku_ttl.faq {
    background: #f9f4de;
    color: #eba01e;
    box-shadow: 3px 3px 0 #eba01e;
}
#pickUp[class*="-o"] .sec_inner > .ttl_wrap .waku_ttl.item:before,
#pickUp[class*="-o"] .sec_inner > .ttl_wrap .waku_ttl.faq:before {
    border-color: #f9f4de transparent transparent transparent;
}
#pickUp[class*="-o"] .sec_inner > .ttl_wrap .waku_ttl.item:after,
#pickUp[class*="-o"] .sec_inner > .ttl_wrap .waku_ttl.faq:after {
    border-color: #eba01e transparent transparent transparent;
}



#pickUp[class*="-g"] .sec_inner > .ttl_wrap .waku_ttl.item,
#pickUp[class*="-g"] .sec_inner > .ttl_wrap .waku_ttl.faq {
    background: #e1f9de;
    color: #75c160;
    box-shadow: 3px 3px 0 #71af69;
}
#pickUp[class*="-g"] .sec_inner > .ttl_wrap .waku_ttl.item:before,
#pickUp[class*="-g"] .sec_inner > .ttl_wrap .waku_ttl.faq:before {
    border-color: #e1f9de transparent transparent transparent;
}
#pickUp[class*="-g"] .sec_inner > .ttl_wrap .waku_ttl.item:after,
#pickUp[class*="-g"] .sec_inner > .ttl_wrap .waku_ttl.faq:after {
    border-color: #75c160 transparent transparent transparent;
}

@media screen and (max-width:1200px) {
    .fv_ttl {
        max-width: 90%;
        left: 5%;
    }

}
/* SP */
@media screen and (min-width:1px) and (max-width:768px) {
    /* fv */
    .fv_pc{
        display: none;
    }
    .fv_sp{
        display: block;
    }
    #pickUp .ttl_area{
        padding: 0;
    }
    .sec_inner{
        padding: 0 20px;
    }
    .fv_ttl {
        font-size: 20px;
        line-height: 1.6;
        width: calc(100% - 40px);
        padding: 10px 20px;
        bottom: -15%;
        left: 20px;
    }
    .fv_ttl:before {
        width: 80px;
        height: 15px;
        bottom: -35px;
        left: calc(50% - 40px);
    }
    .ttl_area + .top_text {
        font-size: 14px;
        line-height: 2;
        padding: 135px 20px 0;
    }
    .white_text {
        margin-top: 30px;
        display: block;
        padding: 20px 20px 15px;
    }
    .white_img {
        margin: 0 auto;
        width: 140px;
        height: 140px;
    }
    .white_text .text_area {
        width: 100%;
        margin: 20px 0 0;
    }
    .white_text .border_text {
        font-size: 12px;
        padding: 5px 6px;
    }
    .white_text .name_wrap {
        display: block;
    }
    .white_text .name_wrap .name {
        font-size: 16px;
        margin-top: 8px;
    }
    .white_text .name_wrap .link {
        font-size: 12px;
        display: inline-block;
    }
    .white_text .text {
        margin-top: 15px;
    }
    #pickUp > .bg_color {
    padding: 25px 0;
    }
    #pickUp > .bg_color .ttl {
        font-size: 18px;
        text-align: left;
    }
    #pickUp > .bg_color .text {
        font-size: 14px;
        margin-top: 15px;
        text-align: left;
    }
    .bg_pt {
        padding: 40px 0 80px;
    }
    .bg_pt .bg_box {
        padding: 20px;
    }
    .bg_box .ico_ttl:before {
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
    }
    .bg_box .ico_ttl {
        font-size: 18px !important;
        padding: 4px 0 4px 40px;
    }
    .bg_box .text h4 {
        font-size: 16px;
        margin-top: 25px;
        padding-bottom: 3px;
    }
    .bg_box .text p {
        margin-top: 14px;
        font-size: 14px;
    }
    .bg_box .text p + h4 {
        margin-top: 45px !important;
    }
    .img_list .img {
        width: 105px;
        height: 105px;
        margin-right: 15px;
    }
    .img_list .text_area{
        width: calc(100% - 120px);
    }
    .img_list .ttl {
        font-size: 16px;
    }
    .bg_box .text {
        font-size: 14px;
    }
    .bg_pt .bg_box + .bg_box {
        margin-top: 40px;
    }
    .box.col2 {
        display: block;
    }
    .box.col2 .item {
        width: 100%;
        padding: 15px 20px;
    }
    .box.col2 .ttl{
        font-size: 16px;
    }
    .box.col2 .item:nth-of-type(even) {
        margin-left: 0;
    }
    .box.col2 .item + .item {
        margin-top: 20px;
    }
    .box.col1 {
        display: block;
        padding: 20px;
    }
    .box.col1 .img {
        width: 100%;
        height: 160px;
    }
    .box.col1 .text_wrap {
        width: 100%;
        margin-top: 20px;
    }
    .box.col1 .ttl {
        font-size: 16px;
    }
    .box.col1 .text {
        margin-top: -5px;
    }
    .box.col1 .btn a {
        width: 100%;
        font-size: 14px;
        padding: 7px 25px 7px 10px;
    }
    .sec_inner > .ttl_wrap .waku_ttl {
        font-size: 18px;
        padding: 18px 40px;
    }
    .sec_inner > .ttl_wrap {
        margin: 50px 0 40px;
    }
    .item_list {
        display: block;
    }
    .item_list .item {
        width: 100%;
        /* display: flex;
        align-items: center; */
        margin: 0 !important;
        padding: 20px;
    }
    .item_list .img {
        width: 110px;
        height: 110px;
        margin: 0 auto;
    }
    .item_list .text {
        font-size: 14px;
        margin-top: 0;
    }
    .item_list .text_area {
        width: 100%;
        /* margin-left: 10px; */
    }
    .item_list .item + .item {
        margin: 20px 0 0 !important;
    }
    .item_list .btn a {
        font-size: 14px;
        margin-top: 15px;
        padding: 10px;
        line-height: 1.3;
    }
    .item_list.col_02 {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        margin: 0;
    }
    .item_list.col_02 .item {
        max-width: initial;
    }
    .item_list.col_03 {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .info_box .ttl {
        font-size: 16px;
        text-align: left;
    }
    .info_box .ttl span {
        display: block;
    }
    .info_box .ttl span:before {
        width: 18px;
        height: 16px;
        top: 4px;
        left: 7px;
    }
    .info_box .text_wrap {
        padding: 0 20px 20px;
    }
    .sec_inner > .ttl_wrap .waku_ttl .small_ttl {
        font-size: 14px;
    }
    .faq_list {padding: 15px 20px;
    margin-bottom: 80px;}

    .faq_list .text_q:before {width: 30px;height: 30px;}

    .faq_list .text_q {font-size: 14px;padding-left: 40px;}

    .faq_list .a_ttl:before {width: 30px;height: 30px;left: -38px;}

    .faq_list .text_a {margin-top: 2px;padding-left: 40px;}

    .faq_list .a_ttl {
        font-size: 16px;
        line-height: 1.5;
    }

    .faq_list .a_text {margin-top: 0;
    font-size: 14px;
    }
    .faq_list .a_text h4 {
        font-size: 16px;
        margin-top: 20px;
    }
    .waku_text {
        font-size: 16px;
        text-align: left;
    }
    .bg_waku {
        padding: 80px 0;
    }
    .waku_area:before {
        width: 70px;
        height: 70px;
    }
    .waku_area {
        padding: 40px 20px 85px;
    }
    .waku_area:after {
        width: 92px;
        height: 74px;
    }
    .check_list {
        display: block;
    }
    .check_list .item {
        width: 100%;
        margin: 0 !important;
        padding: 20px;
    }
    .check_list .item + .item {
        margin-top: 20px !important;
    }
    .check_list .text {
        font-size: 14px;
        margin-top: 15px;
    }
    .check_list .img {
        height: 160px;
    }
    .check_list .text:before {
        width: 8px;
        height: 8px;
        top: calc(50% - 4px);
    }
    #pickUp[class*="dog"] .waku_area:before {
        width: 60px;
        height: 80px;
    }
    #pickUp[class*="dog"] .waku_area:after {
        width: 100px;
        height: 58px;
    }
}

/* 目次 */
#toc_area {
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 25px;
    font-size: 16px;
    margin: 50px auto;
    max-width: 800px;
}
.toc_ttl {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.toc_ttl .ico{
    display: block;
    margin-right: 10px;
}
.toc_ttl .ico img {
    width: 20px;
    height: 20px;
    display: block;
}
#toc_area > ol > li {
    margin-bottom: 20px;
    padding-left: 40px;
    position: relative;
}
#toc_area ol li {
    line-height: 1.8;
    /* margin-bottom: 5px; */
}
#toc_area ol li a {
    text-decoration: underline;
}
#toc_area ol li br {
    display: none !important;
}
#toc_area ol li ol {
    margin-left: 1.6em;
}
#toc_area li.faq:before {
    color: transparent;
    display: none;
}
#toc_area ol{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
#toc_area li:before {
    counter-increment: item;
    content: counter(item,decimal);
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.02em;
    font-size: 14px;
    line-height: 1;
}
/* 上下に表示されるバナー */
.bnr_area {
    display: block;
    margin: 20px auto;
    padding: 0 20px;
}
.bnr_area a {
    display: block;
    margin: 0 auto;
    width: fit-content;
}
/* 濃い背景 */
#pickUp[class*="-b"] #toc_area li:before{
    background: #80b7e2;
}
#pickUp[class*="-o"] #toc_area li:before{
    background: #eba01e;
}
#pickUp[class*="-g"] #toc_area li:before{
    background: #75c160;
}
/* SP */
@media screen and (min-width:1px) and (max-width:768px) {

}

/* 
お役立ち情報 トップ
 */
.contents {
    padding-top: 100px;
}
/* slide */
.useful_topslide {
    margin-bottom: 155px;
}
.useful_topslide .slick-slide a {
    margin: 25px;
    display: block;
    position: relative;
    border-radius: 10px;
    transition: 0.5s;
    overflow: hidden;
}
.useful_topslide .slick-slide a .thumbnail {
    min-height: 450px;
    overflow: hidden;
    max-height: 450px;
}
.useful_topslide .slick-slide a img{
    width: 100%;
    height: 100%;
    height: 35vw;
    object-fit: cover;
}
.useful_topslide .slick-slide a:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
}
.useful_topslide .slick-slide a .ttl {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    bottom: 85px;
    left: 45px;
    width: calc(100% - 90px);
}
.useful_topslide .slick-prev,
.useful_topslide .slick-next  {
    left: 12.5%;
    background: #fff;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    top: 50%;
}
.useful_topslide .slick-next {
    left: auto;
    right: 12.5%;
}
.slick-prev:hover,
 .slick-prev:focus,
  .slick-next:hover,
   .slick-next:focus{
    background: #fff !important;
   }
.useful_topslide .slick-prev:before {
    content: "";
    background: url(../images/useful/pickup/ico_slick.png);
    width: 20px;
    height: 18px;
    background-size: 100%;
    z-index: 10;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
}
.useful_topslide .slick-next:before {
    content: "";
    background: url(../images/useful/pickup/ico_slick.png);
    width: 20px;
    height: 18px;
    background-size: 100%;
    z-index: 10;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    transform: rotate(180deg);
}
.useful_topslide .slick-dots li,
.useful_topslide .slick-dots li button{
    width: 60px;
    height: 5px;}
.useful_topslide .slick-dots li button:before {
    content: "";
    width: 60px;
    height: 5px;
    display: block;
    background: #cccccc;
    border-radius: 2.5px;
    margin: 0 !important;
    opacity: 1;
}
.useful_topslide .slick-dots li.slick-active button:before{
    opacity: 1;
    background: #c71633;
}
/* タブ切り替え */
.tab_cont {
  position: relative;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 20px;
}
.tab_cont .hide {
  display:none;
}
.tab_list {
    display: flex;
    justify-content: center;
    padding: 0 20px;
}
.tab_list .item {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background: #cccccc;
    border-radius: 10px;
    width: 380px;
    position: relative;
    text-align: center;
    padding: 15px;
    transition: 0.5s;
    cursor: pointer;
}
.tab_list .item +.item {
    margin-left: 40px;
}
.tab_list .item .size{
    font-size: 20px;
}
.tab_list .item .en {
    font-size: 16px;
    font-weight: normal;
    display: block;
    text-align: center;
}
.tab_list .item.active,
.tab_list .item:hover {
    background: #481707;
}
.tab_list .item:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: #481707 transparent transparent transparent;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 15px);
    opacity: 0;
}
.tab_list .item.active:before {
    opacity: 1;
}
.tab_list .item.dog:after{
    content: "";
    background: url(../images/useful/pickup/ico_listdog.png);
    background-size: 100%;
    width: 87px;
    height: 50px;
    position: absolute;
    top: -47px;
    left: 18px;
    transition: 0.5s;
}
.tab_list .item.dog.active:after{
    background: url("../images/useful/pickup/ico_listdog-active.png");
    background-size: 100%;
}
.tab_list .item.cat:after{
    content: "";
    background: url("../images/useful/pickup/ico_listcat.png");
    background-size: 100%;
    width: 74px;
    height: 60px;
    position: absolute;
    top: -57px;
    left: 37px;
    transition: 0.5s;
}
.tab_list .item.cat.active:after{
    background: url("../images/useful/pickup/ico_listcat-active.png");
    background-size: 100%;
}

/* tab in */
.tab_inlist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 55px;
}
.tab_inlist > div {
    width: calc((100% - 80px)/2);
    margin: 20px;
}
.tab_inlist > div a {
    display: flex;
    align-items: flex-start;
}
.tab_inlist > div .thumbnail {
    width: 180px;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
}
.tab_inlist > div .thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tab_inlist > div .text_area .ttl {
    font-size: 18px;
    font-weight: bold;
    display: block;
    line-height: 1.4;
    color: #333333;
}
.tab_inlist > div .text_area .text {
    font-size: 14px;
    display: block;
    line-height: 1.57;
    color: #aaaaaa;
    margin-top: 10px;
}
.tab_inlist > div .text_area {
    width: calc(100% - 200px);
    margin-left: 20px;
}
.btn a {
    background: #c71532;
    width: 400px;
    display: flex;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    font-weight: bold;
}
.btn a span {
    position: relative;
}

.btn a span:before {
    content: "";
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 7px;
    right: -13px;
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
}
/* その他 */

.other_list {
    background: url(../images/useful/pickup/dog_blue.jpeg);
    padding: 70px 20px 100px;
    margin-top: 100px;
}
.other_ttl {
    color: #481707;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}
.other_list .post_list {
    padding: 25px 0 50px;
}
br.sp{
    display: none;
}
/* SP */
@media screen  and (max-width:1300px) {
    .useful_topslide .slick-slide a img {
        height: 45vw;
    }
}

@media screen  and (max-width:1024px) {
    .useful_topslide .slick-slide a .thumbnail {
        min-height: auto;
        max-height: none;
    }
}

@media screen and (min-width:1px) and (max-width:768px) {
    .contents {
        padding-top: 60px;
    }
    .tab_inlist > div a {
        display: block;
    }
    .tab_inlist > div .thumbnail {
        width: 100%;
    }
    .tab_inlist > div .text_area {
        width: 100%;
        padding-top: 13px;
        margin: 0;
    }
    .tab_inlist > div {
        width: calc((100% - 40px)/2);
        margin: 10px 10px 20px;
    }
    .tab_list .item +.item {
        margin-left: 20px;
    }
    br.sp{
        display: block !important;
    }
    .tab_list .item {
        padding: 5px;
        font-size: 16px;
    }
    .tab_list .item .size,
    .tab_list .item .en{
        font-size: 14px;
    }
    .tab_list .item.dog:after {
        width: 40px;
        height: 23px;
        top: -20px;
        left: 0;
    }
    .tab_list .item.cat:after {
        width: 37px;
        height: 30px;
        top: -28px;
        left: 0;
    }
    .tab_inlist > div .text_area .ttl{
        font-size: 16px;
    }
    .useful_topslide .slick-prev, .useful_topslide .slick-next {
        left: 2%;
        width: 40px;
        height: 40px;
    }
    .useful_topslide .slick-next {
        left: auto;
        right: 2%;
    }
    .useful_topslide .slick-slide a .ttl {
        font-size: 18px;
        left: 20px;
        bottom: 20px;
        width: calc(100% - 40px);
    }
    .useful_topslide .slick-dots li, .useful_topslide .slick-dots li button,.useful_topslide .slick-dots li button:before{
        width: 20px;
    }
    .useful_topslide {
        margin-bottom: 80px;
    }
}
/* 
お役立ち情報 一覧
 */

.post_list {
    display: flex;
    flex-wrap: wrap;
    max-width: 1120px;
    padding: 0 20px;
    margin: 0 auto !important;
}
.post_list .item_box {
    width: calc((100% - 120px)/3);
    margin: 20px;
}

.post_list .thumbnail {
    border-radius: 10px;
    height: 180px;
    overflow: hidden;
}
.post_list .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.post_list .text_area {
    padding-top: 13px;
}
.post_list .text_area .ttl {
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    color: #333333;
}
.post_list .text_area .text{
    color: #aaaaaa;
    display: block;
    line-height: 1.57;
    font-size: 14px;
    padding-top: 10px;
}

/* pager */
.tax_list .pager.position {
    padding-top: 5px;
}
.tax_list .pager.position .screen-reader-text {
    display: none;
}
.tax_list .pagination .page-numbers.prev,
.tax_list .pagination .page-numbers.next {
    background: none;
    border: none;
    text-decoration: underline;
}
.tax_list .nav-links {
    display: flex;
    justify-content: center;
    background: #f8f8f8;
    padding: 20px;
}
.tax_list .pagination .page-numbers:not(.dots) {
    border-color: #acacac;
    color: #acacac;
    font-size: 14px;
}
.tax_list .pagination .page-numbers:not(.dots).current,
.tax_list .pagination .page-numbers:not(.dots):hover {
    background: #c71532;
    border-color: #c71532;
    color: #fff;
    font-weight: bold;
    opacity: 1;
}
.tax_list .pagination .page-numbers.prev:hover,
.tax_list .pagination .page-numbers.next:hover {
    background: none !important;
    border: none !important;
    color: #acacac !important;
    font-weight: normal !important;
}
/* SP */
@media screen and (min-width:1px) and (max-width:768px) {
    .post_list .item_box {
        width: calc((100% - 40px)/2);
        margin: 10px 10px 20px;
    }
    .post_list .text_area .ttl{
        font-size: 16px;
    }
    .btn a {
        width: 100%;
        height: auto;
        padding: 10px;
        justify-content: flex-start;
        font-size: 14px;
    }
    .btn a br.sp{
        display: none !important;
    }
    .btn a span {
        width: 100%;
        text-align: center;
    }
    .btn a span:before {
        right: 20px;
        top: calc(50% - 5px);
    }
    .tab_inlist {
        margin-top: 30px;
    }

    .tab_inlist {
        margin-bottom: 30px;
    }
    .other_list {
        margin-top: 50px;
        padding: 40px 20px 50px;
    }
    .other_list .post_list {
        padding-bottom: 30px;
    }
    .other_ttl {
        font-size: 24px;
    }
    .useful_topslide .slick-slide a .thumbnail {
        min-height: 45vw;
        max-height: none;
    }
    .useful_topslide .slick-slide a img {
        height: 46vw;
    }
    .post_list .thumbnail{
        height: 100px;
    }
    .other_list .post_list {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 0;
        margin-bottom: 40px !important;
    }
    .other_list .post_list .item_box {
        min-width: 180px;
    }
}
@media screen  and (max-width:350px) {
    .btn a{
        font-size: 12px;
    }
    .btn a span:before {
        right: 10px;
        top: 5px;
    }
}

/* taxonomy cat_list*/
.catbtn_link ul {
    display: flex;
    justify-content: center;
    margin: 20px;
}

.catbtn_link ul li+li {
    margin-left: 20px;
}
@media screen and (min-width:1px) and (max-width:1024px) {
    .catbtn_link ul {
        display: block;
    }
    .catbtn_link ul li+li{
        margin: 20px 0 0 ;
    }
}


/* 230925 */
#pickUp > .bg_color .ttl > span {
    margin-right: 10px;
}
.nav.snav,
.nav.snav.fixed{
    display: none !important;
}
.useful+.subnav + .breadcrumbs{
    margin-top: 10px !important;
}
.btn.single_page {
    margin-top: 50px;
}
/* btn */
.btn.img_btn {
    margin: 50px 0;
}
.btn.img_btn a {
    height: auto;
    width: fit-content;
    min-height: 80px;
    padding: 15px 60px 15px 120px;
    position: relative;
    border-radius: 0;
    background: #fff;
    color: #c71532;
    border: 2px solid #c71532;
}
.btn.img_btn a .img {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 36px;
    transform: translate(0,-50%);
}
.btn.img_btn a .img img {
    max-width: 60px;
    max-height: 60px;
    margin: 0 auto;
    display: block;
}

.btn.img_btn a .img:before {
    display: none;
}

.btn.img_btn a .text {
    text-align: center;
}
.btn.img_btn a .text:before {
    top: calc(50% - 3.5px);
    right: -30px;
    border-color: #c71532;
}
@media screen and (min-width:1px) and (max-width:768px) {
    .item_list .img {
        width: 100%;
        height: auto;
    }
    .btn.img_btn a {
        padding: 15px 30px 15px 80px;
    }
    .btn.img_btn a .img {
        width: 50px;
        height: 50px;
        left: 20px;
    }
    .btn.img_btn a .img img {
        max-width: 50px;
        max-height: 50px;
    }
    .btn.img_btn a .text:before {
        right: -15px;
    }
}

/* 240311 記事内画像出し分け */
.sp_img {
    display: none;
}
@media screen and (min-width:1px) and (max-width:768px) {
    .pc_img {
        display: none;
    }
    .sp_img {
        display: block;
    }
}