@charset "UTF-8";

#popupbanner{opacity: 0;}

/* ===== Modal: 全端末のベース（グローバルに一度だけ入れる） ===== */
.vmodal{ position:fixed; inset:0; display:none; z-index:9999; }
.vmodal.is-open{ display:block; }
.vmodal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.6); }
.vmodal__dialog{
  position:absolute; inset:0; margin:auto;
  display:flex; align-items:center; justify-content:center;
  background:#000; border-radius:12px; box-shadow:0 10px 40px rgba(0,0,0,.35);
  /* ↓ 16:9固定が残っていると縦動画が小さいままなので必ず解除 */
  aspect-ratio:auto;
}
#vmodalPlayer{
  background:#000; border-radius:12px;
  /* 中身を“はみ出さず最大”で見せる */
  max-width:100vw; max-height:100dvh; width:auto; height:auto; object-fit:contain;
}

/* ===== PC（≥768px）はダイアログを大きめに中央配置 ===== */
@media (min-width:768px){
  .vmodal__dialog{
    width:auto; height:auto;
    /* 画面の9割まで拡大（縦動画向け） */
    max-width:56vw;       /* 横長動画の横上限 */
    max-height:90vh;      /* 縦長動画の縦上限 */
    border-radius:16px;
  }
  #vmodalPlayer{ max-width:56vw; max-height:90vh; }
}

/* ===== SP（≤767px）は全画面寄り ===== */
@media (max-width:767px){
  .vmodal__dialog{ width:100vw; height:100dvh; max-width:none; border-radius:0; }
  #vmodalPlayer{ max-width:100vw; max-height:100dvh; }
}

/* ===== PCの一覧サムネを一回り拡大（任意） ===== */
@media (min-width:768px){
  #contents01 .inner-Box2 video{
    width: 280px;   /* 243→280にUP */
    height: 497px;  /* 縦横比そのまま拡大 */
  }
  /* 再生アイコン（li::before）が重なるなら、ホバーで薄くする */
  #contents01 .inner-Box2 ul li{ position:relative; }
  #contents01 .inner-Box2 ul li::before{ transition:opacity .2s ease; }
  #contents01 .inner-Box2 ul li:hover::before{ opacity:.15; }
}

@media (min-width: 768px) {
  .vmodal__close {
  	position: absolute;
    top: 180px;            /* モーダルの上外側に配置 */
    right: 260px;          /* モーダル右外側に配置 */
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    transition: background 0.3s, transform 0.2s;
  }

  .vmodal__close:hover {
    background: #fff;
    transform: scale(1.1);
  }
}

@media screen and (min-width: 768px),print {  

#popupbanner{position: fixed;right: 30px;bottom: 30px;width: 350px;z-index: 10;}
#popupbanner a{ }
#popupbanner a img{ width: 100%; height: auto;}
#popupbanner span{position: absolute;top: -15px;right: -7px;}


body{ padding: 0; background: #fff;}
header .h-logo,header .h-btn2,header .pc-menu{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
header.scroll-fix .h-logo,header.scroll-fix .h-btn2,header.scroll-fix .pc-menu{ -webkit-filter: brightness(0); filter: brightness(0);}

header .h-btn3 .ind{ display: block; }
header .h-btn3 .inddd{ display: none; }

header.scroll-fix .h-btn3 .ind{ display: none; }
header.scroll-fix .h-btn3 .inddd{ display: block; }


#contentsmain {margin: 0 auto -20px;position: relative;max-width: 1920px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2 {position: absolute;width: 100vw;left: 50%;transform: translateX(-50%);z-index: 4;bottom: 2.2vw;max-width: 1920px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img { width: 100%; }
#contentsmain .inner-Box ul.mainslde {}
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box figure.photo {  }
#contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }

#contents01 {margin: 0 auto 0px;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center;background-size: cover;}
#contents01 .inner-Box1 {margin: 0 auto 100px;position: relative;text-align: center;padding: 89px 0 0;}
#contents01 .inner-Box1 h2.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 30px;position: relative;}
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 2.69;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 49px;position: relative;}
#contents01 .inner-Box1 p.morebtn { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents01 .inner-Box1 p.morebtn a {  }
#contents01 .inner-Box1 p.morebtn a:hover {  }
#contents01 .inner-Box2 {margin: 0 auto 86px;position: relative;background: #fff;width: 1200px;padding: 0 84px 52px;}
#contents01 .inner-Box2 h3 {text-align: center;padding: 40px 0 0 92px;margin-bottom: 20px;}
#contents01 .inner-Box2 h3 span{  }
#contents01 .inner-Box2 h3 img {  }
#contents01 .inner-Box2 ul.instalist {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;}
#contents01 .inner-Box2 ul li {position: relative;text-align: center;margin-right: 20px;}
#contents01 .inner-Box2 ul li::before{ content: url(../images/index/start-icon01.png); position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); }
#contents01 .inner-Box2 ul li{position:relative;}
#contents01 .inner-Box2 ul li::before{pointer-events:none;z-index:2;position:absolute;}
#contents01 .inner-Box2 ul li video{position:relative;z-index:1;}
#contents01 .inner-Box2 ul li:nth-child(4n) { margin-right: 0px; }
#contents01 .inner-Box2 video { width: 243px; height: 432px; }
#contents01 .inner-Box2 p.ltext {font-size: 13px;line-height: 1.88;font-weight: 400;letter-spacing: 0.33px;margin-bottom: 30px;position: relative;}
#contents01 .inner-Box3 {margin: 0 auto 104px;position: relative;width: 1140px;}
#contents01 .inner-Box3 h3.f-min {font-size: 39px;line-height: 1.71;font-weight: 400;letter-spacing: 1.95px;margin-bottom: -2px;position: relative;text-align: center;}
#contents01 .inner-Box3 p.subtt {font-size: 18px;line-height: 1.88;font-weight: 400;letter-spacing: 0.9px;margin-bottom: 16px;position: relative;text-align: center;}
#contents01 .inner-Box3 p.morebtn { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents01 .inner-Box3 p.morebtn a {  }
#contents01 .inner-Box3 p.morebtn a:hover {  }

#event .system-list{margin-bottom: 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;}
#event .system-list li{position: relative;line-height: 1.4;width: 29.8%;margin-right: 5.3%;position: relative;margin-bottom: -27px;padding-top: 40px;}
#event .system-list li:nth-child(3n){ margin-right: 0}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-list .system-pic {width: 100%;aspect-ratio: 50 / 50;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#event .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#event .system-list li .system-date{font-size: 13px;margin-bottom: 6px;line-height: 1.4;font-weight: 400;position: relative;padding: 0 0 0 43px;}
#event .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;width: 62px;color: #808080;}
#event .system-list li .system-date .start_text{ }
#event .system-list li .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#event .system-list li .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-list li .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-list li .system-ttl-01{font-size: 16px;font-weight: 400;letter-spacing: 0.8px;line-height: 1.63;margin-bottom: 12px;padding: 0 0 18px;border-bottom: #D3D3D3 solid 1px;}
#event .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

#event .system-list li .text-box{padding: 0px 0px 20px;}
#event .system-list li .more{font-size: 16px;text-align: center;border: 1px solid #959595;border-radius: 20px;width: 110px;height: 40px;margin: 30px auto 0 auto;padding: 6px 0 0;}
#event .icon{text-align: center;display: block;background: none;display: inline-block;font-size: 11px;margin-bottom: 7px;color: #fff;position: absolute;top: 0px;right: 10px;z-index: 3;width: 50px;height: 50px;border-radius: 50%;padding-top: 17px;}

#event .serchcategory{ margin-bottom: 100px;}
#event .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px;}
#event .system-icon02 span { display: block; padding: 8px; background: #ccc; font-size: 14px; margin-bottom: 15px; margin-top: -15px; }


#contents01 .inner-Box4 {margin: 0 auto;position: relative;text-align: center;padding-bottom: 142px;}
#contents01 .inner-Box4 h3 {margin-bottom: 30px;}
#contents01 .inner-Box4 h3 span{  }
#contents01 .inner-Box4 h3 img {  }
#contents01 .inner-Box4 p.btn.b1 {  }
#contents01 .inner-Box4 p.btn.b1 img {  }
#contents01 .inner-Box4 p.ltext2 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 103px;position: relative;padding: 16px 0 0;}
#contents01 .inner-Box4 p.btn.b2 {  }
#contents01 .inner-Box4 p.btn.b2 img {  }

#contents02 {margin: 0 auto 120px;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;text-align: center;padding: 115px 0 60px;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box h2 {margin-bottom: 61px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box p.btn {margin-bottom: 18px;}
#contents02 .inner-Box p.btn img {  }
#contents02 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents03 {margin: 0 auto 30px;position: relative;max-width: 1440px;padding: 0px 20px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;padding-right: 660px;padding-top: 33px;}
#contents03 .inner-Box h2.f-min {font-size: 39px;line-height: 1.71;font-weight: 400;letter-spacing: 1.95px;margin-bottom: 44px;position: relative;padding: 0 0 0 6px;}
#contents03 .inner-Box h2.f-min span {display: block;font-size: 18px;letter-spacing: 0.9px;margin-top: -4px;}
#contents03 .inner-Box ul.slist { border-top: #D3D3D3 1px solid; }
#contents03 .inner-Box ul.slist li a {position: relative;display: block;padding: 37px 19px 30px 166px;border-bottom: #D3D3D3 1px solid;height: 180px;}
#contents03 .inner-Box ul.slist li a:hover{ text-decoration: none; }
#contents03 .inner-Box ul.slist figure.img {position: absolute;top: 29px;left: 19px;}
#contents03 .inner-Box ul.slist figure.img img{  filter: grayscale(100%); opacity: 0.7;transition: all 0.3s ease-in-out;}
#contents03 .inner-Box ul.slist p.enen {font-size: 13px;line-height: 1.88;font-weight: 400;letter-spacing: 0.65px;margin-bottom: 10px;position: relative;color: #808080;transition: all 0.3s ease-in-out;}
#contents03 .inner-Box ul.slist p.ttle {font-size: 24px;line-height: 1.38;font-weight: 600;letter-spacing: 1.2px;margin-bottom: 30px;position: relative;color: #808080;transition: all 0.3s ease-in-out;}
#contents03 .inner-Box ul.slist .arr{position: absolute;bottom: 43px;right: 50px;transition: all 0.3s ease-in-out;}

#contents03 .inner-Box ul.slist .acv figure.img img{  filter: grayscale(0%); opacity: 1;}
#contents03 .inner-Box ul.slist .acv{ background: #F2F2F2;}
#contents03 .inner-Box ul.slist .acv p.ttle{ color: #333; }
#contents03 .inner-Box ul.slist .acv .arr{right: 40px;}

#contents03 .inner-Box2 {width: 570px;position: absolute;top: 10px;right: 20px;}
#contents03 .inner-Box2 ul.slist2 {}
#contents03 .inner-Box2 ul li { position: relative; }
#contents03 .inner-Box2 figure.photo {margin-bottom: 17px;}
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 p.ltext {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 52px;position: relative;}
#contents03 .inner-Box2 p.morebtn{ }
#contents03 .inner-Box2 p.morebtn a{margin: 0 0 0 auto;}
#contents03 .inner-Box2 p.morebtn a .arr{top: 18px;}

#contents04 {margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top 0px center;padding: 126px 0 0;}
#contents04 h2.f-min {font-size: 18px;line-height: 1.71;font-weight: 400;letter-spacing: 0.9px;margin-bottom: 36px;position: relative;text-align: center;}
#contents04 h2.f-min span {display: block;font-size: 39px;letter-spacing: 1.95px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1200px;padding-bottom: 140px;}
#contents04 .inner-Box ul.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-bottom: 53px;}
#contents04 .inner-Box ul li {text-align: center;margin-right: 30px;}
#contents04 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents04 .inner-Box ul li figure {margin-bottom: 16px;}
#contents04 .inner-Box ul li p { font-size: 16px; letter-spacing: 0.8px; }
#contents04 .inner-Box ul li a:hover {  }
#contents04 .inner-Box p.btn {text-align: right;}
#contents04 .inner-Box p.btn img {  }

#works {}
#works .inner-Box {margin: 0 auto 125px;position: relative;max-width: 1481px;padding: 0 40px;}
#works .inner-Box h3.f-min {font-size: 39px;line-height: 1.71;font-weight: 400;letter-spacing: 1.95px;margin-bottom: -2px;position: relative;text-align: center;}
#works .inner-Box p.subtt {font-size: 18px;line-height: 1.88;font-weight: 400;letter-spacing: 0.9px;margin-bottom: 30px;position: relative;text-align: center;}
#works .inner-Box p.morebtn { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#works .inner-Box p.morebtn a {  }
#works .inner-Box p.morebtn a:hover {  }

#works .system-list{margin-bottom: 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;}
#works .system-list li{line-height: 1.4;width: 22.9%;margin-right: 2.8%;background: #fff;position: relative;margin-bottom: 20px;}
#works .system-list li:nth-child(4n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .text1{ font-size: 14px; width: 100%; border: 1px solid #DEDEDE; background: #F8F7F5; height: 40px; text-align: center; padding: 9px; margin-bottom: 10px; font-weight: 400; }
#works .text2{color: #B3B3B3;font-size: 15px;margin-bottom: 10px;font-weight: 400;}

#works .system-pic {width: 100%;aspect-ratio: 32 / 23;overflow: hidden;text-align: center;margin-bottom: 12px;position: relative;}
#works .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#works .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#works .system-date::before{ content: "■"; }
#works .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#works .system-ttl-01{font-size: 16px;margin-bottom: 10px;line-height: 1.56;font-weight: 400;letter-spacing: 0px;}

#contents05 {margin: 0 auto -180px;position: relative;background: url('../images/index/contents05-back01.png')no-repeat top left;max-width: 1920px;padding-bottom: 350px;/* background-size: 100% auto; */}
#contents05 .inner-Box1 {margin: 0 auto 199px;position: relative;padding: 78px 0 0;}
#contents05 .inner-Box1 h2.f-min {font-size: 18px;line-height: 1.71;font-weight: 400;letter-spacing: 0.9px;margin-bottom: 0px;position: relative;color: #fff;position: absolute;top: 149px;left: 40px;}
#contents05 .inner-Box1 h2.f-min span {font-size: 39px;display: block;letter-spacing: 1.95px;}

#voice  p.morebtn { position: absolute; top: 308px; left: 39px; }
#voice  p.morebtn a {background: none;border: #fff solid 1px;color: #fff;}
#voice  p.morebtn a .arr { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#voice .prev-arrow{position: absolute;top: 360px;left: -170px;}
#voice .next-arrow{position: absolute;top: 360px;left: -110px;}

#contents05 .inner-Box2 {margin: 0 auto;position: relative;width: 1064px;}
#contents05 .inner-Box2 ul.banner-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;}
#contents05 .inner-Box2 ul li {margin-right: 60px;}
#contents05 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contents05 .inner-Box2 ul li figure {  }
#contents05 .inner-Box2 ul li a {  }
#contents05 .inner-Box2 ul li a:hover {  }

#voice .system-list{ margin-left: 449px; }

#voice .system-list li{width: 300px; background: #fff; margin-right: 50px; position: relative;margin-bottom: 20px;}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list li .longicon{ width: 156px; font-size: 14px; letter-spacing: 0.7px; font-weight: 500; position: absolute; top: 0; right: 0; height: 36px; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0px 0px 0px 6px; text-align: center; padding: 8px 0 0; z-index: 3; }
#voice .system-list li .system-text{font-size: 14px;letter-spacing: 0.7px;font-weight: 400;line-height: 1.71;border-bottom: #A4A4A4 1px solid;color: #A4A4A4;padding-bottom: 10px;margin-bottom: 20px;}
#voice .system-list li .system-text span{ display: inline-block; padding-left: 10px; }
#voice .system-list li .honb{color: #808080;font-size: 13px;margin: 0 21px 20px;}
#voice .system-pic {width: 100%;aspect-ratio: 25 / 17.5;overflow: hidden;text-align: center;margin-bottom: 15px;position: relative;}
#voice .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#voice .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#voice .system-date::before{ }
#voice .system-name{font-size: 14px;margin-bottom: 10px;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 6px 16px;}
#voice .system-contents .longicon2{ width: 156px; font-size: 14px; letter-spacing: 0.7px; font-weight: 500; position: absolute; top: 0; right: 0; height: 36px; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0px 0px 0px 6px; text-align: center; padding: 8px 0 0; z-index: 3; }

#voice .system-ttl-01{font-size: 16px;margin: 0 20px 20px;line-height: 1.4;font-weight: 400;letter-spacing: 0px;}
#voice .system-category-set { margin-bottom: 15px; margin-top: -15px;}

#contents06 {margin: 0 auto 75px;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top center;padding-bottom: 80px;}
#contents06 .inner-Box {margin: 0 auto;position: relative;padding: 280px 0 0 89px;}
#contents06 .inner-Box h2 {position: relative;left: -4px;margin-bottom: 48px;}
#contents06 .inner-Box h2 span{  }
#contents06 .inner-Box h2 img {  }
#contents06 .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: 46px;}
#contents06 .inner-Box ul li {margin-right: 20px;}
#contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents06 .inner-Box ul li figure {  }
#contents06 .inner-Box ul li a {  }
#contents06 .inner-Box ul li a:hover {  }
#contents06 .inner-Box figure.img {position: relative;top: 0;left: 6px;}
#contents06 .inner-Box figure.img img{  }

#contents07{width: 1200px;margin: 0 auto 45px;}
#contents07 #blog{position: relative;width: 540px;float: left;}
#contents07 #blog h2{font-size: 15px;letter-spacing: 0.75px;margin-bottom: 24px;}
#contents07 #blog h2 span{font-size: 30px;letter-spacing: 1.5px;display: inline-block;margin-right: 21px;}
#contents07 #blog .btn{position: absolute;top: 6px;right: 0;}
#contents07 #blog ul{ }
#contents07 #blog ul li{border-bottom: #ccc dotted 1px;padding: 0 0 22px 0;margin-bottom: 28px;}
#contents07 #blog ul li .system-pic{width: 130px;height: 100px;float: left;}
#contents07 #blog ul li .system-pic img{width: 100%;height: 100px;}
#contents07 #blog ul li .textbx{ width: 387px; float: left; padding: 10px 0 0 23px; }
#contents07 #blog ul li .textbx .system-day{ color: #A67C52; font-size: 14px; letter-spacing: 0.7px; margin-bottom: 6px; }
#contents07 #blog ul li .textbx .system-ttl-01{ font-size: 16px; letter-spacing: 0px; line-height: 1.56; font-weight: 400; }

#contents07 #report{position: relative;width: 540px;float: left;margin-left: 120px;}
#contents07 #report h2{font-size: 15px;letter-spacing: 0.75px;margin-bottom: 24px;}
#contents07 #report h2 span{font-size: 30px;letter-spacing: 1.5px;display: inline-block;margin-right: 21px;}
#contents07 #report .btn{position: absolute;top: 6px;right: 0;}
#contents07 #report ul{ }
#contents07 #report ul li{border-bottom: #ccc dotted 1px;padding: 0 0 22px 0;margin-bottom: 28px;}
#contents07 #report ul li .system-pic{width: 130px;height: 100px;float: left;}
#contents07 #report ul li .system-pic img{width: 100%;height: 100px;}
#contents07 #report ul li .textbx{ width: 387px; float: left; padding: 10px 0 0 23px; }
#contents07 #report ul li .textbx .system-day{ color: #A67C52; font-size: 14px; letter-spacing: 0.7px; margin-bottom: 6px; }
#contents07 #report ul li .textbx .system-ttl-01{ font-size: 16px; letter-spacing: 0px; line-height: 1.56; font-weight: 400; }

#seotext{ background: url(../images/index/seo-back.png); }
#seotext .inner-Box{width: 1100px;margin: 0 auto;padding: 39px 0 50px;}
#seotext .inner-Box p{color: #808080;font-size: 13px;letter-spacing: 0.65px;line-height: 1.69;}


}

@media screen and (min-width:768px) and ( max-width:1280px) {
  #contents06 .inner-Box {padding: 280px 0 0 29px;}

}

@media screen and (max-width: 767px) {
  #popupbanner{position: fixed;right: 2.25vw;bottom: 22.25vw;z-index: 10;width: 46vw;}
  #popupbanner a{ }
  #popupbanner a img{ width: 100%; height: auto;}
  #popupbanner span{position: absolute;top: -3.4vw;right: -1vw;display: block;}
  
  .sp-header{ position: absolute; top: 0 ; left: 0;z-index: 4;}
  .sp-header .h-logo{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

  #contentsmain {margin: 0 auto -3vw;position: relative;}
  #contentsmain .inner-Box {position: relative;}
  #contentsmain .inner-Box h2 {position: absolute;z-index: 4;bottom: 25.6vw;}
  #contentsmain .inner-Box h2 span{  }
  #contentsmain .inner-Box h2 img { width: 100%; }
  #contentsmain .inner-Box ul.mainslde {}
  #contentsmain .inner-Box ul li { position: relative; }
  #contentsmain .inner-Box figure.photo {  }
  #contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; }
  
  #contents01 {margin: 0 auto 0.0vw;position: relative;background: url('../images/index/sp-contents01-back01.png')no-repeat top center,url('../images/index/sp-contents01-back02.png')repeat top center;background-size: 100% auto;}
  #contents01 .inner-Box1 {margin: 0 auto 19.15vw;position: relative;text-align: center;padding: 13.9vw 0 0;}
  #contents01 .inner-Box1 h2.f-min {font-size: 5.56vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 4.55vw;position: relative;}
  #contents01 .inner-Box1 p.text {font-size: 3.38vw;line-height: 2.07;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 11.84vw;position: relative;text-align: left;margin: 0 8.7vw 10.5vw;}
  #contents01 .inner-Box1 p.morebtn { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
  #contents01 .inner-Box1 p.morebtn a {  }
  #contents01 .inner-Box1 p.morebtn a:hover {  }
  #contents01 .inner-Box2 {margin: 0 auto 10.67vw;position: relative;background: #fff;padding: 10vw 0 9.6vw;}
  #contents01 .inner-Box2 h3 {text-align: center;margin: 0 12.8vw 1.23vw 27.8vw;}
  #contents01 .inner-Box2 h3 span{  }
  #contents01 .inner-Box2 h3 img {  }
  #contents01 .inner-Box2 ul.instalist {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;}
  #contents01 .inner-Box2 ul li {position: relative;text-align: center;width: 50.00vw;margin: 0 2.42vw;}
  #contents01 .inner-Box2 ul li.li-box::before{ content: url(../images/index/start-icon01.png); position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); }
  #contents01 .inner-Box2 video {height: 88.89vw;width: 50.00vw;}
  #contents01 .inner-Box2 p.ltext {font-size: 3.14vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.08vw;margin-bottom: 7.25vw;position: relative;}
  #contents01 .inner-Box3 {margin: 0 auto 16.32vw;position: relative;}
  #contents01 .inner-Box3 h3.f-min {font-size: 7.25vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.47vw;margin-bottom: -0.8vw;position: relative;text-align: center;}
  #contents01 .inner-Box3 p.subtt {font-size: 3.62vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.22vw;margin-bottom: 6.06vw;position: relative;text-align: center;}
  #contents01 .inner-Box3 p.morebtn { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
  #contents01 .inner-Box3 p.morebtn a {  }
  #contents01 .inner-Box3 p.morebtn a:hover {  }
  
/* ベース：非表示 */
.vmodal { position: fixed; inset: 0; display: none; z-index: 9999;}
.vmodal.is-open { display: block; }
.vmodal__backdrop {position: absolute; inset: 0;background: rgba(0,0,0,0.6);}
.vmodal__dialog {position: absolute; inset: 0;margin: auto; width: 92vw; max-width: 720px; height: auto;aspect-ratio: 16/9; background: #000; border-radius: 12px;box-shadow: 0 10px 40px rgba(0,0,0,0.35);display: flex; align-items: center; justify-content: center;}
#vmodalPlayer {width: 100%; height: 100%; object-fit: contain; background:#000;border-radius: 12px;}
.vmodal__close {position: absolute; top: -44px; right: 0;width: 36px; height: 36px; border-radius: 50%;border: none; background: #fff; color:#000; font-size: 20px; line-height: 36px;}
/* SPはダイアログをほぼ全画面に */
.vmodal__dialog { width: 100vw; height: 80vh; max-width: none; border-radius: 0;aspect-ratio: auto; }
.vmodal__close { top: 200px; right: 10px; background: rgba(255,255,255,0.9); }
/* モーダル中スクロールロック */
body.-lock { overflow: hidden; }

  #event .system-list{margin-bottom: 7.48vw;}
  #event .system-list li{position: relative;line-height: 1.4;width: 65.70vw;margin: 0 2.42vw;position: relative;margin-bottom: 0vw;}

  #event .system-list li a:hover{ text-decoration: none; }
  #event .system-list .system-pic {width: 100%;aspect-ratio: 50 / 50;overflow: hidden;text-align: center;margin-bottom: 1.22vw;position: relative;}
  #event .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #event .system-list li .system-date{font-size: 2.90vw;margin-bottom: 1.45vw;line-height: 1.4;font-weight: 400;position: relative;padding: 0 0 0 9.29vw;}
  #event .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;color: #808080;}
  #event .system-list li .system-date .start_text{ }
  #event .system-list li .system-information { border-bottom: 0.24vw solid #eee; padding-bottom: 2.42vw; margin-bottom: 4.83vw;}
  #event .system-list li .system-txt{ font-size:  3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #event .system-list li .system-coment{ font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
  #event .system-list li .system-ttl-01{font-size: 3.38vw;font-weight: 400;letter-spacing: 0.19vw;line-height: 1.63;margin-bottom: 1.8vw;padding: 0 0 3.65vw;border-bottom: #D3D3D3 solid 0.24vw;}
  #event .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  
  #event .system-list li .text-box{padding: 0.0vw 0.0vw 4.83vw;}
  #event .system-list li .more{font-size: 3.86vw;text-align: center;border: 0.24vw solid #959595;border-radius: 4.83vw;height: 9.66vw;margin: 7.25vw auto 0 auto;padding: 1.45vw 0 0;}
  #event .icon{text-align: center;display: block;background: none;display: none;font-size: 2.66vw;margin-bottom: 1.69vw;color: #fff;position: absolute;top: 0.0vw;right: 2.42vw;z-index: 3;height: 12.08vw;border-radius: 50%;padding-top: 4.11vw;}
  
  #event .serchcategory{ margin-bottom: 24.15vw;}
  #event .serchcategory .icon { display: none; margin-bottom: 3.62vw; font-size: 3.38vw; font-weight: bold; color: #fff; text-align: center; padding: 2.42vw 4.83vw;}
  #event .system-icon02 span { display: block; padding: 1.93vw; background: #ccc; font-size: 3.38vw; margin-bottom: 3.62vw; margin-top: 0vw; }
  
  
  #contents01 .inner-Box4 {margin: 0 3vw;position: relative;text-align: center;padding-bottom: 24.3vw;}
  #contents01 .inner-Box4 h3 {margin: 0 9.5vw 4.65vw;}
  #contents01 .inner-Box4 h3 span{  }
  #contents01 .inner-Box4 h3 img {  }
  #contents01 .inner-Box4 p.btn.b1 {  }
  #contents01 .inner-Box4 p.btn.b1 img {  }
  #contents01 .inner-Box4 p.ltext2 {font-size: 3.38vw;line-height: 1.57;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 12.48vw;position: relative;padding: 3.86vw 0 0;}
  #contents01 .inner-Box4 p.btn.b2 {  }
  #contents01 .inner-Box4 p.btn.b2 img {  }
  
  #contents02 {margin: 0 auto 11.09vw;position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top center;text-align: center;padding: 14.18vw 0 0.29vw;background-size: 100% auto;}
  #contents02 .inner-Box {position: relative;}
  #contents02 .inner-Box h2 {margin: 0 20.7vw 8.53vw 23.3vw;}
  #contents02 .inner-Box h2 span{  }
  #contents02 .inner-Box h2 img {  }
  #contents02 .inner-Box p.btn {margin: 0 2.9vw 3.45vw;}
  #contents02 .inner-Box p.btn img {  }
  #contents02 .inner-Box p.text {text-align: left;font-size: 3.38vw;line-height: 1.57;font-weight: 400;letter-spacing: 0.19vw;margin: 0 4.2vw 7.25vw;position: relative;}
  
  #contents03 {margin: 0 auto -12vw;position: relative;padding: 0.0vw 4.13vw;z-index: 3;}
  #contents03 .inner-Box {position: relative;padding-right: 0vw;}
  #contents03 .inner-Box h2.f-min {font-size: 7.25vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.47vw;margin-bottom: 4.33vw;position: relative;padding: 0 0 0 1.45vw;text-align: center;}
  #contents03 .inner-Box h2.f-min span {display: block;font-size: 3.62vw;letter-spacing: 0.22vw;margin-top: -0.3vw;}
  #contents03 .inner-Box ul.slist {border-top: #D3D3D3 0.24vw solid;margin-bottom: 7vw;}
  #contents03 .inner-Box ul.slist li a {position: relative;display: block;padding: 7.94vw 0.59vw 0vw 28.1vw;height: 36.28vw;border-bottom: #D3D3D3 0.24vw solid;}
  #contents03 .inner-Box ul.slist li a:hover{ text-decoration: none; }
  #contents03 .inner-Box ul.slist figure.img {position: absolute;top: 5.8vw;left: 0;width: 24.2vw;}
  #contents03 .inner-Box ul.slist figure.img img{  filter: grayscale(100%); opacity: 0.7;transition: all 0.3s ease-in-out;}
  #contents03 .inner-Box ul.slist p.enen {font-size: 3.14vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.16vw;margin-bottom: 0.82vw;position: relative;color: #808080;transition: all 0.3s ease-in-out;position: relative;top: -1vw;}
  #contents03 .inner-Box ul.slist p.ttle {font-size: 4.11vw;line-height: 1.65;font-weight: 600;letter-spacing: 0.21vw;margin-bottom: 7.25vw;position: relative;color: #808080;margin-right: -11vw;transition: all 0.3s ease-in-out;}
  #contents03 .inner-Box ul.slist .arr{position: absolute;bottom: 2.19vw;right: 1.28vw;width: 5vw;transition: all 0.3s ease-in-out;}
  
  #contents03 .inner-Box ul.slist figure.img img{  filter: grayscale(0%); opacity: 1;}
  #contents03 .inner-Box ul.slist p.ttle{ color: #333; }
  #contents03 .inner-Box ul.slist .arr{}
  
  #contents03 .inner-Box2 {position: absolute;top: 2.42vw;right: 4.83vw;display: none;}
  #contents03 .inner-Box2 ul.slist2 {}
  #contents03 .inner-Box2 ul li { position: relative; }
  #contents03 .inner-Box2 figure.photo {margin-bottom: 4.11vw;}
  #contents03 .inner-Box2 figure.photo img{  }
  #contents03 .inner-Box2 p.ltext {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 12.56vw;position: relative;}
  #contents03 .inner-Box2 p.morebtn{ }
  #contents03 .inner-Box2 p.morebtn a{margin: 0 0 0 auto;}
  #contents03 .inner-Box2 p.morebtn a .arr{top: 4.35vw;}
  
  #contents04 {position: relative;background: url('../images/index/sp-contents04-back01.png')no-repeat top 0.0vw center;padding: 25.63vw 0 0;background-size: 100% auto;}
  #contents04 h2.f-min {font-size: 3.62vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.22vw;margin-bottom: 4.3vw;position: relative;text-align: center;}
  #contents04 h2.f-min span {display: block;font-size: 7.25vw;letter-spacing: 0.36vw;margin-bottom: -0.3vw;}
  #contents04 .inner-Box {margin: 0 4vw;position: relative;padding-bottom: 15.22vw;}
  #contents04 .inner-Box ul.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-bottom: -0.1vw;}
  #contents04 .inner-Box ul li {text-align: center;margin-bottom: 8.15vw;}
  #contents04 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents04 .inner-Box ul li figure {margin-bottom: 2.66vw;}
  #contents04 .inner-Box ul li p {font-size: 3.38vw;letter-spacing: 0.19vw;}
  #contents04 .inner-Box ul li a:hover {  }
  #contents04 .inner-Box p.btn {margin: 0 11vw;}
  #contents04 .inner-Box p.btn img {  }
  
  #works {}
  #works .inner-Box {margin: 0 auto 15.09vw;position: relative;}
  #works .inner-Box h3.f-min {font-size: 7.25vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.47vw;margin-bottom: 0vw;position: relative;text-align: center;}
  #works .inner-Box p.subtt {font-size: 3.62vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.22vw;margin-bottom: 4.25vw;position: relative;text-align: center;}
  #works .inner-Box p.morebtn { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
  #works .inner-Box p.morebtn a {  }
  #works .inner-Box p.morebtn a:hover {  }
  
  #works .system-list{margin-bottom: 12.08vw;}
  #works .system-list li{line-height: 1.4;width: 61.84vw;margin:0 2.42vw;background: #fff;position: relative;margin-bottom: 4.83vw;}

  #works .system-list li a:hover{ text-decoration: none; }
  #works .text1{ font-size: 3.38vw; width: 100%; border: 0.24vw solid #DEDEDE; background: #F8F7F5; height: 9.66vw; text-align: center; padding: 2.17vw; margin-bottom: 2.42vw; font-weight: 400; }
  #works .text2{color: #B3B3B3;font-size: 3.62vw;margin-bottom: 2.42vw;font-weight: 400;}
  
  #works .system-pic {width: 100%;aspect-ratio: 32 / 23;overflow: hidden;text-align: center;margin-bottom: 2vw;position: relative;}
  #works .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #works .system-date{ font-size: 0.75em; margin-bottom: 2.42vw; line-height: 1.4; }
  #works .system-date::before{ content: "■"; }
  #works .system-coment{ font-size: 0.75em; margin-bottom: 1.21vw; line-height: 1.4; }
  #works .system-ttl-01{font-size: 3.38vw;margin-bottom: 2.42vw;line-height: 1.56;font-weight: 400;letter-spacing: 0.0vw;}
  
  #contents05 {margin: 0 auto 0vw;position: relative;background: url('../images/index/sp-contents05-back01.png')no-repeat top left;background-size: 100% auto;padding-bottom: 9.8vw;}
  #contents05 .inner-Box1 {margin: 0 auto 31.37vw;position: relative;padding: 10.84vw 0 0;}
  #contents05 .inner-Box1 h2.f-min {font-size: 3.62vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.18vw;margin-bottom: 4.7vw;position: relative;text-align: center;}
  #contents05 .inner-Box1 h2.f-min span {font-size: 7.25vw;display: block;letter-spacing: 0.36vw;margin-bottom: -0.8vw;}
  
  #voice  p.morebtn {}
  #voice  p.morebtn a {}
  #voice  p.morebtn a .arr { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
  #voice .prev-arrow{position: absolute;top: 86.96vw;left: 0vw;}
  #voice .next-arrow{position: absolute;top: 86.96vw;left: 0vw;}
  
  #contents05 .inner-Box2 {margin: 0 6.6vw;position: relative;}
  #contents05 .inner-Box2 ul.banner-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;}
  #contents05 .inner-Box2 ul li {margin-bottom: 4.89vw;}
  #contents05 .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents05 .inner-Box2 ul li figure {  }
  #contents05 .inner-Box2 ul li a {  }
  #contents05 .inner-Box2 ul li a:hover {  }
  
  #voice .system-list{margin-left: 0vw;margin-bottom: 4.3vw;}
  
  #voice .system-list li{ background: #fff; width: 57.97vw; margin:0 2.42vw; position: relative;margin-bottom: 4.83vw;}
  #voice .system-list li a:hover{ text-decoration: none; }
  #voice .system-list li .longicon{  font-size: 3.38vw; letter-spacing: 0.17vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 8.7vw; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0.0vw 0.0vw 0.0vw 1.45vw; text-align: center; padding: 1.93vw 0 0; z-index: 3; }
  #voice .system-list li .system-text{font-size: 3.38vw;letter-spacing: 0.17vw;font-weight: 400;line-height: 1.71;border-bottom: #A4A4A4 0.24vw solid;color: #A4A4A4;padding-bottom: 2.42vw;margin-bottom: 4.83vw;}
  #voice .system-list li .system-text span{ display: inline-block; padding-left: 2.42vw; }
  #voice .system-list li .honb{color: #808080;font-size: 3.14vw;margin: 0 5.07vw 4.83vw;}
  #voice .system-pic {width: 100%;aspect-ratio: 25 / 17.5;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;}
  #voice .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
  #voice .system-date{ font-size: 3.38vw; margin-bottom: 2.42vw; line-height: 1.4; }
  #voice .system-date::before{ }
  #voice .system-name{font-size: 3.38vw;margin-bottom: 2.42vw;line-height: 1.4;display: inline-block;background: #B18B28;color: #fff;padding: 1.45vw 3.86vw;}
  #voice .system-contents .longicon2{  font-size: 3.38vw; letter-spacing: 0.17vw; font-weight: 500; position: absolute; top: 0; right: 0; height: 8.7vw; background: transparent linear-gradient(102deg, #8E1D22 0%, #770404 100%) 0% 0% no-repeat padding-box; color: #fff; border-radius: 0.0vw 0.0vw 0.0vw 1.45vw; text-align: center; padding: 1.93vw 0 0; z-index: 3; }
  
  #voice .system-ttl-01{font-size: 3.38vw;margin: 0 4.83vw 1.83vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.0vw;}
  #voice .system-category-set { margin-bottom: 3.62vw; margin-top: 0vw;}
  
  #contents06 {margin: 0 auto 0;position: relative;background: url('../images/index/sp-contents06-back01.png')no-repeat top center;padding-bottom: 17.22vw;background-size: 100% auto;}
  #contents06 .inner-Box {position: relative;padding: 68.3vw 0 0;}
  #contents06 .inner-Box h2 {position: relative;margin: 0 9.1vw 9.39vw;}
  #contents06 .inner-Box h2 span{  }
  #contents06 .inner-Box h2 img {  }
  #contents06 .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: 0 18.7vw 4.51vw;}
  #contents06 .inner-Box ul li {
    margin-bottom: 4.7vw;
}
  #contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents06 .inner-Box ul li figure {  }
  #contents06 .inner-Box ul li a {  }
  #contents06 .inner-Box ul li a:hover {  }
  #contents06 .inner-Box figure.img {position: relative;top: 0;margin: 0 12.9vw;}
  #contents06 .inner-Box figure.img img{  }
  
  #contents07{margin: 0 4.3vw 0.87vw;}
  #contents07 #blog{position: relative;margin-bottom: 17vw;}
  #contents07 #blog h2{font-size: 3.62vw;letter-spacing: 0.18vw;margin-bottom: 4vw;}
  #contents07 #blog h2 span{font-size: 5.56vw;letter-spacing: 0.28vw;display: inline-block;margin-right: 4.07vw;}
  #contents07 #blog .btn{position: absolute;top: 2.45vw;right: 0.5vw;width: 36.5vw;}
  #contents07 #blog ul{ }
  #contents07 #blog ul li{border-bottom: #ccc dotted 0.24vw;padding: 0 0 4.31vw 0;margin-bottom: 4.96vw;}
  #contents07 #blog ul li .system-pic{height: 21.95vw;width: 29.1vw;float: left;overflow: hidden;}
  #contents07 #blog ul li .system-pic img{width: 100%;height: 24.15vw;}
  #contents07 #blog ul li .textbx{padding: 1.72vw 0 0 3.76vw;float: left;width: 62vw;}
  #contents07 #blog ul li .textbx .system-day{color: #A67C52;font-size: 3.14vw;letter-spacing: 0.17vw;margin-bottom: 1.25vw;}
  #contents07 #blog ul li .textbx .system-ttl-01{font-size: 3.38vw;letter-spacing: 0.0vw;line-height: 1.56;font-weight: 400;}
  
  #contents07 #report{position: relative;margin-bottom: 17vw;}
  #contents07 #report h2{font-size: 3.62vw;letter-spacing: 0.18vw;margin-bottom: 4vw;}
  #contents07 #report h2 span{font-size: 5.56vw;letter-spacing: 0.28vw;display: inline-block;margin-right: 4.07vw;}
  #contents07 #report .btn{position: absolute;top: 2.45vw;right: 0.5vw;width: 36.5vw;}
  #contents07 #report ul{ }
  #contents07 #report ul li{border-bottom: #ccc dotted 0.24vw;padding: 0 0 4.31vw 0;margin-bottom: 4.96vw;}
  #contents07 #report ul li .system-pic{height: 21.95vw;width: 29.1vw;float: left;overflow: hidden;}
  #contents07 #report ul li .system-pic img{width: 100%;height: 24.15vw;}
  #contents07 #report ul li .textbx{padding: 1.72vw 0 0 3.76vw;float: left;width: 62vw;}
  #contents07 #report ul li .textbx .system-day{color: #A67C52;font-size: 3.14vw;letter-spacing: 0.17vw;margin-bottom: 1.25vw;}
  #contents07 #report ul li .textbx .system-ttl-01{font-size: 3.38vw;letter-spacing: 0.0vw;line-height: 1.56;font-weight: 400;}

  
  #seotext{background: url(../images/index/sp-seo-back.png);background-size: 100% auto;}
  #seotext .inner-Box{margin: 0 7.8vw;padding: 10.52vw 0 12.08vw;}
  #seotext .inner-Box p{color: #808080;font-size: 2.66vw;letter-spacing: 0.16vw;line-height: 1.73;}
  



}