@charset "UTF-8";
@import url("page-system_pcsp.css");
@import url("page-system_base.css");

@media screen and (min-width: 768px), print {
  main { margin-top: 40px; }

.sysyb{
  margin-bottom: 104px;
}

  #case{
    .system-default-list {
    .system-default-item {
        background-color: #FFFFFF;
    }
    .system-default-item a:hover {
        text-decoration: none;
    }

    .system-default-item:hover .system-ttl {
        text-decoration: underline;
    }

    .system-default-item:nth-child(3n) {
        margin-right: 0px;
    }

    .system-pic img {
        aspect-ratio: 360 / 240;
        max-width: 100%;
        height: auto;
    }

    .system-flex {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 18px 20px 2px 20px;
        border-bottom: 1px solid #E8E5E0;
    }

    .system-flex .system-box-l {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.05em;
        line-height: 1.7;
        color: #222;
        margin-bottom: 12px;
    }

    .system-flex .system-box-r {
        position: relative;
        top: -7px;
    }

    .system-flex .system-box-r .system-cate-list li {
        border-radius: 4px;
        background-color: #222222;
        padding: 0px 11px 0px;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.05em;
        text-align: right;
        color: #fff;
        display: inline-block;
        margin-right: 5px;
margin-top: 5px;
    }

    .system-ttl {
        padding: 15px 19px 0px;
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 26px;
        text-align: left;
        color: #222;
    }
  }
}


#case{
.system-detail-inner{

.system-ttl{
  margin-bottom: 19px;
}

.system-txt{
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 0.05em;
        line-height: 1.7;
        color: #222;
        margin-bottom: 5px;
}
  .system-cate-list {
    margin-bottom: 32px;
  }
.system-cate-list li {
        border-radius: 4px;
        background-color: #222222;
        padding: 0px 12px 2px;
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 0.05em;
        text-align: right;
        color: #fff;
        display: inline-block;
        margin-right: 8px;
    }


    .BAslide{

      
   .Before-midashi {
        font-weight: bold;
        font-size: 22px;
        letter-spacing: 0.03em;
        color: #252525;
        margin-bottom: 7px;
    }

.After-midashi {
        font-weight: bold;
        font-size: 22px;
        letter-spacing: 0.03em;
        color: #252525;
        margin-bottom: 7px;
    }

.Before-img{
  text-align: center;
}
.After-img{
  text-align: center;
}

      .Before img{
            max-width: 100%;
            width: auto;
    height: auto;
    max-height: 351px;
    margin: 0 auto;
      }
          .After img{
            max-width: 100%;
                        width: auto;
    height: auto;
    max-height: 351px;
    margin: 0 auto;
      }
    }

.s-ttl-2 {
        font-weight: bold;
        font-size: 22px;
        letter-spacing: 0.05em;
        line-height: 1.65;
        text-align: left;
        color: #252525;
        padding-bottom: 12px;
        margin-bottom: 32px;
        border-bottom: 1px solid #252525;
        background-position: left 0;

border-left: 5px solid #020F32;
padding-left: 16px;

    }

    .arrow {
    position: absolute;
    top: 267px;
    right: 0;
    left: 0;
    display: inline-block;
    width: 0;
    margin: 0 auto;
    border: 23px solid transparent;
    border-right-width: 0;
    border-left-color: #F85B08;
}
.system-gallery{
margin-bottom: 16px;
}
  }
}


  #staff .system-default-list .system-pic img { aspect-ratio: 330 / 206.25; max-width: 100%; height: auto; }
  #staff .system-default-list .system-job { font-size: 14px; letter-spacing: 0.05em; line-height: 1.65; text-align: left; color: #a5a5a5; margin-top: 15px; margin-bottom: 5px; }
  #staff .system-default-list .system-ttl { font-weight: 700; color: #222; }
  #staff .system-detail-inner .system-job { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #A5A5A5; margin-bottom: 8px; }


  #voice .system-default-list .system-pic img { aspect-ratio: 330 / 206.25; max-width: 100%; height: auto; }
  #voice .system-default-list .system-txt { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 1.65; text-align: left; color: #a5a5a5; margin-top: 15px; margin-bottom: 5px; }
  #voice .system-default-list .system-ttl { font-weight: 700; color: #222; }
  #voice .system-detail-inner .system-area { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #A5A5A5; margin-bottom: 8px; }

    #news .system-list >li .sy-flex{
      display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    }
    #news .system-list >li .sy-flex .box-l{
      width: 120px;
    margin-right: 16px;
     img { aspect-ratio: 120/75; max-width: 100%; height: auto; }
    }
    #news .system-list >li .sy-flex .box-r{
width: calc(100% - 136px);
    }


  #news .system-list >li a { display: block; border-top: 1px solid #BFBDBD; padding: 17px 55px 16px 20px; }
  #news .system-list >li:last-child a { border-bottom: 1px solid #BFBDBD; }
  #news .system-list >li a:hover { text-decoration: none; }
  #news .system-list >li:hover .system-ttl { text-decoration: underline; }
  #news .system-list .system-date { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #f99b19; margin-bottom: 7px; }
  #news .system-list .system-ttl { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #222; }
  #news .system-detail-inner .system-date { font-weight: 500; font-size: 18px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #F99B19; margin-bottom: 6px; }
  #blog .mainContents { float: right; width: 73%; position: relative; top: 0px; }
  #blog.dl-c .mainContents { top: -8px; }
  #blog .system-list >li a { display: block; border-top: 1px solid #BFBDBD; padding: 17px 55px 16px 20px; }
  #blog .system-list >li:last-child a { border-bottom: 1px solid #BFBDBD; }
  #blog .system-list >li a:hover { text-decoration: none; }
  #blog .system-list >li:hover .system-ttl { text-decoration: underline; }
  #blog .system-list .system-date { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #f99b19; margin-bottom: 7px; }
  #blog .system-list .system-ttl { font-weight: 500; font-size: 14px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #222; }
  #blog aside.sidebar { float: left; width: 23%; position: relative; top: -31px; }
  #blog aside.sidebar .aside-blog-ttl { margin-bottom: 20px; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #ccc; }
  #blog aside.sidebar .aside-blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #F85B08; }
  #blog aside.sidebar .aside-blog-ttl span.jp { font-size: 0.938em; font-weight: bold; }
  #blog aside.sidebar .list-block { margin: 20px 0 40px; }
  #blog aside.sidebar .list-block .side-day { font-size: 14px; line-height: 1.4; margin-bottom: 10px; color: #F99B19; }
  #blog aside.sidebar .list-block .side-blog-new-list li { border-bottom: 1px dotted #b2b2b2; padding-bottom: 8px; margin-bottom: 8px; }
  #blog aside.sidebar .list-block .side-blog-new-list a { display: block; }
  #blog aside.sidebar .acbox a { font-size: 0.875rem; line-height: 1.4; display: block; margin-bottom: 15px !important; padding-bottom: 15px; border-bottom: 1px dotted #ddd; }
  #sidebar .widget_calendar { margin-bottom: 40px; }
  table#wp-calendar { font-size: 12px; width: 100%; margin: 5px auto 0 auto; margin-bottom: 30px; padding: 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }
  table#wp-calendar caption { font-weight: bold; width: auto; margin: 10px 0 0 0; padding: 10px; text-align: center; border: thin solid #eee; border-radius: 3px 3px 0 0; background-color: #fff; }
  table#wp-calendar #today { font-weight: bold; z-index: 1; display: block; background-color: #cef; }
  table#wp-calendar .pad { font-weight: bold; background-color: #eee; }
  table#wp-calendar th, table#wp-calendar td { padding: 7px 0; text-align: center; vertical-align: middle; }
  table#wp-calendar td { line-height: 1.8; border: thin solid #eee; background-color: #fff; }
  table#wp-calendar th { font-style: normal; color: #333; border-right: thin solid #eee; border-left: thin solid #eee; background-color: #f0f0f0; }
  table#wp-calendar a { font-size: 12px; padding: 0; text-decoration: underline; color: #00a0dd; }
  #blog .system-detail-inner .system-date { font-weight: 500; font-size: 18px; letter-spacing: 0.05em; line-height: 26px; text-align: left; color: #F99B19; margin-bottom: 6px; }
  #event-list .system-default-list .system-pic { text-align: center;
  margin-bottom: 0px;
  }
  #event-list .system-default-list .system-pic img { aspect-ratio: 400/560; max-width: 100%; height: auto; }
  #event-list .system-default-list .system-pic.event-off img { 
    /* filter: grayscale(1); */
   }
  #event-list .system-default-list .sy_radio-box > p { border: 1px solid #000; padding: 5px 5px 5px; text-align: center; font-weight: 700; }
  #event-list .system-default-list .sy_radio-2 { background-color: #1c1c1c; color: #fff; }

  #event-list .system-default-list .system-ttl {
font-weight: bold;
font-size: 20px;
letter-spacing: 0.05em;
line-height: 32px;
text-align: left;
color: #222;
margin-top: 10px;
  }

  #event-list .system-default-list .system-info {
    margin-top: 12px;
  }
  #event-list .system-default-list .system-info .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 9px; }
  #event-list .system-default-list .system-info .system-flex:last-child { margin-bottom: 0; }
  #event-list .system-default-list .system-info .system-flex .system-box-l { width: 92px; text-align: center; font-weight: 500; font-size: 14px; color: #fff; margin-right: 18px; }
  #event-list .system-default-list .system-info .system-flex .system-box-l .system-color { background-color: #8F4C18; display: block; }
  #event-list .system-default-list .system-info .system-flex .system-box-r { width: 200px; font-weight: normal; font-size: 14px; text-align: left; color: #000; }
  #event-list .system-detail-inner .system-i-pic.event-off img { 
    /* filter: grayscale(1); */
   }

  #event-list .system-detail-inner .sy_radio-box > p { width: 176px; border: 1px solid #000; padding: 6px 5px; text-align: center; font-weight: 700; margin-bottom: 20px; font-size: 15px; }
  #event-list .system-detail-inner .sy_radio-2 { background-color: #1c1c1c; color: #fff; }
  #event-list .system-detail-inner .table-info-box { text-align: center; margin-bottom: 48px; }

  #event-list .system-detail-inner .table-info-box .table-box { width: 800px; margin: 0 auto; border: 1px solid #1c1c1c; }
  #event-list .system-detail-inner .table-info-box .table-box tr:last-child .th-txt, #event-list .system-detail-inner .table-info-box .table-box tr:last-child .td-txt { border-bottom: none; line-height: 1.7; }
  #event-list .system-detail-inner .table-info-box .table-box .th-txt, #event-list .system-detail-inner .table-info-box .table-box .td-txt { padding: 10px 16px; }
  #event-list .system-detail-inner .table-info-box .table-box .th-txt { background-color: #1c1c1c; font-weight: 500; font-size: 16px; text-align: center; color: #fff; border-bottom: 1px solid #ccc; width: 128px; vertical-align: middle; }
  #event-list .system-detail-inner .table-info-box .table-box .td-txt { font-weight: normal; font-size: 16px; text-align: left; color: #000; border-bottom: 1px solid #1c1c1c; }

	#event-list .form-anchor-btn{}
	#event-list .form-anchor-btn a{display: block;width: 350px;margin: 0 auto; background-color: #000;font-size: 24px;color: #fff;text-align: center;border-radius: 100px;padding: 10px 0 10px;margin-bottom: 60px;text-decoration: none;}
	
	
	
  #adoption .system-default-list .system-pic{}
  #adoption .system-default-list .system-pic img{
    aspect-ratio: 320 / 210;
    max-width: 100%;
    height: auto;
  }

#adoption .system-default-list .system-default-item{
  width: 320px;
  background-color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);

}
#adoption .system-default-list .sy-body{
  padding: 15px 30px 23px;
}
#adoption .system-default-list .system-ttl{font-weight: 500;font-size: 18px;letter-spacing: 0.05em;line-height: 1.65;text-align: center;color: #222;border-bottom: 2px solid #eac512;padding-bottom: 5px;margin-bottom: 12px;}

#adoption .system-default-list .sy-txt{
font-weight: 500;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 28px;
text-align: left;
color: #222;
}



#adoption .card-3{
  grid-template-columns: repeat(auto-fill, 320px);
          row-gap: 70px;
        column-gap: 70px;
}


#adoption .system-detail-inner .system-i-pic { margin-bottom: 32px; text-align: center; }
#adoption .system-detail-inner .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 900px; }
#adoption .system-detail-inner .table-info-box { text-align: center; margin-bottom: 48px; }
#adoption .system-detail-inner .table-info-box .table-box { width: 100%; margin: 0 auto; border: 1px solid #1c1c1c; }
#adoption .system-detail-inner .table-info-box .table-box trlast-child .th-txt { font-size: 20px; }
#adoption .system-detail-inner .table-info-box .table-box trlast-child .td-txt { border-bottom: none; line-height: 1.7; }
#adoption .system-detail-inner .table-info-box .table-box .th-txt, #adoption .system-detail-inner .table-info-box .table-box .td-txt { padding: 10px 16px; }
#adoption .system-detail-inner .table-info-box .table-box .th-txt {background-color: #EDE4DA;font-weight: 500;font-size: 16px;text-align: left;/* color: #fff; */border-bottom: 1px solid #1c1c1c;width: 195px;vertical-align: middle;}
#adoption .system-detail-inner .table-info-box .table-box .td-txt {font-weight: normal;font-size: 16px;text-align: left;color: #000;border-bottom: 1px solid #1c1c1c;line-height: 1.7;}


#birth-year{
  width: 6em;
    margin-right: .3em;
}
#birth-month{
  width: 4em;
  margin-left: .5em;
margin-right: .3em;
}
#birth-day{
  width: 4em;
  margin-left: .5em;
  margin-right: .3em;
}

}



@media screen and (max-width: 767px) {
  main { margin-top: 7vw; }
.sysyb{
  margin-bottom: 14vw;
}

  #case{
    .system-default-list {
width: 89.372vw;margin: 0 auto;display: flex;flex-wrap: wrap;
.system-default-item {width: 43.478vw;margin-right: 2.415vw;margin-bottom: 3.382vw;background-color: #FFFFFF;}
.system-default-item a:hover { text-decoration: none; }
.system-default-item:hover .system-ttl { text-decoration: underline; }
.system-default-item:nth-child(2n) { margin-right: 0px; }
.system-pic img { aspect-ratio: 360 / 240; max-width: 100%; height: auto; }
.system-flex {/* display: flex; *//* flex-wrap: wrap; *//* -webkit-box-pack: justify; */-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;padding: 2.415vw 3.382vw 1.932vw 3.382vw;border-bottom: 1px solid #E8E5E0;}
.system-flex .system-box-l {font-weight: 500;color: #222;font-size: 2.899vw;letter-spacing: 0.05em;line-height: 1.65;margin-bottom: 0px;
margin-bottom: 1.208vw;
}
.system-flex .system-box-r {/* position: relative; *//* top: 0.725vw; */}
.system-flex .system-box-r .system-cate-list li {border-radius: 0.483vw;background-color: #222222;padding: 0.483vw 1.932vw 0.725vw;font-weight: 500;text-align: right;color: #fff;display: inline-block;font-size: 2.899vw;letter-spacing: 0.05em;line-height: normal;
  margin-right: 1.208vw;
  margin-bottom: 1.208vw;
}

.system-ttl {padding: 1.932vw 3.382vw 4.106vw;font-weight: bold;text-align: left;color: #222;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 5.797vw;}
  }
}


#case{
.system-detail-inner{
.system-cate-list li {border-radius: 0.483vw;background-color: #222222;padding: 0.483vw 1.932vw 0.725vw;font-weight: 500;text-align: right;color: #fff;display: inline-block;font-size: 2.899vw;letter-spacing: 0.05em;line-height: normal;
  margin-right: 1.208vw;
  margin-bottom: 1.208vw;
}
}
}



#case{
.system-detail-inner{

.system-ttl{
  margin-bottom: 3.14vw;
}

.system-txt{
        font-weight: 500;
        font-size: 3.382vw;
        letter-spacing: 0.05em;
        line-height: 6.28vw;
        text-align: left;
        margin-bottom: 1.208vw;
        color: #222;
}
  .system-cate-list {
    margin-bottom: 2.657vw;
  }
.system-cate-list li {
        border-radius: 0.966vw;
        background-color: #222222;
        padding: 0px 2.899vw 0.483vw;
        font-weight: 500;
        font-size: 3.623vw;
        letter-spacing: 0.05em;
        text-align: right;
        color: #fff;
        display: inline-block;
        margin-right: 1.932vw;
    }


    .BAslide{

.Before{
        background-image: url(../images/system/sp-dl-icon.svg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 9.179vw;
        padding-bottom: 10.662vw;
        margin-bottom: 0.242vw;
}
      
   .Before-midashi {font-weight: bold;color: #222;background-position: 25.121vw 1.932vw;background-size: 5.072vw;margin-bottom: 3.449vw;font-size: 4.106vw;letter-spacing: 0.03em;}

.After-midashi {
        font-weight: bold;
        color: #222;
        background-position: 21.014vw 1.691vw;
        background-size: 5.072vw;
        margin-bottom: 3.483vw;
        font-size: 4.106vw;
        letter-spacing: 0.03em;
    }

.Before-img{
  text-align: center;
}
.After-img{
  text-align: center;
}

      .Before img{
            max-width: 100%;
            width: auto;
    height: auto;
    max-height: 84.783vw;
    margin: 0 auto;
      }
          .After img{
            max-width: 100%;
            width: auto;
    height: auto;
    max-height: 84.783vw;
    margin: 0 auto;
      }
    }

.s-ttl-2 {
        font-weight: bold;
        font-size: 5.314vw;
        letter-spacing: 0.05em;
        line-height: 1.65;
        text-align: left;
        color: #252525;
        padding-bottom: 2.899vw;
        margin-bottom: 7.729vw;
        border-bottom: 1px solid #252525;
        background-position: left 0;

border-left: 5px solid #020F32;
padding-left: 3.865vw;

    }

    .arrow {
display: none;
}
.system-gallery{
margin-bottom: 3.865vw;
}
  }


}

body:not(.no-rp) .BAslide .Before, body:not(.no-rp) .BAslide .After {
        width: 100%;
    }



  #staff .system-default-list { width: 89.372vw; margin: 0 auto; }
  #staff .system-default-list .system-default-item { margin-bottom: 9.662vw; }
  #staff .system-default-list .system-pic img { aspect-ratio: 370 / 232; max-width: 100%; height: auto; }
  #staff .system-default-list .system-job {font-size: 3.382vw;letter-spacing: 0.05em;line-height: 1.65;text-align: left;color: #a5a5a5;margin-top: 3.14vw;margin-bottom: 1.208vw;}
  #staff .system-default-list .system-ttl { font-weight: 700; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #222; }
  #staff .system-detail-inner .system-job {font-size: 3.382vw;letter-spacing: 0.05em;line-height: 1.65;text-align: left;margin-bottom: 1.208vw;color: #A5A5A5;}


  #voice .system-default-list { width: 89.372vw; margin: 0 auto; }
  #voice .system-default-list .system-default-item { margin-bottom: 9.662vw; }
  #voice .system-default-list .system-pic img { aspect-ratio: 370 / 232; max-width: 100%; height: auto; }
  #voice .system-default-list .system-txt { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 1.65; text-align: left; color: #a5a5a5; margin-top: 3.14vw; margin-bottom: 1.208vw; }
  #voice .system-default-list .system-ttl { font-weight: 700; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #222; }
  #voice .system-detail-inner .system-area { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; margin-bottom: 1.208vw; color: #A5A5A5; }


    #news .system-list >li .sy-flex{
      display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    }
    #news .system-list >li .sy-flex .box-l{
      width: 84px;
    margin-right: 16px;
     img { aspect-ratio: 84/53; max-width: 100%; height: auto; }
    }
    #news .system-list >li .sy-flex .box-r{
width: calc(100% - 100px);
    }


  #news .system-list { width: 89.372vw; margin: 0 auto; }
  #news .system-list >li a { display: block; border-top: 1px solid #BFBDBD; padding: 3.865vw 3.623vw 4.589vw 3.623vw; }
  #news .system-list >li:last-child a { border-bottom: 1px solid #BFBDBD; }
  #news .system-list >li a:hover { text-decoration: none; }
  #news .system-list >li:hover .system-ttl { text-decoration: underline; }
  #news .system-list .system-date {font-weight: 500;font-size: 3.382vw;letter-spacing: 0.05em;text-align: left;color: #f99b19;margin-bottom: 1.691vw;line-height: normal;margin-top: -1.208vw;}
  #news .system-list .system-ttl { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #222; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; }
  #news .system-detail-inner .system-date { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #F99B19; margin-bottom: 1.208vw; }
  #event-list .system-default-list { width: 83.575vw; margin: 0 auto; }
  #event-list .system-default-list .system-pic { text-align: center; }
  #event-list .system-default-list .system-pic img {aspect-ratio: 400 /560;max-width: 100%;height: auto;}
  #event-list .system-default-list .system-pic.event-off img { 
    /* filter: grayscale(1); */
  }
  #event-list .system-default-list .sy_radio-box > p { border: 1px solid #000; padding: 1.208vw 1.208vw 1.208vw; text-align: center; font-weight: 700; font-size: 3.623vw; }
  #event-list .system-default-list .sy_radio-2 { background-color: #1c1c1c; color: #fff; }
  #event-list .system-default-list > article { margin-bottom: 9.42vw; }
  #event-list .system-default-list .system-ttl { font-weight: bold; font-size: 4.348vw; line-height: 7.729vw; text-align: left; color: #000; padding: 0 0; margin-top: 3.865vw; }
  #event-list .system-default-list .system-info { border-top: 1px solid #1c1c1c; margin-top: 2.899vw; padding-top: 4.831vw; }
  #event-list .system-default-list .system-info .system-flex { display: flex; flex-wrap: wrap; margin-bottom: 2.415vw; }
  #event-list .system-default-list .system-info .system-flex:last-child { margin-bottom: 0; }
  #event-list .system-default-list .system-info .system-flex .system-box-l { width: 24.155vw; text-align: center; font-weight: 500; font-size: 3.865vw; color: #fff; margin-right: 4.831vw; }
  #event-list .system-default-list .system-info .system-flex .system-box-l .system-color {background-color: #1c1c1c;display: block;}
  #event-list .system-default-list .system-info .system-flex .system-box-r { width: 54.348vw; font-weight: normal; font-size: 3.865vw; text-align: left; color: #000; }
  #event-list .system-detail-inner .system-i-pic.event-off img { 
    /* filter: grayscale(1); */
   }
  #event-list .system-detail-inner .sy_radio-box > p { width: 30.918vw; border: 1px solid #000; padding: 0.483vw 1.208vw; text-align: center; font-weight: 700; margin-bottom: 3.865vw; font-size: 3.382vw; }
  #event-list .system-detail-inner .sy_radio-2 { background-color: #1c1c1c; color: #fff; }
  #event-list .system-detail-inner .table-info-box { text-align: center; margin-bottom: 11.594vw; }
  #event-list .system-detail-inner .table-info-box .table-box {width: 100%;margin: 0 auto;border: 1px solid #1c1c1c;}
  #event-list .system-detail-inner .table-info-box .table-box tr:last-child .th-txt, #event-list .system-detail-inner .table-info-box .table-box tr:last-child .td-txt { border-bottom: none; line-height: 1.7; }
  #event-list .system-detail-inner .table-info-box .table-box .th-txt, #event-list .system-detail-inner .table-info-box .table-box .td-txt { padding: 1.208vw 3.865vw 1.208vw; }
  #event-list .system-detail-inner .table-info-box .table-box .th-txt {background-color: #1c1c1c;font-weight: 500;font-size: 3.865vw;text-align: center;color: #fff;border-bottom: 1px solid #ccc;width: 30.918vw;vertical-align: middle;}
  #event-list .system-detail-inner .table-info-box .table-box .td-txt {font-weight: normal;font-size: 3.865vw;text-align: left;color: #000;border-bottom: 1px solid #8F4C18;}
	
	#event-list .form-anchor-btn{}
	#event-list .form-anchor-btn a{display: block;width: 80%;margin: 0 auto; background-color: #000;font-size: 5.0vw;color: #fff;text-align: center;border-radius: 100px;padding: 3vw 0 3vw;margin-bottom: 10vw;text-decoration: none;}
	
  #blog .mainContents { margin: 0 4vw; }
  #blog .system-list { width: 89.372vw; margin: 0 auto; }
  #blog .system-list >li a { display: block; border-top: 1px solid #BFBDBD; padding: 3.865vw 3.623vw 4.589vw 3.623vw; }
  #blog .system-list >li:last-child a { border-bottom: 1px solid #BFBDBD; }
  #blog .system-list >li a:hover { text-decoration: none; }
  #blog .system-list >li:hover .system-ttl { text-decoration: underline; }
  #blog .system-list .system-date { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #f99b19; margin-bottom: 1.691vw; }
  #blog .system-list .system-ttl { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #222; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.072vw; }
  #sidebar .widget_calendar { margin-bottom: 6vw; }
  table#wp-calendar { font-size: 3.382vw; width: 100%; margin: 1vw auto 0 auto; margin-bottom: 4vw; padding: 0; table-layout: fixed; border-spacing: 0; border-collapse: collapse; }
  table#wp-calendar caption { font-weight: bold; width: auto; margin: 2vw 0 0 0; padding: 2vw; text-align: center; border: thin solid #eee; border-radius: 0.5vw 0.5vw 0 0; background-color: #fff; }
  table#wp-calendar #today { font-weight: bold; z-index: 1; display: block; background-color: #cef; }
  table#wp-calendar .pad { font-weight: bold; background-color: #eee; }
  table#wp-calendar th, table#wp-calendar td { padding: 1vw 0; text-align: center; vertical-align: middle; }
  table#wp-calendar td { line-height: 1.8; border: thin solid #eee; background-color: #fff; }
  table#wp-calendar th { font-style: normal; color: #333; border-right: thin solid #eee; border-left: thin solid #eee; background-color: #f0f0f0; }
  table#wp-calendar a { font-size: 3.382vw; padding: 0; text-decoration: underline; color: #00a0dd; }
  aside.sidebar { width: 89.372vw !important; margin: 0 auto; }
  aside.sidebar .aside-blog-ttl { margin-bottom: 5%; padding-bottom: 5%; text-align: center; border-bottom: 1px solid #ccc; }
  aside.sidebar .aside-blog-ttl span.en { font-size: 3.4vw; display: block; letter-spacing: 0.242vw; color: #F85B08; line-height: normal; }
  aside.sidebar .aside-blog-ttl span.jp { font-size: 3.382vw; font-weight: bold; }
  aside.sidebar .list-block { margin: 10% 0 11%; }
  aside.sidebar .acbox a { font-size: 3.4vw; line-height: 1.6; display: block; margin-bottom: 3vw !important; padding-bottom: 3vw; border-bottom: 1px dotted #ddd; }
  #blog aside.sidebar .list-block .side-day { font-size: 3.382vw; line-height: 1.4; margin-bottom: 2.415vw; color: #F99B19; }
  #blog aside.sidebar .list-block .side-blog-new-list li { border-bottom: 1px dotted #b2b2b2; padding-bottom: 1.932vw; margin-bottom: 1.932vw; }
  #blog aside.sidebar .list-block .side-blog-new-list a { display: block; padding: 3.865vw 3.623vw 4.589vw 3.623vw; }
  #blog .system-detail-inner .system-date { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.28vw; text-align: left; color: #F99B19; margin-bottom: 1.208vw; }
  #topics .system-list { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
  #topics .system-list-inner { padding: 5% 3%; background: #fff; }
  #topics .system-list li { line-height: 1.4; overflow: hidden; margin-bottom: 5%; padding: 0 0 5%; border-bottom: 1px dotted #b2b2b2; }
  #topics .system-list li a:hover { text-decoration: none; }
  #topics .system-list .system-date { font-size: 3vw; line-height: 1.4; margin-bottom: 2%; }
  #topics .system-date::before { content: "■"; }
  #topics .system-list .system-ttl-01 { font-size: 3.6vw; line-height: 1.6; }
  #topics .system-list .system-category-set { margin-bottom: 2%; }
  #topics .system-list .system-category { font-size: 3.4vw; width: 49%; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background: #111; }
  #topics .system-category-set p { display: inline-block; margin-right: 1vw; padding: 0.4vw 4vw; color: #fff; background: #000 !important; }
  #topics .icon01 { background: #000 !important; }
  #topics .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
  #topics .system-contents-inner { padding: 5% 3%; background: #fff; }
  #topics .system-contents .system-date { font-size: 3.4vw; display: block; margin-bottom: 3vw; }
  #topics .system-contents .system-category-set { width: 100%; margin-bottom: 5%; }
  #topics .system-contents .system-category { font-size: 3.4vw; width: 50%; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background: #111; }
  #topics .system-contents .system-ttl { font-size: 4vw; font-weight: bold; line-height: 1.4; margin-bottom: 4vw; padding-bottom: 1vw; border-bottom: 1px #ccc solid; }

  #voice .system-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10%; padding: 4% 2%; background: #eeefef; -webkit-box-lines: multiple; -moz-box-lines: multiple; -moz-flex-wrap: wrap; }
  #voice .system-list li { line-height: 1.4; position: relative; position: relative; width: 49%; margin-right: 2%; margin-bottom: 5%; padding: 2vw; background: #fff; }
  #voice .system-list li:nth-child(2n) { margin-right: 0; }
  #voice .system-list li a:hover { text-decoration: none; }
  #voice .system-list .btn { font-size: 3.4vw; position: absolute; bottom: 0; left: 0; width: 100%; padding: 4% 3%; text-align: center; color: #fff; background: #333; }
  #voice .system-list .btn::after { content: ' >'; }
  #voice .system-list .system-pic { overflow: hidden; width: 100%; height: 30vw; margin-bottom: 2vw; text-align: center; }
  #voice .system-list .system-pic img { width: 100%; height: 30vw; }
  #voice .system-list .system-date { font-size: 3.4vw; margin-bottom: 5%; }
  #voice .system-list .system-date::before { content: "■"; }
  #voice .system-list .system-name { font-size: 3vw; margin-bottom: 4vw; }
  #voice .system-list .system-ttl-01 { font-size: 3.4vw; line-height: 1.6; margin-bottom: 3vw; }
  #voice .system-category-set { margin-top: -8%; margin-bottom: 8%; }
  #voice .system-category { font-size: 3.4vw; font-weight: bold; margin-bottom: 0.2vw; padding: 1vw; text-align: center; color: #fff; background-color: #ccc; }
  #voice .serchcategory { margin: 0 3% 10%; }
  #voice .serchcategory .icon { font-size: 3.4vw; display: inline-block; margin-right: 1%; margin-bottom: 3%; padding: 4.5% 3%; text-align: center; color: #fff; }
  #voice .system-contents .system-coment { margin-bottom: 5%; }
  #voice .system-contents { margin-bottom: 10%; padding: 4% 2%; background: #eeefef; }
  #voice .system-contents-inner { padding: 5% 3%; background: #fff; }
  #voice .system-contents .system-date { font-size: 3.4vw; line-height: 1.4; display: block; margin-bottom: 5%; }
  #voice .system-contents .system-category { font-size: 3.4vw; width: 100%; margin-bottom: 0.2vw; padding: 4% 3%; text-align: center; color: #fff; }
  #voice .system-contents .system-category-set { margin-top: 0; margin-bottom: 5%; }
  #voice .system-contents .system-ttl { font-size: 4vw; font-weight: bold; line-height: 1.6; margin-bottom: 4vw; padding-bottom: 2vw; border-bottom: 1px #ccc solid; }
  #voice .system-contents .system-i-pic { margin-bottom: 8%; text-align: center; }
  #voice .system-contents .system-i-pic img { max-width: 100%; }
  #voice .system-contents .system-i-pic { margin-bottom: 8%; text-align: center; }
  #voice .system-contents .system-i-pic img { max-width: 100%; height: auto; }

#adoption .system-default-list .system-pic{}
  #adoption .system-default-list .system-pic img{
    aspect-ratio: 320 / 210;
    max-width: 100%;
    height: auto;
  }

#adoption .system-default-list .system-default-item{
  width: 100%;
  background-color: #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
margin-bottom: 9.662vw;

}
#adoption .system-default-list .sy-body{
  padding: 3.623vw 7.246vw 13.527vw;
}
#adoption .system-default-list .system-ttl{font-weight: 500;font-size: 4.348vw;letter-spacing: 0.05em;line-height: 1.65;text-align: center;color: #222;border-bottom: 2px solid #eac512;padding-bottom: 1.208vw;margin-bottom: 2.415vw;}

#adoption .system-default-list .sy-txt{font-weight: 500;text-align: left;color: #222;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 6.28vw;}

#adoption .card-3{
width: 77.295vw;
margin: 0 auto;
}

#adoption .system-detail-inner .system-i-pic {margin-bottom: 7.246vw;text-align: center;}
#adoption .system-detail-inner .system-i-pic img { width: auto; max-width: 100%; height: auto; max-height: 217.391vw; }
#adoption .system-detail-inner .table-info-box {text-align: center;margin-bottom: 7.729vw;}
#adoption .system-detail-inner .table-info-box .table-box { width: 100%; margin: 0 auto; border: 1px solid #1c1c1c; 
border-bottom: none;
}
#adoption .system-detail-inner .table-info-box .table-box trlast-child .th-txt { font-size: 4.831vw; }
#adoption .system-detail-inner .table-info-box .table-box trlast-child .td-txt { border-bottom: none; line-height: 1.7; }
#adoption .system-detail-inner .table-info-box .table-box .th-txt, #adoption .system-detail-inner .table-info-box .table-box .td-txt {padding: 1.932vw 3.865vw;display: block;width: 100%;}

#adoption .system-detail-inner .table-info-box .table-box .th-txt {background-color: #EDE4DA;font-weight: normal;font-size: 3.865vw;text-align: left;border-bottom: none;width: 100%;vertical-align: middle;
font-weight: 700;
}
#adoption .system-detail-inner .table-info-box .table-box .td-txt {font-weight: normal;font-size: 3.865vw;text-align: left;color: #000;border-bottom: 1px solid #1c1c1c;padding: 2.899vw 3.865vw;}

#birth-year{
  width: 6em;
    margin-right: .3em;
}
#birth-month{
  width: 4em;
  margin-left: .5em;
margin-right: .3em;
}
#birth-day{
  width: 4em;
  margin-left: .5em;
  margin-right: .3em;
}


}