@charset "UTF-8";


@media screen and (min-width: 768px),print {  
body{ background: url(../images/index/bodyback.png)no-repeat top center; background-size: cover; background-attachment: fixed;}

  header{position: absolute;z-index: 3;width: 100%;}
  #contentsmain {margin: 0 auto;position: relative;background: url('../images/index/contentsmain-back01.png')no-repeat top center;padding-top: 110px;}
  #contentsmain .inner-Box {margin: 0 auto;position: relative;max-width: 1661px;width: 100%;min-width: 1280px;height: 830px;}
  #contentsmain .inner-Box h1 {position: relative;top: 52px;left: -14px;margin-bottom: 119px;width: 516px;}
  #contentsmain .inner-Box h1 img{  }
  #contentsmain .inner-Box .slider-mv-box {position: absolute;top: 0;right: 0px;width: 1120px;}
  #contentsmain .inner-Box ul.list {width: 480px;}
  #contentsmain .inner-Box ul li {margin-bottom: 20px;}
  #contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
  #contentsmain .inner-Box ul li figure{  }
  #contentsmain .inner-Box .fsnsttl{position: relative;font-size: 13px;line-height: 1.6;letter-spacing: 0.65px;font-weight: 500;position: absolute;bottom: 85px;right: 203px;}
  #contentsmain .inner-Box .fsnsttl::before{content: "";background: #333;width: 40px;height: 1px;position: absolute;bottom: 11px;right: -52px;}

  #contentsmain .inner-Box .txt-box{ position:absolute; top:580px; left:578px; }
  #contentsmain .inner-Box .txt-box .txt{ font-size:30px; font-weight:700; line-height:1.4; letter-spacing:1.5px; }
  #contentsmain .inner-Box .txt-box .txt .txt1{ display:block; background-color:#fff; padding: 6px 12px; margin-bottom:10px; }
  #contentsmain .inner-Box .txt-box .txt .txt2{ display:inline-block; background-color:#fff; padding: 6px 12px; }

  #contentsmain .inner-Box .sns-list{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;position: absolute;bottom: 60px;right: 11px;}
  #contentsmain .inner-Box .sns-list li{margin-left: 19px;}   

  #contents01 {margin: 0 auto;position: relative;background: #F2F2F0;padding: 69px 0 73px;}
  #contents01 .clearfix {margin: 0 auto;position: relative;width: 1180px;}
  #contents01 .leftbox {position: relative;width: 510px;float: left;margin-right: 160px;}
  #contents01 .leftbox figure.img {position: relative;top: 0;left: 0;margin-bottom: 6px;}
  #contents01 .leftbox h2{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 30px;border-bottom: #333 solid 2px;padding-bottom: 7px;}
  #contents01 .leftbox h2 span{font-size: 28px;font-weight: 600;letter-spacing: 2.8px;display: inline-block;margin-right: 29px;}
  #contents01 .leftbox p.btn{text-align: right;}
  #contents01 .leftbox p.btn img{  }
  #contents01 .rightbox {position: relative;width: 510px;float: left;}
  #contents01 .rightbox figure.img {position: relative;top: 0;left: 0;margin-bottom: 6px;}
  #contents01 .rightbox h2{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 30px;border-bottom: #333 solid 2px;padding-bottom: 7px;}
  #contents01 .rightbox h2 span{font-size: 28px;font-weight: 600;letter-spacing: 2.8px;display: inline-block;margin-right: 29px;}
  #contents01 .rightbox p.btn{text-align: right;}
  #contents01 .rightbox p.btn img{  }
  
  #news .system-list{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 3px;}

  #news .system-list li{line-height: 1.4;width: 100%;position: relative;padding-bottom: 3px;margin-bottom: 32px;border-bottom: #232323 1px solid;}
  #news .system-list li a:hover{ text-decoration: none; }
  #news .system-list li .num-inner {width: 350px;float: left;}
  #news .system-list li .system-pic{overflow: hidden;margin-bottom: 15px;width: 140px;height: 100px;float: left;margin-right: 15px;}
  #news .system-list li .system-pic img{width: 100%;height: 100px;}
  #news .system-list li .system-date{margin-bottom: 13px;}
  #news .system-list li .system-date .date{color: #808080;font-size: 14px;letter-spacing: 0.7px;}
  #news .system-list li .system-date .cate{display: inline-block;background: #FDEB02;padding: 6px 13px;margin-right: 5px;font-size: 14px;line-height: 1;}
  #news .system-list li .system-ttl-01{ font-size: 16px; line-height: 1.6; letter-spacing: 0px; font-weight: 500;}
  #news .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  
  #blog .system-list{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 3px;}

  #blog .system-list li{line-height: 1.4;width: 100%;position: relative;padding-bottom: 3px;margin-bottom: 32px;border-bottom: #232323 1px solid;}
  #blog .system-list li a:hover{ text-decoration: none; }
  #blog .system-list li .num-inner {width: 350px;float: left;}
  #blog .system-list li .system-pic{overflow: hidden;margin-bottom: 15px;width: 140px;height: 100px;float: left;margin-right: 15px;}
  #blog .system-list li .system-pic img{width: 100%;height: 100px;}
  #blog .system-list li .system-date{margin-bottom: 13px;}
  #blog .system-list li .system-date .date{color: #808080;font-size: 14px;letter-spacing: 0.7px;}
  #blog .system-list li .system-date .cate{display: inline-block;background: #FDEB02;padding: 6px 13px;margin-right: 5px;font-size: 14px;line-height: 1;}
  #blog .system-list li .system-ttl-01{ font-size: 16px; line-height: 1.6; letter-spacing: 0px; font-weight: 500;}
  #blog .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
 
  #style-bnr-bx {margin: 0 auto;position: relative;background: #FFFFFF;padding-top: 70px;padding-bottom: 30px;}
  #style-bnr-bx .style-bnr{text-align: center;}


  #contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top 377px center #FFFFFF;padding-top: 106px;padding-bottom: 140px;}
  #contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 1460px;padding: 119px 30px 0 30px;}
  #contents02 .inner-Box h2 {position: absolute;top: 0px;left: 50%;transform: translateX(-50%);}
  #contents02 .inner-Box h2 img{  }
  #contents02 .inner-Box p.subttl {font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 38px;text-align: center;}
  #contents02 .inner-Box p.btn{text-align: center;}
  #contents02 .inner-Box p.btn img{  }

  #contents03 {margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top 271px center #FFFFFF;padding-top: 2px;padding-bottom: 121px;}
  #contents03 .inner-Box {margin: 0 auto;position: relative;max-width: 1460px;padding: 119px 30px 0 30px;}
  #contents03 .inner-Box h2 {position: absolute;top: 0px;left: 50%;transform: translateX(-50%);}
  #contents03 .inner-Box h2 img{  }
  #contents03 .inner-Box p.subttl {font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 34px;text-align: center;}
  #contents03 .inner-Box p.btn{text-align: center;}
  #contents03 .inner-Box p.btn img{  }

  #house-info .icon{width: 80px;height: 80px;border-radius: 40px;text-align: center;padding-top: 29px;display: block;background: #003547;color: #fff;position: absolute;top: -20px;left: -20px;z-index: 4;}
#house-info .system-list{margin-bottom: -32px;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;}
#house-info .system-list li{line-height: 1.4;width: 23.9%;margin-right: 1.4%;background: #fff;position: relative;margin-bottom: 60px;padding-bottom: 0px;}
#house-info .system-list li:nth-child(4n){ margin-right: 0; }
#house-info .system-list li a:hover{ text-decoration: none; }
#house-info .system-list li .system-date{border-bottom: 1px dotted #333;padding-bottom: 8px;margin-bottom: 15px;font-size: 16px;}
#house-info .system-list li .system-date .date-ttl{width: 80px;float: left;font-weight: bold;}
#house-info .system-list li .system-date .start_text{width: 225px;float: left;}

#house-info .system-list li .textbox{text-align: center;padding: 7px 0 10px 0;}
#house-info .system-category-tag span{color: #fff;display: block;text-align: center;font-size: 15px;line-height: 1.6;letter-spacing: 0.75px;font-weight: 700;padding: 12px;}
#house-info .system-category-tag .cate1{ background: #E1A332; }
#house-info .system-category-tag .cate2{ background: #DC7D55; }
#house-info .system-category-tag .cate3{ background: #78BBC4; }
#house-info .system-list li .pre { font-size: 20px;line-height: 1.6;letter-spacing: 0.75px;font-weight: 500; }
#house-info .system-list li .pre span.start_text{ color: #CC3228; font-size: 34px;line-height: 1.6;letter-spacing: 1.7px;font-weight: 700; }
#house-info .system-list li .system-ttl{font-size: 18px;line-height: 1.6;letter-spacing: 0.9px;font-weight: 500;margin-bottom: 6px;}
#house-info .system-list li .text{font-size: 14px;line-height: 1.6;letter-spacing: 0.7px;font-weight: 400;color: #808080;margin-bottom: -4px;}

#house-info .system-pic{width: 100%;max-height: 247px;overflow: hidden;text-align: center;margin-bottom: 0px;}
#house-info .system-pic img{width: 100%;height: auto; max-height: 247px;}

#ground-info .icon{width: 80px;height: 80px;border-radius: 40px;text-align: center;padding-top: 29px;display: block;background: #003547;color: #fff;position: absolute;top: -20px;left: -20px;z-index: 4;}
#ground-info .system-list{margin-bottom: -32px;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;}
#ground-info .system-list li{line-height: 1.4;width: 23.9%;margin-right: 1.4%;background: #fff;position: relative;margin-bottom: 60px;padding-bottom: 23px;}
#ground-info .system-list li:nth-child(4n){ margin-right: 0; }
#ground-info .system-list li a:hover{ text-decoration: none; }
#ground-info .system-list li .system-date{border-bottom: 1px dotted #333;padding-bottom: 8px;margin-bottom: 15px;font-size: 16px;}
#ground-info .system-list li .system-date .date-ttl{width: 80px;float: left;font-weight: bold;}
#ground-info .system-list li .system-date .start_text{width: 225px;float: left;}

#ground-info .system-list li .textbox{text-align: center;padding: 7px 0 32px 0;}
#ground-info .system-category-tag span{color: #fff;display: block;text-align: center;font-size: 15px;line-height: 1.6;letter-spacing: 0.75px;font-weight: 700;padding: 12px;}
#ground-info .system-category-tag .cate1{ background: #E1A332; }
#ground-info .system-category-tag .cate2{ background: #DC7D55; }
#ground-info .system-category-tag .cate3{ background: #78BBC4; }
#ground-info .system-list li .pre { font-size: 20px;line-height: 1.6;letter-spacing: 0.75px;font-weight: 500; }
#ground-info .system-list li .pre span.start_text{ color: #CC3228; font-size: 34px;line-height: 1.6;letter-spacing: 1.7px;font-weight: 700; }
#ground-info .system-list li .system-ttl{font-size: 18px;line-height: 1.6;letter-spacing: 0.9px;font-weight: 500;margin-bottom: 6px;}
#ground-info .system-list li .text{font-size: 14px;line-height: 1.6;letter-spacing: 0.7px;font-weight: 400;color: #808080;margin-bottom: -4px;}

#ground-info .system-pic{width: 100%;height: 280px;overflow: hidden;text-align: center;margin-bottom: 0px;}
#ground-info .system-pic img{width: auto; max-width: 100%; height: 100%; margin: 0 auto;}


#contents04{margin:0 auto;position:relative;background:url('../images/index/contents04-back01.png')no-repeat top center;background-size:cover;}
#contents04 .inner-Box{margin:0 auto;position:relative;padding:84px 0;max-width:1920px;width:100%;min-width:1280px;}
#contents04 .inner-Box h2{position:absolute;top:129px;left:50%;margin-left:-721px;z-index:3;}
#contents04 .inner-Box h2 img{}
#contents04 .inner-Box ul{width:1160px;margin:0 0 0 auto;}
#contents04 .inner-Box ul li{position:relative;width:400px;/* height:490px;*/
margin-right:60px;padding-top:26px;text-align:center;}
#contents04 .inner-Box ul li .ibox{position:relative;width:400px;/* height:470px;*/
border-radius:5px;background:#fff;margin-right:60px;padding:40px 20px;}
#contents04 .inner-Box p.kukaku{position:absolute;top:-20px;line-height:1;z-index:3;left:35px;}

#contents04 .inner-Box p.kukaku span{position:absolute;top:31px;line-height:1;z-index:3;left:26px;font-size:30px;letter-spacing:1.5px;font-weight:bold;
  width: 80px;
  text-align: center;
  left: 0;
}
#contents04 .photo{
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 11px;
  height: 240px;
  background-color: #e9e9e9;
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#contents04 .photo img{max-width:100%;max-height:240px;height: auto;}
#contents04 .pre{font-size:20px;line-height:1.6;letter-spacing:0.75px;font-weight:500;}
#contents04 .pre span.start_text{color:#CC3228;font-size:34px;line-height:1.6;letter-spacing:1.7px;font-weight:700;}
#contents04 .inner-Box h3{font-size:20px;line-height:1.6;font-weight:700;letter-spacing:1px;text-align:center;margin-bottom:70px;}
#contents04 .inner-Box h3 span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#contents04 .inner-Box span.dl{display:block;line-height:1;position:absolute;bottom:40px;left:20px;}
#contents04 .inner-Box p.btn{position:absolute;top:423px;left:50%;margin-left:-760px;z-index:3;}
#contents04 .inner-Box p.btn img{}
#contents04 .prev-arrow{position:absolute;top:436px;left:-200px;}
#contents04 .next-arrow{position:absolute;top:436px;left:-120px;}
#contents04 .slick-arrow:hover{cursor:pointer;cursor:hand;opacity:0.8;}


#contents05 {margin: 0 auto 670px;position: relative;background: #fff;padding: 98px 0 140px;}
#contents05 .inner-Box {margin: 0 auto;position: relative;width: 1140px;}
#contents05 .inner-Box h2 {text-align: center;position: relative;left: 77px;margin-bottom: 27px;}
#contents05 .inner-Box h2 img{  }
#contents05 .inner-Box p.subttl {font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 46px;text-align: center;}
#contents05 .inner-Box span.dl {display: block;line-height: 1;position: absolute;bottom: 0;left: 0;}
#contents05 .inner-Box p.btn{text-align: center;position: relative;left: -30px;}
#contents05 .inner-Box p.btn img{  }

#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: 28.1%;margin-right: 7.8%;position: relative;margin-bottom: 20px;padding-bottom: 75px;}
#event .system-list li:nth-child(3n){ margin-right: 0}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-list li .system-pic{width: 100%;max-height: 320px;overflow: hidden;text-align: center;margin-bottom: 15px;}
#event .system-list li .system-pic img{width: 100%; height: auto; max-height: 330px;}
#event .system-list li .system-date{font-size: 14px;letter-spacing: 0.7px;margin-bottom: -1px;line-height: 24px;position: relative;padding-left: 56px;}
#event .system-list li .system-date .date-ttl{color: #808080;position: absolute;top: 0;left: 5px;}
#event .system-list li .system-date .start_text{ }
#event .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#event .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#event .system-ttl-01{font-size: 18px;font-weight: bold;line-height: 1.4;border-bottom: 1px solid #232323;padding-bottom: 5px;margin-bottom: 15px;letter-spacing: 0.9px;min-height: 66px;}
#event .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

#contents06 {margin: 0 auto -50px;position: relative;background: #fff;padding-bottom: 428px;}
#contents06 h2 {position: absolute;top: -487px;left: 50%;transform: translateX(-50%);}
#contents06 h2 img{  }
#contents06 .inner-Box1 {margin: 0 auto -80px;position: relative;max-width: 1560px;width: 100%;min-width: 1280px;}
#contents06 .inner-Box1 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;position: relative;top: -190px;}
#contents06 .inner-Box1 ul li {width: 25%;margin-right: -1px;}
#contents06 .inner-Box1 ul li figure img{ width: 100%; height: auto;}
#contents06 .inner-Box1 ul li a:hover figure img{  filter:alpha(opacity=100); -moz-opacity: 1;  opacity: 1;}
#contents06 .inner-Box2 {margin: 0 auto 100px;position: relative;width: 1150px;padding: 0 0 0 525px;}
#contents06 .inner-Box2 figure.img {position: absolute;top: -25px;left: -9px;}
#contents06 .inner-Box2 h3{font-size: 18px;line-height: 43px;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 34px;}
#contents06 .inner-Box2 h3 span{  }
#contents06 .inner-Box2 p.text {font-size: 16px;line-height: 35px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;width: 550px;}
#contents06  p.btn{text-align: center;}
#contents06  p.btn img{  }

#contents07 {margin: 0 auto;position: relative;background: url('../images/index/contents07-back01.png')no-repeat top center;padding-bottom: 207px;}
#contents07 .back-Box{animation: slide-background 120s linear infinite;height: 320px;width: 1740px;margin: 0 auto;position: relative;background: url('../images/index/contents07-photo00.png')repeat-x top center;position: absolute;top: -270px;left: 50%;margin-left: -779px;}
#contents07 .back-Box::before{content: "";background: #fff;width: 1560px;height: 60px;display: block;position: absolute;bottom: -9px;}
@keyframes slide-background {
  0% {
      background-position: 0 top;
  }
  100% {
      background-position: -3190px top; /* 画像が完全に左へ移動する距離 */
  }
}

#contents07 .inner-Box0 {margin: 0px auto 0 auto;position: relative;width: 1200px;padding-top: 127px;}
#contents07 .inner-Box0 h2{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 47px;border-bottom: #333 solid 2px;padding: 0 0 8px 8px;}
#contents07 .inner-Box0 h2 span{font-size: 28px;letter-spacing: 2.8px;font-weight: 600;display: inline-block;margin-right: 19px;}
	#contents07 .inner-Box0 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: 50px;}
	#contents07 .inner-Box0 ul li{width: 560px;margin-right: 80px;position: relative;}
	#contents07 .inner-Box0 ul li .works-icon{width: 70px;height: 70px;border-radius: 40px;background-color: #00a0dd;font-size: 14px;line-height: 20px; color: #fff; text-align: center;position: absolute;top: 15px;left: 15px;padding-top: 15px;z-index: 1;}
	#contents07 .inner-Box0 ul li .voice-icon{width: 70px;height: 70px;border-radius: 40px;background-color: #DC7D55;font-size: 14px;line-height: 20px; color: #fff;text-align: center;position: absolute;top: 15px;left: 15px;padding-top: 15px;z-index: 1;}
	#contents07 .inner-Box0 ul li:last-child{margin-right: 0;}
	#contents07 .inner-Box0 ul li a:hover{text-decoration: none;}
	#contents07 .inner-Box0 ul li .system-pic{width: 100%;height: 400px;margin-bottom: 10px;}
	#contents07 .inner-Box0 ul li .system-pic img{width: 100%;height: 400px;}
	#contents07 .inner-Box0 ul li .system-job{font-size: 16px;}
	#contents07 .inner-Box0 ul li .system-ttl-01{font-size: 18px;font-weight: bold;}
	#contents07 .inner-Box0 .voice-works-btn{width: 100%;height: 78px;}
	#contents07 .inner-Box0 .voice-works-btn a{display: block; width: 100%;height: 100%;border: 2px solid #000;border-radius: 4px; font-size: 18px;font-weight: bold;text-align: center;padding-top: 18px;position: relative;}
	#contents07 .inner-Box0 .voice-works-btn a:hover{text-decoration: none;}
	#contents07 .inner-Box0 .voice-works-btn a:before{content: url("../images/index/voice-works-icon.png"); position: absolute;top: 18px;right: 22px;transform: scale(.5);}

	
#contents07 .inner-Box1 {margin: 0px auto 0 auto;position: relative;width: 1200px;padding-top: 127px;}
#contents07 .inner-Box1 h2{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 47px;border-bottom: #333 solid 2px;padding: 0 0 8px 8px;}
#contents07 .inner-Box1 h2 span{font-size: 28px;letter-spacing: 2.8px;font-weight: 600;display: inline-block;margin-right: 19px;}
#contents07 .inner-Box1 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: 71px;}
#contents07 .inner-Box1 ul li{ position: relative; }
#contents07 .inner-Box1 ul li:nth-child(2){position: relative;right: -80px;}
#contents07 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 24px;}
#contents07 .inner-Box1 p.litext {font-size: 16px;line-height: 25px;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;}
#contents07 .inner-Box2{margin: 0 auto;position: relative;background: url('../images/index/contents07-back02.png')no-repeat top center;max-width: 1400px;width: 100%;min-width: 1280px;padding-bottom: 30px;}
#contents07 .inBox {margin: 0 auto 213px;position: relative;width: 1190px;padding: 156px 0 0;}
#contents07 .inBox h3 {margin-left: 105px;margin-bottom: 48px;}
#contents07 .inBox h3 img{  }
#contents07 .inBox 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: 89px;}
#contents07 .inBox ul li {width: 33%;text-align: center;}
#contents07 .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contents07 .inBox ul li figure{margin-bottom: 13px;height: 276px;}
#contents07 .inBox p.lltext {font-size: 16px;line-height: 25px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 27px;}
#contents07 .inBox span.dl { display: block; line-height: 1; }
#contents07 .inBox p.btn{text-align: center;}
#contents07 .inBox p.btn img{  }
#contents07 p.btn.bb2 {text-align: center;}
#contents07 p.btn.bb2 img {  }

#contents08 {margin: 0 auto;position: relative;background: #F2F2F2;padding: 122px 0 73px 0;}
#contents08 .inner-Box {margin: 0 auto;position: relative;width: 1200px;}
#contents08 .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;}
#contents08 .inner-Box ul li {width: 380px;margin-right: 30px;}
#contents08 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents08 .inner-Box ul li:nth-child(4){ width:600px; margin-left:300px; margin-top:20px; }
#contents08 .inner-Box ul li figure{margin-bottom: 12px;}
#contents08 .inner-Box p.text {font-size: 15px;line-height: 1.6;font-weight: 400;letter-spacing: 0.75px;margin-bottom: 30px;text-align: center;}

#contents09 { margin: 0 auto; position: relative; background: url('../images/index/contents09-back01.png')no-repeat top center; }
#contents09 .inner-Box {margin: 0 auto;position: relative;width: 1200px;padding: 124px 0 47px;}
#contents09 .inner-Box h2 {margin-left: 10px;margin-bottom: 18px;}
#contents09 .inner-Box h2 img{  }
#contents09 .inner-Box p.subttl {font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 47px;margin-left: 10px;}
#contents09 .inner-Box p.btn{position: absolute;top: 280px;right: 0;}
#contents09 .inner-Box p.btn img{  }

#contents09 .cate-list{margin-bottom: 29px;margin-right: 160px;}
#contents09 .cate-list span a{display: inline-block;height: 30px;border: 1px solid #E6E6E6;border-radius: 15px;background: #F2F2F2;padding: 5px 16px;margin-right: 12px;line-height: 1;}

#spot .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;}
#spot .system-list li{line-height: 1.4;width: 22.5%;margin-right: 3.3%;background: #fff;position: relative;margin-bottom: 20px;}
#spot .system-list li:nth-child(4n){ margin-right: 0}
#spot .system-list li a:hover{ text-decoration: none; }

#spot .system-list li .system-ttl{ font-size: 15px; line-height: 1.6; letter-spacing: 0.75px; font-weight: 400; margin-bottom: 10px; }

#spot .system-list li .system-category-tag{font-size:14px;line-height: 1.6;letter-spacing:0.7px;font-weight: 500;margin-bottom: 10px;}
#spot .system-list li .system-category-tag span{background: #F2F2F2;display: inline-block;border: 1px solid #E6E6E6;border-radius: 30px;margin-right: 8px;padding: 5px 12px;margin-bottom: 5px;}
#spot .system-list li .textbox{padding: 10px 20px 30px;}

#spot .system-pic{width: 100%;height: 200px;overflow: hidden;text-align: center;margin-bottom: 5px;}
#spot .system-pic img{width: 100%;height: 198px;}
#spot .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#spot .system-date::before{}
#spot .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#spot .system-ttl-01{font-size: 16px;margin-bottom: 10px;line-height: 1.4;}
#spot .system-category-set { margin-bottom: 15px; margin-top: -15px;}
#spot .serchcategory{ margin-bottom: 100px;}
#spot .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#spot .system-category1{margin-bottom: 1px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; background-color: #ccc; position: relative;}


#contnts10 {background: #FFFFFF;margin: 0 auto;position: relative;padding: 73px 0 52px;}
#contnts10 .inner-Box {margin: 0 auto 11px;position: relative;width: 1200px;}
#contnts10 .inner-Box h2{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 23px;text-align: center;}
#contnts10 .inner-Box h2 span{  }
#contnts10 .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;}
#contnts10 .inner-Box ul li {margin-right: 20px;margin-bottom: 21px;}
#contnts10 .inner-Box ul li:nth-child(5n) { margin-right: 0px; }
#contnts10 .inner-Box ul li figure{  }
#contnts10 .inner-Box2 {margin: 0 auto 90px;position: relative;width: 1200px;}
#contnts10 .inner-Box2 p{font-size: 14px;line-height: 25px;font-weight: 500;letter-spacing: 0.7px;margin-bottom: 30px;color: #808080;}



  }
  @media screen and (min-width:768px) and ( max-width:1680px) {
    #contentsmain img{ width: 100%; height: auto;}
    #contentsmain{margin:0 auto;position:relative;background:url('../images/index/contentsmain-back01.png')no-repeat top center;padding-top:5.73vw;}
    #contentsmain .inner-Box{ height: 48.23vw; padding: 0 30px; }
    #contentsmain .inner-Box h1{position:relative;top:2.71vw;left:-0.73vw;margin-bottom:6.15vw;width:27.92vw;}
    #contentsmain .inner-Box h1 img{  }
    #contentsmain .inner-Box .slider-mv-box{position:absolute;top:0;right:0;width: 66.38vw;}
    #contentsmain .inner-Box ul.list{width:25vw;}
    #contentsmain .inner-Box ul li{margin-bottom:1.04vw;}
    #contentsmain .inner-Box ul li:nth-child(3n){margin-right:0;}
    #contentsmain .inner-Box ul li figure{  }
    #contentsmain .inner-Box .fsnsttl{position:relative;font-size:0.68vw;line-height:1.6;letter-spacing:0.03vw;font-weight:500;position:absolute;bottom:4.43vw;right: 14.52vw;}
    #contentsmain .inner-Box .fsnsttl::before{content:"";background:#333;width:2.08vw;height:0.05vw;position:absolute;bottom:0.57vw;right:-2.71vw;}
    #contentsmain .inner-Box .sns-list{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position:absolute;bottom: 2.13vw;right:0.57vw;}
    #contentsmain .inner-Box .sns-list li{margin-left:0.99vw;}

#contentsmain .inner-Box .txt-box{ position:absolute; top:34.2vw; left:34.1vw; }

    #contents04 .inner-Box ul{width: 880px;margin: 0 0 0 auto;}
    #contents04 .inner-Box h2 {margin-left: -581px;z-index: 3;}
    #contents04 .inner-Box p.btn{margin-left: -630px;z-index: 3;}
    
  }
  


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


  header{position: absolute;z-index: 3;width: 100%;}
  #contentsmain {position: relative;background: url('../images/index/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;padding-top: 29.3vw;}
  #contentsmain .inner-Box {position: relative;padding-bottom: 16vw;}
  #contentsmain .inner-Box h1 {position: relative;margin: 0 9.7vw -3.5vw;z-index: 3;}
  #contentsmain .inner-Box h1 img{  }
  #contentsmain .inner-Box figure.photo01 {position: relative;top: 0;right: 0.0vw;}
  #contentsmain .inner-Box ul.list, #contentsmain .inner-Box .fsnsttl,#contentsmain .inner-Box .sns-list{ display: none;}

  #contentsmain .inner-Box .txt-box{ position:absolute; bottom:7vw; left:3vw; }
  #contentsmain .inner-Box .txt-box .txt{ font-size:4.8vw; font-weight:700; line-height:1.4; letter-spacing:0.242vw; }
  #contentsmain .inner-Box .txt-box .txt .txt1{ display:inline-block; background-color:#fff; padding: 1.5vw 2.5vw; margin-bottom:1.5vw; }
  #contentsmain .inner-Box .txt-box .txt .txt2{ display:inline-block; background-color:#fff; padding: 1.5vw 2.5vw; }  
  
  #contents01 {position: relative;background: #F2F2F0;padding: 17.7vw 0 18.6vw;}
  #contents01 .clearfix {position: relative;}
  #contents01 .leftbox {position: relative;margin: 0 4.7vw 14.1vw;}
  #contents01 .leftbox figure.img {position: relative;top: 0;left: 0;margin: 0 -1.2vw -1.2vw 0vw;}
  #contents01 .leftbox h2{font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 2.3vw;border-bottom: #333 solid 0.5vw;padding-bottom: 1.7vw;padding-left: 1.7vw;}
  #contents01 .leftbox h2 span{font-size: 6.8vw;font-weight: 600;letter-spacing: 0.5vw;display: inline-block;margin-right: 4.7vw;position: relative;top: 0.6vw;}
  #contents01 .leftbox p.btn{text-align: right;width: 29vw;margin-left: auto;position: relative;right: -1.2vw;}
  #contents01 .leftbox p.btn img{  }
  #contents01 .rightbox {position: relative;margin: 0 4.7vw;}
  #contents01 .rightbox figure.img {position: relative;top: 0;left: 0;margin: 0 -1.2vw -1.2vw 0vw;}
  #contents01 .rightbox h2{font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 2.3vw;border-bottom: #333 solid 0.5vw;padding-bottom: 1.7vw;padding-left: 1.7vw;}
  #contents01 .rightbox h2 span{font-size: 6.8vw;font-weight: 600;letter-spacing: 0.5vw;display: inline-block;margin-right: 4.7vw;position: relative;top: 0.6vw;}
  #contents01 .rightbox p.btn{text-align: right;width: 29vw;margin-left: auto;position: relative;right: -1.2vw;}
  #contents01 .rightbox p.btn img{  }
  
  #news .system-list{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 3.6vw;}
  #news .system-list li{line-height: 1.4;width: 100%;position: relative;padding-bottom: 0.7vw;margin-bottom: 2.2vw;border-bottom: #232323 0.2vw solid;}
  #news .system-list li a:hover{ text-decoration: none; }
  #news .system-list li .num-inner { width: 57vw; float: left; }
  #news .system-list li .system-pic{overflow: hidden;margin-bottom: 1.6vw;height: 22vw;margin-right: 3.1vw;width: 29.1vw;float: left;}
  #news .system-list li .system-pic img{width: 100%;height: 24.2vw;}
  #news .system-list li .system-date{margin-bottom: 0.3vw;}
  #news .system-list li .system-date .date{color: #808080;font-size: 2.89vw;letter-spacing: 0.14vw;display: inline-block;margin-right: 2vw;}
  #news .system-list li .system-date .cate{display: inline-block;background: #FDEB02;padding: 1.4vw 3.1vw;margin-right: 1.2vw;font-size: 3.4vw;line-height: 1;margin-bottom: 1vw;}
  #news .system-list li .system-ttl-01{font-size: 3.38vw;line-height: 5.31vw;letter-spacing: 0vw;font-weight: 500;}
  #news .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  
  #blog .system-list{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 3.6vw;}
  #blog .system-list li{line-height: 1.4;width: 100%;position: relative;padding-bottom: 0.7vw;margin-bottom: 2.2vw;border-bottom: #232323 0.2vw solid;}
  #blog .system-list li a:hover{ text-decoration: none; }
  #blog .system-list li .num-inner { width: 57vw; float: left; }
  #blog .system-list li .system-pic{overflow: hidden;margin-bottom: 1.6vw;height: 22vw;margin-right: 3.1vw;width: 29.1vw;float: left;}
  #blog .system-list li .system-pic img{width: 100%;height: 24.2vw;}
  #blog .system-list li .system-date{margin-bottom: 0.3vw;}
  #blog .system-list li .system-date .date{color: #808080;font-size: 2.89vw;letter-spacing: 0.14vw;display: inline-block;margin-right: 2vw;}
  #blog .system-list li .system-date .cate{display: inline-block;background: #FDEB02;padding: 1.4vw 3.1vw;margin-right: 1.2vw;font-size: 3.4vw;line-height: 1;margin-bottom: 1vw;}
  #blog .system-list li .system-ttl-01{font-size: 3.38vw;line-height: 5.31vw;letter-spacing: 0vw;font-weight: 500;}
  #blog .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  

  #style-bnr-bx {margin: 0 auto;position: relative;background: #FFFFFF;padding: 8vw 3vw 3vw;}
  #style-bnr-bx .style-bnr{text-align: center;}


  #contents02 {position: relative;background: url('../images/index/sp-contents02-back01.png')no-repeat top 80.2vw center #FFFFFF;padding-top: 13.6vw;padding-bottom: 12.9vw;background-size: 100% auto;}
  #contents02 .inner-Box {position: relative;}
  #contents02 .inner-Box h2 {top: 0.0vw;margin-bottom: 2.4vw;}
  #contents02 .inner-Box h2 img{  }
  #contents02 .inner-Box p.subttl {font-size: 3.38vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.16vw;margin-bottom: 7.5vw;text-align: center;}
  #contents02 .inner-Box p.btn{text-align: center;margin: 0 6vw;}
  #contents02 .inner-Box p.btn img{  }
  
  #contents03 {position: relative;background: url('../images/index/sp-contents03-back01.png')no-repeat top 81.2vw center #FFFFFF;padding-top: 13.6vw;padding-bottom: 38.5vw;background-size: 100% 190vw;}
  #contents03 .inner-Box {position: relative;}
  #contents03 .inner-Box h2 {top: 0.0vw;margin-bottom: 2.4vw;}
  #contents03 .inner-Box h2 img{  }
  #contents03 .inner-Box p.subttl {font-size: 3.38vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.16vw;margin-bottom: 7.5vw;text-align: center;}
  #contents03 .inner-Box p.btn{text-align: center;margin: 0 6vw;}
  #contents03 .inner-Box p.btn img{  }
  
  #house-info .icon{height: 19.3vw;border-radius: 9.7vw;text-align: center;padding-top: 7.0vw;display: block;background: #003547;color: #fff;position: absolute;top: -4.8vw;left: -4.8vw;z-index: 4;}
  #house-info .system-list{margin: 0 2.9vw 0.3vw;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;}
  #house-info .system-list li{line-height: 1.4;width: 48.3%;margin-right: 3.2%;background: #fff;position: relative;margin-bottom: 5.3vw;padding-bottom: 0.0vw;}
  #house-info .system-list li:nth-child(2n){ margin-right: 0; }
  #house-info .system-list li a:hover{ text-decoration: none; }
  #house-info .system-list li .system-date{border-bottom: 0.2vw dotted #333;padding-bottom: 1.9vw;margin-bottom: 3.6vw;font-size: 3.9vw;}
  #house-info .system-list li .system-date .date-ttl{font-weight: bold;}
  #house-info .system-list li .system-date .start_text{}
  
  #house-info .system-list li .textbox{text-align: center;padding: 1.4vw 3vw 2.4vw;}
  #house-info .system-category-tag span{color: #fff;display: block;text-align: center;font-size: 3.6vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 700;padding: 2.9vw;}
  #house-info .system-category-tag .cate1{ background: #E1A332; }
  #house-info .system-category-tag .cate2{ background: #DC7D55; }
  #house-info .system-category-tag .cate3{ background: #78BBC4; }
  #house-info .system-list li .pre {font-size: 3.62vw;line-height: 1.6;letter-spacing: 0.18vw;font-weight: 500;margin-bottom: 0.8vw;}
  #house-info .system-list li .pre span.start_text{color: #CC3228;font-size: 6.03vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 700;}
  #house-info .system-list li .system-ttl{font-size: 3.86vw;line-height: 5.79vw;letter-spacing: 0.19vw;font-weight: 500;margin: 0 1.9vw 0.8vw;text-align: left;}
  #house-info .system-list li .text{font-size: 2.89vw;line-height: 1.6;letter-spacing: 0.14vw;font-weight: 400;color: #808080;margin-bottom: -1.0vw;}
  
  #house-info .system-pic{width: 100%;height: 33.7vw;overflow: hidden;text-align: center;margin-bottom: 0.0vw;}
  #house-info .system-pic img{width: 100%;height: 33.7vw;}
  
  #ground-info .icon{height: 19.3vw;border-radius: 9.7vw;text-align: center;padding-top: 7.0vw;display: block;background: #003547;color: #fff;position: absolute;top: -4.8vw;left: -4.8vw;z-index: 4;}
  #ground-info .system-list{margin: 0 2.9vw 1.8vw;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;}
  #ground-info .system-list li{line-height: 1.4;width: 48.3%;margin-right: 3.2%;background: #fff;position: relative;margin-bottom: 5.3vw;padding-bottom: 0.0vw;}
  #ground-info .system-list li:nth-child(2n){ margin-right: 0; }
  #ground-info .system-list li a:hover{ text-decoration: none; }
  #ground-info .system-list li .system-date{border-bottom: 0.2vw dotted #333;padding-bottom: 1.9vw;margin-bottom: 3.6vw;font-size: 3.9vw;}
  #ground-info .system-list li .system-date .date-ttl{font-weight: bold;}
  #ground-info .system-list li .system-date .start_text{}
  
  #ground-info .system-list li .textbox{text-align: center;padding: 1.4vw 3vw 6.4vw;}
  #ground-info .system-category-tag span{color: #fff;display: block;text-align: center;font-size: 3.14vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 700;padding: 2.2vw;}
  #ground-info .system-category-tag .cate1{ background: #E1A332; }
  #ground-info .system-category-tag .cate2{ background: #DC7D55; }
  #ground-info .system-category-tag .cate3{ background: #78BBC4; }
  #ground-info .system-list li .pre {font-size: 3.62vw;line-height: 1.6;letter-spacing: 0.18vw;font-weight: 500;margin-bottom: 0.8vw;}
  #ground-info .system-list li .pre span.start_text{color: #CC3228;font-size: 6.03vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 700;}
  #ground-info .system-list li .system-ttl{font-size: 3.86vw;line-height: 5.79vw;letter-spacing: 0.19vw;font-weight: 500;margin: 0 1.9vw 0.8vw;text-align: left;}
  #ground-info .system-list li .text{font-size: 2.89vw;line-height: 1.6;letter-spacing: 0.14vw;font-weight: 400;color: #808080;margin-bottom: -1.0vw;}
  
  #ground-info .system-pic{width: 100%;height: 35vw;overflow: hidden;text-align: center;margin-bottom: 0.0vw;}
  #ground-info .system-pic img{width: auto;max-width: 100%; height: 100%;margin: 0 auto;}
  
  #contents04 {position: relative;background: url('../images/index/sp-contents04-back01.png') no-repeat top center;background-size: 100% auto;background-size: cover;}
  #contents04 .inner-Box {/* position: relative; */padding: 12.3vw 0 240px;}
  #contents04 .inner-Box h2 {position: relative;z-index: 3;margin: 0 16.4vw 7vw 16.2vw;}
  #contents04  img{ width: 100%; height: auto; }
  #contents04 .inner-Box ul{margin: 0 0 0 auto;}
  #contents04 .inner-Box ul li{position: relative;height: 118.4vw;padding-top: 6.3vw;width: 86.95vw;margin: 0vw 3vw;
  text-align: center;
  }
  #contents04 .inner-Box ul li .ibox{position: relative;/* height: 99.5vw; */border-radius: 1.2vw;background: #fff;padding: 9.7vw 4.8vw;}
  #contents04 .inner-Box p.kukaku {position: absolute;top: -4.8vw;line-height: 1;z-index: 3;left: 8.5vw;width: 19.6vw;}
  #contents04 .inner-Box p.kukaku span{
    position: absolute;
    top: 7.5vw;
    line-height: 1;
    z-index: 3;
    left: 0;
    font-size: 7.2vw;
    letter-spacing: 0.3vw;
    font-weight: bold;
    text-align: center;
    width: 19.807vw;
  }

  #contents04 .photo {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 11px;
    height: 240px;
    background-color: #e9e9e9;
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  
  #contents04 .photo img {
    max-width: 100%;
    max-height: 240px;
  }
  
  #contents04 .pre {
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.75px;
    font-weight: 500;
  }
  
  #contents04 .pre span.start_text {
    color: #CC3228;
    font-size: 34px;
    line-height: 1.6;
    letter-spacing: 1.7px;
    font-weight: 700;
  }


  #contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2.7vw;}
  #contents04 .inner-Box h3{font-size: 4.8vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 7.2vw;text-align: center;margin-bottom: 64px;}
  #contents04 .inner-Box h3 span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
  #contents04 .inner-Box span.dl {display: block;line-height: 1;position: absolute;bottom: 9.7vw;left: 4.8vw;width: 77.5vw;}

  #contents04 .inner-Box p.btn{
    width: 362px;
    margin: 0 auto;
    z-index: 3;
    /* padding: 10.3vw 0 5vw; */
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 72px;
  }


  #contents04 .slick-slider{
    position: static;
  }

  #contents04 .inner-Box p.btn img{  }

  #contents04 .prev-arrow{position: absolute;bottom: 167px;left: 33.2vw;width: 14.4vw;}
  #contents04 .next-arrow{position: absolute;bottom: 167px;right: 33vw;width: 14.4vw;}
  
  #contents05 {margin: 0 auto 0.1vw;position: relative;background: #fff;padding: 16.9vw 0 28.8vw;}
  #contents05 .inner-Box {position: relative;}
  #contents05 .inner-Box h2 {text-align: center;position: relative;margin: 0 7.3vw 1.8vw 33.2vw;}
  #contents05 .inner-Box h2 img{  }
  #contents05 .inner-Box p.subttl {font-size: 3.86vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 11.1vw;text-align: center;}
  #contents05 .inner-Box span.dl {display: block;line-height: 1;position: absolute;bottom: 2vw;left: 0;}
  #contents05 .inner-Box p.btn{text-align: center;position: relative;margin: 0 6.3vw;}
  #contents05 .inner-Box p.btn img{  }
  
  #contents05 .prev-arrow{position: absolute;top: 31.4vw;left: 2.6vw;width: 14.4vw;z-index: 2;}
  #contents05 .next-arrow{position: absolute;top: 31.4vw;right: 2.4vw;width: 14.4vw;}

  #event .system-list{margin-bottom: -1.3vw;}
  #event .system-list li{position: relative;line-height: 1.4;width: 77.29vw;position: relative;margin-bottom: 4.8vw;padding-bottom: 18.1vw;margin-right: 7.24vw;}
  #event .system-list li a:hover{ text-decoration: none; }
  #event .system-list li .system-pic{width: 100%;height: 77.3vw;overflow: hidden;text-align: center;margin-bottom: 3.6vw;}
  #event .system-list li .system-pic img{width: 100%;height: 79.7vw;}
  #event .system-list li .system-date{font-size: 3.4vw;letter-spacing: 0.3vw;margin-bottom: 0.3vw;line-height:1.6;position: relative;padding-left: 13.5vw;}
  #event .system-list li .system-date .date-ttl{color: #808080;position: absolute;top: 0;left: 1.2vw;}
  #event .system-list li .system-date .start_text{ }
  #event .system-information { border-bottom: 0.2vw solid #eee; padding-bottom: 2.4vw; margin-bottom: 4.8vw;}
  #event .system-txt{ font-size:  3.9vw; margin-bottom: 1.2vw; line-height: 1.4; }
  #event .system-coment{ font-size: 3.9vw; margin-bottom: 1.2vw; line-height: 1.4; }
  #event .system-ttl-01{font-size: 4.34vw;font-weight: bold;line-height: 1.4;border-bottom: 0.2vw solid #232323;padding-bottom: 5.1vw;margin-bottom: 2.6vw;letter-spacing: 0.3vw;}
  #event .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
  
  #contents06 {margin: 0 auto 5.3vw;position: relative;background: url(../images/index/sp-contents06-back01.png)no-repeat top center;background-size: 100% auto;padding-bottom: 4.4vw;padding-top: 28.7vw;}
  #contents06 h2 {
    margin: 0 18.3vw 23vw;
}
  #contents06 h2 img{  }
  #contents06 .inner-Box1 {margin: 0 2.8vw 14.6vw;position: relative;}
  #contents06 .inner-Box1 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;position: relative;}
  #contents06 .inner-Box1 ul li {width: 47.5vw;margin-right: -0.3vw;margin-bottom: -3.3vw;}
  #contents06 .inner-Box1 ul li figure img{ width: 100%; height: auto;}
  #contents06 .inner-Box1 ul li a:hover figure img{  filter:alpha(opacity=100); -moz-opacity: 1;  opacity: 1;}
  #contents06 .inner-Box2 {margin: 0 4.8vw 12.2vw;position: relative;}
  #contents06 .inner-Box2 figure.img {
    margin: 0 17.9vw 7.1vw 18.6vw;
}
  #contents06 .inner-Box2 h3{font-size: 4.1vw;line-height: 8.69vw;font-weight: 700;letter-spacing: 0.2vw;margin-bottom: 5.2vw;}
  #contents06 .inner-Box2 h3 span{  }
  #contents06 .inner-Box2 p.text {font-size: 3.86vw;line-height: 7.48vw;font-weight: 400;letter-spacing: 0vw;margin-bottom: 2.2vw;}
  #contents06  p.btn{text-align: center;margin: 0 6.5vw;}
  #contents06  p.btn img{  }
  
  #contents07 {position: relative;}
  #contents07 .back-Box{animation: slide-background 120s linear infinite;height: 39vw;width: 100vw;position: relative;background: url('../images/index/contents07-photo00.png')repeat-x top center;top: 0vw;background-size: 388% auto;}
  #contents07 .back-Box::before{content: "";background: #fff;height: 14.5vw;display: block;position: absolute;bottom: -2.2vw;}
  @keyframes slide-background {
  0% {
      background-position: 0 top;
  }
  100% {
      background-position: -770.5vw top; /* 画像が完全に左へ移動する距離 */
  }
  }
  
  #contents07 .inner-Box0 {margin: 0.0vw 4.3vw 3vw;position: relative;padding-top: 16.7vw;}
  #contents07 .inner-Box0 h2{font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 7.2vw;border-bottom: #333 solid 0.5vw;padding: 0 0 2.3vw 0.6vw;}
  #contents07 .inner-Box0 h2 span{font-size: 6.76vw;letter-spacing: 0.67vw;font-weight: 600;display: inline-block;margin-right: 4.2vw;}
	#contents07 .inner-Box0 ul{}
	#contents07 .inner-Box0 ul li{width: 100%;margin-bottom: 10vw;position: relative;}
	#contents07 .inner-Box0 ul li .works-icon{width: 15vw;height: 15vw;border-radius: 15vw;background-color: #00a0dd;font-size: 3.2vw;line-height: 4.8vw; color: #fff; text-align: center;position: absolute;top: 2vw;left: 2vw;padding-top: 2.8vw;z-index: 1;}
	#contents07 .inner-Box0 ul li .voice-icon{width: 15vw;height: 15vw;border-radius: 15vw;background-color: #DC7D55;font-size: 3.2vw;line-height: 4.8vw; color: #fff; text-align: center;position: absolute;top: 2vw;left: 2vw;padding-top: 2.8vw;z-index: 1;}
	#contents07 .inner-Box0 ul li:last-child{margin-right: 0;}
	#contents07 .inner-Box0 ul li a:hover{text-decoration: none;}
	#contents07 .inner-Box0 ul li .system-pic{width: 100%;height: 50vw;margin-bottom: 2vw;}
	#contents07 .inner-Box0 ul li .system-pic img{width: 100%;height: 50vw;}
	#contents07 .inner-Box0 ul li .system-job{font-size: 3.8vw;}
	#contents07 .inner-Box0 ul li .system-ttl-01{font-size: 4.2vw;font-weight: bold;}
	#contents07 .inner-Box0 .voice-works-btn{width: 95%;height: 16vw;margin: 0 auto;}
	#contents07 .inner-Box0 .voice-works-btn a{display: block; width: 100%;height: 100%;border: 2px solid #000;border-radius: 4px; font-size: 3.8vw;font-weight: bold;text-align: center;padding-top: 4vw;position: relative;}
	#contents07 .inner-Box0 .voice-works-btn a:hover{text-decoration: none;}
	#contents07 .inner-Box0 .voice-works-btn a:before{content: url("../images/index/voice-works-icon.png"); position: absolute;top: 4.5vw;right: 1.5vw;transform: scale(.5);}
	
	
  #contents07 .inner-Box1 {margin: 0.0vw 4.3vw -21vw;position: relative;padding-top: 16.7vw;}
  #contents07 .inner-Box1 h2{font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 7.2vw;border-bottom: #333 solid 0.5vw;padding: 0 0 2.3vw 0.6vw;}
  #contents07 .inner-Box1 h2 span{font-size: 6.76vw;letter-spacing: 0.67vw;font-weight: 600;display: inline-block;margin-right: 4.2vw;}
  #contents07 .inner-Box1 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: 17.1vw;}
  #contents07 .inner-Box1 ul li{position: relative;margin-bottom: 11vw;}
  #contents07 .inner-Box1 ul li:nth-child(2){position: relative;}
  #contents07 .inner-Box1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 3.8vw;}
  #contents07 .inner-Box1 p.litext {font-size: 3.86vw;line-height: 6.03vw;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.2vw;}
  #contents07 .inner-Box2{position: relative;background: url('../images/index/sp-contents07-back02.png') no-repeat top center;background-size: 100% auto;width: 100%;padding-bottom: 26.2vw;}
  #contents07 .inBox {margin: 0 auto 30.7vw;position: relative;padding: 35vw 0 0;}
  #contents07 .inBox h3 {margin: 0 17.1vw 11.6vw;}
  #contents07 .inBox h3 img{  }
  #contents07 .inBox ul{
    margin: 0 10.6vw 20vw;
}
  #contents07 .inBox ul li {text-align: center;margin-bottom: 11.6vw;}
  #contents07 .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents07 .inBox ul li figure{margin-bottom: 1vw;}
  #contents07 .inBox p.lltext {font-size: 3.38vw;line-height: 5.79vw;font-weight: 500;letter-spacing: 0.16vw;margin-bottom: 3.9vw;}
  #contents07 .inBox span.dl {display: block;line-height: 1;margin: 0 3.2vw;}
  #contents07 .inBox p.btn{text-align: center;margin: 0 6.6vw;}
  #contents07 .inBox p.btn img{  }
  #contents07 p.btn.bb2 {text-align: center;margin: 0 4vw;}
  #contents07 p.btn.bb2 img {  }
  
  #contents08 {position: relative;background: #F2F2F2;padding: 14.6vw 0 9vw 0;}
  #contents08 .inner-Box {margin: 0 4.2vw;position: relative;}
  #contents08 .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;}
  #contents08 .inner-Box ul li {margin-bottom: 6vw;}
  #contents08 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents08 .inner-Box ul li figure{margin-bottom: 3vw;}
  #contents08 .inner-Box p.text {font-size: 3.62vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.18vw;margin-bottom: 7.2vw;text-align: center;}
  
  #contents09 {position: relative;background: url('../images/index/sp-contents09-back01.png') no-repeat top center;background-size: 100% auto;padding-bottom: 0vw;}
  #contents09 .inner-Box {position: relative;padding: 0vw 0 17vw;}
  #contents09 .inner-Box h2 {margin: 0 19.4vw 0.1vw 27.1vw;position: relative;top: -6.5vw;}
  #contents09 .inner-Box h2 img{  }
  #contents09 .inner-Box p.subttl {font-size: 3.86vw;line-height: 6.28vw;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 8.9vw;text-align: center;}
  #contents09 .inner-Box p.btn{position: relative;right: 0;margin: 0 6.7vw;}
  #contents09 .inner-Box p.btn img{  }
  
  #contents09 .cate-list{margin: 0 4vw 2.3vw;}
  #contents09 .cate-list span a{display: inline-block;height: 7.2vw;border: 0.2vw solid #E6E6E6;border-radius: 3.6vw;background: #F2F2F2;padding: 1.2vw 3.9vw;margin-right: 2.9vw;line-height: 1;margin-bottom: 3vw;}
  
  #spot .system-list{margin: 0 2.8vw 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;}
  #spot .system-list li{line-height: 1.4;width: 48.6%;margin-right: 2.3%;background: #fff;position: relative;margin-bottom: 4.8vw;}
  #spot .system-list li:nth-child(2n){ margin-right: 0}
  #spot .system-list li a:hover{ text-decoration: none; }
  
  #spot .system-list li .system-ttl{font-size: 3.62vw;line-height: 5.07vw;letter-spacing: 0.18vw;font-weight: 400;margin-bottom: 2.4vw;}
  
  #spot .system-list li .system-category-tag{font-size:3.4vw;line-height: 1.6;letter-spacing:0.2vw;font-weight: 500;margin-bottom: 2.4vw;}
  #spot .system-list li .system-category-tag span{background: #F2F2F2;display: inline-block;border: 0.2vw solid #E6E6E6;border-radius: 7.2vw;margin-right: 1.9vw;padding: 1.2vw 2.9vw;margin-bottom: 1.2vw;}
  #spot .system-list li .textbox{padding: 1.1vw 3.7vw 4.3vw;}
  
  #spot .system-pic{width: 100%;height: 33.6vw;overflow: hidden;text-align: center;margin-bottom: 1.2vw;}
  #spot .system-pic img{width: 100%;height: 33.6vw;}
  #spot .system-date{ font-size: 3.4vw; margin-bottom: 2.4vw; line-height: 1.4; }
  #spot .system-date::before{}
  #spot .system-coment{ font-size: 3.4vw; margin-bottom: 1.2vw; line-height: 1.4; }
  #spot .system-ttl-01{font-size: 3.9vw;margin-bottom: 2.4vw;line-height: 1.4;}
  #spot .system-category-set { margin-bottom: 3.6vw; margin-top: -3.6vw;}
  #spot .serchcategory{ margin-bottom: 24.2vw;}
  #spot .serchcategory .icon { display: inline-block; margin-bottom: 3.6vw; font-size: 3.4vw; font-weight: bold; color: #fff; text-align: center; padding: 2.4vw 4.8vw; }
  #spot .system-category1{margin-bottom: 0.2vw; font-size: 3.9vw; font-weight: bold; color: #fff; text-align: center; padding: 2.4vw 4.8vw; background-color: #ccc; position: relative;}
  
  
  #contnts10 {background: #FFFFFF;margin: 0 4vw;position: relative;padding: 17.6vw 0 22.5vw;}
  #contnts10 .inner-Box {margin: 0 auto -0.3vw;position: relative;}
  #contnts10 .inner-Box h2{font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 11.3vw;text-align: center;}
  #contnts10 .inner-Box h2 span{  }
  #contnts10 .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 3.1vw 9.8vw;}
  #contnts10 .inner-Box ul li {margin-right: 4.4vw;margin-bottom: -0.4vw;width: 40.7vw;}
  #contnts10 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contnts10 .inner-Box ul li figure{ margin-bottom: 4vw; }
  #contnts10 .inner-Box2 {position: relative; margin-bottom: 18vw;}
  #contnts10 .inner-Box2 p{font-size: 3.38vw;line-height: 6.03vw;font-weight: 400;letter-spacing: 0.16vw;margin-bottom: 7.2vw;color: #808080;}
  
  



}