@charset "UTF-8";

#topics .system-category.blog-icon02{
  background: #dc000c !important;
}


@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
  -------------------------------------*/
.slback{background: url('../images/index/main-back.png')no-repeat bottom center;padding-bottom: 55px;margin-bottom: 30px;}

  .slider-3mai-Box {position: relative;width: 100%; max-width: 1920px; margin: 0 auto; min-width: 1280px;}
  .slider-3mai-Box .slider-3mai {  }
  .slider-3mai-Box .slider-3mai li { width: 100% !important; }
  .slider-3mai-Box .slider-3mai li img { width: 100% !important; }
  .slider-3mai-Box .bx-wrapper .bx-controls-direction a { position: absolute; top: 40%; outline: 0; width: 50px; height: 100px; text-indent: -9999px; z-index: 9999; }

  .bxslider_thumbnail{position: relative;width: 1100px;margin: 32px auto 0 auto;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .bxslider_thumbnail::before{content: url('../images/index/main-icon.png');position: absolute;top: -141px;left: -50px;z-index: 100;}
  .bxslider_thumbnail li{float: left;margin-right: 6px;width: 214px;}
  .bxslider_thumbnail li:nth-child(5){ margin-right: 0; }

  .side-fix { display: none;}

.modelopen-box{ width: 900px; margin: 0 auto 120px; }

  /* topics -------------------------------------*/
  #topics{width: 1100px;margin: 0 auto 40px;position: relative;}
  #topics h2{text-align: center;font-weight: bold;margin-bottom: 80px;position: absolute;left: 50px;top: -20px;font-size: 42px;letter-spacing: 2.1px;}
  #topics .en{position: absolute;top: 44px;left: 109px;}
  #topics .btn{position: absolute;top: 99px;left: 102px;}
  #topics .btn a{ position: relative; }
  #topics .btn a::after{position: relative;top: -2px;left: 12px;content: url('../images/index/contents01-arr.svg');}
  #topics .inner-Box{padding-left: 280px;}
  #topics .system-pic{ width: 120px; float: left; height: 83px; margin-right: 16px; overflow: hidden; text-align: center; }
  #topics .system-pic img{ max-width: 100%; max-height: 83px; width: auto; height: auto;}
  #topics .system-list{margin-bottom: 80px;}
  #topics .system-list li{width: 100%;overflow: hidden;background: #fff;position: relative;border-bottom: 1px dotted #ccc;margin-bottom: 20px;padding-bottom: 20px;padding-left: 20px;}
  #topics .system-list li a:hover{ text-decoration: none; }
  #topics .system-list li .text{ width: 664px; float: left;}
  #topics .system-date{margin-bottom: -3px;font-size: 14px;}
  #topics .system-date::before{}
  #topics .system-ttl-01{ font-size: 16px; letter-spacing: 0.8px; }
  #topics .system-category-set{
   -ms-flex-wrap: wrap;flex-wrap: wrap;
   display:-webkit-box;display:-ms-flexbox;display:flex;
   -webkit-box-orient: horizontal;-webkit-box-direction: normal;  }
  #topics .system-category{color: #fff;text-align: center;padding: 3px;line-height: 1;width: 20%;
    margin: 0 6px 6px 0;font-size: 14px;background: #2b5aa5 !important;}
  #topics .icon01{ background: #2b5aa5; }
  #topics .system-icon02{ padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }
  #topics .banner-box{ display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #topics .banner-box li{ width: 520px; float: left; margin-right:60px; margin-bottom: 60px;}
  #topics .banner-box li:nth-child(2n){ margin-right: 0px; }

  /* event -------------------------------------*/
  #event{width: 100%;margin: 0 auto 82px;padding: 62px 0;background: #fff;}
  #event h2{text-align: center;font-weight: bold;margin-bottom: 10px;font-size: 42px;letter-spacing: 2.1px;position: relative;}
  #event h2::before{content: url('../images/index/contents02-ttl.svg');position: absolute;top: -31px;left: 390px;}
  #event .text-b{font-size: 17px;font-weight: 700;letter-spacing: 0.85px;text-align: center;margin-bottom: 24px;}
  #event .btn{position: absolute;top: 85px;right: 112px;}
  #event .btn a{position: relative;font-weight: 700;}
  #event .btn a::after{position: relative;top: -2px;left: 12px;content: url('../images/index/contents01-arr.svg');}
  #event .inner-Box{ width: 1100px; margin: 0 auto; position: relative;}
  #event .inner-Box::before{content: url('../images/index/contents02-back.png');top: 12px;right: -90px;position: absolute;}
  #event .system-list{margin: 0 auto 50px;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;width: 820px;}
  #event .system-list li{width: 31%;margin-right: 3%;background: #fff;padding: 0.5%;position: relative;margin-bottom: 20px;}
  #event .system-list li:nth-child(3n){ margin-right: 0;}
  #event .system-list li a:hover{ text-decoration: none; }
  #event .system-pic{width: 100%;height: 250px;overflow: hidden;text-align: center;}
  #event .system-pic img{width: 100%;height: auto;}
  #event .system-date{ font-size: 0.75em; margin-bottom: 15px; }
  #event .system-date::before{ content: "■"; }
  #event .system-ttl-01{font-size: 16px;padding: 10px 10px 15px;}
  #event .system-icon{font-weight: bold;font-size: 16px;color: #fff;text-align: center;padding: 2px;background: #000;}
  #event .icon01{ background-color: #28b0c5; }
  #event .icon02{ background-color: #f09100; }
  #event .icon03{ background-color: #15a271; }
  #event .icon04{ background-color: #9B732E; }
  #event .icon05{ background-color: #FE7CA4; }
  #event .icon06{ background-color: #E13C3C; }
  #event .icon07{ background-color: #79B141; }
  #event table{ width: 100%; border-top: 1px solid #0090dc; }
  #event table th{ font-size: 14px; border-bottom: 1px solid #0090dc;background: #2b5aa5; width: 76px; padding: 13px 0; color: #fff; text-align: center;}
  #event table td{ font-size: 14px; border-bottom: 1px solid #0090dc;background: #fff; padding: 13px 13px;}

#contents03{background: #f3f2e6;padding-top: 30px;}
#contents03 .inner-Box{width: 1200px;margin: 0 auto;padding-left: 65px;padding-bottom: 63px;}
#contents03 .inner-Box h2{text-align: center;font-size: 36px;letter-spacing: 1.8px;line-height: 60px;margin-bottom: 43px;font-weight: 700;}
#contents03 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 24px;}
#contents03 .inner-Box ul li{width: 269px;float: left;margin-right: 70px;text-align: center;position: relative;}
#contents03 .inner-Box ul li:nth-child(3n){margin-right: 0;width: 300px;position: relative;top: -27px;}
#contents03 .inner-Box ul li:nth-child(2){width: 390px;margin-right: 55px;}
#contents03 .inner-Box ul li h3 span{ font-size: 20px; font-weight: 700; letter-spacing: 1px; display: inline-block; background: #fff; border-radius: 100px; line-height: 1; padding: 10px 30px; margin-bottom: 5px; }
#contents03 .inner-Box ul li h3{margin-bottom: -17px;position: relative;}
#contents03 .inner-Box ul li .no{display: block;margin-bottom: -4px;}
#contents03 .inner-Box .btn{ width: 560px; margin: 0 auto; }
#contents03 .inner-Box .btn a{ position: relative;color: #fff;display: block;width: 560px;height: 80px;border-radius: 60px;background: #dc000c;padding: 30px 30px 30px 180px;font-size: 18px;letter-spacing: 0.9px;line-height: 1;font-weight: 700;}
#contents03 .inner-Box .btn a::before{content: url('../images/index/contents03-photo04.png');position: absolute;bottom: -67px;left: 14px;}
#contents03 .inner-Box .btn a::after{content: url('../images/index/contents03-arr02.svg');position: relative;bottom:0;left: 10px;}
#contents03 .inner-Box .btn a:hover{ text-decoration: none; }
#contents03 .inner-Box ul li:nth-child(1)::before{content: url('../images/index/contents03-arr.svg');position: absolute;bottom: 147px;right: -126px;}
#contents03 .inner-Box ul li:nth-child(2)::before{content: url('../images/index/contents03-arr.svg');position: absolute;bottom: 147px;right: -66px;}



#contents04{margin-bottom: 88px;}
#contents04 .ttlbox{text-align: center;position: relative;width: 600px;margin: 0 auto;padding-top: 50px;}
#contents04 .ttlbox h2{font-size: 42px;letter-spacing: 2.1px;font-style: normal;position: relative;margin-bottom: 23px;font-weight: bold;}
#contents04 .ttlbox h2::before{content: url('../images/index/contents04-ttl.svg');position: absolute;top: 24px;right: -2px;}
#contents04 .text-b{font-size: 17px;font-weight: 700;letter-spacing: 0.85px;text-align: center;margin-bottom: 24px;}
#contents04 .system-list{ margin-bottom: 20px; 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; }
#contents04 .system-list li{border-radius: 20px;border: 1px solid #1a1a1a;padding: 20px;margin-bottom: 30px;}
#contents04 .system-pic{ width: 100%; height: 194px; overflow: hidden; text-align: center; }
#contents04 .system-pic img{ width: 100%; height: 194px; }
#contents04 .system-list li h3{background: #1a1a1a;position: relative;font-size: 14px;font-weight: 700;letter-spacing: 0.7px;padding: 5px 26px;color: #fff; margin-bottom:15px;}
#contents04 .system-list li h3::before{content: "";width: 4px;height: 20px;position: absolute;top: 7px;left: 11px;background: #fff;}
#contents04 .system-list li h4{ font-size: 16px; font-weight: 700; letter-spacing: 0.8px; margin-bottom: 20px; }
#contents04 .system-list li .pri{ text-align: center; color: #dc000c; font-weight: 700; letter-spacing: 0.8px; font-size: 24px; }
#contents04 .system-list li .pri .tex1{ color: #1a1a1a; letter-spacing: 0.8px; font-size: 16px; }
#contents04 .system-list li .pri .tex2{ font-size: 16px; }
#contents04 .system-list li .text{ font-size: 14px; border-bottom: #ccc dotted 1px; padding-bottom: 12px; margin-bottom: 12px; }
#contents04 .bx-wrapper .bx-prev {left: 322px;background-image: url('../images/index/contents04-left.svg');background-position: 0 0;}
#contents04 .bx-wrapper .bx-next {right: 321px;background-image: url('../images/index/contents04-right.svg');background-position: 0 0;}
#contents04 .inner-Box .btn{width: 560px;margin: 41px auto 0 auto;}
#contents04 .inner-Box .btn a{display: block;font-size: 18px;letter-spacing: 0.9px;line-height: 1;border: 2px solid #1a1a1a;width: 560px;height: 80px;background: #fff;text-align: center;position: relative;border-radius: 90px;padding-top: 31px;font-weight: bold;}
#contents04 .btn a::after{position: relative;top: -2px;left: 12px;content: url('../images/index/contents01-arr.svg');}


#contents05{width: 1160px;margin: 0 auto 150px;}
#contents05 h2{color: #644414;font-size: 42px;letter-spacing: 2.1px;font-style: normal;position: relative;margin-bottom: 3px;font-weight: bold;text-align: center;}
#contents05 .text-b{font-size: 17px;font-weight: 700;letter-spacing: 0.85px;text-align: center;margin-bottom: 18px;}
#contents05 .system-list{ margin-bottom: 20px; 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; }
#contents05 .system-list li{ width: 210px; float: left; margin-right: 27px; }
#contents05 .system-list li:nth-child(5n){ margin-right: 0; }
#contents05 .system-pic{width: 100%;height: 160px;overflow: hidden;text-align: center;margin-bottom: 21px;}
#contents05 .system-pic img{ width: auto; height: 100%; max-width: 100%; }
#contents05 .system-list li h3{background: #1a1a1a;position: relative;font-size: 14px;font-weight: 700;letter-spacing: 0.7px;padding: 5px 26px;color: #fff; margin-bottom:15px;}
#contents05 .system-list li h3::before{content: "";width: 4px;height: 20px;position: absolute;top: 7px;left: 11px;background: #fff;}
#contents05 .system-list li h4{ font-size: 16px; font-weight: 700; letter-spacing: 0.8px; margin-bottom: 20px; }
#contents05 .system-list li .pri{ text-align: center; color: #dc000c; font-weight: 700; letter-spacing: 0.8px; font-size: 24px; }
#contents05 .system-list li .pri .tex1{ color: #1a1a1a; letter-spacing: 0.8px; font-size: 16px; }
#contents05 .system-list li .pri .tex2{ font-size: 16px; }
#contents05 .system-list li .text{font-size: 14px;padding: 0 10px;}
#contents05 .bx-wrapper .bx-prev {left: 322px;background-image: url('../images/index/contents04-left.svg');background-position: 0 0;}
#contents05 .bx-wrapper .bx-next {right: 321px;background-image: url('../images/index/contents04-right.svg');background-position: 0 0;}
#contents05 .inner-Box .btn{width: 389px;margin: 41px auto 0 auto;}
#contents05 .inner-Box .btn a{display: block;font-size: 18px;letter-spacing: 0.9px;line-height: 1;width: 391px;height: 68px;text-align: center;position: relative;border-radius: 90px;padding-top: 24px;color: #fff;background-color: #644414;font-weight: bold;}
#contents05 .btn a::after{position: relative;top: -2px;left: 5px;content: url('../images/index/contents04-arr.svg');}
#contents05 .system-list li:nth-child(6){ display: none;}

#contents06{background: url('../images/index/contents06-back.jpg')no-repeat top center;padding-top: 89px;margin-bottom: 28px;}
#contents06 .inner-Box{ width: 1100px; margin: 0 auto; }
#contents06 h2{text-align: center;font-size: 50px;letter-spacing: 2.5px;font-weight: 700;line-height: 1.6;margin-bottom: 99px;}
#contents06 h2 span{ color: #dc000c; }
#contents06 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 99px;}
#contents06 ul li{text-align: center;background: url('../images/index/contents06-arr.svg')no-repeat bottom right #f3f2e6;width: 340px;float: left;margin-right: 40px;position: relative;padding: 20px 20px 28px 20px;}
#contents06 ul li:nth-child(3n){ margin-right: 0; }
#contents06 ul li .no{position: absolute;top: -31px;left: 0;width: 340px;}
#contents06 ul li figure{margin-bottom: 20px;}
#contents06 ul li h3{font-weight: 700;font-size: 20px;letter-spacing: 1px;margin-bottom: 30px;}
#contents06 ul li p{ font-size: 16px; font-weight: 700; letter-spacing: 0.8px; }
#contents06 ul li p span{ color: #dc000c; }
#contents06 .banner{ text-align: center; }



  /* case -------------------------------------*/
  #case{width: 1100px;margin: 0 auto 30px;padding: 80px 0 28px 0;}
  #case h2{text-align: center;font-size: 42px;letter-spacing: 2.1px;font-style: normal;position: relative;margin-bottom: -16px;font-weight: bold;}
  #case .en{text-align: center;display: block;margin-bottom: 45px;}
  #case .en img{ margin: 0 auto; }
  #case .inner-Box{ width: 100%; margin: 0 auto; position: relative; }
  #case .btn{position: absolute;top: 65px;right: 10px;}
  #case .btn a{position: relative;font-weight: 700;}
  #case .btn a::after{position: relative;top: -2px;left: 12px;content: url('../images/index/contents01-arr.svg');}

  #case .system-list{margin-bottom: 0px;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;}
  #case .system-list li{width: 260px;margin-right: 20px;background: #fff;position: relative;margin-bottom: 20px;}
  #case .system-list li:nth-child(4n){ margin-right: 0;}
  #case .system-list li a:hover{ text-decoration: none; }
  #case .system-pic{width: 100%;height: 230px;overflow: hidden;text-align: center;margin-bottom: 14px;}
  #case .system-pic img{ width: 100%; height: 230px; }
  #case .system-date{margin-bottom: 5px;line-height: 1.4;font-size: 14px;color: #dc000c;}
  #case .system-date::before{}
  #case .system-ttl-01{ font-size: 1em; margin-bottom: 20px; line-height: 1.4; }
  #case .system-category-set { margin-bottom: 15px;}
  #case .system-category{ margin-bottom: 1px; font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc;}
  #case .icon01{ background: #000; }
  #case .icon02{ background: #111; }
  #case .icon03{ background: #222; }
  #case .icon04{ background: #333; }
  #case .icon05{ background: #444; }
  #case .icon06{ background: #555; }
  #case .system-icon02{ padding: 5px 10px; background: #ccc; position: absolute; top: 35px; left: 0; }
  

  /* voice -------------------------------------*/
  #voice{width: 100%;margin: 0 auto;padding: 37px 0 30px 0;background: #f3f2e6;}
  #voice .inner-Box{ width: 1100px; margin: 0 auto; position: relative;}
  #voice h2{text-align: left;font-size: 2em;font-weight: bold;margin-bottom: 32px;}
  #voice h2 span{font-size: 18px;font-weight: 700;letter-spacing: 0.9px;position: relative;top: 15px;left: 25px;}
  #voice .btn{position: absolute;top: 37px;right: 10px;}
  #voice .btn a{position: relative;font-weight: 700;}
  #voice .btn a::after{position: relative;top: -2px;left: 12px;content: url('../images/index/contents01-arr.svg');}
  #voice .system-list{ margin-bottom: 20px; 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; }
  #voice .system-list li{width: 340px;margin-right: 40px;position: relative;margin-bottom: 20px;padding: 1%;}
  #voice .system-list li:nth-child(3n){ margin-right: 0;}
  #voice .system-list li:nth-child(4){ display: none;}
  #voice .system-list li:nth-child(1)::before{content: url('../images/index/contents08-en01.svg');position: absolute;top: 5px;left:0;}
  #voice .system-list li:nth-child(2)::before{content: url('../images/index/contents08-en02.svg');position: absolute;top: 5px;left:0;}
  #voice .system-list li:nth-child(3)::before{content: url('../images/index/contents08-en03.svg');position: absolute;top: 5px;left:0;}
  #voice .system-list li a:hover{ text-decoration: none; }
  #voice .system-list li .textb{width: 320px;background: #fff;padding: 20px;position: relative;left: -10px;}
  #voice .system-pic{width: 100%;height: 220px;margin-bottom: -20px;overflow: hidden;text-align: center;position: relative;left: 10px;top: -9px;}
  #voice .system-pic img{ width: 100%; height: 220px; }
  #voice .system-customer{margin-bottom: 10px;line-height: 1.4;color: #644414;font-size: 14px;letter-spacing: 0.7px;}
  #voice .system-customer::before{}
  #voice .system-ttl-01{ font-size: 1em; margin-bottom: 20px; line-height: 1.4; }
  #voice .system-category{ margin-bottom: 10px; font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 3px; background-color: rgba(35, 24, 21, 0.7);}
  
#contents09{padding-top: 80px;}
#contents09 .sub-ttl{text-align: center;font-size: 22px;font-weight: 700;letter-spacing: 1.1px;display: block;margin-bottom: 26px;}
#contents09 h2{text-align: center;margin-bottom: 20px;}
#contents09 h3{font-size: 40px;font-weight: 700;text-align: center;letter-spacing: 2px;line-height: 56px;margin-bottom: 55px;}
#contents09 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 77px;}
#contents09 ul li{ width: 19%; margin-right: 1%; float: left; position: relative;}
#contents09 ul li img{ width: 100%; height: auto; }
#contents09 ul li p{background: #dc000c;width: 103%;padding: 27px 17px 27px 27px;color: #fff;font-size: 24px;font-weight: 700;letter-spacing: 1.2px;line-height: 39px;position: absolute;bottom: -18px;left: 0;}
#contents09 .inner-Box .btn{margin: 41px auto 100px auto;width: 560px;}
#contents09 .inner-Box .btn a{display: block;font-size: 18px;letter-spacing: 0.9px;line-height: 1;height: 68px;text-align: center;position: relative;border-radius: 90px;padding-top: 24px;color: #fff;background: #dc000c;width: 560px;font-weight: bold;}
#contents09 .btn a::after{position: relative;top: -2px;left: 5px;content: url('../images/index/contents04-arr.svg');}
#contents09 .banner{ text-align: center; }


  #blog-news{width: 1230px;margin: 0 auto;padding: 121px 0 0px 0;}
  
  /* blog -------------------------------------*/
  #blog{margin-bottom: 95px;}
  #blog h2{text-align: center;font-weight: bold;margin-bottom: 12px;font-size: 18px;}
  #blog .en{text-align: center;display: block;margin-bottom: 26px;}
  #blog .en img{margin: 0 auto;position: relative;left: 15px;}
  #blog .btn{position: absolute;top: 25px;right: 73px;}
  #blog .btn a{position: relative;font-weight: 700;}
  #blog .btn a::after{position: relative;top: -2px;left: 12px;content: url('../images/index/contents01-arr.svg');}

  #blog .inner-Box{border-radius: 20px;border: 2px solid #dc000c;position: relative;background: #fff;padding: 65px 40px 46px 40px;margin-bottom: 85px;}
  #blog .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #blog .system-list li{width: 100%;background: #fff;margin-bottom: 20px;padding-bottom: 20px;width: 200px;float: left;margin-right: 36px;}
  #blog .system-list li:nth-child(5n){ margin-right: 0; }
  #blog .system-list li a:hover{ text-decoration: none; }
  #blog .system-pic{width: 200px; text-align: center; overflow: hidden;text-align: center;margin-bottom: 14px;}
  #blog .system-pic img{ max-width: 100%; height: auto; }
  #blog .system-txt {  }
  #blog .system-date{color: #dc000c; font-size: 14px; margin-bottom: 10px; }
  #blog .system-ttl{ font-size: 14px; line-height: 1.4; }
  #blog .inner-Box2{ width: 1040px; margin: 0 auto; position: relative; }
  #blog .inner-Box2 .banner02{position: absolute;left: 293px;top:0;}
  #blog .inner-Box2 h4{position: absolute;left: 607px;top: 20px;}
  #blog .inner-Box2 ul{position: absolute;left: 792px;top: 25px;width: 260px;}
  #blog .inner-Box2 ul li{ float: left; margin-right: 30px;  }
  #blog .inner-Box2 ul li:nth-child(5n){ margin-right: 0; }

#contents11{ background: url('../images/index/contents11-back.jpg')no-repeat top center;  }
#contents11 .inner-Box{padding-top: 246px;width: 1000px;margin: 0 auto;}
#contents11 h2{text-align: center;color: #fff;font-size: 36px;font-weight: 700;letter-spacing: 1.8px;line-height: 56px;}
#contents11 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents11 ul li:nth-child(1){width: 420px;float: left;position: relative;padding-top: 40px;text-align: center;}
#contents11 ul li:nth-child(2){width: 420px;float: left;position: relative;text-align: center;left: 130px;padding-top: 21px;}
#contents11 ul li h3{font-size: 32px;font-weight: 700;letter-spacing: 1.6px;line-height: 40px;margin-bottom: 40px;position: relative;}
	#contents11 ul li h3 span{font-size: 12px;letter-spacing: 5px;}


#contents11 ul li a{ color: #fff; }
#contents11 ul li:nth-child(1) figure{position: relative;}
#contents11 ul li:nth-child(2) figure{position: relative;top: -20px;}

#contentsseo{ background: url('../images/index/seo-back.jpg')no-repeat top center; }
#contentsseo h2{text-align: center;display: block;margin-bottom: 32px;}
#contentsseo h2 img{ margin: 0 auto; }
#contentsseo .inner-Box{width: 901px;margin: 0 auto;color: #fff;padding-top: 35px;padding-bottom: 46px;}
#contentsseo .inner-Box p{ font-size: 13px; letter-spacing: 1.3px; line-height: 24px; }

/* ▼20250507 見出しタグh1追加 */
.h-title {font-size: 14px;margin-top: 10px;text-align: center;}
/* ▲20250507 見出しタグh1追加 */

/* ▼20250703 topfaq追加 */
#faq {width: 1230px; margin: 0 auto; padding: 121px 0 0px 0;}
#faq>section {margin-bottom: 95px;}
#faq .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#faq h2 {text-align: center;font-weight: bold;position: relative;font-style: normal;font-size: 42px;letter-spacing: 2.1px;margin-bottom: 45px;}
#faq .js-accordion--close {display: none;}
#faq .accordion-box {height: 0;overflow: hidden;transition: .4s ease;padding: 0 35px;}
#faq .accordion .item {border-bottom: 1px solid #000;margin-bottom: 20px;}
#faq .accordion .item:last-child {margin-bottom: 0px;}
#faq .js-accordion {position: relative;padding: 0 35px 15px;outline: none;border: none;background: none;width: 100%;cursor: pointer;}
#faq .js-accordion>div {text-align: left;}
#faq .js-accordion>div p {margin-bottom: 8px;}
#faq .js-accordion>div p,#faq .accordion-box p {font-size: 20px;font-weight: bold;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#faq .js-accordion::before {content: "";width: 2px;height: 16px;background: #000;position: absolute;right: 18px;top: 0;bottom: 0;margin: auto;transition: .6s ease;}
#faq .js-accordion::after {content: "";width: 16px;height: 2px;background: #000;position: absolute;right: 11px;top: 0;bottom: 0;margin: auto;transition: .6s ease;}
#faq .js-accordion.is-accordion--open::before {transform: rotate(90deg);}
#faq .js-accordion.is-accordion--open::after {transform: rotate(-180deg);}
#faq .js-accordion.is-accordion--open+.accordion-box {height: auto;opacity: 1;margin-bottom: 15px;}
#faq .accordion-box p::first-letter {color: #dc000c;}
/* ▲20250703 topfaq追加 */
/* ▼20250703 アクセス情報追加 */
#access {max-width: 1230px;width: 100%;margin: 0 auto 95px;}
#access h2 {text-align: center;font-weight: bold;position: relative;font-style: normal;font-size: 42px;letter-spacing: 2.1px;margin-bottom: 45px;}
.access-box {display: flex;gap: 100px;align-items: center;}
.access-box .access-left,
.access-box .access-right {width: 50%;}
.access-box .access-right .access-addressitem:nth-child(1) {font-weight: bold;margin-bottom: 20px;}
.access-box .access-right .access-addressitem span {width: 75px;display: inline-block;}
/* ▲20250703 アクセス情報追加 */
}

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

#bx-sra {}

.sp-back{ background: url('../images/index/sp-main-back.png')no-repeat bottom center; background-size: 100% auto; padding-bottom: 35vw;}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute;bottom: -6.4vw;width: 100%;z-index: 200;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #E2E2E2;text-indent: -9999px;display: block;width: 2.5vw;height: 2.5vw;margin: 0 4vw;outline: 0;-moz-border-radius: 2vw;-webkit-border-radius: 2vw;border-radius: 2vw;}

.modelopen-box{ width: 92%; margin: 12vw auto 15vw; }

  /* topics -------------------------------------*/
  #topics{margin: 11vw auto 5.2vw;position: relative;}
  #topics h2{font-weight: bold;margin-bottom: 5.4vw;font-size: 7vw;letter-spacing: 1vw;}
  #topics .en{position: absolute;top: 1.7vw;left: 40.2vw;width: 20vw;}
  #topics .btn{position: absolute;top: 3vw;right: 6vw;font-size: 4vw;font-weight: bold;}
  #topics .btn a{ position: relative; }
  #topics .btn a::after{position: relative;top: 0vw;left: 3.3vw;content: url('../images/index/contents01-arr.svg');}
  #topics .inner-Box{ margin: 0 4vw; }

  #topics .system-pic{height: 30vw;margin-right: 5.1vw;overflow: hidden;text-align: center;width: 30vw;float: left;}
  #topics .system-pic img{max-width: 100%;max-height: 30vw;width: auto;height: auto;}

  #topics .system-list{margin-bottom: 7.4vw;}
  #topics .system-list li{width: 100%;overflow: hidden;background: #fff;position: relative;margin-bottom: 2.6vw;padding-bottom: 2.6vw;}
  #topics .system-list li a:hover{ text-decoration: none; }
  #topics .system-list li .text{width: 55vw;float: left;}
  #topics .system-date{margin-bottom: -0.4vw;font-size: 2.8vw;display: inline-block;color: #4d4d4d;}
  #topics .system-date::before{}
  #topics .system-ttl-01{ font-size: 3.4vw;  }
  .system-category-set{ display: inline-block; }
  #topics .system-category{color: #fff;text-align: center;padding: 1vw 3vw;line-height: 1;background-color: #2b5aa5;margin-bottom: 0.8vw;font-size: 2.8vw;display: inline-block;}
  #topics .icon01{ background: #2b5aa5; }
  #topics .system-icon02{ padding: 0.7vw 1.3vw; background: #ccc; position: absolute; top: 30.7vw; left: 0; }
  #topics .banner-box{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 3vw 3vw;}
  #topics .banner-box li{ margin-bottom: 7vw; }
  #topics .banner-box li:nth-child(2n){ margin-right: 0vw; }

  /* event -------------------------------------*/
  #event{margin: 0 3vw 17.3vw;background: #fff;}
  #event h2{text-align: center;font-weight: bold;margin-bottom: 1.3vw;font-size: 7.5vw;position: relative;}
  #event h2::before{content: url('../images/index/contents02-ttl.svg');position: absolute;top: -6.1vw;left: 13.8vw;}
  #event .text-b{font-size: 3.6vw;font-weight: 700;text-align: center;margin-bottom: 9.1vw;letter-spacing: 0.2vw;}
  #event .btn{}
  #event .btn a{position: relative;font-weight: 700;border: 2px solid #1a1a1a;border-radius: 10vw;width: 94%;display: block;text-align: center;margin-left: 4vw;padding: 4vw;font-size: 3.4vw;letter-spacing: 0.4vw;}
  #event .btn a::after{top: 4.5vw;right: 10.3vw;content: url('../images/index/contents01-arr.svg');position: absolute;}
  #event .inner-Box{position: relative;}
  #event .inner-Box::before{content: url('../images/index/contents02-back.png');top: -20.7vw;right: -12vw;position: absolute;transform: scale(0.5);}
  #event .system-list{margin: 0 auto 6.5vw;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;}
  #event .system-list li{width: 100%;background: #fff;padding: 0.5%;position: relative;margin-bottom: 2.6vw;overflow: hidden;}
  #event .system-list li:nth-child(n + 3){ display: none;}
  #event .system-list li a:hover{ text-decoration: none; }
  #event .system-pic{width: 35%;height: 42.5vw;overflow: hidden;text-align: center;float: left;}
  #event .system-pic img{width: 100%;height: auto;}
	
	#event .event-info-box{width: 62%;float: right;}
	
  #event .system-date{ font-size: 0.75em; margin-bottom: 10.7vw; }
  #event .system-date::before{ content: "■"; }
  #event .system-ttl-01{font-size: 3.6vw;padding: 1.3vw 1.3vw 2.7vw;}
  #event .system-icon{font-weight: bold;font-size: 3.0vw;color: #fff;text-align: center;padding: 0.8vw;background: #000;}
  #event .icon01{ background-color: #28b0c5; }
  #event .icon02{ background-color: #f09100; }
  #event .icon03{ background-color: #15a271; }
  #event .icon04{ background-color: #9B732E; }
  #event .icon05{ background-color: #FE7CA4; }
  #event .icon06{ background-color: #E13C3C; }
  #event .icon07{ background-color: #79B141; }
  #event table{width: 100%;border-top: 1px solid #0090dc;}
  #event table th{font-size: 3.0vw;border-bottom: 1px solid #0090dc;background: #2b5aa5;padding: 1.2vw 0 1.0vw;color: #fff;text-align: center;width: 14vw;}
  #event table td{font-size: 3.0vw;border-bottom: 1px solid #0090dc;background: #fff;padding: 1.2vw 3.4vw 1.0vw;}

#contents03{background: #f3f2e6;padding-top: 13.9vw;}
#contents03 .inner-Box{margin: 0 4vw;padding-bottom: 6vw;}
#contents03 .inner-Box h2{text-align: center;font-size: 4.8vw;line-height: 1.7;margin-bottom: 5.4vw;font-weight: 700;letter-spacing: 0.6vw;}
#contents03 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: -3.9vw;}
#contents03 .inner-Box ul li{margin-right: 9.1vw;text-align: center;position: relative;padding-top: 8vw;margin-bottom: 21vw;}
#contents03 .inner-Box ul li:nth-child(3n){margin-right: 0;position: relative;top: -4.5vw;}
#contents03 .inner-Box ul li:nth-child(1)::before{content: url('../images/index/sp-contents03-arr.svg');position: absolute;bottom: -35vw;left: 26vw;transform: scale(0.4);}
#contents03 .inner-Box ul li:nth-child(2)::before{content: url('../images/index/sp-contents03-arr.svg');position: absolute;bottom: -35vw;left: 26vw;transform: scale(0.4);}

#contents03 .inner-Box ul li h3 span{font-size: 3.6vw;font-weight: 700;display: inline-block;background: #fff;border-radius: 13.0vw;line-height: 1;padding: 1.3vw 3.9vw;margin-bottom: 0.7vw;margin-left: 13vw;}
#contents03 .inner-Box ul li h3{margin-bottom: -2.2vw;position: relative;}
#contents03 .inner-Box ul li:nth-child(2) h3{margin-bottom: -2.2vw;margin-right: 22vw;position: relative;z-index: 5;}
#contents03 .inner-Box ul li:nth-child(3) h3{margin-bottom: -2.2vw;position: relative;margin-right: 25vw;z-index: 5;}
#contents03 .inner-Box ul li:nth-child(2) h3 span{font-size: 3.6vw;font-weight: 700;display: inline-block;background: #fff;border-radius: 13.0vw;line-height: 1;padding: 1.3vw 3.9vw;margin-bottom: 0.7vw;margin-left: 0vw;position: relative;}
#contents03 .inner-Box ul li:nth-child(3) h3 span{font-size: 3.6vw;font-weight: 700;display: inline-block;background: #fff;border-radius: 13.0vw;line-height: 1;padding: 1.3vw 3.9vw;margin-bottom: 0.7vw;margin-left: 0vw;}

#contents03 .inner-Box ul li figure{position: absolute;top:0;right: -44vw;width: 38vw;}
#contents03 .inner-Box ul li:nth-child(2) figure{position: absolute;top: 2vw;right: -10vw;width: 38vw;z-index: 4;}
#contents03 .inner-Box ul li:nth-child(3) figure{position: absolute;top: 2vw;right: -2vw;width: 38vw;z-index: 4;}
#contents03 .inner-Box ul li .no{display: block;margin-bottom: -1.5vw;height: 15vw;width: 21vw;margin-left: 19vw;}
#contents03 .inner-Box ul li:nth-child(2) .no{width: 25vw;}
#contents03 .inner-Box ul li:nth-child(3) .no{width: 25vw;}
#contents03 .inner-Box .btn{margin: 0 5vw;}
#contents03 .inner-Box .btn a{position: relative;color: #fff;height: 14.4vw;border-radius: 7.8vw;background: #dc000c;padding: 4vw;font-size: 3.6vw;padding-top: 6vw;text-align: center;line-height: 1;font-weight: 700;width: 83vw;display: block;}
#contents03 .inner-Box .btn a::before{content: url('../images/index/contents03-photo04.png');position: absolute;bottom: -17.7vw;left: -16.2vw;transform: scale(0.5);}
#contents03 .inner-Box .btn a::after{content: url('../images/index/contents03-arr02.svg');position: relative;bottom:0;left: 1.3vw;}
#contents03 .inner-Box .btn a:hover{ text-decoration: none; }

#contents04{margin-bottom: 14vw;}
#contents04 .ttlbox{text-align: center;position: relative;margin: 0 4vw;padding-top: 9vw;}
#contents04 .ttlbox h2{font-size: 8vw;font-style: normal;position: relative;margin-bottom: 3.4vw;font-weight: bold;letter-spacing: 0vw;}
#contents04 .ttlbox h2::before{content: url('../images/index/contents04-ttl.svg');position: absolute;top: 3.1vw;right: -0.3vw;transform: scale(0.6);}
#contents04 .text-b{font-size: 3.2vw;font-weight: 700;text-align: center;margin-bottom: 3.1vw;letter-spacing: 0.4vw;}
#contents04 .system-list{ margin-bottom: 2.6vw; 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; }
#contents04 .system-list li{border-radius: 2.6vw;border: 1px solid #1a1a1a;padding: 4vw;margin-bottom: 3.9vw;}
#contents04 .system-pic{width: 100%;height: 80.5vw;overflow: hidden;text-align: center;}
#contents04 .system-pic img{width: 100%;height: 80.5vw;}
#contents04 .system-list li h3{background: #1a1a1a;position: relative;font-size: 3.8vw;font-weight: 700;padding: 0.7vw 4vw 0.7vw 8vw;color: #fff;margin-bottom: 3.7vw;}
#contents04 .system-list li h3::before{content: "";height: 4.6vw;position: absolute;top: 1vw;left: 3.1vw;background: #fff;width: 2vw;}
#contents04 .system-list li h4{ font-size: 3.4vw; font-weight: 700;  margin-bottom: 2.6vw; }
#contents04 .system-list li .pri{text-align: center;color: #dc000c;font-weight: 700;font-size: 5.4vw;}
#contents04 .system-list li .pri .tex1{ color: #1a1a1a;  font-size: 3.4vw; }
#contents04 .system-list li .pri .tex2{ font-size: 3.4vw; }
#contents04 .system-list li .text{font-size: 3.6vw;border-bottom: #ccc dotted 0.2vw;padding-bottom: 2.3vw;margin-bottom: 4.3vw;}
#contents04 .bx-wrapper .bx-prev {left: -4.7vw;background-image: url('../images/index/contents04-left.svg');background-position: 0 0;}
#contents04 .bx-wrapper .bx-next {right: -5.9vw;background-image: url('../images/index/contents04-right.svg');background-position: 0 0;}
#contents04 .inner-Box .btn{margin: 10.1vw 10vw 0;}
#contents04 .inner-Box .btn a{display: block;font-size: 3.6vw;line-height: 1;border: 0.3vw solid #1a1a1a;height: 15.4vw;background: #fff;text-align: center;position: relative;border-radius: 11.7vw;padding-top: 6.1vw;}
#contents04 .btn a::after{position: relative;top: -0.3vw;left: 10.3vw;content: url('../images/index/contents01-arr.svg');}


#contents05{margin: 0 auto 15.5vw;}
#contents05 h2{color: #644414;font-size: 7.5vw;font-style: normal;position: relative;margin-bottom: 1.4vw;font-weight: bold;letter-spacing: 0.4vw;text-align: center;}
#contents05 .text-b{font-size: 3.6vw;font-weight: 700;text-align: center;margin-bottom: 4.3vw;}
#contents05 .system-list{margin: 0 6vw;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;}
#contents05 .system-list li{margin-right: 4%;width: 48%;float: left;margin-bottom: 4vw;}
#contents05 .system-list li:nth-child(2n){ margin-right: 0; }
#contents05 .system-pic{width: 100%;height: 32vw;overflow: hidden;text-align: center;margin-bottom: 4.1vw;}
#contents05 .system-pic img{width: auto;height: 100%; max-width: 100%;}
#contents05 .system-list li h3{background: #1a1a1a;position: relative;font-size: 1.8vw;font-weight: 700;padding: 0.7vw 20.8vw;color: #fff; margin-bottom:10.7vw;}
#contents05 .system-list li h3::before{content: "";height: 2.6vw;position: absolute;top: 0.9vw;left: 10.1vw;background: #fff;}
#contents05 .system-list li h4{ font-size: 3.4vw; font-weight: 700;  margin-bottom: 2.6vw; }
#contents05 .system-list li .pri{ text-align: center; color: #dc000c; font-weight: 700;  font-size: 3.4vw; }
#contents05 .system-list li .pri .tex1{ color: #1a1a1a;  font-size: 3.4vw; }
#contents05 .system-list li .pri .tex2{ font-size: 3.4vw; }
#contents05 .system-list li .text{font-size: 3.4vw;padding: 0 1.3vw;}
#contents05 .bx-wrapper .bx-prev {left: 320.3vw;background-image: url('../images/index/contents04-left.svg');background-position: 0 0;}
#contents05 .bx-wrapper .bx-next {right: 320.1vw;background-image: url('../images/index/contents04-right.svg');background-position: 0 0;}
#contents05 .inner-Box .btn{margin: 4.1vw 9vw 0;}
#contents05 .inner-Box .btn a{display: block;font-size: 3.6vw;line-height: 1;height: 14.9vw;text-align: center;position: relative;border-radius: 11.7vw;font-weight: bold;padding-top: 6.1vw;color: #fff;background-color: #644414;}
#contents05 .btn a::after{position: relative;top: 0vw;left: 0.7vw;content: url('../images/index/contents04-arr.svg');}

#contents06{background: url('../images/index/sp-contents06-back01.jpg')no-repeat top 23vw left, url('../images/index/sp-contents06-back02.jpg')no-repeat bottom 56vw right;background-size: 96% auto;padding-top: 0vw;margin-bottom: 3.7vw;}
#contents06 .inner-Box{margin: 0 5vw;}
#contents06 h2{text-align: center;font-size: 6.5vw;font-weight: 700;line-height: 1.6;margin-bottom: 32.9vw;letter-spacing: 1vw;}
#contents06 h2 span{ color: #dc000c; }
#contents06 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 34.9vw;}
#contents06 ul li{z-index: 5;text-align: center;background: url('../images/index/contents06-arr.svg')no-repeat bottom right #f3f2e6;position: relative;padding: 2.6vw 2.6vw 3.7vw 2.6vw;width: 100%;margin-bottom: 10vw;}
#contents06 ul li:nth-child(3n){ margin-right: 0; }
#contents06 ul li .no{position: absolute;top: -6.1vw;left: 0;display: block;width: 100vw;z-index: -1;}
#contents06 ul li figure{width: 36vw;float: left;}
#contents06 ul li .textt{width: 48vw;float: left;text-align: center;padding-top: 5vw;}
#contents06 ul li h3{font-weight: 700;font-size: 3.6vw;margin-bottom: 3.9vw; padding-top: 4vw;}
#contents06 ul li p{font-size: 3.3vw;font-weight: 700;letter-spacing: 0.4vw;}
#contents06 ul li p span{ color: #dc000c; }
#contents06 .banner{ text-align: center; }



  /* case -------------------------------------*/
  #case{margin: 0 auto 11.9vw;padding: 13.4vw 0 3.7vw 0;}
  #case h2{text-align: center;font-size: 7.5vw;font-style: normal;position: relative;margin-bottom: -2.1vw;font-weight: bold;letter-spacing: 0.5vw;}
  #case .en{text-align: center;display: block;margin-bottom: 8.7vw;}
  #case .en img{ margin: 0 4vw; }
  #case .inner-Box{margin: 0 4vw;position: relative;}
  #case .inner-Box .btn{margin: 10.1vw 10vw 0;}
  #case .inner-Box .btn a{display: block;font-size: 3.6vw;line-height: 1;border: 0.3vw solid #1a1a1a;height: 15.4vw;background: #fff;text-align: center;position: relative;border-radius: 11.7vw;padding-top: 6.1vw;}
  #case .btn a::after{position: absolute;top: 6.3vw;right: 12.3vw;content: url('../images/index/contents01-arr.svg');}


  #case .system-list{margin-bottom: 0vw;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;}
  #case .system-list li{margin-right: 4%;background: #fff;position: relative;width: 48%;margin-bottom: 2.6vw;float: left;}
  #case .system-list li:nth-child(2n){ margin-right: 0;}
  #case .system-list li a:hover{ text-decoration: none; }
  #case .system-pic{width: 100%;height: 38.9vw;overflow: hidden;text-align: center;margin-bottom: 1.8vw;}
  #case .system-pic img{width: 100%;height: 43.9vw;}
  #case .system-date{margin-bottom: 1.7vw;line-height: 1.4;font-size: 3.4vw;color: #dc000c;}
  #case .system-date::before{}
  #case .system-ttl-01{font-size: 3.4vw;line-height: 1.4;}
  #case .system-category-set { margin-bottom: 10.7vw;}
  #case .system-category{ margin-bottom: 0.1vw; font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 1.0vw; background-color: #ccc;}
  #case .icon01{ background: #000; }
  #case .icon02{ background: #111; }
  #case .icon03{ background: #222; }
  #case .icon04{ background: #333; }
  #case .icon05{ background: #444; }
  #case .icon06{ background: #555; }
  #case .system-icon02{ padding: 0.7vw 1.3vw; background: #ccc; position: absolute; top: 30.7vw; left: 0; }
  

  /* voice -------------------------------------*/
  #voice{width: 100%;padding: 10vw 0vw 9vw 0vw;background: #f3f2e6;}
  #voice .inner-Box{margin: 0 3vw;position: relative;}
  #voice h2{text-align: left;font-size: 2em;font-weight: bold;margin-bottom: 7.3vw;}
  #voice h2 img{margin-bottom: 5vw;}
  #voice h2 span{font-size: 3.6vw;font-weight: 700;display: block;letter-spacing: 0.2vw;}
  #voice .inner-Box .btn{margin: 4.1vw 10vw 0;}
  #voice .inner-Box .btn a{display: block;font-size: 3.6vw;line-height: 1;height: 15.4vw;background: #fff;text-align: center;position: relative;border-radius: 11.7vw;padding-top: 6.1vw;}
  #voice .btn a::after{position: absolute;top: 6.3vw;right: 12.3vw;content: url('../images/index/contents01-arr.svg');}

  #voice .system-list{margin: 0 4vw 2.6vw;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;}
  #voice .system-list li{margin-right: 5.2vw;position: relative;margin-bottom: 2.6vw; padding:2vw;}
  #voice .system-list li:nth-child(3n){ margin-right: 0;}
  #voice .system-list li:nth-child(1)::before{content: url('../images/index/contents08-en01.svg');position: absolute;top: 0.7vw;left:0;}
  #voice .system-list li:nth-child(2)::before{content: url('../images/index/contents08-en02.svg');position: absolute;top: 0.7vw;left:0;}
  #voice .system-list li:nth-child(3)::before{content: url('../images/index/contents08-en03.svg');position: absolute;top: 0.7vw;left:0;}
  #voice .system-list li:nth-child(4)::before{content: url('../images/index/contents08-en01.svg');position: absolute;top: 0.7vw;left:0;}
  #voice .system-list li:nth-child(5)::before{content: url('../images/index/contents08-en02.svg');position: absolute;top: 0.7vw;left:0;}
  #voice .system-list li:nth-child(6)::before{content: url('../images/index/contents08-en03.svg');position: absolute;top: 0.7vw;left:0;}
  #voice .bx-wrapper .bx-controls-direction a { position: absolute; top: 45%; margin-top: -16px; outline: 0; width: 8vw; height: 8vw; text-indent: -9999px; z-index: 9999;}
  #voice .system-list li a:hover{ text-decoration: none; }
  #voice .system-list li .textb{background: #fff;padding: 2.6vw;position: relative;left: -1.3vw; width: 80vw;}
  #voice .system-pic{width: 100%;height: 61.6vw;margin-bottom: -2.6vw;overflow: hidden;text-align: center;position: relative; margin-left: 5vw; }
  #voice .system-pic img{width: 100%;height: 73.6vw;}
  #voice .system-customer{margin-bottom: 1.3vw;line-height: 1.4;color: #644414;font-size: 3.5vw;}
  #voice .system-customer::before{}
  #voice .system-ttl-01{font-size: 3.6vw;margin-bottom: 1.6vw;line-height: 1.4;}
  #voice .system-category{ margin-bottom: 1.3vw; font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 0.4vw; background-color: rgba(35, 24, 21, 0.7);}

  #voice .bx-wrapper .bx-prev {left: -4.7vw;background-image: url('../images/index/sp-contents08-left.svg');background-position: 0 0;background-size: 100% 100%;}
  #voice .bx-wrapper .bx-next {right: -5.9vw;background-image: url('../images/index/sp-contents08-right.svg');background-position: 0 0;background-size: 100% 100%;}




#contents09{padding-top: 9.4vw;}
#contents09 .sub-ttl{text-align: center;font-size: 3.6vw;font-weight: 700;display: block;letter-spacing: 0.5vw;margin-bottom: 3.8vw;}
#contents09 h2{text-align: center;margin: 0 23vw 2.6vw;}
#contents09 h3{font-size: 5.2vw;font-weight: 700;text-align: center;line-height:1.6;margin-bottom: 4.7vw;}
#contents09 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 5vw 0vw;}
#contents09 ul li{position: relative;margin-bottom: 5vw;}
#contents09 ul li img{ width: 100%; height: auto; }
#contents09 ul li p{background: #dc000c;padding: 3.5vw;color: #fff;font-size: 3.4vw;font-weight: 700;line-height:1.6;position: absolute;bottom: -2.3vw;left: 0;}
#contents09 .inner-Box .btn{margin: 0 9vw;}
#contents09 .inner-Box .btn a{display: block;font-size: 3.6vw;line-height: 1;height: 14.9vw;text-align: center;position: relative;border-radius: 11.7vw;padding-top: 6.1vw;color: #fff;font-weight: bold;background: #dc000c;margin-bottom: 7vw;}
#contents09 .btn a::after{position: relative;top: -0.3vw;left: 0.7vw;content: url('../images/index/contents04-arr.svg');}
#contents09 .banner{text-align: center;margin: 0 3vw;}


  #blog-news{margin: 0 4vw;padding: 13.1vw 0 0px 0;}
  
  /* blog -------------------------------------*/
  #blog{margin-bottom: -2vw;}
  #blog h2{text-align: center;font-weight: bold;margin-bottom: 1.3vw;font-size: 3.6vw;}
  #blog .en{text-align: center;display: block;margin: 0 22.8vw 5vw;}
  #blog .en img{ position: relative; left: 1vw; }
  #blog .inner-Box .btn{margin: 10.1vw 2vw 0;}
  #blog .inner-Box .btn a{display: block;font-size: 3.6vw;line-height: 1;border: 0.3vw solid #1a1a1a;height: 13.4vw;background: #fff;text-align: center;position: relative;border-radius: 11.7vw;padding-top: 5.1vw;}
  #blog .btn a::after{position: absolute;top: 6.3vw;right: 12.3vw;content: url('../images/index/contents01-arr.svg');}


  #blog .inner-Box{border-radius: 2.6vw;border: 0.3vw solid #dc000c;position: relative;background: #fff;padding: 6vw 4vw;margin-bottom: 10.7vw;}
  #blog .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #blog .system-list li{width: 48%;background: #fff;margin-bottom: 2.6vw;padding-bottom: 2.6vw;margin-right: 4%;}
  #blog .system-list li:nth-child(2n){ margin-right: 0; }
  #blog .system-list li a:hover{ text-decoration: none; }
  #blog .system-pic{height: 33.4vw;overflow: hidden;text-align: center;margin-bottom: 1.8vw;}
  #blog .system-pic img{max-height: 33.4vw;max-width: 100%;}
  #blog .system-txt {  }
  #blog .system-date{color: #dc000c;font-size: 3.3vw;margin-bottom: 1.3vw;}
  #blog .system-ttl{font-size: 3.5vw;line-height: 1.4;}
  #blog .inner-Box2{margin: 0 1vw;position: relative;}
  #blog .inner-Box2 .banner01{margin-bottom: 6vw;}
  #blog .inner-Box2 .banner02{margin-bottom: 13vw;}
  #blog .inner-Box2 h4{margin: 0 26vw 9vw;}
  #blog .inner-Box2 h4 img{ width: 100%; }

  #blog .sns-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 15vw 0 16vw;}
  #blog .sns-list li{width: 11.5vw;float: left;margin-right: 12vw;margin-bottom: 12.5vw;}
  #blog .sns-list li:nth-child(3){ margin-right: 0; }
  #blog .sns-list li:nth-child(4){margin-left: 12vw;}
  #blog .sns-list li:nth-child(5){ }



#contents11{background: url('../images/index/sp-contents11-back.jpg')no-repeat top center;background-size: 100% auto;margin-bottom: -10vw;}
#contents11 .inner-Box{padding-top: 42vw;margin: 0 4vw;}
#contents11 h2{text-align: center;color: #fff;font-size: 4.8vw;font-weight: 700;line-height:1.6;}
#contents11 ul{}
#contents11 ul li:nth-child(1){position: relative;padding-top: 6vw;text-align: center;width: 48%;float: left;}
#contents11 ul li:nth-child(2){position: relative;text-align: center;padding-top: 3vw;float: right;width: 48%;}
#contents11 ul li h3{font-size: 4vw;font-weight: 700;line-height:1.6;margin-bottom: 3.2vw;text-align: center;}
#contents11 ul li:nth-child(2) h3{text-align: center;left: 9vw;margin-bottom: 0vw;}
	#contents11 ul li h3 span{font-size: 3.0vw;letter-spacing: 5px;text-align: center;}


#contents11 ul li a{ color: #fff; }
#contents11 ul li:nth-child(1) figure{margin-bottom: 4vw;}
#contents11 ul li:nth-child(2) figure{margin-bottom: 4vw;}

#contentsseo{ background: url('../images/index/sp-seo-back.jpg')no-repeat top center; background-size: 100% auto; }
#contentsseo h2{text-align: center;display: block;margin-bottom: 6.3vw;}
#contentsseo h2 img{ margin: 0 4vw; }
#contentsseo .inner-Box{margin: 0 4vw;color: #fff;padding-top: 10.7vw;padding-bottom: 25.8vw;}
#contentsseo .inner-Box p{font-size: 3.4vw;line-height:1.6;}

/* ▼20250507 見出しタグh1追加 */
.h-title {padding-left: 3vw;margin: 30px 0 0;font-size: 10px;text-align:center;}
/* ▲20250507 見出しタグh1追加 */

/* ▼20250703 topfaq追加 */
#faq {margin: 0 4vw;padding: 13.1vw 0 0px 0;}
#faq>section {margin-bottom: -2vw;}
#faq .js-accordion>div {width: 90%;}
#faq .js-accordion,#faq .accordion-box {padding: 0 15px;}
#faq .inner-Box {margin: 0 4vw;position: relative;}
#faq h2 {text-align: center;font-weight: bold;position: relative;font-style: normal;font-size: 7.5vw;margin-bottom: 8.7vw;}
#faq .js-accordion--close {display: none;}
#faq .accordion-box {height: 0;overflow: hidden;transition: .4s ease;}
#faq .accordion .item {border-bottom: 1px solid #000;margin-bottom: 20px;}
#faq .accordion .item:last-child {margin-bottom: 0px;}
#faq .js-accordion {position: relative;outline: none;border: none;background: none;width: 100%;}
#faq .js-accordion>div {text-align: left;}
#faq .js-accordion>div p {margin-bottom: 8px;}
#faq .js-accordion>div p,
#faq .accordion-box p {font-size: 3.6vw;font-weight: bold;font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; color: #000 !important;}
#faq .js-accordion::before {content: "";width: 2px;height: 16px;background: #000;position: absolute;right: 18px;top: 0;bottom: 0;margin: auto;transition: .6s ease;}
#faq .js-accordion::after {content: "";width: 16px;height: 2px;background: #000;position: absolute;right: 11px;top: 0;bottom: 0;margin: auto;transition: .6s ease;}
#faq .js-accordion.is-accordion--open::before {transform: rotate(90deg);}
#faq .js-accordion.is-accordion--open::after {transform: rotate(-180deg);}
#faq .js-accordion.is-accordion--open+.accordion-box {height: auto;opacity: 1;margin-bottom: 15px;}
#faq .accordion-box p::first-letter {color: #dc000c;}
/* ▲20250703 topfaq追加 */

/* ▼20250703 アクセス情報追加 */
#access {max-width: 1230px;width: 100%;margin: 0 auto 95px;}
#access h2 {text-align: center;font-weight: bold;position: relative;font-style: normal;font-size: 7.5vw;margin-bottom: 8.7vw;}
.access-box .access-left {margin-bottom: 8.7vw;}
.access-box .access-right .access-addresslist {text-align: center;font-size: 4.4vw;}
.access-box .access-right .access-addressitem:nth-child(1) {font-weight: bold;margin-bottom: 20px;}
.access-box .access-right .access-addressitem:nth-child(n+3) {width: 70%;text-align: left;margin: auto;}
.access-box .access-right .access-addressitem span {width: 85px;display: inline-block;}
/* ▲20250703 アクセス情報追加 */
}