@charset "UTF-8";
@media screen and (min-width: 768px), print {  
  header .h-navi{right: 6px;}
  header{height: 0;padding: 0;margin: 0;z-index: 20;}
  .side-fix { display: none;}
/* 既存のドットスタイルをリセット */
.slick-dots li button:before { content: ""; }
/* 菱形のスタイルを適用 */
.slick-dots li { width: 10px; height: 10px; }
.slick-dots li button {width: 100%;height: 100%; border-bottom: 0;transform: rotate(45deg);transition: all 0.3s;background: #FAFAFA;}
.slick-dots li.slick-active button { background: #9F8F4E; }
.slick-dots{bottom: 46px;}
.slick-slide{ width: 100%;}
.slick-slide img{ width: 100%; height: auto;}

.main-line{position: relative;display:block;text-align: center;z-index: 20;}
#event{ display:block; text-align: center;}

#contents01 {background: url('../images/index/contents-back.png');padding-bottom: 230px;}
#contents01 h2.f-min-02 {font-size: 21px;line-height: 42px;font-weight: 700;letter-spacing: 6.3px;margin-bottom: 56px;text-align: center;padding-left: 6px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1200px;padding-top: 32.2px;}
#contents01 .housing-bnr-box {width: 700px; margin: 0 auto 50px;}
#contents01 .housing-bnr-box .housing-bnr-txt {text-align: center;  margin-top: 10px; letter-spacing: 1px;}
#contents01 .inner-Box h3 {text-align: center;position: relative;left: -4px;margin-bottom: -55px;}
#contents01 .inner-Box h3 img{  }
#contents01 .inner-Box p.subttl {font-size: 19px;line-height: 1.6;font-weight: 300;letter-spacing: 3.8px;margin-bottom: 80px;text-align: center;position: relative;z-index: 3;padding-left: 3px;}
#contents01 .inner-Box ul.system-list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box p.btn{text-align: center;}
#contents01 .inner-Box p.btn img{}
#contents01 .system-list{margin-bottom: 44px;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;}
#contents01 .system-list li{width: 394px;line-height: 1.4;margin-right: 9px;position: relative;margin-bottom: 10px;text-align: center;}
#contents01 .system-list li:nth-child(4),#contents01 .system-list li:nth-child(7){ margin-right: 0}
#contents01 .system-list li a:hover{ text-decoration: none; }
#contents01 .system-list li .system-pic{width: 394px;height: 295px;overflow: hidden;text-align: center;margin-bottom: 10px;}
#contents01 .system-list li .system-pic img{width: 100%;height: 295px;}
#contents01 .system-list li .system-date{font-size: 16px;margin-bottom: 10px;line-height: 26px;letter-spacing: 0.8px;}
#contents01 .system-list li .system-ttl-01{font-size: 18px;margin-bottom: 2px;line-height: 29px;letter-spacing: 1.8px;}
#contents01 .system-list li .textbox{}

#contents01 .system-list li:nth-child(1){width: 1200px;margin-right: 0;margin-bottom: 81px;text-align: left;}
#contents01 .system-list li:nth-child(1) a:hover{ text-decoration: none; }
#contents01 .system-list li:nth-child(1) .system-pic{width: 1200px;height: 900px;overflow: hidden;text-align: center;margin-bottom: -64px;}
#contents01 .system-list li:nth-child(1) .system-pic img{width: 100%;height: 900px;}
#contents01 .system-list li:nth-child(1) .system-date{font-size: 20px;margin-bottom: 10px;line-height: 1.4;letter-spacing: 0.8px;color: #0F0F0F;}
#contents01 .system-list li:nth-child(1) .system-ttl-01{font-size: 32px;margin-bottom: 6px;color: #35475E;line-height: 1;letter-spacing: 4.8px;}
#contents01 .system-list li:nth-child(1) .textbox{height: 131px;background: #fff;position: relative;margin: 0;left: -40px;display: inline-block;padding: 37px 39px;width: auto;}

#contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;background-size: 100% auto;height: 80.8vw;}
#contents02 .inner-Box {margin: 0 auto;position: relative;}
#contents02 .inner-Box h2.ttl01 {position: absolute;right: 13.6vw;top: 37.1vw;}

#contents03 {margin: 0 auto;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;padding-bottom: 73px;}
#contents03 .inner-Box {width: 852px;margin: 0 auto;position: relative;color: #0F0F0F;padding-top: 180px;}
#contents03 .inner-Box h2 {text-align: center;margin-bottom: 61px;}
#contents03 .inner-Box h2 img{  }
#contents03 .inner-Box ul{ margin-left: 236px; margin-bottom: 67px; }
#contents03 .inner-Box ul li{ position: relative; }
#contents03 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents03 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 1px;left: -40px;}
#contents03 .inner-Box p{font-size: 20px;line-height: 32px;font-weight: 500;letter-spacing: 1px;margin-bottom: 32px;}
#contents03 .inner-Box h3.f-min-02 {font-size: 24px;line-height: 47px;font-weight: 700;letter-spacing: 5.28px;margin-bottom: 30px;text-align: center;position: relative;left: 2px;}
#contents03 .inner-Box h3.f-min-02 span{  }

#contentsend{height: 673px;}

#contents04 {background: url('../images/index/contents-back.png');padding-bottom: 230px;}
#contents04 .inner-Box { margin: 0 auto 110px;position: relative;width: 1100px;padding-top: 186px; }
#contents04 .inner-Box h3 {text-align: center;position: relative;left: 1px;margin-bottom: -51px;}
#contents04 .inner-Box p.btn{text-align: center;}
#contents04 .system-list{margin-bottom: 24px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contents04 .system-list li{width: 330px;line-height: 1.4;margin-right: 54px;position: relative;margin-bottom: 10px;}
#contents04 .system-list li:nth-child(3){ margin-right: 0}
#contents04 .system-list li a:hover{ text-decoration: none; }
#contents04 .system-list li .system-pic{width: 330px;height: 209px;overflow: hidden;text-align: center;margin-bottom: 9px;}
#contents04 .system-list li .system-pic img{width: 100%;height: 209px;}
#contents04 .system-list li .system-date{font-size: 16px;margin-bottom: 10px;line-height: 26px;letter-spacing: 1.6px;}
#contents04 .system-list li .system-ttl-01{font-size: 18px;margin-bottom: 2px;line-height: 26p;letter-spacing: 0.9px;}
#contents04 .system-list li .textbox{}
#contents04 .system-list li .system-category-set{text-align: center;margin-bottom: 10px;}

#contents05 { margin: 0 auto; position: relative; background: url('../images/index/contents05-back01.png')no-repeat top center; }
#contents05 .inner-Box {margin: 0 auto;position: relative;height: 794px;width: 997px;padding-top: 91px;}
#contents05 .inner-Box h2 {margin-bottom: 20px;}
#contents05 .inner-Box h2 img{  }
#contents05 .inner-Box p.f-min-02 {font-size: 19px;line-height: 31px;font-weight: 500;letter-spacing: 3.8px;margin-bottom: 30px;}

#contents06 {margin: 0 auto;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top center;height: 483px;}
#contents06 .inner-Box {margin: 0 auto;position: relative;width: 940px;padding-top: 122px;}
#contents06 .inner-Box h2{font-size: 18px;line-height: 1.6;font-weight: 700;letter-spacing: 1.8px;margin-bottom: 16px;}
#contents06 .inner-Box h2 span{  }
#contents06 .inner-Box p{font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 30px;}

#contents07 {margin: 0 auto 102px;position: relative;width: 1200px;padding-top: 140px;}
#contents07 .inner-Box1 {margin: 0 auto;position: relative;height: 232px;margin-bottom: 102px;}
#contents07 .inner-Box1 figure.img01 {position: absolute;top: 87px;left: 120px;}
#contents07 .inner-Box1 figure.photo01 {position: absolute;top: 0;right: -40px;}
#contents07 .inner-Box2 {margin: 0 auto;position: relative;width: 900px;}
#contents07 .inner-Box2 h2 {text-align: center;position: relative;left: 0px;margin-bottom: 45px;}
#contents07 .inner-Box2 h2 img{  }
#contents07 .inner-Box2 table{  }
#contents07 .inner-Box2 table th {text-align: left;border-bottom: 1px solid #fff;width: 208px;font-size: 18px;line-height: 1.6;letter-spacing: 3.6px;font-weight: 700;padding: 12.7px 9.1px 7.7px;}
#contents07 .inner-Box2 table td {border-bottom: 1px solid #fff;font-size: 18px;line-height: 1.6;letter-spacing: 1.8px;font-weight: 500;padding: 4.7px 26.7px 13px;}
#contents07 .inner-Box3 {margin: 0 auto;position: relative;padding-bottom: 72px;}
#contents07 .inner-Box3::before{content: "";background: #fafafa;width: 130px;height: 1px;position: absolute;left: 50%;bottom: -4px;margin-left: -65px;}
#contents07 .inner-Box3 h2 {text-align: center;padding-top: 121px;position: relative;left: -2px;margin-bottom: 60px;}
#contents07 .inner-Box3 h2 img{  }
#contents07 .inner-Box3 iframe{width: 100%;height: 400px;margin-bottom: 14px;}
#contents07 .inner-Box3 p.f-min-02 {font-size: 18px;line-height: 1.6;font-weight: 500;letter-spacing: 1.8px;margin-bottom: 30px;text-align: center;}

}
@media screen and (min-width:768px) and ( max-width:1450px) {
	
  #contents02 .inner-Box h2.ttl01 {position: absolute;right: 6.6vw;top: 31.1vw;}

	
}



@media screen and (max-width: 767px) {
  header{position: absolute;height: 0;top: 0;left: 0;}
  .slick-dots li button:before { content: ""; }
  /* 菱形のスタイルを適用 */
  .slick-dots li {height: 1.8vw;width: 1.8vw;margin: 0 1.5vw;}
  .slick-dots li button {width: 100%;height: 100%; border-bottom: 0;transform: rotate(45deg);transition: all 0.3s;background: #FAFAFA;}
  .slick-dots li.slick-active button { background: #9F8F4E; }
  .slick-dots{bottom: 10vw;}
  .slick-slide{ width: 100%;}
  .slick-slide img{ width: 100%; height: auto;}
  
  .main-line{position: relative;display:block;text-align: center;z-index: 20;}
  #event{ display:block; text-align: center;}
  
  #contents01 {background: url('../images/index/contents-back.png');padding-bottom: 26.4vw;margin: 0 auto;position: relative;padding-top: 9vw;}
  #contents01 h2.f-min-02 {font-size: 4.8vw;line-height: 1.9;font-weight: 400;letter-spacing: 1.2vw;margin-bottom: 9.2vw;text-align: center;padding-left: 0.8vw;}
  #contents01 .inner-Box {position: relative;}
  #contents01 .housing-bnr-box {width: 90vw; margin: 0 auto 11vw;}
#contents01 .housing-bnr-box .housing-bnr-txt {text-align: center;  margin-top: 2vw; letter-spacing: 0.3vw;}
  #contents01 .inner-Box h3 {text-align: center;position: relative;margin-bottom: -18.9vw;}
  #contents01 .inner-Box h3 img{  }
  #contents01 .inner-Box p.subttl {font-size: 4.3vw;line-height: 1.6;font-weight: 300;letter-spacing: 0.9vw;margin-bottom: 11.3vw;text-align: center;position: relative;z-index: 3;left: 0.6vw;}
  #contents01 .inner-Box ul.system-list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 4vw -11.4vw;}
  #contents01 .inner-Box p.btn{text-align: center;margin: 0 1vw;position: relative;z-index: 3;}
  #contents01 .inner-Box p.btn img{}
  #contents01 .system-list{margin-bottom: 5.7vw;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;}
  #contents01 .system-list li{line-height: 1.4;margin-right: 1.3%;position: relative;margin-bottom: 1.3vw;text-align: center;width: 49.3%;}
  #contents01 .system-list li:nth-child(3), #contents01 .system-list li:nth-child(5),#contents01 .system-list li:nth-child(7){ margin-right: 0}
  #contents01 .system-list li a:hover{ text-decoration: none; }
  #contents01 .system-list li .system-pic{height: 34.2vw;overflow: hidden;text-align: center;margin-bottom: 2.7vw;}
  #contents01 .system-list li .system-pic img{width: 100%;height: 34.2vw;}
  #contents01 .system-list li .system-date{font-size: 3.9vw;margin-bottom: 12.5vw;line-height:1.6;letter-spacing: 0.3vw;}
  #contents01 .system-list li .system-ttl-01{font-size: 3.8vw;margin-bottom: 0.3vw;line-height:1.6;letter-spacing: 0.3vw;}
  #contents01 .system-list li .textbox{}
  
  #contents01 .system-list li:nth-child(1){margin-right: 0;margin-bottom: 14.7vw;text-align: left;width: auto;}
  #contents01 .system-list li:nth-child(1) a:hover{ text-decoration: none; }
  #contents01 .system-list li:nth-child(1) .system-pic{height: 68.6vw;overflow: hidden;text-align: center;margin-bottom: -2.3vw;}
  #contents01 .system-list li:nth-child(1) .system-pic img{width: 100%;height: 68.6vw;}
  #contents01 .system-list li:nth-child(1) .system-date{font-size: 4.2vw;margin-bottom: 1.3vw;line-height: 1.4;letter-spacing: 0.3vw;color: #0F0F0F;}
  #contents01 .system-list li:nth-child(1) .system-ttl-01{font-size: 6.2vw;margin-bottom: 2.4vw;color: #35475E;line-height: 1;letter-spacing: 0.5vw;}
  #contents01 .system-list li:nth-child(1) .textbox{background: #fff;position: relative;margin: 0 5.1vw;display: block;padding: 6.1vw 2.1vw 3.3vw;text-align: center;}
  
  #contents02 {position: relative;background: url('../images/index/sp-contents02-back01.png') no-repeat top center;background-size: 100% auto;}
  #contents02 .inner-Box {margin: 0 4vw;position: relative;padding: 112vw 0 32vw;}
  #contents02 .inner-Box h2.ttl01 {}
  
  #contents03 {position: relative;background: url('../images/index/sp-contents03-back01.png') no-repeat top center;background-size: 100% auto;padding-bottom: 21.9vw;}
  #contents03 .inner-Box {margin: 0 4vw;position: relative;color: #0F0F0F;padding-top: 54.3vw;}
  #contents03 .inner-Box h2 {text-align: center;margin: 0 10.8vw 11.2vw;}
  #contents03 .inner-Box h2 img{  }
  #contents03 .inner-Box ul{margin-left: 15.5vw;margin-bottom: 13.5vw;margin-right: 7vw;}
  #contents03 .inner-Box ul li{ position: relative; }
  #contents03 .inner-Box ul li:nth-child(3n){ margin-right: 0.0vw; }
  #contents03 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 1.1vw;left: -8.2vw;width: 4.9vw;}
  #contents03 .inner-Box p{font-size: 4.7vw;line-height:1.6;font-weight: 500;letter-spacing: 0.34vw;margin-bottom: 6.5vw;}
  #contents03 .inner-Box h3.f-min-02 {font-size: 5.3vw;line-height: 1.9;font-weight: 700;letter-spacing: 1vw;margin-bottom: 3.9vw;text-align: center;position: relative;left: 0.3vw;}
  #contents03 .inner-Box h3.f-min-02 span{  }
  
  #contentsend{height: 139.8vw;}
  
  #contents04 {background: url('../images/index/contents-back.png');padding-bottom: 15.1vw;margin: 0 auto;position: relative;padding-top: 15.6vw;}
  #contents04 .inner-Box {position: relative;}
  #contents04 .inner-Box h3 {text-align: center;position: relative;left: 0.1vw;margin-bottom: 3.6vw;}
  #contents04 .inner-Box p.btn{text-align: center;margin: 0 3.9vw;}
  #contents04 .system-list{margin-bottom: 3.1vw;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: 0 10vw -7.1vw;}
  #contents04 .system-list li{line-height: 1.4;position: relative;margin-bottom: 11.4vw;}
  #contents04 .system-list li:nth-child(3){ margin-right: 0}
  #contents04 .system-list li a:hover{ text-decoration: none; }
  #contents04 .system-list li .system-pic{height: 50.4vw;overflow: hidden;text-align: center;margin-bottom: 2.2vw;}
  #contents04 .system-list li .system-pic img{width: 100%;height: 57.2vw;}
  #contents04 .system-list li .system-date{font-size: 4.1vw;margin-bottom: 1.3vw;line-height:1.6;letter-spacing: 0.3vw;}
  #contents04 .system-list li .system-ttl-01{font-size: 4.4vw;margin-bottom: 0.3vw;letter-spacing: 0.3vw;}
  #contents04 .system-list li .textbox{}
  #contents04 .system-list li .system-category-set{text-align: center;margin-bottom: 2.3vw;}
  
  #contents05 {position: relative;background: url('../images/index/sp-contents05-back01.png') no-repeat top -9.9vw center;background-size: 100% auto;}
  #contents05 .inner-Box {margin: 0 4vw;position: relative;height: 164.5vw;padding-top: 2.4vw;}
  #contents05 .inner-Box h2 {margin: 0 5.2vw 5.6vw 6.8vw;}
  #contents05 .inner-Box h2 img{  }
  #contents05 .inner-Box p.f-min-02 {font-size: 4.9vw;line-height:1.6;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 3.9vw;text-align: center;}
  
  #contents06 {position: relative;background: url('../images/index/sp-contents06-back01.png') no-repeat top center;background-size: 100% auto;height: 197.1vw;}
  #contents06 .inner-Box {margin: 0 11.6vw;position: relative;padding-top: 9.4vw;}
  #contents06 .inner-Box h2{font-size: 4.4vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.34vw;margin-bottom: 4.4vw;}
  #contents06 .inner-Box h2 span{  }
  #contents06 .inner-Box p{font-size: 3.8vw;line-height: 1.9;font-weight: 500;letter-spacing: 0.35vw;margin-bottom: 3.9vw;}
  
  #contents07 {margin: 0 auto 13.3vw;position: relative;padding-top: 17.2vw;}
  #contents07 .inner-Box1 {margin: 0 4vw;position: relative;height: 57.9vw;margin-bottom: 12.8vw;}
  #contents07 .inner-Box1 figure.img01 { margin: 0 14.5vw 9.6vw; }
  #contents07 .inner-Box1 figure.photo01 {}
  #contents07 .inner-Box2 {margin: 0 8vw;position: relative;}
  #contents07 .inner-Box2 h2 {text-align: center;position: relative;left: 0.0vw;margin: 0 -8.5vw 1.4vw;}
  #contents07 .inner-Box2 h2 img{  }
  #contents07 .inner-Box2 table{  }
  #contents07 .inner-Box2 table th {text-align: left;border-bottom: 0.1vw solid #fff;font-size: 4.6vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 700;padding: 1.7vw 1.2vw 2.2vw 3.4vw;display: block;width: 100%;}
  #contents07 .inner-Box2 table td {border-bottom: 0.1vw solid #fff;font-size: 4.4vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;padding: 2.6vw 3.5vw 2.4vw;display: block;width: 100%;}
  #contents07 .inner-Box2 table td p{width: 39vw;padding: 1.8vw 0vw;}
  #contents07 .inner-Box3 {margin: 0 8.4vw;position: relative;padding-bottom: 9.4vw;}
  #contents07 .inner-Box3::before{content: "";background: #fafafa;height: 0.1vw;position: absolute;left: 50%;bottom: -0.5vw;margin-left: -8.5vw;}
  #contents07 .inner-Box3 h2 {text-align: center;padding-top: 17.2vw;position: relative;left: -0.3vw;margin: 0 -9.2vw -2.7vw;}
  #contents07 .inner-Box3 h2 img{  }
  #contents07 .inner-Box3 iframe{width: 100%;height: 125.6vw;margin-bottom: 5.8vw;position: relative;}
  #contents07 .inner-Box3 p.f-min-02 {font-size: 4.5vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.3vw;margin: 0 -4vw -13.1vw;text-align: center;}
  



}