@charset "UTF-8";
a:hover{ text-decoration: none;}

@media screen and (min-width: 768px),print {  
body{ padding: 0;}
header{ display: none;}
#contentsmain {margin: 0 auto;position: relative;background: #F6F6F4;}
#contentsmain .inner-Box {margin: 0 auto -20px;position: relative;}
#contentsmain .inner-Box .h-logo{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);position: absolute;top: 25px;left: 40px;z-index: 3;}
#contentsmain .inner-Box .topnavi{position: absolute;top: 96px;left: 45px;z-index: 3;font-size: 15px;line-height: 3.4;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentsmain .inner-Box .topnavi a{color: #fff;}

#contentsmain .inner-Box ul.main-slide { }
#contentsmain .inner-Box ul.main-slide li { position: relative; height: 880px;}
#contentsmain .inner-Box ul.main-slide li figure.photo { position: absolute; top: 0; left: 50%;  transform: translateX(-50%); }
#contentsmain .inner-Box ul.main-slide li figure.photo img{  }
#contentsmain .inner-Box figure.img {position: absolute;top: 710px;left: 50%;z-index: 3;transform: translateX(-50%);}
#contentsmain .inner-Box figure.img img{  }
#contentsmain .inner-Box h1 {position: absolute;z-index: 3;top: 369px;left: 50.3%;transform: translateX(-50%);}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {  }
#contentsmain .inner-Box ul.infolist::before{content: "PICK UP";font-family: "Work Sans", sans-serif;background: #EB6100;color: #fff;position: absolute;top: 13px;left: 20px;font-size: 12px;line-height: 1;letter-spacing: 0em;font-weight: 600;text-align: left;border-radius: 21px;padding: 7px 12px;}
#contentsmain .inner-Box ul.infolist {position: absolute;top: 86px;right: 40px;z-index: 3;width: 380px;height: 50px;background: #fff;border-radius: 30px;padding: 11px 18px 0 102px;overflow: hidden;}
#contentsmain .inner-Box ul.infolist li  { position: relative; }
#contentsmain .inner-Box ul.infolist li a:hover {  }
#contentsmain .inner-Box p.ltext {position: relative;padding-right: 30px;}
#contentsmain .inner-Box p.ltext span {  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
#contentsmain .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: 36px;right: 1px;}
#contentsmain .inner-Box span.icon01 img {  }
#contentsmain .inner-Box p.blankbtn {position: absolute;font-size: 12px;line-height: 2.25;letter-spacing: 0.025em;font-weight: 400;text-align: left;top: 25px;right: 40px;}
#contentsmain .inner-Box p.blankbtn a {border: 1px solid #FFFFFF;display: inline-block;color: #fff;padding: 4px 34px 4px 17px;}
#contentsmain .inner-Box p.blankbtn a .arr{ position: absolute; top: -2px; right: 12px; }
#contentsmain .inner-Box p.blankbtn a:hover {  }
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;max-width: 1400px;height: 340px;box-shadow: 0px 20px 20px #00000029;background: #fff;padding: 60px 20px;z-index: 4;}
#contentsmain .inner-Box2 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: 0 auto;max-width: 1240px;}
#contentsmain .inner-Box2 ul li {margin-right: 20px;text-align: center;}
#contentsmain .inner-Box2 ul li:nth-child(5) { margin-right: 0px; }
#contentsmain .inner-Box2 ul li figure {margin-bottom: 24px;}
#contentsmain .inner-Box2 ul li a {display: block;border-bottom: 1px solid #000;position: relative;}
#contentsmain .inner-Box2 ul li a:hover { text-decoration: none; }
#contentsmain .inner-Box2 p.ltext { margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box2 span.arr {display: block;line-height: 1;position: absolute;bottom: 17px;right: 13px;transition: all 0.3s ease-in-out;}
#contentsmain .inner-Box2 a:hover span.arr { right: 3px; }

#contents01 {margin: 0 auto;position: relative;background: #F6F6F4;padding: 151px 0 0;}
#contents01 .inner-Box {margin: 0 auto;height: 1010px;padding: 0 30px;max-width: 1660px;}
#contents01 .inner-Box h2.f-min {margin-bottom: 33px;position: relative;font-size: 32px;line-height: 1.81;letter-spacing: 0.05em;font-weight: 500;text-align: left;}
#contents01 .inner-Box h2.f-min span.f-en {font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;display: block;margin-bottom: 23px;}
#contents01 .inner-Box figure.photo01 {position: absolute;top: 90px;left: 47.9%;}
#contents01 .inner-Box figure.photo01 img{  }
#contents01 .inner-Box p.text {margin-bottom: 32px;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents01 .inner-Box p.morebtn {position: relative;margin-top: 74px;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents01 .inner-Box p.morebtn a {width: 280px;height: 80px;display: block;border-bottom: 1px solid #000;position: relative;padding: 25px 0 0 18px;}
#contents01 .inner-Box p.morebtn a .arr {position: absolute;top: 16px;right: 18px;-webkit-filter: brightness(0);filter: brightness(0);transition: all 0.3s ease-in-out;}
#contents01 .inner-Box p.morebtn a:hover .arr{ right: 8px; }
#contents01 .inner-Box figure.photo02 {position: absolute;top: 700px;left: 50%;margin-left: 390px;}
#contents01 .inner-Box figure.photo02 img{  }
#contents01 .inner-Box figure.photo03 {position: absolute;top: 810px;left: 0;}
#contents01 .inner-Box figure.photo03 img{  }

#contents02 {margin: 0 auto 95px;position: relative;padding: 141px 0 0;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box h2 {margin-bottom: 55px;position: relative;font-size: 32px;line-height: 1.81;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents02 .inner-Box ul {display:grid;grid-template-columns:repeat(6,1fr);max-width:1800px;margin:0 auto;padding:0;list-style:none;text-align: center;}
#contents02 .inner-Box ul li {position: relative;border-right: #DFDFDE 1px solid;}
#contents02 .inner-Box ul li:last-child {border-right: none;}
#contents02 .inner-Box span.crown {display: block;line-height: 1;margin-bottom: 14px;}
#contents02 .inner-Box span.crown img {  }
#contents02 .inner-Box p.ltext {margin-bottom: 18px;position: relative;font-size: 18px;line-height: 1.83;letter-spacing: 0.05em;font-weight: 400;text-align: center;}

#contents03 {background: #18382E;display:grid;grid-template-columns:33.333% 66.666%;max-width:1920px;margin:0 auto;position: relative;color: #fff;margin-bottom: 80px;}
#contents03 .photo-Box {margin:0 auto;position:relative;}
#contents03 .text-Box {width:100%;margin:0 auto;position:relative;display:flex;flex-direction:column;justify-content:center;}

#contents03 .photo-Box {position: relative;order:2;overflow: hidden;width: 100%;}
#contents03 .text-Box {position: relative;order:1;width: 100%;text-align: center;}

#contents03 .photo-Box p.f-en {position: absolute;top: 1px;left: 20px;font-size: 12px;line-height: 4.25;letter-spacing: 0.05em;font-weight: 400;text-align: left;z-index: 4;}
#contents03 .photo-Box figure.photo {position: relative;top: 0;left: 0;}
#contents03 .photo-Box figure.photo img{  }
#contents03 .text-Box h2.f-min {margin-bottom: 10px;position: relative;font-size: 34px;line-height: 1.71;letter-spacing: 0.1em;font-weight: 500;text-align: center;display: block;width: 100%;}
#contents03 .text-Box h3.f-min {margin-bottom: 29px;position: relative;font-size: 18px;line-height: 3.22;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents03 .text-Box .morebtn{width: 240px;height: 60px;margin: 0 auto;background: #0F2C23;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding: 17px 0 0 30px;}
#contents03 .text-Box .morebtn .arr{position: absolute;top: 8px;right: 28px; transition: all 0.3s ease-in-out;}
a:hover #contents03 .text-Box .morebtn .arr{right: 18px;}

.backk{ background: #F6F6F4;}
#contents04 {background: #2E4958;display:grid;grid-template-columns:33.333% 66.666%;max-width:1920px;margin: 0 auto 80px;position: relative;color: #fff;}
#contents04 .photo-Box {margin:0 auto;position:relative;}
#contents04 .text-Box {width:100%;margin:0 auto;position:relative;display:flex;flex-direction:column;justify-content:center;}

#contents04 .photo-Box {position: relative;width: 100%;/* overflow: hidden; */background: #F6F6F4;padding-left: 60px;}
#contents04 .photo-Box ul{}
#contents04 .photo-Box ul li{ width: 340px; background: #fff; margin-right: 40px;}
#contents04 .photo-Box ul li a{display: block;width: 340px;min-height: 600px;padding: 20px;}
#contents04 .photo-Box ul li.fin .system-pic::before{content: "ご成約";font-family: "Noto Serif JP", serif;font-size: 20px;line-height: 2.9;letter-spacing: 0.05em;font-weight: 400;text-align: center;color: #fff;display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 3;padding-top: 40%;}
#contents04 .photo-Box ul li .system-pic {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;margin-bottom: 17px;position: relative;}
#contents04 .photo-Box ul li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents04 .photo-Box ul li .cateicon{font-size: 12px;line-height: 1.83;letter-spacing: 0.05em;font-weight: 400;margin-bottom: 3px;}
#contents04 .photo-Box ul li .cateicon span{display: inline-block;line-height: 1.5;padding: 2.5px 16px;margin: 0 7px 8px 0;border-radius: 30px;}
#contents04 .photo-Box ul li .cateicon .icon01{background: #2E4958;color: #fff;}
#contents04 .photo-Box ul li .cateicon .icon02{background: #FFD900;}
#contents04 .photo-Box ul li .cateicon .icon03{border: 1px solid #2E4958;color: #2E4958;}
#contents04 .photo-Box ul li .cateicon .end{color: #fff;background: #333;}
#contents04 .photo-Box ul li .systtl{font-size: 18px;line-height: 1.44;letter-spacing: 0.05em;font-weight: 500;text-align: left;margin-bottom: 10px;}
#contents04 .photo-Box ul li .systtl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#contents04 .photo-Box ul li .cost span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
#contents04 .photo-Box ul li .dltext{font-size: 13px;line-height: 1.31;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #999999;position: relative;padding-left: 50px;margin-bottom: 10px;}
#contents04 .photo-Box ul li .dltext .ttll{font-size: 12px;line-height: 1.42;letter-spacing: 0.05em;font-weight: 400;text-align: center;position: absolute;top: -3px;left: 0;background: #F6F6F4;padding: 4px 8px;}
#contents04 .photo-Box ul li .dltext .ddll{ }
#contents04 .photo-Box ul li .cost{border-top: #1A1A1A 1px solid;border-bottom: #1A1A1A 1px solid;margin: 18px 0 0;padding: 11px 0;font-size: 16px;line-height: 1.63;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents04 .photo-Box .prev-arrow{position: absolute;bottom: 0;left: -180px;}
#contents04 .photo-Box .next-arrow{position: absolute;bottom: 0;left: -120px;z-index: 5;transform: scale(-1, 1);}

#contents04 .text-Box {position: relative;width: 100%;text-align: center;}
#contents04 .text-Box h2.f-min {margin-bottom: -3px;position: relative;font-size: 34px;line-height: 1.71;letter-spacing: 0.1em;font-weight: 500;text-align: center;display: block;width: 100%;}
#contents04 .text-Box h3.f-min {margin-bottom: 22px;position: relative;font-size: 18px;line-height: 3.22;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents04 .text-Box .morebtn a{width: 240px;height: 60px;margin: 0 auto;background: #293B46;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding: 17px 0 0 30px;display: block;color: #fff;}
#contents04 .text-Box .morebtn a .arr{position: absolute;top: 8px;right: 28px; transition: all 0.3s ease-in-out;}
#contents04 .text-Box .morebtn a:hover .arr{right: 18px;}


#contents05 {background: #55462C;display:grid;grid-template-columns:77.083% 22.917%;max-width:1920px;margin:0 auto;position:relative;color:#fff;}
#contents05 .photo-Box {margin:0 auto;position:relative;}
#contents05 .text-Box {width:100%;margin:0 auto;position:relative;display:flex;flex-direction:column;justify-content:center;}

#contents05 a {display:block;}
#contents05 .photo-Box {position: relative;overflow: hidden;width: 100%;}
#contents05 .text-Box {position: relative;width: 100%;text-align: center;}

#contents05 .photo-Box p.f-en {position: absolute;top: 1px;left: 20px;font-size: 12px;line-height: 4.25;letter-spacing: 0.05em;font-weight: 400;text-align: left;z-index: 4;}
#contents05 .photo-Box figure.photo {position: relative;top: 0;left: 0;}
#contents05 .photo-Box figure.photo img{  }
#contents05 .text-Box h2.f-min {margin-bottom: 10px;position: relative;font-size: 34px;line-height: 1.71;letter-spacing: 0.1em;font-weight: 500;text-align: center;display: block;width: 100%;}
#contents05 .text-Box h3.f-min {margin-bottom: 29px;position: relative;font-size: 18px;line-height: 3.22;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents05 .text-Box .morebtn{width: 240px;height: 60px;margin: 0 auto;background: #4B3E28;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding: 17px 0 0 30px;}
#contents05 .text-Box .morebtn .arr{position: absolute;top: 8px;right: 28px; transition: all 0.3s ease-in-out;}
a:hover #contents05 .text-Box .morebtn .arr{right: 18px;}

#contents06 { margin: 0 auto; position: relative; }
#contents06 .inner-Box1 {margin: 0 auto;position: relative;background: #303030;padding: 140px 44px 93px 44px;}
#contents06 .inner-Box1 ul.bannerlist {display:grid;grid-template-columns:1fr 1fr;gap:5%;max-width:1600px;width:100%;margin:0 auto;}
#contents06 .inner-Box1 ul.bannerlist li {position: relative;}
#contents06 .inner-Box1 ul.bannerlist li figure {margin-bottom: 22px;}
#contents06 .inner-Box1 ul.bannerlist li figure img{ width: 100%; height: auto; }
#contents06 .inner-Box1 ul.bannerlist li a {color: #fff;}
#contents06 .inner-Box1 ul.bannerlist li a:hover {  }
#contents06 .inner-Box1 p.ltext {position: relative;font-size: 15px;line-height: 1.67;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding-left: 6px;}
#contents06 .inner-Box1 .morebtn{font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;position: absolute;bottom: -7px;right: 56px;}
#contents06 .inner-Box1 .morebtn .arr{position: absolute;bottom: 10px;right: -42px;transition: all 0.3s ease-in-out;}
#contents06 .inner-Box1 a:hover .morebtn .arr{right: -52px;}

#contents06 .inner-Box2 {margin: 0 auto;position: relative;padding: 90px 0 0;}
#contents06 .inner-Box2 span.movie {display: inline-block;line-height: 1;margin-right: 20px;position: relative;top: 11px;left: 3px;}
#contents06 .inner-Box2 span.movie img {  }
#contents06 .inner-Box2 h2.f-min {margin-bottom: 32px;position: relative;font-size: 23px;line-height: 2.52;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contents06 .inner-Box2 ul.movie-list {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1024px;width:100%;margin:0 auto;}
#contents06 .inner-Box2 ul li { cursor: pointer; position: relative; }
#contents06 .inner-Box2 ul li a {  }
#contents06 .inner-Box2 ul li a:hover {  }
#contents06 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 11px;}
#contents06 .inner-Box2 figure.photo img{  }
#contents06 .inner-Box2 p.ltext {position: relative;font-size: 15px;line-height: 1.47;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents06 .inner-Box2 p.ltext span {  }
#contents06 .inner-Box2 p.playtext {position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #999999;}
.popupcontants{margin: 0 auto;max-width: 409px;width: 100%;}
.popupcontants2{margin: 0 auto;max-width: 717px;width: 100%;}


#contents07 {display:grid;grid-template-columns:31.25% 68.75%;max-width:1920px;margin: 0 auto 238px;padding-top: 0px;}
#contents07 .text-Box {position:sticky;top:0;height:fit-content;padding-top: 175px;}
#contents07 .text-Box .inBox{width: 280px;margin: 0 auto;padding-top: 10px;}
#contents07 .text-Box .morebtn a{width: 280px;height: 60px;margin: 0 auto;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding: 6px 0 0 18px;display: block;border-bottom: 1px solid #333;}
#contents07 .text-Box .morebtn a .arr{position: absolute;top: -4px;right: 18px;transition: all 0.3s ease-in-out;/* black */-webkit-filter: brightness(0);filter: brightness(0);}
#contents07 .text-Box h2 {font-size: 35px;line-height: 0.91;letter-spacing: 0.05em;font-weight: 500;text-align: left;margin-bottom: 38px;}


#contents07 .photo-Box {padding-top: 175px;padding-right: 30px;}


#contents07 .photo-Box ul {display:grid;grid-template-columns:repeat(2,1fr);gap:30px;width:100%;}
#contents07 .photo-Box ul li{ }
#contents07 .photo-Box ul li .system-pic {width: 100%;aspect-ratio: 63 / 44;overflow: hidden;text-align: center;margin-bottom: 17px;position: relative;}
#contents07 .photo-Box ul li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents07 .photo-Box ul li {margin-bottom: 57px;}
#contents07 .photo-Box ul li .tagicon {display:grid;grid-template-columns:repeat(3,1fr);margin-bottom: 26px;}
#contents07 .photo-Box ul li .tagicon .tagttl {text-align: center;margin:0 -1px -1px 0;border:1px solid #000;padding: 9px 20px;}
#contents07 .photo-Box ul li .tagicon .tagttl span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 13px;line-height: 1.69;letter-spacing: 0;font-weight: 400;text-align: center;}
#contents07 .photo-Box ul li .systtl{font-size: 18px;line-height: 1.44;letter-spacing: 0.05em;font-weight: 500;text-align: left;margin-bottom: 10px;}
#contents07 .photo-Box ul li .cost{font-size: 15px; line-height: 1.47; letter-spacing: 0.05em; font-weight: 400; text-align: left; color: #999; }
#contents07 .photo-Box ul li:nth-last-child(-n+2){margin-bottom:0;}


#contents08 {margin: 0 auto;position: relative;background: #F6F6F4;padding: 109px 0 0;}
#contents08 .bk-Box{margin: 0 auto;position: relative;background: url('../images/index/contents08-back01.png')repeat-x top 260px center;animation:moveLeft 120s linear infinite;}
#contents08 .bk-Box2{margin: 0 auto;position: relative;background: url('../images/index/contents08-back02.png')repeat-x top 580px center;animation:moveRight 120s linear infinite;}
@keyframes moveLeft {
  from {background-position: 0 260px;}
  to   {background-position: -2200px 260px;}
}

@keyframes moveRight {
  from {background-position: 0 580px;}
  to   {background-position: 2200px 580px;}
}

#contents08 .inner-Box {display:grid;grid-template-columns:31.25% 68.75%;max-width:1920px;margin:0 auto;padding-top: 0px;min-height: 990px;}

#contents08 .ttl-Box {margin: 0 auto;position: relative;padding-top: 18px;}
#contents08 .ttl-Box .inBox{width: 280px;margin: 0 auto;padding-top: 10px;}

#contents08 .text-Box {position: relative;}


#contents08 .ttl-Box h2 {font-size: 35px;line-height: 0.91;letter-spacing: 0.05em;font-weight: 500;text-align: left;margin-bottom: 36px;}
#contents08 .ttl-Box .morebtn a{width: 280px;height: 60px;margin: 0 auto;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding: 6px 0 0 18px;display: block;border-bottom: 1px solid #333;}
#contents08 .ttl-Box .morebtn a .arr{position: absolute;top: -4px;right: 18px;transition: all 0.3s ease-in-out;/* black */-webkit-filter: brightness(0);filter: brightness(0);}

#contents08 .text-Box h3.f-min {margin-bottom: 32px;position: relative;font-size: 23px;line-height: 2.52;letter-spacing: 0.1em;font-weight: 400;text-align: left;}
#contents08 .text-Box p.text {margin-bottom: 30px;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;}


#contents09 {margin: 0 auto 110px;position: relative;padding: 90px 0 0;}
#contents09 .inner-Box {margin: 0 auto 104px;position: relative;}
#contents09 .inner-Box h2.f-min {margin-bottom: 32px;position: relative;font-size: 23px;line-height: 2.52;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contents09 .inner-Box ul.list {display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1000px;width:100%;margin:0 auto;}
#contents09 .inner-Box ul li {text-align: center;}
#contents09 .inner-Box ul li figure {margin-bottom: 8px;}
#contents09 .inner-Box ul li figure img{ width: 100%;}
#contents09 .inner-Box ul li a {  }
#contents09 .inner-Box ul li a:hover {  }
#contents09 .inner-Box p.ltext {position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: center;}

#contents09 .inner-Box2 { margin: 0 auto; position: relative; }
#contents09 .inner-Box2 span.youtubeicon {display: block;line-height: 1;text-align: center;}
#contents09 .inner-Box2 span.youtubeicon img {  }
#contents09 .inner-Box2 h2.f-min {margin-bottom: 32px;position: relative;font-size: 23px;line-height: 2.52;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contents09 .inner-Box2 ul.movie-list {display:grid;grid-template-columns:244px 244px 244px 244px;gap:8px;width:1000px;margin: 0 auto 62px;}

#contents09 .inner-Box2 ul li {position: relative;cursor: pointer;}
#contents09 .inner-Box2 figure.img {position: relative;top: 0;left: 0;margin-bottom: 13px;}
#contents09 .inner-Box2 figure.img img{  }
#contents09 .inner-Box2 p.ltext2 {position: relative;font-size: 14px;line-height: 1.57;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents09 .morebtn a{width: 340px;height: 63px;margin: 0 auto;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding: 6px 0 0 8px;display: block;border-bottom: 1px solid #333;}
#contents09 .morebtn a .arr{position: absolute;top: -1px;right: 18px;transition: all 0.3s ease-in-out;/* black */-webkit-filter: brightness(0);filter: brightness(0);}
#contents09 .morebtn a:hover .arr{right: 8px;}

#contents10 {margin: 0 auto;position: relative;background: url('../images/index/contents10-back01.jpg')no-repeat top center #F6F6F4;}
#contents10 .ttl-Box {margin: 0 auto 123px;position: relative;text-align: center;color: #fff;padding: 138px 0 0;}
#contents10 .ttl-Box h2.f-min {margin-bottom: 36px;position: relative;font-size: 32px;line-height: 1.81;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents10 .ttl-Box p.text {margin-bottom: 30px;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents10 .inner-Box {margin: 0 auto;position: relative;padding: 0 40px;}
#contents10 .inner-Box ul {display:grid;grid-template-columns:repeat(5,20%);max-width:1600px;width:100%;margin:0 auto;}

#contents10 .inner-Box ul li {position: relative;border: 1px solid #E6E6E6;}
#contents10 .inner-Box ul li a {display: block;background: #fff;padding: 52px 10px 20px 10px;text-align: center;}
#contents10 .inner-Box ul li a:hover {  }
#contents10 .inner-Box p.notex {position: absolute;font-size: 15px;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: center;width: 50px;height: 50px;color: #fff;background: #78581E;top: -20px;left: 20px;padding: 8px 0 0;}
#contents10 .inner-Box p.notex span.f-en {  }
#contents10 .inner-Box figure.img {position: relative;top: 0;left: 0;}
#contents10 .inner-Box figure.img img{  }
#contents10 .inner-Box p.ltext {margin-bottom: 41px;position: relative;color: #78581E;font-size: 17px;line-height: 1.65;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents10 .inner-Box p.ltext span.f-en {font-size: 15px;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: center;display: block;color: #1A1A1A;margin-top: 20px;}
#contents10 .inner-Box span.arr{  /* black */-webkit-filter: brightness(0);filter: brightness(0);position: absolute;bottom: 24px;right: 17px;transition: all 0.3s ease-in-out;}
#contents10 .inner-Box a:hover span.arr{ right: 7px;}

#blog{background: #F6F6F4;padding: 137px 0 75px;}
#blog .inner-Box{width: 1040px;margin: 0 auto 110px;}
#blog .inner-Box h2{font-size: 27px;line-height: 1.19;letter-spacing: 0.05em;font-weight: 500;text-align: center;margin-bottom: 49px;}
#blog .inner-Box ul.tab-list {display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top: #18382E 1px solid;text-align: center;color: #fff;margin: 0 0 35px;}
#blog .inner-Box ul.tab-list li{position: relative;background: #18382E;font-size: 16px;line-height: 1.38;letter-spacing: 0.05em;font-weight: 400;text-align: center;padding: 28px 0 19px 0;}
#blog .inner-Box ul.tab-list li.acv{background: none;color: #1A1A1A;}
#blog .inner-Box ul.tab-list li:first-child{font-size: 18px; line-height: 1.78; letter-spacing: 0.05em; font-weight: 400; text-align: center; }
#blog .inner-Box ul.tab-list li::before{content: "";display: block;position: absolute;background: #3E5B52;width: 1px;height: 40px;left: 0;top: 50%;transform: translateY(-50%);}
#blog .inner-Box ul.tab-list li:first-child::before{content: none;}

#blog .inner-Box .cate-box{border-top: #E6E6E6 1px solid;padding: 22px 0 0;margin-bottom: 50px;}
#blog .inner-Box .cate-box li{border-bottom: #E6E6E6 1px solid;padding: 0 33px 0;margin-bottom: 23px;}
#blog .inner-Box .cate-box .system-day{font-size: 14px;line-height: 1.75;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #999999;margin-bottom: 10px;}
#blog .inner-Box .cate-box .system-day .date{display: inline-block;margin-right: 18px;}
#blog .inner-Box .cate-box .system-day .cate{border: 1px solid #999899;display: inline-block;padding: 0 9px;font-size: 12px;line-height: 1.75;letter-spacing: 0.05em;font-weight: 400;text-align: center;margin-right: 8px;}
#blog .inner-Box .cate-box .system-ttl-01{font-size: 15px;line-height: 1.47;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding-bottom: 30px;}

#blog .morebtn a{width: 280px;height: 63px;margin: 0 auto;position: relative;font-size: 15px;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding: 8px 0 0 18px;display: block;border-bottom: 1px solid #333;}
#blog .morebtn a .arr{position: absolute;top: -1px;right: 18px;transition: all 0.3s ease-in-out;/* black */-webkit-filter: brightness(0);filter: brightness(0);}
#blog .morebtn a:hover .arr{right: 8px;}

#blog .inner-Box2 { margin: 0 auto; position: relative; }
#blog .inner-Box2 ul.banner-list{display:grid;grid-template-columns:repeat(4,270px);gap:8px;width:1104px;margin:0 auto 8px;padding:0;list-style:none;}
#blog .inner-Box2 ul li {  }
#blog .inner-Box2 ul li figure {  }
#blog .inner-Box2 ul li a {  }
#blog .inner-Box2 ul li a:hover {  }


}
@media screen and (min-width:768px) and ( max-width:1500px) {

#contents01 .inner-Box figure.photo02 {left: auto;margin-left: 0; right: 0;}
#contents01 .inner-Box figure.photo01 {overflow: hidden;position: absolute;top: 90px;left: auto;right: 0;width: 640px;}
#contents01 .inner-Box figure.photo01 img{position: relative;left: -160px;}

#contents05 {background: #55462C;display:grid;grid-template-columns:67.083% 32.917%;max-width:1920px;margin:0 auto;position:relative;color:#fff;}

}
@media screen and (max-width: 767px) {
body{ padding-top: 0;}

#contentsmain {position: relative;background: #F6F6F4;}
#contentsmain .inner-Box {margin: 0 auto -4.7vw;position: relative;}
#contentsmain .inner-Box .h-logo{position: absolute;top: 4.74vw;left: 3.26vw;z-index: 3;width: 49.5vw;}
#contentsmain .inner-Box .h-tel{width: 14.49vw;position: absolute;top: 2.5vw;right: 18.3vw;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);z-index: 5;}
#contentsmain .inner-Box .topnavi{position: absolute;top: 23.19vw;left: 10.87vw;z-index: 3;font-size: 3.62vw;line-height: 3.4;letter-spacing: 0.1em;font-weight: 500;text-align: left;display: none;}
#contentsmain .inner-Box .topnavi a{color: #fff;}

#contentsmain .inner-Box ul.main-slide { }
#contentsmain .inner-Box ul.main-slide li {position: relative;}
#contentsmain .inner-Box ul.main-slide li figure.photo { position: relative; top: 0; left: 50%;  transform: translateX(-50%); }
#contentsmain .inner-Box ul.main-slide li figure.photo img{  }
#contentsmain .inner-Box figure.img {position: absolute;top: 18vw;z-index: 3;left: 2.4vw;width: 42.4vw;}
#contentsmain .inner-Box figure.img img{  }
#contentsmain .inner-Box h1 {position: absolute;z-index: 3;top: 42.93vw;width: 78.7vw;left: 12vw;}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {width: 100%;}
#contentsmain .inner-Box ul.infolist::before{content: "PICK UP";font-family: "Work Sans", sans-serif;background: #EB6100;color: #fff;position: absolute;top: 2.24vw;left: 3.53vw;border-radius: 5.07vw;padding: 1.39vw 2.9vw;font-size: 2.42vw;line-height: 1;letter-spacing: 0;font-weight: 600;text-align: left;}
#contentsmain .inner-Box ul.infolist {position: absolute;top: 119.37vw;left: 9.06vw;z-index: 3;height: 9.58vw;background: #fff;border-radius: 7.25vw;padding: 2.66vw 4.35vw 0 20.84vw;overflow: hidden;width: 82vw;}
#contentsmain .inner-Box ul.infolist li  { position: relative; }
#contentsmain .inner-Box ul.infolist li a:hover {  }
#contentsmain .inner-Box p.ltext {position: relative;padding-right: 7.25vw;font-size: 2.9vw;line-height: 1.25;letter-spacing: 0;font-weight: 500;text-align: left;}
#contentsmain .inner-Box p.ltext span {  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
#contentsmain .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;top: 1.3vw;right: 0.24vw;width: 3.9vw;}
#contentsmain .inner-Box span.icon01 img {  }
#contentsmain .inner-Box p.blankbtn {position: absolute;font-size: 2.9vw;line-height: 2.25;letter-spacing: 0.025em;font-weight: 400;text-align: left;top: 131.44vw;right: 10.16vw;width: 79.7vw;}
#contentsmain .inner-Box p.blankbtn a {border: 0.24vw solid #FFFFFF;display: inline-block;color: #fff;padding: 0.97vw 12.61vw 0.97vw 4.31vw;}
#contentsmain .inner-Box p.blankbtn a .arr{position: absolute;top: -0.3vw;right: 4.2vw;width: 3.3vw;}
#contentsmain .inner-Box p.blankbtn a:hover {  }
#contentsmain .inner-Box2 {margin: 0 4vw;position: relative;box-shadow: 0.0vw 4.83vw 4.83vw #00000029;background: #fff;padding: 4.79vw 5.33vw 1vw;z-index: 4;}
#contentsmain .inner-Box2 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;}
#contentsmain .inner-Box2 ul li {margin-right: 3.93vw;text-align: center;width: 38.7vw;margin-bottom: 5.9vw;}
#contentsmain .inner-Box2 ul li:nth-child(2n) { margin-right: 0.0vw; }
#contentsmain .inner-Box2 ul li figure {margin-bottom: 1vw;}
#contentsmain .inner-Box2 ul li a {display: block;border-bottom: 0.24vw solid #000;position: relative;}
#contentsmain .inner-Box2 ul li a:hover { text-decoration: none; }
#contentsmain .inner-Box2 p.ltext {margin-bottom: 3.65vw;position: relative;font-size: 2.9vw;line-height: 2.0;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contentsmain .inner-Box2 span.arr {display: block;line-height: 1;position: absolute;bottom: 3.21vw;right: 2.14vw;transition: all 0.3s ease-in-out;width: 3.8vw;}
#contentsmain .inner-Box2 a:hover span.arr { right: 0.72vw; }

#contents01 {position: relative;background: #F6F6F4;padding: 19.17vw 0 2vw;}
#contents01 .inner-Box {margin: 0 4vw;}
#contents01 .inner-Box h2.f-min {margin-bottom: 6.27vw;position: relative;font-size: 4.83vw;line-height: 1.75;letter-spacing: 0.05em;font-weight: 500;text-align: left;padding: 0 1.3vw 0;}
#contents01 .inner-Box h2.f-min span.f-en {font-size: 3.62vw;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;display: block;margin-bottom: 2.46vw;}
#contents01 .inner-Box figure.photo01 {position: relative;margin-bottom: 3.7vw;}
#contents01 .inner-Box figure.photo01 img{  }
#contents01 .inner-Box p.text {margin: 0 1.3vw 5.73vw;position: relative;font-size: 3.14vw;line-height: 1.85;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents01 .inner-Box p.morebtn {position: relative;font-size: 3.38vw;line-height: 2.29;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-right: 44vw;margin-bottom: 5vw;}
#contents01 .inner-Box p.morebtn a {height: 16.02vw;display: block;border-bottom: 0.24vw solid #000;position: relative;padding: 5.04vw 0 0 4.05vw;}
#contents01 .inner-Box p.morebtn a .arr {position: absolute;top: 2.96vw;right: 4.15vw;-webkit-filter: brightness(0);filter: brightness(0);transition: all 0.3s ease-in-out;width: 7.4vw;}
#contents01 .inner-Box p.morebtn a:hover .arr{ right: 1.93vw; }
#contents01 .inner-Box figure.photo02 {position: relative;margin-right: -4vw;width: 38.7vw;margin-left: auto;}
#contents01 .inner-Box figure.photo02 img{  }
#contents01 .inner-Box figure.photo03 {position: relative;top: -17vw;left: -4vw;width: 38.7vw;}
#contents01 .inner-Box figure.photo03 img{  }

#contents02 {margin: 0 auto 9.05vw;position: relative;padding: 14.76vw 0 0;}
#contents02 .inner-Box { margin: 0 4vw; position: relative; }
#contents02 .inner-Box h2 {margin-bottom: 4.29vw;position: relative;font-size: 4.83vw;line-height: 1.75;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents02 .inner-Box ul {}
#contents02 .inner-Box ul li {position: relative;}
#contents02 .inner-Box ul li:last-child {border-right: none;}
#contents02 .inner-Box span.crown {display: block;line-height: 1;width: 8.21vw;position: absolute;top: 1.6vw;left: 5.6vw;}
#contents02 .inner-Box span.crown img {  }
#contents02 .inner-Box p.ltext {margin-bottom: 0.05vw;position: relative;font-size: 3.86vw;line-height: 2.44;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding-left: 17.9vw;}

#contents03 {background: #18382E;position: relative;color: #fff;margin-bottom: 4.82vw;padding-bottom: 7vw;}
#contents03 .photo-Box {margin:0 auto;position:relative;}
#contents03 .text-Box {width:100%;margin:0 auto;position:relative;}

#contents03 .photo-Box {position: relative;overflow: hidden;width: 100%;}
#contents03 .text-Box {position: relative;order:1;width: 100%;text-align: center;padding-top: 7.1vw;}

#contents03 .photo-Box p.f-en {position: absolute;top: -1.66vw;left: 2.53vw;z-index: 4;font-size: 2.42vw;line-height: 5.1;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents03 .photo-Box figure.photo {position: relative;top: 0;left: 0;}
#contents03 .photo-Box figure.photo img{  }
#contents03 .text-Box h2.f-min {margin-bottom: 2.42vw;position: relative;display: block;width: 100%;font-size: 5.31vw;line-height: 1.44;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
#contents03 .text-Box h3.f-min {margin-bottom: 3.6vw;position: relative;font-size: 3.86vw;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents03 .text-Box .morebtn{height: 14.49vw;margin: 0 26vw;background: #0F2C23;position: relative;padding: 3.11vw 0 0 4.25vw;font-size: 3.38vw;line-height: 2.29;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents03 .text-Box .morebtn .arr{position: absolute;top: 1.03vw;right: 4.26vw;transition: all 0.3s ease-in-out;width: 7vw;}
a:hover #contents03 .text-Box .morebtn .arr{right: 4.35vw;}

.backk{ background: #F6F6F4;}
#contents04 {background: #2E4958;position: relative;color: #fff;padding-bottom: 10.4vw;margin-bottom: 4.9vw;}
#contents04 .photo-Box {margin:0 auto;position:relative;}
#contents04 .text-Box {}

#contents04 .photo-Box {position: relative;width: 100%;/* overflow: hidden; */margin-bottom: 15vw;}
#contents04 .photo-Box ul.land-slide{}
#contents04 .photo-Box ul.land-slide li.slick-slide{background: #fff;margin: 0 2.42vw;width: 72.46vw;}
#contents04 .photo-Box ul.land-slide li a{display: block;padding: 4.83vw;}
#contents04 .photo-Box ul.land-slide li.fin .system-pic::before{content: "ご成約";font-family: "Noto Serif JP", serif;font-size: 4.83vw;line-height: 2.9;letter-spacing: 0.05em;font-weight: 400;text-align: center;color: #fff;display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 3;padding-top: 40%;}
#contents04 .photo-Box ul.land-slide li .system-pic {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;margin-bottom: 2.41vw;position: relative;}
#contents04 .photo-Box ul.land-slide li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents04 .photo-Box ul.land-slide li .cateicon{font-size: 2.9vw;line-height: 1.83;letter-spacing: 0.05em;font-weight: 400;margin-bottom: -0.28vw;}
#contents04 .photo-Box ul.land-slide li .cateicon span{display: inline-block;line-height: 1.5;padding: 0.6vw 3.86vw;margin: 0 1.69vw 1.93vw 0;border-radius: 7.25vw;}
#contents04 .photo-Box ul.land-slide li .cateicon .icon01{background: #2E4958;color: #fff;}
#contents04 .photo-Box ul.land-slide li .cateicon .icon02{background: #FFD900;}
#contents04 .photo-Box ul.land-slide li .cateicon .icon03{border: 0.24vw solid #2E4958;color: #2E4958;}
#contents04 .photo-Box ul.land-slide li .cateicon .end{color: #fff;background: #333;}
#contents04 .photo-Box ul.land-slide li .systtl{margin-bottom: 2.42vw;font-size: 3.62vw;line-height: 1.4;letter-spacing: 0.05em;font-weight: 500;text-align: left;}
#contents04 .photo-Box ul.land-slide li .systtl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#contents04 .photo-Box ul.land-slide li .cost span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
#contents04 .photo-Box ul.land-slide li .dltext{color: #999999;position: relative;padding-left: 12.08vw;margin-bottom: 1.42vw;font-size: 2.66vw;line-height: 1.36;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents04 .photo-Box ul.land-slide li .dltext .ttll{position: absolute;top: -0.7vw;left: 0;background: #F6F6F4;padding: 0.97vw 1.93vw;font-size: 2.42vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents04 .photo-Box ul.land-slide li .dltext .ddll{ }
#contents04 .photo-Box ul.land-slide li .cost{border-top: #1A1A1A 0.24vw solid;border-bottom: #1A1A1A 0.24vw solid;margin: 4.35vw 0 0;padding: 2.66vw 0;font-size: 3.14vw;line-height: 1.54;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents04 .photo-Box ul.land-slide .slick-track {display:flex;}
#contents04 .photo-Box ul.land-slide .slick-slide {height:auto;}
#contents04 .photo-Box ul.land-slide .slick-slide > div {height:100%;}
#contents04 .photo-Box ul.land-slide .slick-slide li {height:100%;}
#contents04 .photo-Box ul.land-slide .slick-slide li a {display:flex;flex-direction:column;height:100%;}

#contents04 .photo-Box .slick-dotted.slick-slider {margin-bottom: 13.66vw;}
#contents04 .photo-Box .slick-dots {position: absolute;bottom: -8.3vw;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
#contents04 .photo-Box .slick-dots li {position: relative;display: inline-block;height: 1.45vw;width: 1.45vw;margin: 0 1.64vw;padding: 0;cursor: pointer;left: 0vw;}
#contents04 .photo-Box .slick-dots li button {font-size: 0;line-height: 0;display: block;border-radius: 50%;width: 1.45vw;height: 1.45vw;padding: 0.0vw;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #868686;}
#contents04 .photo-Box .slick-dots li button:hover, #contents04 .photo-Box .slick-dots li button:focus {outline: none; }
#contents04 .photo-Box .slick-dots li button:hover:before, #contents04 .photo-Box .slick-dots li button:focus:before {opacity: 1; }
#contents04 .photo-Box .slick-dots li button:before { border-radius: 50%; font-family: 'slick';font-size: 1.45vw;line-height: 2.17vw;position: absolute;top: 0;left: 0;height: 2.17vw;content: '';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#contents04 .photo-Box .slick-dots li.slick-active button { background: #FFF; }

#contents04 .text-Box {position: relative;width: 100%;text-align: center;padding-top: 12.2vw;}
#contents04 .text-Box h2.f-min {margin-bottom: 4vw;position: relative;display: block;width: 100%;font-size: 5.31vw;line-height: 1;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
#contents04 .text-Box h3.f-min {margin-bottom: 7.61vw;position: relative;font-size: 3.86vw;line-height: 1;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents04 .morebtn a{height: 14.49vw;margin: 0 26vw;background: #293B46;position: relative;padding: 3.11vw 0 0 4.25vw;font-size: 3.38vw;line-height: 2.29;letter-spacing: 0.05em;font-weight: 400;text-align: left;display: block;color: #fff;}
#contents04 .morebtn .arr{position: absolute;top: 1.03vw;right: 4.26vw;transition: all 0.3s ease-in-out;width: 7vw;}

#contents05 {background: #55462C;position: relative;color: #fff;padding-bottom: 7vw;}
#contents05 .photo-Box {margin:0 auto;position:relative;}
#contents05 .text-Box {width:100%;margin:0 auto;position:relative;}

#contents05 .photo-Box {position: relative;overflow: hidden;width: 100%;}
#contents05 .text-Box {position: relative;order:1;width: 100%;text-align: center;padding-top: 8.9vw;}

#contents05 .photo-Box p.f-en {position: absolute;top: -1.66vw;left: 2.53vw;z-index: 4;font-size: 2.42vw;line-height: 5.1;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents05 .photo-Box figure.photo {position: relative;top: 0;left: 0;}
#contents05 .photo-Box figure.photo img{  }
#contents05 .text-Box h2.f-min {margin-bottom: 3.62vw;position: relative;display: block;width: 100%;font-size: 4.83vw;line-height: 1;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
#contents05 .text-Box h3.f-min {margin-bottom: 6.2vw;position: relative;font-size: 3.38vw;line-height: 1;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents05 .text-Box .morebtn{height: 14.49vw;margin: 0 26vw;background: #4B3E28;position: relative;padding: 3.11vw 0 0 4.25vw;font-size: 3.38vw;line-height: 2.29;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents05 .text-Box .morebtn .arr{position: absolute;top: 1.03vw;right: 4.26vw;transition: all 0.3s ease-in-out;width: 7vw;}




#contents06 {position: relative;}
#contents06 .inner-Box1 {position: relative;background: #303030;padding: 17.9vw 4.2vw 4.2vw;}
#contents06 .inner-Box1 ul.bannerlist {}
#contents06 .inner-Box1 ul.bannerlist li {position: relative;margin-bottom: 12.7vw;}
#contents06 .inner-Box1 ul.bannerlist li figure {margin-bottom: 2.91vw;}
#contents06 .inner-Box1 ul.bannerlist li figure img{ width: 100%; height: auto; }
#contents06 .inner-Box1 ul.bannerlist li a {color: #fff;}
#contents06 .inner-Box1 ul.bannerlist li a:hover {  }
#contents06 .inner-Box1 p.ltext {position: relative;font-size: 3.14vw;line-height: 1.92;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents06 .inner-Box1 .morebtn{font-size: 3.62vw;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;position: absolute;bottom: 0vw;right: 13.53vw;}
#contents06 .inner-Box1 .morebtn .arr{position: absolute;bottom: 1.12vw;right: -13vw;transition: all 0.3s ease-in-out;width: 7.1vw;}

#contents06 .inner-Box2 {position: relative;padding: 13.54vw 0 0;}
#contents06 .inner-Box2 span.movie {display: inline-block;line-height: 1;margin-right: 4.83vw;position: relative;top: 2.66vw;left: 0.72vw;width: 11vw;}
#contents06 .inner-Box2 span.movie img {  }
#contents06 .inner-Box2 h2.f-min {margin-bottom: 3.63vw;position: relative;font-size: 4.83vw;line-height: 2.9;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contents06 .inner-Box2 ul.movie-list { }
#contents06 .inner-Box2 ul li { margin: 0 1.45vw; width: 41.06vw; cursor: pointer; position: relative; }
#contents06 .inner-Box2 ul li a {  }
#contents06 .inner-Box2 ul li a:hover {  }
#contents06 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2.66vw;}
#contents06 .inner-Box2 figure.photo img{  }
#contents06 .inner-Box2 p.ltext {position: relative;font-size: 3.14vw;line-height: 1.54;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents06 .inner-Box2 p.ltext span {  }
#contents06 .inner-Box2 p.playtext {position: relative;color: #999999;font-size: 2.9vw;line-height: 2.67;letter-spacing: 0;font-weight: 400;text-align: left;}
.popupcontants{margin: 0 auto;width: 80vw;}
.popupcontants iframe{width: 100%;height: 143vw;}
.popupcontants2{margin: 0 auto;width: 92vw;}
.popupcontants2 iframe{width: 100%;height: 53vw;}

#contents06 .inner-Box2 .slick-dotted.slick-slider {margin-bottom: 13.66vw;}
#contents06 .inner-Box2 .slick-dots {position: absolute;bottom: -8.3vw;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
#contents06 .inner-Box2 .slick-dots li {position: relative;display: inline-block;height: 1.45vw;width: 1.45vw;margin: 0 1.64vw;padding: 0;cursor: pointer;left: 0vw;}
#contents06 .inner-Box2 .slick-dots li button {font-size: 0;line-height: 0;display: block;border-radius: 50%;width: 1.45vw;height: 1.45vw;padding: 0.0vw;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #868686;}
#contents06 .inner-Box2 .slick-dots li button:hover, #contents06 .inner-Box2 .slick-dots li button:focus {outline: none; }
#contents06 .inner-Box2 .slick-dots li button:hover:before, #contents06 .inner-Box2 .slick-dots li button:focus:before {opacity: 1; }
#contents06 .inner-Box2 .slick-dots li button:before { border-radius: 50%; font-family: 'slick';font-size: 1.45vw;line-height: 2.17vw;position: absolute;top: 0;left: 0;height: 2.17vw;content: '';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#contents06 .inner-Box2 .slick-dots li.slick-active button { background: #1A1A1A; }



#contents07 {padding: 9.7vw 0 16.9vw;}
#contents07 .text-Box { text-align: center; }
#contents07 .text-Box .inBox{margin: 0 4vw;padding-top: 2.42vw;}
#contents07 .morebtn a{display: block;height: 14.49vw;margin: 0 26vw;position: relative;padding: 3.11vw 0 0 4.25vw;font-size: 3.38vw;line-height: 2.29;letter-spacing: 0.05em;font-weight: 400;text-align: left;border-bottom: 1px solid;}
#contents07 .morebtn .arr{position: absolute;top: 1.03vw;right: 4.26vw;transition: all 0.3s ease-in-out;width: 7vw;/* black */-webkit-filter: brightness(0);filter: brightness(0);}
#contents07 .text-Box h2 {margin-bottom: 4.78vw;font-size: 6.04vw;line-height: 1.28;letter-spacing: 0.05em;font-weight: 500;text-align: center;}

#contents07 .photo-Box { margin: 0 3vw; }
#contents07 .photo-Box ul {display:grid;grid-template-columns:repeat(2,1fr);gap: 2.35vw;width:100%;}
#contents07 .photo-Box ul li{ }
#contents07 .photo-Box ul li .system-pic {width: 100%;aspect-ratio: 63 / 44;overflow: hidden;text-align: center;margin-bottom: 1.71vw;position: relative;}
#contents07 .photo-Box ul li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contents07 .photo-Box ul li {margin-bottom: 4.67vw;}
#contents07 .photo-Box ul li .tagicon {display:grid;grid-template-columns: repeat(2,1fr);margin-bottom: 1.88vw;}
#contents07 .photo-Box ul li .tagicon .tagttl {text-align: center;margin:0 0vw 0vw 0;border:0.24vw solid #000;padding: 2.77vw 4.83vw;}
#contents07 .photo-Box ul li .tagicon .tagttl span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 2.17vw;line-height: 0.89;letter-spacing: 0;font-weight: 400;text-align: center;}
#contents07 .photo-Box ul li .systtl{margin-bottom: 0.72vw;font-size: 3.62vw;line-height: 1.73;letter-spacing: 0.05em;font-weight: 500;text-align: left;}
#contents07 .photo-Box ul li .cost{color: #999;font-size: 2.42vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents07 .photo-Box ul li:nth-last-child(-n+2){margin-bottom:0;}


#contents08 {position: relative;background: #F6F6F4;padding: 11.33vw 0 16.9vw;}
#contents08 .bk-Box{position: relative;background: url('../images/index/contents08-back01.png')repeat-x top 68.7vw center;animation:moveLeft 120s linear infinite;background-size: auto 33.82vw;}
#contents08 .bk-Box2{position: relative;background: url('../images/index/contents08-back02.png')repeat-x top 107.1vw center;animation:moveRight 120s linear infinite;background-size: auto 33.82vw;}
@keyframes moveLeft {
  from {background-position: 0 68.7vw;}
  to   {background-position: -531.40vw 68.7vw;}
}

@keyframes moveRight {
  from {background-position: 0 107.1vw;}
  to   {background-position: 531.40vw 107.1vw;}
}

#contents08 .inner-Box {
    padding-bottom: 79.8vw;
}

#contents08 .ttl-Box {margin: 0 4vw;position: relative;padding-top: 4.35vw;}
#contents08 .ttl-Box .inBox{margin: 0 4vw;padding-top: 2.42vw;}

#contents08 .text-Box {position: relative;}


#contents08 .ttl-Box h2 {margin-bottom: 4.4vw;font-size: 6.04vw;line-height: 1.28;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents08 .morebtn a{display: block;height: 14.49vw;margin: 0 26vw;position: relative;padding: 3.11vw 0 0 4.25vw;font-size: 3.38vw;line-height: 2.29;letter-spacing: 0.05em;font-weight: 400;text-align: left;border-bottom: 1px solid;}
#contents08 .morebtn .arr{position: absolute;top: 1.03vw;right: 4.26vw;transition: all 0.3s ease-in-out;width: 7vw;/* black */-webkit-filter: brightness(0);filter: brightness(0);}

#contents08 .text-Box h3.f-min {margin-bottom: 2.43vw;position: relative;font-size: 4.35vw;line-height: 1.94;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents08 .text-Box p.text {margin: 0 5.3vw 7.25vw;position: relative;font-size: 3.14vw;line-height: 1.85;letter-spacing: 0.05em;font-weight: 400;text-align: left;}


#contents09 {margin: 0 auto 18.17vw;position: relative;padding: 11.74vw 0 0;}
#contents09 .inner-Box {margin: 0 auto 13.62vw;position: relative;}
#contents09 .inner-Box h2.f-min {margin-bottom: 3.03vw;position: relative;font-size: 4.35vw;line-height: 3.22;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contents09 .inner-Box ul.list {
    margin: 0 4.1vw;
}
#contents09 .inner-Box ul li {text-align: center;}
#contents09 .inner-Box ul li figure {margin-bottom: 0.63vw;}
#contents09 .inner-Box ul li a {  }
#contents09 .inner-Box ul li a:hover {  }
#contents09 .inner-Box p.ltext {position: relative;font-size: 3.14vw;line-height: 2.46;letter-spacing: 0.05em;font-weight: 400;text-align: center;margin-bottom: 7.7vw;}

#contents09 .inner-Box2 {position: relative;}
#contents09 .inner-Box2 span.youtubeicon {display: block;line-height: 1;text-align: center;margin: 0 43vw;}
#contents09 .inner-Box2 span.youtubeicon img {  }
#contents09 .inner-Box2 h2.f-min {margin-bottom: 4.73vw;position: relative;font-size: 4.35vw;line-height: 2.42;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contents09 .inner-Box2 ul.movie-list {margin: 0 auto 14.98vw;}

#contents09 .inner-Box2 ul li {position: relative;cursor: pointer;width: 59.42vw;margin: 0 0.97vw;}
#contents09 .inner-Box2 figure.img {position: relative;top: 0;left: 0;margin-bottom: 3.14vw;}
#contents09 .inner-Box2 figure.img img{  }
#contents09 .inner-Box2 p.ltext2 {position: relative;font-size: 3.38vw;line-height: 1.57;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents09 .morebtn a{height: 12.92vw;margin: 22.4vw 11vw 0 11vw;position: relative;font-size: 3.62vw;line-height: 2.13;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding: 1.45vw 0 0 1.93vw;display: block;border-bottom: 0.24vw solid #333;}
#contents09 .morebtn a .arr{position: absolute;top: 0vw;right: 4.35vw;transition: all 0.3s ease-in-out;/* black */-webkit-filter: brightness(0);filter: brightness(0);width: 7vw;}
#contents09 .morebtn a:hover .arr{right: 1.93vw;}

#contents09 .inner-Box2 .slick-dotted.slick-slider {margin-bottom: 13.66vw;}
#contents09 .inner-Box2 .slick-dots {position: absolute;bottom: -14vw;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
#contents09 .inner-Box2 .slick-dots li {position: relative;display: inline-block;height: 1.45vw;width: 1.45vw;margin: 0 1.64vw;padding: 0;cursor: pointer;left: 0vw;}
#contents09 .inner-Box2 .slick-dots li button {font-size: 0;line-height: 0;display: block;border-radius: 50%;width: 1.45vw;height: 1.45vw;padding: 0.0vw;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #868686;}
#contents09 .inner-Box2 .slick-dots li button:hover, #contents09 .inner-Box2 .slick-dots li button:focus {outline: none; }
#contents09 .inner-Box2 .slick-dots li button:hover:before, #contents09 .inner-Box2 .slick-dots li button:focus:before {opacity: 1; }
#contents09 .inner-Box2 .slick-dots li button:before { border-radius: 50%; font-family: 'slick';font-size: 1.45vw;line-height: 2.17vw;position: absolute;top: 0;left: 0;height: 2.17vw;content: '';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#contents09 .inner-Box2 .slick-dots li.slick-active button { background: #1A1A1A; }




#contents10 {position: relative;background: url('../images/index/sp-contents10-back01.jpg')no-repeat top center #F6F6F4;background-size: 100% auto;}
#contents10 .ttl-Box {margin: 0 auto 13.21vw;position: relative;text-align: center;color: #fff;padding: 14.63vw 0 0;}
#contents10 .ttl-Box h2.f-min {margin-bottom: 4.3vw;position: relative;font-size: 5.8vw;line-height: 1.46;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents10 .ttl-Box p.text {margin: 0 5vw 7.25vw;position: relative;font-size: 3.14vw;line-height: 1.85;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents10 .inner-Box {margin: 0 6.6vw;position: relative;}
#contents10 .inner-Box ul {}

#contents10 .inner-Box ul li {position: relative;border: 0.24vw solid #E6E6E6;}
#contents10 .inner-Box ul li a {display: block;background: #fff;padding: 3.56vw 2.42vw 2.93vw 29.22vw;text-align: left;}
#contents10 .inner-Box ul li a:hover {  }
#contents10 .inner-Box p.notex {position: absolute;height: 7.28vw;color: #fff;background: #78581E;top: 0vw;left: 0vw;padding: 0 1.5vw;font-size: 3.14vw;line-height: 2.31;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents10 .inner-Box p.notex span.f-en {  }
#contents10 .inner-Box figure.img {position: absolute;top: 1.6vw;left: 4.4vw;width: 25vw;}
#contents10 .inner-Box figure.img img{  }
#contents10 .inner-Box p.ltext {position: relative;color: #78581E;font-size: 3.86vw;line-height: 1.38;letter-spacing: 0.05em;font-weight: 500;text-align: left;}
#contents10 .inner-Box p.ltext span.f-en {display: block;color: #1A1A1A;font-size: 3.14vw;line-height: 2.31;letter-spacing: 0.05em;font-weight: 400;text-align: left;position: relative;left: 0.6vw;top: 1vw;}
#contents10 .inner-Box span.arr{  /* black */-webkit-filter: brightness(0);filter: brightness(0);position: absolute;bottom: 3.8vw;right: 4.11vw;transition: all 0.3s ease-in-out;width: 6.9vw;}
#contents10 .inner-Box a:hover span.arr{ right: 1.69vw;}

#blog{background: #F6F6F4;padding: 17.09vw 0 7.92vw;}
#blog .inner-Box{margin: 0 1.8vw 15.77vw;}
#blog .inner-Box h2{margin-bottom: 5.94vw;font-size: 6.04vw;line-height: 1.28;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#blog .inner-Box ul.tab-list {display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top: #18382E 0.24vw solid;text-align: center;color: #fff;margin: 0 0 5.35vw;align-items: center;justify-content: center;}
#blog .inner-Box ul.tab-list li{position: relative;background: #18382E;font-size: 3.86vw;line-height: 1.38;letter-spacing: 0.05em;font-weight: 400;text-align: center;padding: 4.76vw 0 4.59vw 0;min-height: 19vw;font-size: 3.38vw;line-height: 1.43;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#blog .inner-Box ul.tab-list li:nth-child(1),#blog .inner-Box ul.tab-list li:nth-child(2){padding-top: 6.8vw;}
#blog .inner-Box ul.tab-list li.acv{background: none;color: #1A1A1A;}
#blog .inner-Box ul.tab-list li:first-child{font-size: 4.35vw; line-height: 1.78; letter-spacing: 0.05em; font-weight: 400; text-align: center; }
#blog .inner-Box ul.tab-list li::before{content: "";display: block;position: absolute;background: #3E5B52;width: 0.24vw;height: 9.66vw;left: 0;top: 50%;transform: translateY(-50%);}
#blog .inner-Box ul.tab-list li:first-child::before{content: none;}

#blog .inner-Box .cate-box{border-top: #E6E6E6 0.24vw solid;padding: 3.31vw 0 0;margin-bottom: 3.08vw;}
#blog .inner-Box .cate-box li{border-bottom: #E6E6E6 0.24vw solid;padding: 0 2.57vw 0;margin-bottom: 3.56vw;}
#blog .inner-Box .cate-box .system-day{color: #999999;margin-bottom: 0.52vw;font-size: 2.9vw;line-height: 2.04;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#blog .inner-Box .cate-box .system-day .date{display: inline-block;margin-right: 2.35vw;}
#blog .inner-Box .cate-box .system-day .cate{border: 0.24vw solid #999899;display: inline-block;padding: 0.5vw 1.87vw;margin-right: 1.93vw;font-size: 2.42vw;line-height: 1.3;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#blog .inner-Box .cate-box .system-ttl-01{padding-bottom: 4.35vw;font-size: 3.14vw;line-height: 1.38;letter-spacing: 0.05em;font-weight: 400;text-align: left;}

#blog .morebtn a{height: 13.22vw;margin: 0 24vw;position: relative;padding: 1.93vw 0 0 4.35vw;display: block;border-bottom: 0.24vw solid #333;font-size: 3.38vw;line-height: 2.29;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#blog .morebtn a .arr{position: absolute;top: 0.3vw;right: 4.35vw;transition: all 0.3s ease-in-out;/* black */-webkit-filter: brightness(0);filter: brightness(0);width: 7vw;}
#blog .morebtn a:hover .arr{right: 1.93vw;}

#blog .inner-Box2 {margin: 0 5.2vw;position: relative;}
#blog .inner-Box2 ul.banner-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.42vw; width: 100%; margin: 0 auto 1.93vw; padding: 0; list-style: none; }
#blog .inner-Box2 ul li {  }
#blog .inner-Box2 ul li figure {  }
#blog .inner-Box2 ul li a {  }
#blog .inner-Box2 ul li a:hover {  }








}