@charset "UTF-8";
@media screen and (min-width: 768px),print {
main { width: 100%; max-width: 1920px; margin: 0 auto; }

#main-bx {}
#main-bx .bx{width: 100%; margin: 11px auto 0; background: url(../images/pet/main-bg.png) no-repeat top center; padding: 222px 0 50px;}
#main-bx .bx .inner{width: 1200px; margin: 0 auto;}
#main-bx .bx .inner .in-inner{width: 683px; margin: 0 auto; border: 4px solid #CA0A15; background: #fff; padding: 30px 0px 5px; border-radius: 25px; position: relative; z-index: 1;}
#main-bx .bx .inner .in-inner .icon{text-align: center; margin-bottom: -2px; margin-right: 12px;}
#main-bx .bx .inner .in-inner .ttl{font-size: 44px; font-weight: bold; letter-spacing: 1.8px; text-align: center; margin-bottom: 25px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative;}
#main-bx .bx .inner .in-inner .ttl::after{content: ""; width: 143px; height: 4px; margin: 0 auto; background: #CA0A15; position: absolute; left: 0; right: 0; bottom: -10px;}
#main-bx .bx .inner .in-inner .txt{font-size: 18px; font-weight: bold; letter-spacing: 0.7px; text-align: center; line-height: 1.9; margin-bottom: 5px; font-family: fot-tsukuardgothic-std, sans-serif;}
#main-bx .bx .inner .in-inner .img{text-align: center;}

#con1 {}
#con1 .all-bx{width: 100%; margin: 0 auto 198px; background: #EAE4D7; padding: 100px 0 80px; position: relative; top: -120px;}
#con1 .bx{width: 1100px; margin: 0 auto; position: relative;}
#con1 .bx .top-bx{width: 847px; margin: 0 auto; background: url(../images/pet/con1-ttl-bg.png) no-repeat top center; padding: 35px 0 70px;;}
#con1 .bx .top-bx .top-ttl{font-size: 24px; font-weight: bold; line-height: 2.1; letter-spacing: 0.95px; text-align: center;}
#con1 .bx .top-bx .top-ttl span{color: #CA0A15; border-bottom: 3px solid #FFE57E;}
#con1 .bx .inner{width: 784px; margin: 0 auto 25px; position: relative; border: 2px solid #D83926; background: #fff; padding: 35px 50px 25px 40px;}
#con1 .bx .inner .list{}
#con1 .bx .inner .list li{width: 700px; font-size: 18px; font-weight: bold; letter-spacing: 0.8px; text-align: left; margin: 0 auto 3px; padding: 10px 10px 11px 60px; background: url(../images/pet/con1-li-icon.svg) no-repeat top 13px left 25px,url(../images/pet/con1-li-bg-icon.svg) repeat-x bottom center;;}
#con1 .bx .inner .list li:last-child{width: 700px; font-size: 18px; font-weight: bold; letter-spacing: 0.8px; text-align: left; margin: 0 auto 3px; padding: 10px 10px 11px 60px; background: url(../images/pet/con1-li-icon.svg) no-repeat top 13px left 25px;}
#con1 .bx .inner .icon1{position: absolute; left: -243px; top: -40px;}
#con1 .bx .inner .icon2{position: absolute; right: -253px; top: -36px;}
#con1 .bx .bb-icon{text-align: center; margin-bottom: 34px;}
#con1 .bx .in-inner{width: 1100px; margin: 0 auto -320px; position: relative; background: #1E7744; padding: 50px 0 40px;}
#con1 .bx .in-inner .in-ttl{font-size: 26px; font-weight: bold; letter-spacing: 1px; color: #fff; text-align: center; margin-bottom: 43px; font-family: fot-tsukuardgothic-std, sans-serif;}
#con1 .bx .in-inner .in-list{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; justify-content: center;}
#con1 .bx .in-inner .in-list li{margin-right: 70px;}
#con1 .bx .in-inner .in-list li:last-child{margin-right: 0; position: relative; left: -30px;}

#con2 {}
#con2 .bx{width: 1200px; margin: 0 auto 375px; background: #F7F6F1; padding: 70px 50px 45px; border-radius: 40px;}
#con2 .bx .ttl{font-size: 34px; font-weight: bold; letter-spacing: 1.3px; text-align: center; line-height: 1.4; margin-bottom: 33px; font-family: fot-tsukuardgothic-std, sans-serif;}
#con2 .bx .inner{position: relative; margin-bottom: 50px;}
#con2 .bx .inner .in-inner{width: 611px; margin-left: auto;}
#con2 .bx .inner .in-inner .img1{position: absolute; left: 0; top: 5px;}
#con2 .bx .inner .in-inner .txt{font-size: 16px; letter-spacing: 0.65px; line-height: 2.18; margin-bottom: 62px;}
#con2 .bx .inner .in-inner .txt1{font-size: 18px; font-weight: bold; letter-spacing: 0.7px; margin-bottom: 12px;}
#con2 .bx .inner .in-inner .link{}
#con2 .bx .inner1{width: 1100px; margin: 0 auto; position: relative; border: 3px solid #195D36; background: #fff; padding: 30px 30px 45px;}
#con2 .bx .inner1 .in-inner1{width: 477px; margin-right: auto; margin-left: 40px;}
#con2 .bx .inner1 .in-inner1 .in-ttl{width: 590px; position: relative; left: -70px; top: 0; padding: 7px 10px 7px 40px; font-size: 26px; font-weight: bold; letter-spacing: 1px; color: #fff; text-align: center; margin-bottom: 25px; font-family: fot-tsukuardgothic-std, sans-serif; background: url(../images/pet/con2-ttl-bg.png) no-repeat top center;;}
#con2 .bx .inner1 .in-inner1 .img2{position: absolute; right: 32px; top: 32px;}
#con2 .bx .inner1 .in-inner1 .icon1{position: absolute; right: 389px; top: 113px;}
#con2 .bx .inner1 .in-inner1 .icon2{position: absolute; right: 262px; top: 113px;}
#con2 .bx .inner1 .in-inner1 .in-txt{font-size: 16px; letter-spacing: 0.7px; line-height: 2.18;}

#con3 {}
#con3 .all-bx{width: 100%; margin: 0 auto 20px; background: #F8F6F1; padding: 50px 0 60px; position: relative; top: -120px;}
#con3 .top-bx{width: 1100px; margin: 0 auto -145px; position: relative; top: -215px; background: #fff; border-bottom: 5px solid #CA0A15; padding: 60px 0 20px;}
#con3 .top-bx .top-ttl{text-align: center; margin-bottom: 32px;}
#con3 .top-bx .top-txt{font-size: 24px; font-weight: bold; line-height: 1.95; letter-spacing: 1px; text-align: center; font-family: fot-tsukuardgothic-std, sans-serif;}
#con3 .top-bx .top-icon1{position: absolute; left: 99px; top: 55px;}
#con3 .top-bx .top-icon2{position: absolute; right: 14px; top: 123px;}

#con3 .bx{width: 1100px; margin: 0 auto;}
#con3 .bx .list{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; justify-content: center;}
#con3 .bx .list li{width: 500px; margin-right: 40px; margin-bottom: 336px; position: relative; }
#con3 .bx .list li:nth-child(2n){margin-right: 0;}
#con3 .bx .list li .img{position: absolute; left: 0; right: 0; top: 0;}
#con3 .bx .list li .in-inner{width: 455px; height: 243px; margin: 0 auto; position: relative; top: 295px; background: #fff; padding: 48px 35px;z-index: 1; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px -1px 0px 2px rgba(10,10,10,0.02);}
#con3 .bx .list li:nth-child(7) .in-inner{width: 455px; height: 243px; margin: 0 auto; position: relative; top: 295px; background: #fff; padding: 48px 5px 48px 35px;z-index: 1; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px -1px 0px 2px rgba(10,10,10,0.02);}
#con3 .bx .list li .in-inner .num{position: absolute; left: 13px; top: -55px;}
#con3 .bx .list li .in-inner .ttl{font-size: 26px; font-weight: bold; letter-spacing: 1px; line-height: 1.4; margin-bottom: 15px; font-family: fot-tsukuardgothic-std, sans-serif;}
#con3 .bx .list li .in-inner .txt{font-size: 16px; letter-spacing: 0.7px; line-height: 2.15;}

#works {padding-bottom: 140px;}
#works .inner {width: 1100px;margin: 0 auto;}
#works h2 {text-align: center;margin-bottom: 40px;}
#works .works-img {}

#con4 {margin-bottom: 130px;}
#con4 .bx{width: 1100px; margin: 0 auto; border: 3px solid #1B1B1B; padding: 78px 65px 65px; background: #fff; position: relative;}
#con4 .bx .inner{width: 426px; margin-right: auto;}
#con4 .bx .inner .ttl{font-size: 34px; font-weight: bold; letter-spacing: 1.2px; line-height: 1.4; font-family: fot-tsukuardgothic-std, sans-serif; position: absolute; left: 50px; top: -23px; background: #000; color: #fff; padding: 5px 16px 5px 12px;}
#con4 .bx .inner .ttl1{font-size: 20px; font-weight: bold; letter-spacing: 1px; line-height: 1.35; margin-bottom: 30px; font-family: fot-tsukuardgothic-std, sans-serif;}
#con4 .bx .inner .ttl2{font-size: 40px; font-weight: bold; letter-spacing: 1.8px; line-height: 1.25; margin-bottom: 22px; font-family: fot-tsukuardgothic-std, sans-serif;}
#con4 .bx .inner .bx1{}
#con4 .bx .inner .bx1 .pop-list{position: absolute; right: 53px; top: 34px;}
#con4 .bx .inner .bx1 .txt{font-size: 16px; letter-spacing: 0.6px; position: absolute; right: 120px; top: 340px;}
#con4 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.7px; line-height: 2.2; }

#con5 {}
#con5 .bx{width: 100%; margin: 0 auto; padding: 100px 0 85px; background: #F8F6F1;}
#con5 .bx .inner{width: 1200px; margin: 0 auto; background: url(../images/pet/con5-bg.png) no-repeat top center; padding: 319px 0 76px;;}
#con5 .bx .inner .ttl{font-size: 26px; font-weight: bold; letter-spacing: 1px; color: #fff; line-height: 1.4; margin-bottom: 15px; font-family: fot-tsukuardgothic-std, sans-serif; display: inline-block; }
#con5 .bx .inner .ttl .span1{font-size: 26px; font-weight: bold; letter-spacing: 1.1px; color: #fff; background: #195D36; line-height: 1.4; font-family: fot-tsukuardgothic-std, sans-serif; padding: 11px 0 12px 66px; display: inline-block; width: 740px; margin-bottom: -15px;}
#con5 .bx .inner .ttl .span2{font-size: 26px; font-weight: bold; letter-spacing: 1.1px; color: #fff; background: #195D36; line-height: 1.4; font-family: fot-tsukuardgothic-std, sans-serif; padding: 12px 0 11px 66px; display: inline-block; width: 639px;}

#form .sub-title {text-align: center;font-size: 26px;margin: 0 0 30px;letter-spacing: 1.0px;font-family: fot-tsukuardgothic-std, sans-serif;  }
.form-Box .form-Box-inner {background-color: #F8F6F1;padding-top: 90px;}
.form-bg {background-color: #F8F6F1;}

#con00{ width: 1100px; margin: 0 auto 140px; }
#con00 .ttl{ font-size: 28px; font-weight: 700; line-height: 48px; letter-spacing: 1.4px; margin-bottom: 15px; text-align: center;font-family: fot-tsukuardgothic-std, sans-serif; }
#con00 .txt{ font-size: 20px; line-height: 30px; letter-spacing: 1px; margin-bottom: 50px; text-align: center;font-family: fot-tsukuardgothic-std, sans-serif; }
#con00 .system-list{ display: flex; justify-content: space-between; }
#con00 .system-list li{ line-height: 1.4; width: 32%; background: #fff; position: relative; margin-bottom: 20px; }
#con00 .system-list li:nth-child(3){ display: none; }
#con00 .system-list li a:hover{ text-decoration: none; }
#con00 .system-pic{ width: 100%; height: 240px; overflow: hidden; text-align: center; margin-bottom: 15px;}
#con00 .system-pic img{ max-width: 100%; max-height: 240px; width: auto; height: auto; }
#con00 .system-date{  margin-bottom: 10px; line-height: 1.4;}
#con00 .system-ttl-01{font-size: 16px;font-weight: bold;line-height: 1.4;padding-bottom: 10px;margin-bottom: 20px;}
#con00 .system-category-set{ background-color: #000; padding: 8px 12px; color: #fff; margin-bottom: 15px; display: inline-block; position: absolute; top: 0; left: 0; }




}






@media screen and (max-width: 767px) {

  #main-bx {}
#main-bx .bx{width: 100vw; margin: 3vw auto 0; background: url(../images/pet/sp-main-bg.png) no-repeat top center; padding: 30vw 0 55vw; background-size: 100%;}
#main-bx .bx .inner{width: 100vw; margin: 0 auto;}
#main-bx .bx .inner .in-inner{width: 95vw; margin: 0 auto; border: 2px solid #CA0A15; background: #fff; padding: 5vw 0 3vw; border-radius: 5vw; position: relative; z-index: 1;}
#main-bx .bx .inner .in-inner .icon{width: 8vw; margin: 0 auto 3vw; position: relative; }
#main-bx .bx .inner .in-inner .ttl{font-size: 5.6vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; margin-bottom: 5vw; font-family: fot-tsukuardgothic-std, sans-serif; position: relative;}
#main-bx .bx .inner .in-inner .ttl::after{content: ""; width: 20vw; height: 0.5vw; margin: 0 auto; background: #CA0A15; position: absolute; left: 0; right: 0; bottom: -2vw;}
#main-bx .bx .inner .in-inner .txt{font-size: 3.6vw; font-weight: bold; letter-spacing: 0vw; text-align: center; line-height: 1.9; margin-bottom: 3vw; font-family: fot-tsukuardgothic-std, sans-serif;}
#main-bx .bx .inner .in-inner .img{width: 70vw; margin: 0 auto;}

#con1 {}
#con1 .all-bx{width: 100vw; margin: 0 auto 20vw; background: #EAE4D7; padding: 10vw 0 10vw; position: relative; top: -10vw}
#con1 .bx{width: 100vw; margin: 0 auto; position: relative;}
#con1 .bx .top-bx{width: 80vw; margin: 0 auto; background: url(../images/pet/sp-con1-ttl-bg.png) no-repeat top center; padding: 5vw 5vw 8vw; background-size: 100%;}
#con1 .bx .top-bx .top-ttl{font-size: 4vw; font-weight: bold; line-height: 1.9; letter-spacing: 0.2vw; text-align: center; margin-bottom: 5vw;}
#con1 .bx .top-bx .top-ttl span{color: #CA0A15; border-bottom: 3px solid #FFE57E;}
#con1 .bx .inner{width: 90vw; margin: 0 auto 3vw; position: relative; border: 2px solid #D83926; background: #fff; padding: 5vw 5vw 3vw;}
#con1 .bx .inner .list{}
#con1 .bx .inner .list li{ font-size: 3.6vw; font-weight: bold; letter-spacing: 0.1vw; text-align: left; margin: 0 auto 1vw; padding: 3vw 3vw 3vw 8vw; background: url(../images/pet/con1-li-icon.svg) no-repeat top 3.5vw left 1vw,url(../images/pet/con1-li-bg-icon.svg) repeat-x bottom center; background-size: 4vw,auto;}
#con1 .bx .inner .list li:last-child{ font-size: 3.6vw; font-weight: bold; letter-spacing: 0.1vw; text-align: left; margin: 0 auto 1vw; padding: 3vw 3vw 3vw 8vw; background: url(../images/pet/con1-li-icon.svg) no-repeat top 3.5vw left 1vw; background-size: 4vw;}
#con1 .bx .inner .icon1{width: 22vw; position: absolute; left: -5vw; top: -20vw;}
#con1 .bx .inner .icon2{width: 22vw; position: absolute; right:-5vw; top: -16vw;}
#con1 .bx .bb-icon{width: 10vw; margin: 0 auto 5vw;}
#con1 .bx .in-inner{width: 90vw; margin: 0 auto -30vw; position: relative; background: #1E7744; padding: 5vw;}
#con1 .bx .in-inner .in-ttl{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.2vw; color: #fff; text-align: center; margin-bottom: 5vw; font-family: fot-tsukuardgothic-std, sans-serif;}
#con1 .bx .in-inner .in-list{}
#con1 .bx .in-inner .in-list li{width: 80vw; margin: 0 auto 3vw;}

#con2 {}
#con2 .bx{width: 100vw; margin: 0 auto 25vw; background: #F7F6F1; padding: 8vw 5vw; border-radius: 5vw;}
#con2 .bx .ttl{font-size: 5vw; font-weight: bold; letter-spacing: 0.2vw; text-align: center; line-height: 1.66; margin-bottom: 5vw; font-family: fot-tsukuardgothic-std, sans-serif;}
#con2 .bx .inner{margin: 0 auto 5vw;}
#con2 .bx .inner .in-inner{}
#con2 .bx .inner .in-inner .img1{margin: 0 auto 5vw;}
#con2 .bx .inner .in-inner .txt{font-size: 3.6vw; letter-spacing: 0vw; line-height: 2; margin-bottom: 5vw;}
#con2 .bx .inner .in-inner .txt1{font-size: 4vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 3vw;}
#con2 .bx .inner .in-inner .link{width: 70vw; margin: 0 auto 5vw;}
#con2 .bx .inner1{position: relative; border: 2px solid #195D36; background: #fff; padding: 5vw;}
#con2 .bx .inner1 .in-inner1{}
#con2 .bx .inner1 .in-inner1 .in-ttl{width: 90vw; position: relative; left: -15vw; top: 0; padding: 1vw 3vw 3vw 15vw; font-size: 5vw; font-weight: bold; letter-spacing: 0.2vw; color: #fff; text-align: left; margin-bottom: 5vw; font-family: fot-tsukuardgothic-std, sans-serif; background: url(../images/pet/sp-con2-ttl-bg.png) no-repeat top center; background-size: 70vw;}
#con2 .bx .inner1 .in-inner1 .img2{width: 80vw; margin: 0 auto 45vw; text-align: center;}
#con2 .bx .inner1 .in-inner1 .icon1{width: 30vw; position: absolute; left: 10vw; top: 90vw;}
#con2 .bx .inner1 .in-inner1 .icon2{width: 31vw; position: absolute; right: 10vw; top: 91vw;}
#con2 .bx .inner1 .in-inner1 .in-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 2;}

#con3 {}
#con3 .all-bx{width: 100vw; margin: 0 auto 5vw; background: #F8F6F1; padding: 5vw 5vw 3vw; position: relative; top: -10vw;}
#con3 .top-bx{width: 90vw; margin: 0 auto 10vw; position: relative; top: -15vw; background: #fff; border-bottom: 3px solid #CA0A15; padding: 5vw 5vw 15vw;}
#con3 .top-bx .top-ttl{width: 60vw; margin: 0 auto 5vw;}
#con3 .top-bx .top-txt{font-size: 3.8vw; font-weight: bold; line-height: 1.95; letter-spacing: 0vw; text-align: left; font-family: fot-tsukuardgothic-std, sans-serif;}
#con3 .top-bx .top-icon1{width: 15vw; position: absolute; left: 28vw; top: 45vw;}
#con3 .top-bx .top-icon2{width: 30vw; position: absolute; right: 15vw; top: 55vw;}

#con3 .bx{ margin: 0 auto;}
#con3 .bx .list{}
#con3 .bx .list li{ margin: 0 auto 10vw; position: relative; }
#con3 .bx .list li .img{margin: 0 auto 3vw;}
#con3 .bx .list li .in-inner{ margin: 0 auto; position: relative; background: #fff; padding: 8vw 5vw 5vw;z-index: 1; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px -1px 0px 2px rgba(10,10,10,0.02);}
#con3 .bx .list li .in-inner .num{width: 12vw; position: absolute; left: 3vw; top: -6vw;}
#con3 .bx .list li .in-inner .ttl{font-size: 5vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.4; margin-bottom: 3vw; font-family: fot-tsukuardgothic-std, sans-serif;}
#con3 .bx .list li .in-inner .txt{font-size: 3.6vw; letter-spacing: 0vw; line-height: 2;}

#works {padding-bottom: 25vw;}
#works .inner {width: 87vw;margin: 0 auto;}
#works h2 {margin: 0 auto 8vw;}
#works .works-img {}


#con4 {
    margin-bottom: 10vw;
}
#con4 .bx{width: 95vw; margin: 0 auto; border: 2px solid #1B1B1B; padding: 8vw 5vw; background: #fff; position: relative;}
#con4 .bx .inner{}
#con4 .bx .inner .ttl{font-size: 4.2vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.4; font-family: fot-tsukuardgothic-std, sans-serif; position: absolute; left: 5vw; top: -5vw; background: #000; color: #fff; padding: 2vw 3vw}
#con4 .bx .inner .ttl1{font-size: 3.8vw; font-weight: bold; letter-spacing: 0vw; line-height: 1.35; margin-bottom: 3vw; font-family: fot-tsukuardgothic-std, sans-serif;}
#con4 .bx .inner .ttl2{font-size: 6.4vw; font-weight: bold; letter-spacing: 0.3vw; line-height: 1.35; margin-bottom: 3vw; font-family: fot-tsukuardgothic-std, sans-serif;}
#con4 .bx .inner .bx1{}
#con4 .bx .inner .bx1 .pop-list{margin: 0 auto 1vw;}
#con4 .bx .inner .bx1 .txt{font-size: 3.6vw; letter-spacing: 0.2vw; margin-bottom: 3vw;}
#con4 .bx .inner .txt1{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 2; }

#con5 {}
#con5 .bx{width: 100vw; margin: 0 auto 15vw; padding: 0 0 5vw; background: #195D36;}
#con5 .bx .inner{width: 100vw; margin: 0 auto; background: url(../images/pet/sp-con5-bg.png) no-repeat top center; padding: 90vw 0 5vw; background-size: 100%;}
#con5 .bx .inner .ttl{font-size: 4vw; font-weight: bold; letter-spacing: 0.2vw; color: #fff; line-height: 1.8; margin-bottom: 5vw; font-family: fot-tsukuardgothic-std, sans-serif; margin: 0 10vw; text-align: center;}
#con5 .bx .inner .ttl .span1{font-size: 4vw; font-weight: bold; letter-spacing: 0.2vw; color: #fff; font-family: fot-tsukuardgothic-std, sans-serif; }
#con5 .bx .inner .ttl .span2{font-size: 4vw; font-weight: bold; letter-spacing: 1.1px; color: #fff; font-family: fot-tsukuardgothic-std, sans-serif; }



#form .sub-title {text-align: center;font-size: 5.0vw;margin: 0 0 3vw;letter-spacing: 1.0px;font-family: fot-tsukuardgothic-std, sans-serif;}
.form-Box .form-Box-inner {background-color: #F8F6F1;padding-top: 9vw;}
.form-bg {background-color: #F8F6F1;padding-bottom: 3vw;}

#con00{ margin: 0 4vw 12vw; }
#con00 .ttl{ font-size: 4.6vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.242vw; margin-bottom: 2vw; text-align: center;font-family: fot-tsukuardgothic-std, sans-serif;}
#con00 .txt{ font-size: 3.9vw; line-height: 30px; letter-spacing: 0.242vw; margin-bottom: 6vw; text-align: center;font-family: fot-tsukuardgothic-std, sans-serif; }
#con00 .system-list{ 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; }
#con00 .system-list li{ line-height: 1.4; width: 49%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 8vw; }
#con00 .system-list li:nth-child(2n){ margin-right: 0; }
#con00 .system-list li a:hover{ text-decoration: none; }
#con00 .system-pic{ width: 100%; height: 38vw; overflow: hidden; text-align: center; margin-bottom: 1.5vw;}
#con00 .system-pic img{ max-width: 100%; max-height: 38vw; width: auto; height: auto; }
#con00 .system-date{  margin-bottom: 1.5vw; line-height: 1.4;}
#con00 .system-date span {margin: 0 1vw 0 0;color: #fff;padding: 0 1vw;background: #d83826;}
#con00 .system-ttl-01{font-size: 3.8vw;font-weight: bold;line-height: 1.4;padding-bottom: 2vw;margin-bottom: 4vw;}
#con00 .system-category-set{ background-color: #000; padding: 1vw 2vw; color: #fff; display: inline-block; position: absolute; top: 0; left: 0; font-size: 3.4vw; }


}