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

/* ==========================================================================
   PC & Print 共通スタイル (768px以上)
   ========================================================================== */

#gallery  ul.system-list li .taxonomy .cate.cate01{ background: #E3CDAA; }
#gallery  ul.system-list li .taxonomy .cate.cate02{ background: #959595; color: #fff; }
#gallery  ul.system-list li .taxonomy .cate.cate03{ background: #C09A83; color: #fff; }
#gallery  ul.system-list li .taxonomy .tag{ }


@media screen and (min-width: 768px), print {  
body{ background: url(../images/index/bodyback.png)no-repeat top center; background-size: cover; background-attachment: fixed; }
.backkk{ background: #F4F1E5; }
header{text-align: center;height: 150px;background: #F4F1E5;}
header .h-logo{ display:none;}
.pc-fix-list{ opacity: 0;transition: all 0.3s ease-in-out;}
.pc-fix-list.acv{ opacity: 1;}

#contentsmain {margin: 0 auto 156px;position: relative;}
#contentsmain .ttl-Box {margin: -70px auto 0 4.2%;position: relative;height: 223px;}
#contentsmain .ttl-Box figure.logo-img {position: relative;top: 0;left: 0;width: 38.9%;margin-bottom: 27px;z-index: 6;}
#contentsmain .ttl-Box figure.logo-img img{width: 100%;height: auto;}
#contentsmain .ttl-Box h1 {margin-bottom: 0px;position: relative;font-size: 18px;line-height: 1.67;letter-spacing: 0.122em;font-weight: 400;color: var(--brown, #6e5239);}
#contentsmain .ttl-Box ul {position: absolute;top: 15px;right: 38px;z-index: 10;}
#contentsmain .ttl-Box ul li {position: relative;font-size: 12px;line-height: 2.33;letter-spacing: 0.125em;font-weight: 400;color: var(--main, #1c1814);text-align: right;}

#contentsmain .inner-Box {margin: 0 auto;padding: 0 40px;position: relative;}
#contentsmain .inner-Box h2 {position: absolute;top: 50%;right: 80px;z-index: 4;transform: translateY(-50%);}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box figure.photo img{width: 100%;height: auto;}
#contentsmain .main-slide .slick-slide { overflow: hidden; background-color: #f8f8f8; }
#contentsmain .main-slide .slick-slide img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.1); transform-origin: center center; }
#contentsmain .main-slide .slick-slide.is-zoom img { animation: mainSlideZoomOut 5s ease-out forwards; }
@keyframes mainSlideZoomOut { from { transform: scale(1.1); } to { transform: scale(1); } }

#contents01 {margin: 0 auto 130px;position: relative;width: 1100px;min-height: 650px;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box h2 {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.75;letter-spacing: 0.05em;font-weight: 400;color: #1c1814;}
#contents01 .inner-Box h2 span { /* 100% */font-size: 40px;line-height: 1;letter-spacing: 0.021em;font-weight: 400;color: #1c1814;display: inline-block;position: relative;padding-right: 16px;top: 4px;}
#contents01 .inner-Box p.morebtn{width: 240px;position: absolute;top: 0;right: 0px;}
#contents01 .inner-Box p.morebtn a{font-size: 12px;line-height: 1;letter-spacing: 0.083em;font-weight: 400;color: #1c1814;padding: 16px 0;}
#contents01 .inner-Box p.morebtn a .arr{top: 16px;}
#contents01 .inner-Box p.text{font-size: 16px;line-height: 1.75;letter-spacing: 0.05em;font-weight: 500;color: #1c1814;text-align: center;margin-top: 16px;padding-top: 250px;}

#contents02 {margin: 0 auto 30px;position: relative;background: url('../images/index/contents02-back01.png')repeat-x top center;}
#contents02::before{content: "";display: block;position: absolute;top: 0;right: 0;width: 160px;height: 100%;background: #F4F1E5;z-index: 0;}
#contents02 .back-Box{ margin: 0 auto; position: relative; background: url('../images/index/contents02-back02.png')repeat-x top center; animation: backgroundFlow 70s linear infinite; }
@keyframes backgroundFlow { from { background-position: 0 0; } to { background-position: -2720px 0; } }
#contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 1600px;}
#contents02 .left-Box{margin: 0 auto 0 0;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;width: 633px;height: 826px;top: -70px;padding: 80px 120px;}
#contents02 .left-Box h2 {margin-bottom: 40px;position: relative;font-size: 36px;line-height: 1.78;letter-spacing: 0.06em;font-weight: 400;color: #1c1814;}
#contents02 .left-Box p.text {margin-bottom: 40px;position: relative;font-size: 16px;line-height: 2.5;letter-spacing: 0.05em;font-weight: 400;color: #1c1814;}
#contents02 .left-Box p.text2 {margin-bottom: 0px;position: relative;font-size: 14px;line-height: 1.86;letter-spacing: 0em;font-weight: 400;color: #1c1814;}
#contents02 .left-Box figure.enimg {position: absolute;bottom: 26px;left: 489px;}
#contents02 .left-Box figure.enimg img{  }
#contents02 .left-Box .morebtn{margin: 47px 0 17px;width: 240px;}
#contents02 .left-Box .morebtn a{ letter-spacing: 0.14em; }
#contents02 .left-Box .morebtn .arr{top: 17px;right: 4px;}
#contents02 .inner-Box2 {margin: 0 auto;position: relative;padding: 166px 0 130px;}
#contents02 .inner-Box2 p.btn {text-align: center;}
#contents02 .inner-Box2 p.btn img {  }


#contents03 {margin: 0 auto 157px;position: relative;background: #FAF7F1;padding-bottom: 140px;}
#contents03::before{content: "";display: block;position: absolute;top: 0;left: 0;width: 80px;height: 100%;background: #F4F1E5;z-index: 0;}

#contents03 .ttl-Box {padding: 141px 0 0;margin: 0 auto 80px;position: relative;width: 1100px;text-align: center;}
#contents03 .ttl-Box h2 {margin-bottom: 15px;position: relative;font-size: 40px;line-height: 1;letter-spacing: 0.021em;font-weight: 400;color: var(--main, #1c1814);text-align: center;}
#contents03 .ttl-Box p.subttl {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.75;letter-spacing: 0.0525em;font-weight: 400;color: var(--main, #1c1814);text-align: center;}
#contents03 .inner-Box1 { margin: 0 auto; position: relative; background: linear-gradient( to right, transparent 0, transparent 160px, #e3cdaa 160px, #e3cdaa 100% ); padding-top: 79px; }
#contents03 .photo-Box {margin: 0 auto 0 0;position: relative;width: 59.4%;margin-bottom: -32.3%;}
#contents03 .photo-Box figure.photo01 {position: relative;top: 0;left: 0;}
#contents03 .photo-Box figure.photo01 img{width: 100%;height: auto;}
#contents03 .text-Box {margin: 0 0 0 auto;position: relative;background: #E3CDAA;width: 50%;padding: 140px 30px 80px 82px;}
#contents03 .text-Box span.ricon {display: block;line-height: 1;position: absolute;top: 42px;left: 40px;}
#contents03 .text-Box span.ricon img {  }
#contents03 .text-Box h3 {margin-bottom: 40px;position: relative;font-size: 36px;line-height: 1.78;letter-spacing: 0.056em;font-weight: 400;color: var(--main, #1c1814);border-bottom: #959595 1px solid;padding-bottom: 15px;width: 440px;}
#contents03 .text-Box h3 span.f-yug {font-size: 12px;line-height: 1.17;letter-spacing: 0em;font-weight: 400;color: var(--main, #1c1814);display: block;}
#contents03 .text-Box h3 span.min {font-size: 26px;}
#contents03 .text-Box h4 {margin-bottom: 16px;position: relative;font-size: 24px;line-height: 2;letter-spacing: 0.035em;font-weight: 400;color: var(--main, #1c1814);}
#contents03 .text-Box p.text {margin-bottom: 48px;position: relative;font-size: 14px;line-height: 1.86;letter-spacing: 0em;font-weight: 400;color: var(--main, #1c1814);}
#contents03 .text-Box p.morebtn {margin-bottom: 80px;position: relative;}
#contents03 .text-Box p.morebtn a {width: 240px;}
#contents03 .text-Box p.morebtn a:hover {  }
#contents03 .text-Box figure.photo02 {position: relative;top: 0;left: 14px;margin: 0 auto;max-width: 720px;}
#contents03 .text-Box figure.photo02 img{width: 100%;max-width: 720px;}
#contents03 .inner-Box2 {margin: 0 auto -1px;position: relative;background: linear-gradient( to right, transparent 0, transparent 160px, #959595 160px, #959595 100% );padding-top: 79px;}
#contents03 .inner-Box3 { margin: 0 auto; position: relative; background: linear-gradient( to right, transparent 0, transparent 160px, #C1B2A1 160px, #C1B2A1 100% ); padding-top: 79px; }
#contents03 p.morebtn{width: 240px;position: absolute;top: 0;right: 0px;}
#contents03 p.morebtn a{font-size: 12px;line-height: 1;letter-spacing: 0.083em;font-weight: 400;color: #1c1814;padding: 16px 0;}
#contents03 p.morebtn a .arr{top: 16px;}

#contents03 .inner-Box2 .photo-Box {margin: 0 0 0 auto;position: relative;width: 59.4%;margin-bottom: -32.3%;}
#contents03 .inner-Box2 .text-Box span.ricon {left: auto;right: 41px;}
#contents03 .inner-Box2 .text-Box {margin: 0 auto 0 0;position: relative;background: #959595;width: 50%;padding: 140px 80px 80px 30px;}
#contents03 .inner-Box2 .text-Box h3 {color: #fff;border-bottom: #fff 1px solid;margin-left: auto;}
#contents03 .inner-Box2 .text-Box h3 span.f-yug {font-size: 12px;line-height: 1.17;letter-spacing: 0em;font-weight: 400;color: #fff;display: block;}
#contents03 .inner-Box2 .text-Box h3 span.min {font-size: 26px;}
#contents03 .inner-Box2 .text-Box h4 {color: #fff;width: 440px;margin-left: auto;}
#contents03 .inner-Box2 .text-Box p.text {color: #fff;width: 440px;margin-left: auto;}
#contents03 .inner-Box2 .text-Box p.morebtn {margin-bottom: 80px;position: relative;width: 440px;margin-left: auto;}
#contents03 .inner-Box2 .text-Box p.morebtn a{ color: #fff;}
#contents03 .inner-Box2 .text-Box p.morebtn a:before { background:#fff; }
#contents03 .inner-Box2 .text-Box figure.photo02 {position: relative;top: 0;left: -16px;margin: 0 auto;}
#contents03 .inner-Box3 .photo-Box {margin: 0 auto 0 0;position: relative;width: 59.4%;margin-bottom: -32.3%;}
#contents03 .inner-Box3 .text-Box {margin: 0 0 0 auto;position: relative;background: #C1B2A1;width: 50%;padding: 140px 30px 80px 82px;}

#contents04 {margin: 0 auto 162px;position: relative;padding: 0 30px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center;max-width: 1440px;height: 480px;color: #fff;}
#contents04 .inner-Box a{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;padding: 67px 0 0 60px;}
#contents04 .inner-Box h2 {margin-bottom: 38px;position: relative;font-size: 70px;line-height: 1.17;letter-spacing: 0.035em;font-weight: 400;color: var(--white, #fff);}
#contents04 .inner-Box h2 span{ font-size: 57px; }
#contents04 .inner-Box h3 {margin-bottom: -172px;position: relative;font-size: 36px;line-height: 1.78;letter-spacing: 0.056em;font-weight: 400;color: var(--white, #fff);}
#contents04 .inner-Box p.text {margin-bottom: 34px;position: relative;font-size: 20px;line-height: 2;letter-spacing: 0.042em;font-weight: 400;color: #fff;text-align: right;margin-right: 19px;}
#contents04 .inner-Box p.nounlink {margin-bottom: 80px;position: relative;width: 240px;margin-left: auto;margin-right: 40px;}

#gallery{padding: 0 40px;}
#gallery .inner-Box{max-width: 1380px;margin: 0 auto;}
#gallery h2 {margin-bottom: 15px;position: relative;font-size: 40px;line-height: 1;letter-spacing: 0.021em;font-weight: 400;color: var(--main, #1c1814);text-align: center;}
#gallery p.subttl {margin-bottom: 82px;position: relative;font-size: 16px;line-height: 1.75;letter-spacing: 0.0525em;font-weight: 400;color: var(--main, #1c1814);text-align: center;}

#gallery  ul.system-list {display:grid;grid-template-columns: repeat(3,1fr);gap: 60px;width:100%;margin: 0 0 31px;}
#gallery  ul.system-list li{ }
#gallery  ul.system-list li .system-pic {width: 100%;aspect-ratio: 42 / 28;overflow: hidden;text-align: center;margin-bottom: 24px;position: relative;}
#gallery  ul.system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#gallery  ul.system-list li {margin-bottom: 57px;}
#gallery  ul.system-list li .cost span.tagttl {display: inline-block;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 12px;line-height: 1.69;letter-spacing: 0;font-weight: 400;text-align: center;color: #fff;padding: 5px 12px;margin-right: 10px;}
#gallery  ul.system-list li .taxonomy{font-size: 12px;margin-bottom: 16px;}
#gallery  ul.system-list li .taxonomy .cate{display: inline-block;padding: 7px;line-height: 1;font-size: 12px;margin-right: 3px;}

#gallery  ul.system-list li .cost .cname{display: inline-block;font-size: 14px;line-height: 1;letter-spacing: 0;font-weight: 400;text-align: center;color: #959595;position: relative;}
#gallery  ul.system-list li .systtl{margin-bottom: 10px;line-height: 1.56;text-align: left;color: #1A1A1A;font-size: 18px;font-weight: 500;}
#gallery  ul.system-list li .cost{font-size: 12px;line-height: 1.47;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #999;margin-bottom: 7px;}
#gallery  ul.system-list li:nth-last-child(-n+2){margin-bottom:0;}
#gallery  ul.system-list .cate{font-size: 14px;}
#gallery  ul.system-list .cate a{display: inline-block;margin: 0 6px 5px 0;}
#gallery p.morebtn{width: 360px;margin: 0 auto 160px;position: relative;}
#gallery p.morebtn a{font-size: 12px;line-height: 1;letter-spacing: 0.083em;font-weight: 400;color: #1c1814;padding: 16px 0;}
#gallery p.morebtn a .arr{top: 16px;}


#contents05 {margin: 0 auto;position: relative;background: #F7F6F5;padding: 142px 40px 1px;}
#contents05 .inner-Box {margin: 0 auto;position: relative;max-width: 1440px;}
#contents05 h2 {margin-bottom: 15px;position: relative;font-size: 40px;line-height: 1;letter-spacing: 0.021em;font-weight: 400;color: var(--main, #1c1814);text-align: center;}
#contents05 p.subttl {margin-bottom: 80px;position: relative;font-size: 16px;line-height: 1.75;letter-spacing: 0.0525em;font-weight: 400;color: var(--main, #1c1814);text-align: center;}

#contents05 .inner-Box ul{display:flex;flex-wrap:wrap;column-gap:4.1667%;row-gap:60px;margin-bottom: 60px;}
#contents05 .inner-Box ul li{position:relative;width:30.5556%;background: #fff;}
#contents05 .inner-Box ul li a {display: block;padding: 39px 30px 359px;}
#contents05 .inner-Box ul li a::before { font-family: "Work Sans", sans-serif; content:"→";width: 60px;height: 18px;display: block;background: #fff;position: absolute;bottom: 20px;right: 20px;text-align: center;line-height: 18px;font-size: 12px;color: #1c1814;border-radius: 10px;z-index: 3;font-family: "Work Sans", sans-serif;}
#contents05 .inner-Box span.ricon {display: block;line-height: 1;margin-bottom: 40px;}
#contents05 .inner-Box span.ricon img {  }
#contents05 .inner-Box h3 {margin-bottom: 9px;position: relative;font-size: 24px;line-height: 2;letter-spacing: 0.035em;font-weight: 400;color: var(--main, #1c1814);}
#contents05 .inner-Box p.ltext {margin-bottom: 0px;position: relative;font-size: 14px;line-height: 1.86;letter-spacing: 0em;font-weight: 400;color: var(--main, #1c1814);}
#contents05 .inner-Box figure.photo {position: absolute;bottom: 0;left: 0;width: 100%;}
#contents05 .inner-Box figure.photo img{width: 100%;height: auto;}

#contents05 p.morebtn{width: 360px;margin: 0 auto 160px;position: relative;}
#contents05 p.morebtn a{font-size: 12px;line-height: 1;letter-spacing: 0.083em;font-weight: 400;color: #1c1814;padding: 16px 0;}
#contents05 p.morebtn a .arr{top: 16px;}

#contents06 {margin: 640px auto 0 auto;position: relative;background: #F7F6F5;}
#contents06 .inner-Box {margin: 0 auto;position: relative;background: #F7F6F5;max-width: 1760px;padding: 100px 80px;top: -100px;}
#contents06 .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;}
#contents06 .inner-Box ul li {width: 31.2%;margin-right: 3.2%;}
#contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents06 .inner-Box ul li figure {  }
#contents06 .inner-Box ul li figure img{width: 100%;height: auto;}
#contents06 .inner-Box ul li a {  }
#contents06 .inner-Box ul li a:hover {  }

#voice {margin: 0 auto 0px;position: relative;background: #F7F6F5;padding: 45px 0 169px;}
#voice .inner-Box { margin: 0 auto; position: relative; }
#voice h2 {margin: 0 auto 53px;position: relative;font-size: 16px;line-height: 1;letter-spacing: 0.08em;font-weight: 400;color: var(--main, #1c1814);width: 1200px;}
#voice h2 span {margin-bottom: 0px;position: relative;font-size: 38px;line-height: 1.75;letter-spacing: 0.0525em;font-weight: 400;color: var(--main, #1c1814);text-align: center;margin-right: 14px;}
#voice .inner-Box p.morebtn{width: 240px;position: absolute;top: 12px;left: 50%;margin-left: 360px;}
#voice .inner-Box p.morebtn a{font-size: 12px;line-height: 1;letter-spacing: 0.083em;font-weight: 400;color: #1c1814;padding: 16px 0;}
#voice .inner-Box p.morebtn a .arr{top: 16px;}

#voice .system-list{}

#voice .system-list li{line-height: 1.4;width: 360px;position: relative;margin: 0 20px 30px;background: var(--white, #FFF);box-shadow: 0 8px 16px 0 rgba(38, 38, 39, 0.10);}
#voice .system-list li a:hover{ text-decoration: none; }

#voice .system-pic{width: 100%;height: 240px;overflow: hidden;text-align: center;margin-bottom: 29px;}
#voice .system-pic img{ width: 100%; height: 240px; }
#voice .system-date{ font-size: 14px; margin-bottom: 10px; line-height: 1.4; }
#voice .system-name{font-size: 14px;margin-bottom: 40px;line-height: 1.4;color: #959595;padding: 0 21px 0;}
#voice .system-coment{ font-size: 14px; margin-bottom: 5px; line-height: 1.4; }
#voice .system-ttl-01{font-size: 16px;margin-bottom: 10px;line-height: 1.4;padding: 0 21px 0;}
#voice .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

#voice .slick-dotted.slick-slider {margin-bottom: 10px;}
#voice .slick-dots {position: absolute;bottom: -21px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-ali;text-align: center;px;}
#voice .slick-dots li {position: relative;display: inline-block;height: 8px;width: 8px;margin: 0 5px!important;padding: 0;cursor: pointer;left: 0vw;top: 0!important;}
#voice .slick-dots li button {font-size: 0;line-height: 0;display: block;border-radius: 50%;width: 8px;height: 8px;padding: 0.0vw;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #E6E4E3;}
#voice .slick-dots li button:hover, #voice .slick-dots li button:focus { outline: none; }
#voice .slick-dots li button:hover:before, #voice .slick-dots li button:focus:before { opacity: 1; }
#voice .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; }
#voice .slick-dots li.slick-active button {background: #959595;}


#contents07 {margin: 0 auto;position: relative;background: url('../images/index/contents07-back01.png')no-repeat top center;background-size: cover;min-height: 990px;text-align: center;color: #fff;}
#contents07 .inner-Box {margin: 0 auto;position: relative;padding: 143px 0 0;}
#contents07 .inner-Box figure.photo01 {position: absolute;top: 140px;left: 50%;margin-left: -760px;}
#contents07 .inner-Box figure.photo01 img{  }
#contents07 .inner-Box figure.photo02 {position: absolute;top: 320px;left: 50%;margin-left: 361px;}
#contents07 .inner-Box figure.photo02 img{  }
#contents07 .inner-Box figure.photo03 {position: absolute;top: 640px;left: 0;left: 50%;margin-left: -640px;}
#contents07 .inner-Box figure.photo03 img{  }
#contents07 .inner-Box figure.photo04 {position: absolute;top: 750px;left: 0;left: 50%;margin-left: 480px;z-index: 3;}
#contents07 .inner-Box figure.photo04 img{  }
#contents07 .inner-Box h2 {margin-bottom: 39px;position: relative;font-size: 44px;line-height: 1.68;letter-spacing: 0.045em;font-weight: 400;color: #fff;text-align: center;}
#contents07 .inner-Box h2 span {font-size: 12px;line-height: 1.5;letter-spacing: 0.125em;font-weight: 400;color: #fff;text-align: center;display: block;margin-bottom: 41px;}
#contents07 .inner-Box h3 {margin-bottom: 64px;position: relative;font-size: 24px;line-height: 1.67;letter-spacing: 0.035em;font-weight: 400;color: #fff;text-align: center;}
#contents07 .inner-Box p.text {margin-bottom: 40px;position: relative;font-size: 16px;line-height: 2.5;letter-spacing: 0.0525em;font-weight: 400;color: #fff;text-align: center;}
#contents07 .inner-Box p.morebtn{width: 240px;margin: 64px auto 160px;position: relative;}
#contents07 .inner-Box p.morebtn a{font-size: 12px;line-height: 1;letter-spacing: 0.083em;font-weight: 400;color: #fff;padding: 16px 0;}
#contents07 .inner-Box p.morebtn a .arr{top: 16px;}
#contents07 .inner-Box p.morebtn a::before {background: #fff;}

#contents08 {margin: 0 auto;position: relative;background: #F4F1E5;padding: 240px 0 160px;}
#contents08 h2 {font-size: 16px;line-height: 1.75;letter-spacing: 0.0525em;font-weight: 400;color: var(--main, #1c1814);margin-bottom: 40px;}
#contents08 h2 span {font-size: 40px;line-height: 1;letter-spacing: 0.021em;font-weight: 400;color: var(--main, #1c1814);margin-bottom: 0px;position: relative;display: block;margin-bottom: 7px;}


#contents08 .inner-Box1{margin: 0 auto 80px;position:relative;width:1200px;display:flex;gap:3.3333%;}
#contents08 .staff-Box{position:relative;width: 45.0333%;}
#contents08 .staff-Box p.morebtn{width: 240px;position: absolute;top: 32px;right: 0;}
#contents08 .staff-Box p.morebtn a{font-size: 12px;line-height: 1;letter-spacing: 0.083em;font-weight: 400;color: #1c1814;padding: 16px 0;}
#contents08 .staff-Box p.morebtn a .arr{top: 16px;}
#staff .system-list{margin-bottom: 50px;}
#staff .system-list li{line-height: 1.4;width: 100%;position: relative;margin-bottom: 15px;}
#staff .system-list li:nth-child(4){ display: none;}
#staff .system-list li a:hover{ text-decoration: none; }

#staff .system-list li .system-pic {width: 210px;aspect-ratio: 20 / 13.4;overflow: hidden;margin-bottom: 8px;position: relative;overflow: hidden;float: left;}
#staff .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#staff .system-list li .inbox{width: 305px;float: left;margin-left: 25px;}
#staff .system-list li .system-job{display: block;position: relative;font-size: 14px;line-height: 2.29;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#staff .system-list li .system-fu{font-size: 14px;margin-bottom: 5px;line-height: 1.4;text-align: center;letter-spacing: 0.7px;background: #fff;writing-mode: vertical-rl;position: absolute;top: -20px;right: 20px;padding: 10px;}
#staff .system-ttl{text-align: left;position: relative;margin-bottom: 10px;font-size: 16px;line-height: 1.75;letter-spacing: 0.0525em;font-weight: 500;color: var(--main, #1c1814);}
#staff .system-ttl span{color: #B5852D;font-size: 16px;font-weight: 400;display: inline-block;padding-left: 10px;}
#staff .system-ttl::before{width: 40px;height: 1px;background: #1A1A1A;display: block;position: absolute;bottom: -5px;left: 0;}
#staff .system-list li .rtext{font-size: 12px;line-height: 1.83;letter-spacing: 0em;font-weight: 400;color: var(--gray03, #959595);}


#contents08 .qa-Box{position:relative;width: 51.6333%;border: 1px solid var(--gray02, #E6E4E3);background: #FFF;padding: 63px 40px;}
#contents08 .qa-Box p.morebtn{width: 240px;position: absolute;top: 95px;right: 38px;}
#contents08 .qa-Box p.morebtn a{font-size: 12px;line-height: 1;letter-spacing: 0.083em;font-weight: 400;color: #1c1814;padding: 16px 0;}
#contents08 .qa-Box p.morebtn a .arr{top: 16px;}
#contents08 .qa-Box h2{border-bottom: #959595 1px solid;padding-bottom: 33px;margin-bottom: 6px;}
#qa .accordion {margin: 3em auto; max-width: 60vw; }
#qa .toggle {display: none; }
#qa .option {position: relative;margin-bottom: 20px;border-bottom: #E6E4E3 1px solid;margin-right: 35px;}
#qa .option:last-child {margin-bottom: 0px;border-bottom: none;}
#qa .option::before{content: "";}
#qa .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#qa .title {display: block;text-align: left;padding: 18px 40px 18px 37px;font-size: 16px;line-height: 1.75;letter-spacing: 0.005em;font-weight: 500;color: var(--main, #1c1814);background: none;margin-right: 0px;}
#qa .title::before {content: "";position: absolute;width: 21px;height: 30px;background: url(../images/common/faq-icon02.svg)no-repeat;transition: all 0.3s;position: absolute;top: 24px;left: 1px;}
#qa .title::after {content: "";background: url(../images/common/faq-icon01.svg)no-repeat;width: 28px;height: 28px;right: -39px;top: 16px;position: absolute;transform: rotate(-0deg);transform-origin: center center;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#qa .content {display: grid;grid-template-rows: 0fr;transition: 0.4s;overflow: hidden;}
#qa .content > * { overflow: hidden; }
#qa .toggle:checked + .title + .content {grid-template-rows: 1fr;padding: 6px 34px 34px 37px;background: #fff;color: #1A1A1A;font-size: 14px;font-weight: 400;line-height: 25px;}
#qa .toggle:checked + .title + .content::after {content: "";background: url(../images/common/faq-icon03.svg)no-repeat;width: 20px;height: 20px;position: absolute;top: 11px;left: 0px;transform-origin: center;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#qa .toggle:checked + .title::after {transform: rotate(-180deg) !important; }
#contents08 .qa-Box .fqqbox{ border-bottom: #959595 1px solid;}

#contents08 .inner-Box2 {margin: 0 auto 57px;position: relative;width: 1200px;}
#contents08 .inner-Box2 p.morebtn{width: 240px;position: absolute;top: 33px;right: -2px;}
#contents08 .inner-Box2 p.morebtn a{font-size: 12px;line-height: 1;letter-spacing: 0.083em;font-weight: 400;color: #1c1814;padding: 16px 0;}
#contents08 .inner-Box2 p.morebtn a .arr{top: 16px;}

#contents08 .inner-Box2 h2{border-bottom: #959595 1px solid;padding-bottom: 35px;margin-bottom: 40px;}
#column .cate{display: inline-block;color: #fff;padding: 5px 16px;background: #1C1814;margin-right: 14px;}
#column .system-list{margin-bottom:50px;display:flex;flex-wrap:wrap;column-gap:3.3333%;}
#column .system-list li{overflow:hidden;line-height:1.4;margin-bottom: 4px;padding:0 0 20px;width:48.3333%;}
#column .system-list li a:hover{ text-decoration: none; }
#column .system-list .system-pic{width: 20%;float: left;width: 162px;height: 110px;}
#column .system-list .system-pic img{width: 100%;height: 100%;object-fit: cover;display: block;}
#column .system-list .textbx{width: 390px;float: left;margin-left: 20px;}
#column .system-day{margin-bottom: 20px;font-size: 12px;line-height: 1.4;color: #A4A4A4;}
#column .system-list .system-date::before{ content: "■"; }
#column .system-list .system-ttl-01{ font-size: 0.938em; line-height: 1.6; margin-bottom: 10px; }
#column .system-list .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#column .system-list .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}


#contents08 .inner-Box3 {margin: 0 auto 79px;position: relative;width: 1200px;}
#contents08 .inner-Box3 p.morebtn{width: 240px;position: absolute;top: 33px;right: -2px;}
#contents08 .inner-Box3 p.morebtn a{font-size: 12px;line-height: 1;letter-spacing: 0.083em;font-weight: 400;color: #1c1814;padding: 16px 0;}
#contents08 .inner-Box3 p.morebtn a .arr{top: 16px;}
#contents08 .inner-Box3 h2{border-bottom: #959595 1px solid;padding-bottom: 35px;margin-bottom: 40px;}
#contents08 .inner-Box3 ul{display:flex;flex-wrap:wrap;column-gap: 4.1667%;}
#contents08 .inner-Box3 ul li{width:30.5556%;}
#contents08 .inner-Box3 ul li:nth-child(4){display:none;}
#contents08 .inner-Box3 ul li figure { width: 100%; aspect-ratio: 3 / 2; overflow: hidden; text-align: center; position: relative;}
#contents08 .inner-Box3 ul li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contents08 .inner-Box4 {margin: 0 auto;position: relative;width: 1200px;background: #fff;padding: 59px 95px 35px 678px;height: 420px;}
#contents08 .inner-Box4 h3 {margin-bottom: 24px;position: relative;font-size: 24px;line-height: 1.5;letter-spacing: 0.035em;font-weight: 500;color: var(--main, #1c1814);}
#contents08 .inner-Box4 h3 span {font-size: 20px;line-height: 1;letter-spacing: 0.042em;font-weight: 400;color: var(--main, #1c1814);display: block;margin-bottom: 22px;}
#contents08 .inner-Box4 iframe{width: 520px;height: 340px;position: absolute;top: 40px;left: 95px;}
#contents08 .inner-Box4 p.text {margin-bottom: 8px;position: relative;font-size: 16px;line-height: 2;letter-spacing: 0.03125em;font-weight: 400;color: var(--main, #1c1814);}
#contents08 .inner-Box4 p.text span.sp-tel-link2 {  }
#contents08 .inner-Box4 p.morebtn{width: 240px;position: relative;margin-top: 24px;}
#contents08 .inner-Box4 p.morebtn a{font-size: 12px;line-height: 1;letter-spacing: 0.083em;font-weight: 400;color: #1c1814;padding: 16px 0;}
#contents08 .inner-Box4 p.morebtn a .arr{top: 16px;}

#contentsend{ }
#contentsend .inner-Box3{margin: 66px auto 0 auto;font-size: 12px;line-height: 1.83;letter-spacing: 0em;font-weight: 400;color: var(--gray02, #e6e4e3);max-width: 1200px;}
#contentsend .inner-Box3 p{ }

}

/* ==========================================================================
   タブレット・ノートPC用の中間ブレイクポイント (768px〜1700px)
   ========================================================================== */
@media screen and (min-width: 768px) and (max-width: 1700px) {
 
#contents02 .left-Box figure.enimg{
        width: 660px;
        left: auto;
        right: -593px;
}
    #contents02 .left-Box figure.enimg img{
width: 100%;
    }

        #contents07 .inner-Box figure.photo01 {
          margin-left: -560px;
    }
    #contents07 .inner-Box figure.photo03 {
        margin-left: -600px;
    }
#contents07 .inner-Box figure.photo04 {
      margin-left: 300px;
   }


}

/* ==========================================================================
   スマホ用スタイル (767px以下)
   ========================================================================== */
@media screen and (max-width: 767px) {
  /* ここにスマホ用の記述を追加すれば正常に効きます */


#contentsmain{margin: 0 auto 19.1vw;position:relative;}
#contentsmain .ttl-Box{margin:-16.9vw auto 0 4.2%;position:relative;height:53.9vw;display: none;}
#contentsmain .ttl-Box figure.logo-img{display:none;}
#contentsmain .ttl-Box h1{margin-bottom:0;position:relative;font-size:4.3vw;line-height:1.67;letter-spacing:.122em;font-weight:400;}
#contentsmain .ttl-Box ul{position:absolute;top:3.6vw;right:4.8vw;z-index:10;}
#contentsmain .ttl-Box ul li{position:relative;font-size:2.9vw;line-height:2.33;letter-spacing:.125em;font-weight:400;text-align:right;}
#contentsmain .inner-Box{margin:0 auto;padding: 0 2.4vw;position:relative;}
#contentsmain .inner-Box h2{position:absolute;bottom: 20.2vw;z-index:4;left: 9.6vw;margin-right: 7vw;}
#contentsmain .inner-Box h2 span{}
#contentsmain .inner-Box h2 img{}
#contentsmain .inner-Box ul li{position:relative;}
#contentsmain .inner-Box figure.photo img{width:100%;height:auto;}
#contentsmain .main-slide .slick-slide{overflow:hidden;}
#contentsmain .main-slide .slick-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.1);transform-origin:center center;}
#contentsmain .main-slide .slick-slide.is-zoom img{animation:mainSlideZoomOut 5s ease-out forwards;}
@keyframes mainSlideZoomOut{from{transform:scale(1.1);}to{transform:scale(1);}}

#contents01{margin: 0 auto 19.2vw;position:relative;width:auto;}
#contents01 .inner-Box{margin:0 auto;position:relative;}
#contents01 .inner-Box h2{margin-bottom:0;position:relative;font-size:3.9vw;line-height:1.75;letter-spacing:.05em;font-weight:400;text-align: center;}
#contents01 .inner-Box h2 span{display: block;position:relative;font-size: 7.2vw;line-height: 1;letter-spacing: 0.028em;font-weight: 400;text-align: center;margin-bottom: 1.7vw;}
#contents01 .inner-Box p.morebtn{width:58vw;position:relative;top:auto;right:auto;margin:7.2vw auto 0;}
#contents01 .inner-Box p.morebtn a{font-size:2.9vw;line-height:1;letter-spacing:.083em;font-weight:400;padding:3.9vw 0;}
#contents01 .inner-Box p.morebtn a .arr{top:3.9vw;}
#contents01 .inner-Box p.text{font-size:3.9vw;line-height:1.75;letter-spacing:.05em;font-weight:500;text-align:center;margin-top:3.9vw;padding-top:60.4vw;margin-bottom: 56.7vw;}

#contents02{margin: 0 auto 116.2vw;position:relative;background:url('../images/index/contents02-back01.png') repeat-x top center;padding: 0vw 0 0;background-size: cover;height: 275vw;}
#contents02::before{content:"";display:none;}
#contents02 .back-Box{margin:0 auto;position:relative;background: url('../images/index/contents02-back02.png') repeat-x top 52.3vw center;animation:backgroundFlow 70s linear infinite;background-size: auto 66vw;}
@keyframes backgroundFlow{from{background-position:0 52.3vw;}to{background-position:-657vw 52.3vw;}}
#contents02 .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contents02 .left-Box{margin:0 auto;position:relative;background-size:cover;width:100%;height:auto;padding: 19.3vw 5.7vw;}
#contents02 .left-Box h2{margin-bottom: 92.7vw;position:relative;font-size: 6.8vw;line-height: 1.71;letter-spacing: 0.071em;font-weight: 400;}
#contents02 .left-Box p.text{margin-bottom:9.7vw;position:relative;font-size:3.9vw;line-height:2.5;letter-spacing:.05em;font-weight:400;}
#contents02 .left-Box p.text2{margin-bottom:0;position:relative;font-size:3.4vw;line-height:1.86;letter-spacing:0;font-weight:400;}
#contents02 .left-Box figure.enimg{position:absolute;top: 113.8vw;left: -4.7vw;margin-right: -5vw;}
#contents02 .left-Box figure.enimg img{}
#contents02 .left-Box .morebtn{margin:11.4vw 0 4.1vw;width:58vw;}
#contents02 .left-Box .morebtn a{letter-spacing:.14em;}
#contents02 .left-Box .morebtn .arr{top:4.1vw;right:1vw;}
#contents02 .inner-Box2{margin:0 auto;position:relative;padding: 18.6vw 4vw 0.4vw;}
#contents02 .inner-Box2 p.btn{text-align:center;}
#contents02 .inner-Box2 p.btn img{}

#contents03{margin: 0 auto 19.3vw;position:relative;}
#contents03::before{content:"";display:none;}
#contents03 .ttl-Box{padding: 19.4vw 4.8vw 0;margin: 0 auto 10vw;position:relative;width:auto;text-align:center;}
#contents03 .ttl-Box h2{margin-bottom:3.6vw;position:relative;font-size: 7.2vw;line-height: 1;letter-spacing: 0.028em;font-weight: 400;text-align: center;}
#contents03 .ttl-Box p.subttl{margin-bottom:0;position:relative;font-size:3.9vw;line-height:1.75;letter-spacing:.0525em;font-weight:400;text-align:center;}
#contents03 .inner-Box1{margin:0 auto;position:relative;padding-top: 9.5vw;background: #E3CDAA;}
#contents03 .photo-Box{margin:0 auto;position:relative;width:100%;margin-bottom: -9.6vw;}
#contents03 .photo-Box figure.photo01{position:relative;top:0;left:0;}
#contents03 .photo-Box figure.photo01 img{width:100%;height:auto;}
#contents03 .text-Box{margin: 0 4vw 0 auto;position:relative;padding: 5.9vw 5.8vw 22.5vw;background: #E3CDAA;}
#contents03 .text-Box span.ricon{display:block;line-height:1;position: relative;width: 12vw;margin-bottom: 6vw;}
#contents03 .text-Box span.ricon img{}
#contents03 .text-Box h3{margin-bottom: 5.7vw;position:relative;font-size: 6vw;line-height: 0.98;letter-spacing:.056em;font-weight:400;border-bottom:.2vw solid;padding-bottom:3.6vw;width:100%;}
#contents03 .text-Box h3 span.f-yug{font-size:2.9vw;line-height:1.17;letter-spacing:0;font-weight:400;display:block;}
#contents03 .text-Box h3 span.min{font-size: 4.9vw;}
#contents03 .text-Box h4{margin-bottom: 2.2vw;position:relative;font-size: 4.3vw;line-height: 1.67;letter-spacing: 0.047em;font-weight: 400;}
#contents03 .text-Box p.text{margin-bottom:11.6vw;position:relative;font-size:3.4vw;line-height:1.86;letter-spacing:0;font-weight:400;margin-right: -1vw;}
#contents03 .text-Box p.morebtn{margin-bottom: -16.7vw;position:relative;top: 23.7vw;width: 100%;}
#contents03 .text-Box p.morebtn a{width: 33.8vw;margin-left: auto;}
#contents03 .text-Box figure.photo02{position:relative;top:0;left:0;margin:0 auto;max-width:100%;}
#contents03 .text-Box figure.photo02 img{width:100%;max-width:100%;}
#contents03 .inner-Box2{margin:0 auto;position:relative;background:none;padding-top: 9.7vw;background: #959595;}
#contents03 .inner-Box3{margin:0 auto;position:relative;background: #C1B2A1;padding-top: 9.4vw;}
#contents03 p.morebtn{width:58vw;position:relative;top:auto;right:auto;}
#contents03 p.morebtn a{font-size:2.9vw;line-height:1;letter-spacing:.083em;font-weight:400;padding:3.9vw 0;}
#contents03 p.morebtn a .arr{top:3.9vw;}
#contents03 .inner-Box2 .photo-Box{position:relative;width:100%;margin-bottom: -7.3vw;}
#contents03 .inner-Box2 .text-Box span.ricon{left:auto;}
#contents03 .inner-Box2 .text-Box{position:relative;background: #959595;margin: 0 4vw 0 0;}
#contents03 .inner-Box2 .text-Box h3{margin-left:0;color: #fff;}
#contents03 .inner-Box2 .text-Box h3 span.f-yug{font-size:2.9vw;line-height:1.17;letter-spacing:0;font-weight:400;display:block;}
#contents03 .inner-Box2 .text-Box h3 span.min{font-size:6.3vw;}
#contents03 .inner-Box2 .text-Box h4{width:100%;margin-left:0;color: #fff;}
#contents03 .inner-Box2 .text-Box p.text{width:100%;margin-left:0;color: #fff;}
#contents03 .inner-Box2 .text-Box p.morebtn{margin-bottom: -16.7vw;position:relative;top: 23.7vw;width: 100%;color: #fff;}
#contents03 .inner-Box2 .text-Box p.morebtn a{width: 33.8vw;margin-left: auto;color: #fff;}
#contents03 .inner-Box2 .text-Box p.morebtn a::before{background: #fff;}
#contents03 .inner-Box2 .text-Box figure.photo02{position:relative;top:0;left:0;margin:0 auto;max-width:100%;}
#contents03 .inner-Box3 .photo-Box{margin:0 auto;position:relative;width:100%;margin-bottom: -7vw;}
#contents03 .inner-Box3 .text-Box{position:relative;background: #C1B2A1;}

#contents04{margin: 0 auto 17.9vw;position:relative;padding: 0 4vw;}
#contents04 .inner-Box{margin:0 auto;position:relative;background: url('../images/index/sp-contents04-back01.png') no-repeat top center;background-size: 100% auto;max-width:100%;height:116vw;}
#contents04 .inner-Box a{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;padding: 5.7vw 4.9vw 0 5.8vw;}
#contents04 .inner-Box h2{margin-bottom: 29.2vw;position:relative;color: #fff;font-size: 7.7vw;line-height: 1.17;letter-spacing: 0.035em;font-weight: 400;}
#contents04 .inner-Box h2 span{font-size: 6.6vw;}
#contents04 .inner-Box h3{margin-bottom: 11.7vw;position:relative;font-size: 5.9vw;line-height: 1.58;letter-spacing:.056em;font-weight:400;color: #fff;text-align: right;}
#contents04 .inner-Box p.text{margin: 0 -2vw 1.2vw;position:relative;font-size: 3.4vw;line-height: 1.86;letter-spacing: 0em;font-weight: 400;color: var(--black, #333);text-align: center;font-family: "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#contents04 .inner-Box p.nounlink{margin-bottom:19.3vw;position:relative;width: 34vw;margin-left: 23.4vw;margin-right:0;color: #333;}
#contents04 .inner-Box p.nounlink::before{ background: #333;}
#contents04 .inner-Box p.nounlink::after{color: #333;/* black */-webkit-filter: brightness(0);filter: brightness(0);}

#gallery{padding: 0 4.1vw;}
#gallery .inner-Box{margin:0 auto;}
#gallery h2{margin-bottom: 1.8vw;position:relative;font-size: 7.2vw;line-height: 1;letter-spacing: 0.028em;font-weight: 400;text-align: center;}
#gallery p.subttl{margin-bottom: 9.7vw;position:relative;font-size:3.9vw;line-height:1.75;letter-spacing:.0525em;font-weight:400;text-align:center;}
#gallery ul.system-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap: 5.5vw;width:100%;margin: 0 0 3.8vw;}
#gallery ul.system-list li{margin-bottom: -1.4vw;}
#gallery ul.system-list li .system-pic{width:100%;aspect-ratio:42/28;overflow:hidden;text-align:center;margin-bottom: 4.3vw;position:relative;}
#gallery ul.system-list li .system-pic img{width:100%;height:100%;object-fit:cover;display:block;}
#gallery ul.system-list li .cost span.tagttl{display:inline-block;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:2.9vw;line-height:1.69;letter-spacing:0;font-weight:400;text-align:center;padding:1.2vw 2.9vw;margin-right:2.4vw;}
#gallery ul.system-list li .taxonomy{font-size:2.9vw;margin-bottom: 1.7vw;}
#gallery ul.system-list li .taxonomy .cate{display:inline-block;padding: 1.7vw 3.3vw;line-height:1;font-size:2.9vw;margin-right:.7vw;margin-bottom: 2vw;}
#gallery ul.system-list li .taxonomy .tag{}
#gallery ul.system-list li .cost .cname{display:inline-block;font-size:3.4vw;line-height:1;letter-spacing:0;font-weight:400;text-align:center;position:relative;}
#gallery ul.system-list li .systtl{margin-bottom:2.4vw;text-align:left;font-size: 3.4vw;line-height: 1.9;letter-spacing: 0.1em;font-weight: 500;}
#gallery ul.system-list li .cost{text-align:left;margin-bottom:1.7vw;font-size: 2.9vw;font-weight:400;line-height:1.8;letter-spacing:0em;color: #959595;}
#gallery ul.system-list li:nth-last-child(-n+2){margin-bottom:0;}
#gallery ul.system-list .cate{font-size:3.4vw;}
#gallery ul.system-list .cate a{display:inline-block;margin:0 1.4vw 1.2vw 0;}
#gallery p.morebtn{width: 58vw;margin: 0 auto 19.6vw;position:relative;}
#gallery p.morebtn a{font-size:2.9vw;line-height:1;letter-spacing:.083em;font-weight:400;padding:3.9vw 0;}
#gallery p.morebtn a .arr{top:3.9vw;}

#contents05{margin:0 auto;position:relative;padding: 15.5vw 3.8vw .2vw;background: #F7F6F5;}
#contents05 .inner-Box{margin:0 auto;position:relative;max-width:100%;}
#contents05 h2{margin-bottom: 1.6vw;position:relative;font-size: 7.3vw;line-height:1;letter-spacing:.021em;font-weight:400;text-align:center;}
#contents05 p.subttl{margin-bottom: 9.8vw;position:relative;font-size:3.9vw;line-height:1.75;letter-spacing:.0525em;font-weight:400;text-align:center;}
#contents05 .inner-Box ul{display:flex;flex-wrap:wrap;column-gap:0;row-gap: 5.8vw;margin-bottom: 12.5vw;}
#contents05 .inner-Box ul li{position:relative;width:100%;background: #fff;}
#contents05 .inner-Box ul li a{display:block;padding: 9.8vw 5vw 58.7vw;}
#contents05 .inner-Box ul li a::before{content:"→";width:14.5vw;height:4.3vw;display:block;position:absolute;bottom: 2.6vw;right: 2.7vw;text-align:center;line-height:4.3vw;font-size:2.9vw;border-radius:2.4vw;z-index:3;background: #fff;}
#contents05 .inner-Box span.ricon{display:block;line-height:1;margin-bottom: 3.7vw;}
#contents05 .inner-Box span.ricon img{
    width: auto;
    height: 4.2vw;
}
#contents05 .inner-Box h3{margin-bottom:2.2vw;position:relative;font-size:5.8vw;line-height:2;letter-spacing:.035em;font-weight:400;}
#contents05 .inner-Box p.ltext{margin-bottom:0;position:relative;font-size:3.4vw;line-height:1.86;letter-spacing:0;font-weight:400;}
#contents05 .inner-Box figure.photo{position:absolute;bottom:0;left:0;width:100%;}
#contents05 .inner-Box figure.photo img{width:100%;height:auto;}
#contents05 p.morebtn{width: 66vw;margin: 0 auto 15.4vw;position:relative;}
#contents05 p.morebtn a{font-size:2.9vw;line-height:1;letter-spacing:.083em;font-weight:400;padding:3.9vw 0;}
#contents05 p.morebtn a .arr{top:3.9vw;}

#contents06{position:relative;background: url(../images/index/sp-bodyback.png)no-repeat #F7F6F5;padding-top: 106.1vw;background-size: 100% auto;}
#contents06 .inner-Box{margin: 0 2vw -36vw;position:relative;padding: 9.8vw 5.7vw;top:-24.2vw;background: #F7F6F5;}
#contents06 .inner-Box ul.list{display:flex;flex-wrap:wrap;}
#contents06 .inner-Box ul li{width:100%;margin-right:0;margin-bottom: 5.9vw;}
#contents06 .inner-Box ul li:nth-child(3n){margin-right:0;}
#contents06 .inner-Box ul li figure{}
#contents06 .inner-Box ul li figure img{width:100%;height:auto;}
#contents06 .inner-Box ul li a{}

#voice{margin:0 auto;position:relative;padding: 13.8vw 0 9.8vw;background: #F7F6F5;}
#voice .inner-Box{margin:0 auto;position:relative;}
#voice .inner-Box h2{margin: 0 auto 9.6vw;position:relative;font-size: 4vw;line-height:1.75;letter-spacing:.05em;font-weight:400;width:auto;padding:0 4.8vw;text-align: center;}
#voice .inner-Box h2 span{font-size: 7.5vw;line-height:1;letter-spacing:.021em;font-weight:400;display:inline-block;position:relative;top:1vw;display: block;text-align: center;margin-bottom: 3vw;}
#voice .inner-Box p.morebtn{width:58vw;position:relative;top:auto;left:auto;margin: 6.5vw auto 9.7vw;}
#voice .inner-Box p.morebtn a{font-size:2.9vw;line-height:1;letter-spacing:.083em;font-weight:400;padding:3.9vw 0;}
#voice .inner-Box p.morebtn a .arr{top:3.9vw;}
#voice .system-list{}
#voice .system-list li{line-height:1.4;width: 73vw;position:relative;margin:0 2.4vw 7.2vw;box-shadow:0 1.9vw 3.9vw 0 rgba(38,38,39,.1);}
#voice .system-pic{width:100%;height: 48.2vw;overflow:hidden;text-align:center;margin-bottom: 4.2vw;}
#voice .system-pic img{width:100%;height: 48.2vw;object-fit:cover;}
#voice .system-date{font-size:3.4vw;margin-bottom:2.4vw;line-height:1.4;}
#voice .system-name{font-size:3.4vw;margin-bottom: 4.8vw;line-height:1.4;padding:0 5.1vw;font-size: 2.9vw;line-height: 1.8;letter-spacing: 0em;font-weight: 400;color: #959595;}
#voice .system-coment{font-size:3.4vw;margin-bottom:1.2vw;line-height:1.4;}
#voice .system-ttl-01{margin-bottom:2.4vw;padding:0 5.1vw;font-size: 3.4vw;line-height: 1.9;letter-spacing: 0.1em;font-weight: 500;}
#voice .system-ttl-01 span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#voice .slick-dotted.slick-slider{margin-bottom:2.4vw;}
#voice .slick-dots{position:absolute;bottom: -1.1vw;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}
#voice .slick-dots li{position:relative;display:inline-block;height:1.9vw;width:1.9vw;margin:0 1.2vw!important;padding:0;cursor:pointer;left:0;top:0!important;}
#voice .slick-dots li button{font-size:0;line-height:0;display:block;border-radius:50%;width:1.9vw;height:1.9vw;padding:0;cursor:pointer;border:0;outline:none;background: #E6E4E3;}
#voice .slick-dots li button:before{border-radius:50%;font-size:1.4vw;line-height:2.2vw;position:absolute;top:0;left:0;height:2.2vw;content:"";text-align:center;opacity:.25;}

#contents07{margin:0 auto;position:relative;background: url('../images/index/sp-contents07-back01.png') no-repeat top center;background-size: 100% auto;text-align:center;}
#contents07 .inner-Box{margin:0 auto;position:relative;padding: 28.8vw 4.8vw 1vw;color: #fff;}
#contents07 .inner-Box figure.photo01{position:absolute;top: 18.8vw;left: 5.6vw;margin-left:0;width: 22.2vw;}
#contents07 .inner-Box figure.photo01 img{width:100%;height:auto;}
#contents07 .inner-Box figure.photo02{position:absolute;top: 64.8vw;left: 16.6vw;margin-left:0;width: 24.2vw;}
#contents07 .inner-Box figure.photo02 img{width:100%;height:auto;}
#contents07 .inner-Box figure.photo03{position:absolute;top: 123.6vw;left: 63.3vw;margin-left:0;width: 17.3vw;}
#contents07 .inner-Box figure.photo03 img{width:100%;height:auto;}
#contents07 .inner-Box figure.photo04{position:absolute;top: 161vw;left:auto;right: 5.3vw;margin-left:0;z-index: 0;width: 21vw;}
#contents07 .inner-Box figure.photo04 img{width:100%;height:auto;}
#contents07 .inner-Box h2{margin-bottom: 7.8vw;position:relative;font-size: 6.8vw;line-height: 1.0;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contents07 .inner-Box h2 span{font-size:2.9vw;line-height:1.5;letter-spacing:.125em;font-weight:400;text-align:center;display:block;margin-bottom: 7.6vw;}
#contents07 .inner-Box h3{margin-bottom: 9.5vw;position:relative;font-size: 4.3vw;line-height: 1.8;letter-spacing: 0.0em;font-weight: 400;text-align: center;}
#contents07 .inner-Box p.text{margin-bottom:9.7vw;position:relative;font-size: 3.4vw;line-height: 2.6;letter-spacing: 0.1em;font-weight: 400;text-align: center;}
#contents07 .inner-Box p.morebtn{width:58vw;margin: 9.5vw auto 28.6vw;position:relative;}
#contents07 .inner-Box p.morebtn a{font-size:2.9vw;line-height:1;letter-spacing:.083em;font-weight:400;padding:3.9vw 0;color: #fff;}
#contents07 .inner-Box p.morebtn a .arr{top:3.9vw;}
#contents07 .inner-Box p.morebtn a::before {background: #fff;}

#contents08{margin:0 auto;position:relative;padding: 17.6vw 4vw 19.6vw;}
#contents08 h2{margin: 0 auto 9.1vw;position:relative;font-size: 4vw;line-height:1.75;letter-spacing:.05em;font-weight:400;width:auto;padding:0 4.8vw;text-align: center;}
#contents08 h2 span{font-size: 7.5vw;line-height:1;letter-spacing:.021em;font-weight:400;display:inline-block;position:relative;top:1vw;display: block;text-align: center;margin-bottom: 3vw;}
#contents08 .inner-Box1{margin: 0 auto 18vw;position:relative;width:100%;display:block;}
#contents08 .staff-Box{position:relative;width:100%;margin-bottom: 19.5vw;}
#contents08 .staff-Box p.morebtn{width:58vw;position:relative;top:auto;right:auto;margin:7.2vw auto 0;}
#contents08 .staff-Box p.morebtn a{font-size:2.9vw;line-height:1;letter-spacing:.083em;font-weight:400;padding:3.9vw 0;}
#contents08 .staff-Box p.morebtn a .arr{top:3.9vw;}
#staff .system-list{display:flex;flex-wrap:wrap;gap: 6%;margin-bottom: -6.9vw;}
#staff .system-list li{width: 47%;line-height:1.4;position:relative;margin-bottom: 5.7vw;}
#staff .system-list li .system-pic{aspect-ratio:20/13.4;overflow:hidden;margin-bottom: 2.9vw;position:relative;float:left;}
#staff .system-pic img{width:100%;height:100%;object-fit:cover;display:block;}
#staff .system-list li .inbox{margin-left:0;}
#staff .system-list li .system-job{display:block;position:relative;font-size:3.4vw;line-height:2.29;letter-spacing:.05em;font-weight:400;text-align:left;}
#staff .system-list li .system-fu{font-size:3.4vw;margin-bottom:1.2vw;line-height:1.4;text-align:center;letter-spacing:.17vw;writing-mode:vertical-rl;position:absolute;top:-4.8vw;right:4.8vw;padding:2.4vw;}
#staff .system-ttl{text-align:left;position:relative;margin-bottom: 0.8vw;font-size: 3.4vw;line-height: 1.9;letter-spacing: 0.1em;font-weight: 500;}
#staff .system-ttl span{font-size:3.9vw;font-weight:400;display:inline-block;padding-left:2.4vw;}
#staff .system-ttl::before{width:9.7vw;height:.2vw;display:block;position:absolute;bottom:-1.2vw;left:0;}
#staff .system-list li .rtext{font-size:2.9vw;line-height:1.83;letter-spacing:0;font-weight:400;color: #959595;}

#contents08 .qa-Box{position:relative;padding: 8.2vw 3.3vw 9.5vw 3.3vw;border: #E6E4E3 1px solid;margin: 0 -4vw;}
#contents08 .qa-Box p.morebtn{width: 34vw;position: absolute;top: 14.6vw;right: 3.8vw;}
#contents08 .qa-Box p.morebtn a{font-size:2.9vw;line-height:1;letter-spacing:.083em;font-weight:400;padding:3.9vw 0;}
#contents08 .qa-Box p.morebtn a .arr{top:3.9vw;}
#contents08 .qa-Box h2{border-bottom:.2vw solid;padding-bottom:8vw;margin-bottom:1.4vw;text-align: left;padding: 0 0 5.2vw;}
#contents08 .qa-Box h2 span{ text-align: left;}
#qa .accordion{margin:7.2vw auto;max-width:100%;}
#qa .toggle{display:none;}
#qa .option{position:relative;margin-bottom: -1.2vw;border-bottom: .2vw solid #E6E4E3;margin-right:8.5vw;}
#qa .option:last-child{margin-bottom:0;border-bottom:none;}
#qa .option::before{content:"";}
#qa .title,#qa .content{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:all .3s;}
#qa .title{display:block;text-align:left;padding:4.3vw 9.7vw 4.3vw 8.9vw;font-size:3.9vw;line-height:1.75;letter-spacing:.005em;font-weight:500;background:none;margin-right:0;}
#qa .title::before{content:"";position:absolute;width: 4.4vw;height:7.2vw;background:url(../images/common/faq-icon02.svg) no-repeat;transition:all .3s;top:5.8vw;left:.2vw;background-size:100% auto;}
#qa .title::after{content:"";background:url(../images/common/faq-icon01.svg) no-repeat;width: 6.6vw;height:6.8vw;right: -7.9vw;top: 4.6vw;position:absolute;transform:rotate(0);transform-origin:center center;background-size:100% auto;transition:all .3s ease-in-out;}
#qa .content{display:grid;grid-template-rows:0fr;transition:.4s;overflow:hidden;}
#qa .content>*{overflow:hidden;}
#qa .toggle:checked+.title+.content{grid-template-rows:1fr;padding: 0.1vw 3.2vw 8.2vw 9.2vw;font-size:3.4vw;font-weight:400;line-height:1.79;}
#qa .toggle:checked+.title+.content::after{content:"";background:url(../images/common/faq-icon03.svg) no-repeat;width:4.8vw;height:4.8vw;position:absolute;top: 1.3vw;left:0;transform-origin:center;background-size:100% auto;transition:all .3s ease-in-out;}
#qa .toggle:checked+.title::after{transform:rotate(-180deg)!important;}
#contents08 .qa-Box .fqqbox{border-bottom:.2vw solid;}

#contents08 .inner-Box2{margin: 0 auto -0.2vw;position:relative;width:100%;}
#contents08 .inner-Box2 p.morebtn{width: 34vw;position: absolute;top: 6.6vw;right: -0.1vw;}
#contents08 .inner-Box2 p.morebtn a{font-size:2.9vw;line-height:1;letter-spacing:.083em;font-weight:400;padding:3.9vw 0;}
#contents08 .inner-Box2 p.morebtn a .arr{top:3.9vw;}
#contents08 .inner-Box2 h2{border-bottom:.2vw solid;padding-bottom:8vw;margin-bottom: 6vw;text-align: left;padding: 0 0 5.2vw;}
#contents08 .inner-Box2 h2 span{ text-align: left;}
#column .cate{display:inline-block;padding:1.2vw 3.9vw;margin-right: 1.4vw;background: #1C1814;color: #fff;margin-bottom: 1vw;}
#column .system-list{margin-bottom:12.1vw;display:block;}
#column .system-list li{overflow:hidden;line-height:1.4;margin-bottom: 2.8vw;padding: 0 0 0.8vw;width:100%;}
#column .system-list .system-pic{width: 31.4%;float:left;height: 19.7vw;}
#column .system-list .system-pic img{width:100%;height:100%;object-fit:cover;display:block;}
#column .system-list .textbx{width: 64.8%;float:right;margin-left:0;}
#column .system-day{margin-bottom: 1.8vw;font-size:2.9vw;line-height:1.4;color: #959595;}
#column .system-list .system-date::before{content:"■";}
#column .system-list .system-ttl-01{font-size:3.6vw;line-height:1.6;margin-bottom:2.4vw;}
#column .system-list .system-ttl-01 span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
#column .system-list .system-contributor{font-size:2.9vw;text-align:right;}

#contents08 .inner-Box3{margin:0 auto 19.1vw;position:relative;width:100%;}
#contents08 .inner-Box3 p.morebtn{width: 34vw;position: absolute;top: 6.6vw;right: -0.1vw;}
#contents08 .inner-Box3 p.morebtn a{font-size:2.9vw;line-height:1;letter-spacing:.083em;font-weight:400;padding:3.9vw 0;}
#contents08 .inner-Box3 p.morebtn a .arr{top:3.9vw;}
#contents08 .inner-Box3 h2{border-bottom:.2vw solid;padding-bottom:8vw;margin-bottom: 6vw;text-align: left;padding: 0 0 5.2vw;}
#contents08 .inner-Box3 h2 span{ text-align: left;}
#contents08 .inner-Box3 ul{display:flex;flex-wrap:wrap;column-gap:4.8%;row-gap: 4.2vw;}
#contents08 .inner-Box3 ul li{width:47.6%;}
#contents08 .inner-Box3 ul li:nth-child(4){}
#contents08 .inner-Box3 ul li figure{width:100%;aspect-ratio:3/2;overflow:hidden;text-align:center;position:relative;}
#contents08 .inner-Box3 ul li figure img{width:100%;height:100%;object-fit:cover;display:block;}

#contents08 .inner-Box4{margin: 0 -2vw;position:relative;padding: 10.4vw 3.8vw 9.4vw 3.8vw;height:auto;background: #F7F6F5;}
#contents08 .inner-Box4 h3{margin-bottom:5.8vw;position:relative;font-size: 4.4vw;line-height:1.5;letter-spacing:.035em;font-weight:500;}
#contents08 .inner-Box4 h3 span{font-size: 3.9vw;line-height:1;letter-spacing:.042em;font-weight:400;display:block;margin-bottom: 2.7vw;}
#contents08 .inner-Box4 iframe{width:100%;height: 57.9vw;position:relative;top:auto;left:auto;margin-bottom: 4.2vw;}
#contents08 .inner-Box4 p.text{margin-bottom: 0.9vw;position:relative;font-size: 3.4vw;line-height:2;letter-spacing:.03125em;font-weight:400;}
#contents08 .inner-Box4 p.text span.sp-tel-link2{}
#contents08 .inner-Box4 p.morebtn{width:58vw;position:relative;margin-top: 1.1vw;}
#contents08 .inner-Box4 p.morebtn a{font-size:2.9vw;line-height:1;letter-spacing:.083em;font-weight:400;padding:3.9vw 0;}
#contents08 .inner-Box4 p.morebtn a .arr{top:3.9vw;}

#contentsend{}
#contentsend .inner-Box3{margin: 19.5vw -5.9vw 0;font-size:2.9vw;line-height:1.83;letter-spacing:0;font-weight:400;background: #F4F1E5;padding: 15.4vw 5.7vw;}
#contentsend .inner-Box3 p{ color: #1C1814; }

#contentsend .inner-Box2{margin:0 auto;position:relative;width:100%;padding:0;display: block;}
#contentsend a{ color: #FFF; }
#contentsend .inner-Box2 p.text{position:relative;top:0;left:0;font-size:2.9vw;line-height:1;letter-spacing:.07em;font-weight:400;color:#FFF;display:block;text-align:center;margin-bottom: 5.6vw;}
#contentsend .inner-Box2 p.text span.sp-tel-link{display:block;margin-bottom:1.4vw;border-radius: 10vw;border: 1px solid #fff;font-size: 5.8vw;line-height: 1.3;letter-spacing: 0.0em;font-weight: 400;text-align: center;padding: 3.8vw 0;margin: 0 14vw 3.6vw;}
#contentsend .inner-Box2 p.morebtn{position:relative;margin: 0 15vw;}
#contentsend .inner-Box2 p.morebtn a{color:#FFF;font-size:2.9vw;line-height:1;letter-spacing:.07em;font-weight:400;padding-left:1.2vw;padding-bottom:4.8vw;}
#contentsend .inner-Box2 p.morebtn a:hover{}
#contentsend p.morebtn a::before{background:#FFF;}
#contentsend p.morebtn a::after{content:"";background:url(../images/common/arr.svg) no-repeat;position:absolute;top:4.8vw;right:.2vw;width:2.7vw;height:3.6vw;background-size:100% auto;transition:all .3s ease-in-out;transform:rotate(-40deg);transform-origin:center;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}


}