@charset "UTF-8";

@media screen and (min-width: 768px),print {  
header{background: none;border: none;position: absolute;top: 0;width: 100%;}
header .h-logo{ width: 313px; padding-top: 30px; }
#contentsmain {background: url(../images/common/bodyback.jpg);margin: 0 auto;position: relative;max-width: 1920px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .left-Box {position: absolute;width: 240px;padding-top: 104px;top: 0;left: 0;}
#contentsmain .left-Box p.contactbtn {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 8px;position: relative;}
#contentsmain .left-Box p.contactbtn a {display: block;width: 160px;height: 50px;border: 1px solid #000;border-radius: 100px;text-align: center;background: #fff;margin: 0 auto;padding-top: 8px;}
#contentsmain .left-Box p.contactbtn a:hover {  }
#contentsmain .left-Box p.teltext {text-align: center;font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: -12px;position: relative;}
#contentsmain .left-Box p.teltext span {font-size: 24px;font-weight: 400;}
#contentsmain .left-Box p.text {font-size: 12px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 10px;position: relative;text-align: center;}
#contentsmain .left-Box ul.snslist {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-left: 88px;margin-bottom: 36px;}
#contentsmain .left-Box ul.snslist li{ margin-right: 17px; }
#contentsmain .left-Box ul.navilist {margin-left: 54px;margin-bottom: 166px;}
#contentsmain .left-Box ul.navilist li { position: relative; }
#contentsmain .left-Box ul.navilist li a::before {content: "-";position: absolute;top: 0px;left: -14px;}
#contentsmain .left-Box ul.navilist li a:hover {  }
#contentsmain .left-Box p.ltext {font-size: 14px;line-height: 2;font-weight: 400;letter-spacing: 0px;position: relative;margin-bottom: 4px;}
#contentsmain .mainsl-Box {margin: 0 auto;position: relative;margin-left: 240px;}
#contentsmain .mainsl-Box ul.main-slide {position: relative;top: 0;max-width: 1680px;}
#contentsmain .mainsl-Box ul li { position: relative; }
#contentsmain .mainsl-Box figure.photo {position: absolute;top: 0;left: 50%;width: 1680px;transform: translateX(-50%);}
#contentsmain .mainsl-Box figure.photo img{ width: 100%; height: auto; }
#contentsmain .mainsl-Box .slick-track{ overflow: hidden; height: 836px; }
#contentsmain .mainsl-Box .slick-track {  }
#contentsmain .mainsl-Box .slick-dots {left: -200px;position: absolute;bottom: 271px;display: block;width: 100%;padding: 0;list-style: none;text-align: left;}
#contentsmain .mainsl-Box .slick-dots li {position: relative;display: inline-block;margin: 0 8px 0 0px;padding: 0;cursor: pointer;width: 10px;height: 10px;border: none;}
#contentsmain .mainsl-Box .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #fff;}
#contentsmain .mainsl-Box .slick-dots li button:hover, #contentsmain .mainsl-Box .slick-dots li button:focus { outline: none; }
#contentsmain .mainsl-Box .slick-dots li button:hover:before, #contentsmain .mainsl-Box .slick-dots li button:focus:before { opacity: 1; }
#contentsmain .mainsl-Box .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#contentsmain .mainsl-Box .slick-dots li.slick-active button { background: black; }
#contentsmain .acv{ display: none; }
#contentsmain .slidethumbnail{filter: grayscale(1);margin-left: 39px;}
#contentsmain .slidethumbnail li{ margin-bottom: 12px; }

#contentsmain .mainsl-Box #news{background: #393939;border-left: 160px solid #1A1A1A;color: #fff;position: relative;padding: 20px 20px 20px 196px;min-height: 64px;}
#contentsmain .mainsl-Box #news h2{font-size: 15px;letter-spacing: 0;font-weight: 400;position: absolute;top: 20px;left: -103px;}
#contentsmain .mainsl-Box #news .system-date{position: absolute;top: 21px;left: 80px;font-size: 14px;font-weight: 500;letter-spacing: 0px;}
#contentsmain .mainsl-Box #news a .system-ttl-01 {color: #fff;font-size: 14px;letter-spacing: 0px;line-height: 1.57;}
.bk-Box{ background: url(../images/common/bodyback.jpg); }
#contents01 {margin: 0 auto;position: relative;background: url('../images/index/contents01-back01.png')repeat-x top 148px center;animation: bg-slide 60s linear infinite;padding-top: 60px;padding-bottom: 150px;}
@keyframes bg-slide{0%{background-position: 0 148px;}100%{background-position: -3178px 148px;}}#contents01 .inner-Box1 {margin: 0 auto 165px;position: relative;}
#contents01 .inner-Box1 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;width: 1200px;}
#contents01 .inner-Box1 ul li {margin-right: 80px;}
#contents01 .inner-Box1 ul li:nth-child(2n) { margin-right: 0px; }
#contents01 .inner-Box1 ul li figure {  }
#contents01 .inner-Box1 ul li a {  }
#contents01 .inner-Box1 ul li a:hover {  }
#contents01 .inner-Box2 {margin: 0 auto;position: relative;text-align: center;}
#contents01 .inner-Box2 h2 {position: relative;left: -16px;margin-bottom: 60px;}
#contents01 .inner-Box2 h2 span{  }
#contents01 .inner-Box2 h2 img {  }
#contents01 .inner-Box2 p.text {font-size: 16px;line-height: 2.25;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 25px;position: relative;}
#contents01 .inner-Box2 h3 {font-size: 20px;line-height: 2.2;font-weight: 700;letter-spacing: 1px;margin-bottom: 0px;position: relative;}

#contents02 {margin: 0 auto -430px;position: relative;background: url('../images/index/contents02-back00.png')no-repeat top center;padding-bottom: 520px;background-size: cover;}
#contents02 .sc-Box{ margin: 0 auto; position: relative; background: url('../images/index/contents02-back01.png')repeat-x top center; animation: bg-slide2 60s linear infinite;}
@keyframes bg-slide2{0%{background-position: 0 0px;}100%{background-position: -2200px 0px;}}
#contents02 .ttl-Box {margin: 0 auto 40px;position: relative;max-width: 1660px;padding: 170px 30px 0 30px;}
#contents02 .ttl-Box h2 {margin-bottom: 15px;}
#contents02 .ttl-Box h2 span{  }
#contents02 .ttl-Box h2 img {  }
#contents02 .ttl-Box p.subtext {font-size: 16px;line-height: 2;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;border-bottom: 2px solid;padding-bottom: 34px;}
#contents02 .ttl-Box span.ph {display: block;line-height: 1;position: absolute;top: 18px;left: 40px;}
#contents02 .ttl-Box span.ph img {  transition: all 0.3s ease-in-out;}
#contents02 .ttl-Box p.cobtn {font-size: 14px;line-height: 2;font-weight: 700;letter-spacing: 0px;position: absolute;top: 239px;right: 30px;}
#contents02 .ttl-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;width: 320px;height: 60px;border-radius: 5px;margin: 0 auto;transition: all 0.3s ease-in-out;position: relative;padding-top: 16px;text-align: center;padding-right: 12px;}
#contents02 .ttl-Box p.cobtn a .arr{position: absolute;top: 9px;right: 21px;transition: all 0.3s ease-in-out;}
#contents02 .ttl-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#contents02 .ttl-Box p.cobtn a:hover .arr{ /* black */right: 20px; -webkit-filter: brightness(0); filter: brightness(0);}
#contents02 .ttl-Box p.cobtn a:hover span.ph img { /* black */ -webkit-filter: brightness(0); filter: brightness(0); }
#contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 1660px;padding: 0 30px;}
#contents02 .inner-Box p.cobtn {font-size: 14px;line-height: 2;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contents02 .inner-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;width: 360px;height: 60px;border-radius: 5px;margin: 0 auto;transition: all 0.3s ease-in-out;position: relative;padding-top: 18px;text-align: center;}
#contents02 .inner-Box p.cobtn a .arr{position: absolute;top: 9px;right: 30px;transition: all 0.3s ease-in-out;}
#contents02 .inner-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#contents02 .inner-Box p.cobtn a:hover .arr{ /* black */right: 20px; -webkit-filter: brightness(0); filter: brightness(0);}

#ideabook .system-list{margin-bottom: 60px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#ideabook .system-list li{position: relative;line-height: 1.4;width: 32.5%;margin-right: 1.2%;position: relative;margin-bottom: 20px;padding: 40px 40px;background: #fff;}
#ideabook .system-list li:nth-child(3n){ margin-right: 0}
#ideabook .system-list li a{display: block;position: relative;min-height: 560px;}
#ideabook .system-list li a:hover{ text-decoration: none; }
#ideabook .system-list li .cont {font-size: 12px;display: block;margin-bottom: 7px;}
#ideabook .system-list .system-pic {width: 100%;aspect-ratio: 5 / 2.95;overflow: hidden;text-align: center;margin-bottom: 19px;position: relative;border-radius: 10px;}
#ideabook .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

#ideabook .system-list li .system-date{font-size: 13px;margin-bottom: 10px;line-height: 1.4;position: relative;color: #1A1A1A;padding: 0 0 0 78px;}
#ideabook .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;width: 64px;}
#ideabook .system-list li .system-date .start_text{ }
#ideabook .system-list li .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#ideabook .system-list li .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#ideabook .system-list li .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#ideabook .system-list li .system-ttl-01{font-size: 20px;font-weight: 700;letter-spacing: 0.8px;line-height: 1.63;margin-bottom: 17px;}
#ideabook .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#ideabook .system-list li .text-box{padding: 0px 0px 20px;}
#ideabook .system-list li .more{font-size: 15px;letter-spacing: 0;border-bottom: 1px solid #959595;margin: 30px auto 0 auto;width: 77px;position: absolute;bottom: -20px;right: -20px;}
#ideabook .system-list li .cate{margin-bottom: 10px;font-size: 12px;}
#ideabook .system-list li .cate span{display: inline-block;background: #393939;color: #fff;padding: 4px 5px;margin: 0 8px 10px 0px;border-radius: 6px;}

#contents03 {margin: 0 auto -160px;position: relative;background: url('../images/index/contents03-back01.png')no-repeat top center;min-height: 590px;max-width: 1920px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;max-width: 1570px;padding: 110px 20px 0 184px;}
#contents03 .inner-Box h2 {position: absolute;top: 108px;left: 0;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .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;max-width: 1200px;}
#contents03 .inner-Box ul li {position: relative;width: 51.6%;margin-bottom: 67px;}
#contents03 .inner-Box ul li:nth-child(2n) {margin-right: -16%;width: 51.6%;}
#contents03 .inner-Box ul li a {color: #fff;display: block;padding: 7px 30px 0 42.3%;}
#contents03 .inner-Box ul li a:hover {  }
#contents03 .inner-Box figure.photo {top: 0;left: 0;position: absolute;width: 39.2%;}
#contents03 .inner-Box figure.photo img{width: 100%;height: auto;}
#contents03 .inner-Box h3 {font-size: 20px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 3px;position: relative;}
#contents03 .inner-Box p.ltext {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0px;margin-bottom: 21px;position: relative;}
#contents03 .inner-Box span.f-en{font-size: 15px;display: inline-block;border-bottom: 1px solid #fff;margin-left: 11px;letter-spacing: 0;}

.bk-Box2{background: url(../images/common/bodyback.jpg);background-size: cover;padding: 260px 0 0;}

#contents04 {margin: 0 auto 180px;position: relative;}
#contents04 p.btn {text-align: center;margin-bottom: 180px;}
#contents04 p.btn img {  }
#contents04 .inner-Box {margin: 0 auto;position: relative;padding: 0 30px;}
#contents04 .inner-Box h2 {text-align: center;margin-bottom: 73px;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {  }
#contents04 .inner-Box ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 1720px;margin: 0 auto;justify-content: center;}
#contents04 .inner-Box ul li {margin-right: 2.6%;width: 19.9%;margin-bottom: 40px;}
#contents04 .inner-Box ul li:nth-child(2) {margin-right: 2.9%;width: 17.5%;}
#contents04 .inner-Box ul li:nth-child(3) {margin-right: 2.9%;width: 17.5%;}
#contents04 .inner-Box ul li:nth-child(4) {margin-right: 2.9%;width: 16.4%;}
#contents04 .inner-Box ul li:nth-child(5) {margin-right: 0px;width: 17.4%;}
#contents04 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contents04 .inner-Box ul li a {  }
#contents04 .inner-Box ul li a:hover {  }

#consultation {margin: 0 auto 206px;position: relative;background: url(../images/index/contents05-back01.png)no-repeat top center;min-height: 841px;}
#consultation .inner-Box {margin: 0 auto;position: relative;margin-left: 18.7vw;padding: 76px 0 0;}
#consultation .inner-Box h2 {font-size: 16px;line-height: 1.75;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 5px;position: relative;}
#consultation .inner-Box h2 span.f-en {display: block;font-size: 82px;letter-spacing: 0;font-weight: 600;margin-bottom: -20px;}
#consultation .inner-Box span.icon01 { display: block; line-height: 1; }
#consultation .inner-Box span.icon01 img {  }
#consultation .inner-Box p.cobtn {font-size: 14px;line-height: 2;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;position: absolute;top: 120px;right: 160px;}
#consultation .inner-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;width: 360px;height: 60px;border-radius: 5px;margin: 0 auto;transition: all 0.3s ease-in-out;position: relative;padding-top: 18px;text-align: center;}
#consultation .inner-Box p.cobtn a .arr{position: absolute;top: 9px;right: 30px;transition: all 0.3s ease-in-out;}
#consultation .inner-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#consultation .inner-Box p.cobtn a:hover .arr{ /* black */right: 20px; -webkit-filter: brightness(0); filter: brightness(0);}
#consultation .system-list{margin-bottom: 50px;}
#consultation .system-list li{position: relative;line-height: 1.4;width: 500px;margin-right: 50px;position: relative;margin-bottom: 20px;padding-top: 40px;}
#consultation .system-list li a:hover{ text-decoration: none; }
#consultation .system-list .system-pic {width: 100%;aspect-ratio: 5 / 3;overflow: hidden;text-align: center;margin-bottom: 21px;position: relative;border-radius: 10px;}
#consultation .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#consultation .system-list li .system-date{font-size: 16px;margin-bottom: 5px;line-height: 1.4;letter-spacing: 0;position: relative;color: #1A1A1A;padding: 0 0 0 80px;}
#consultation .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;width: 64px;}
#consultation .system-list li .system-date .start_text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#consultation .system-list li .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
#consultation .system-list li .system-txt{ font-size:  16px; margin-bottom: 5px; line-height: 1.4; }
#consultation .system-list li .system-coment{ font-size: 16px; margin-bottom: 5px; line-height: 1.4; }
#consultation .system-list li .system-ttl-01{font-size: 20px;font-weight: 700;letter-spacing: 0px;line-height: 1.63;margin-bottom: 11px;}
#consultation .system-list li .text-box{padding: 0px 0px 20px;}
#consultation .system-list li .more{font-size: 16px;text-align: center;border: 1px solid #959595;border-radius: 20px;width: 110px;height: 40px;margin: 30px auto 0 auto;padding: 6px 0 0;}

#consultation .system-list .prev-arrow{position: absolute;top: -98px;left: 251px;}
#consultation .system-list .next-arrow{position: absolute;top: -98px;left: 311px;transform: scale(-1, 1);}
#consultation .system-list .cate{margin-bottom: 5px;font-size: 14px;}
#consultation .system-list .cate span{display: inline-block;background: #000;color: #fff;padding: 10px 22px;margin: 0 10px 10px 0px;}

#question {margin: 0 auto;position: relative;max-width: 1500px;padding: 0 30px 83px;}
#question .inner-Box { margin: 0 auto; position: relative; }
#question .inner-Box h2 {text-align: center;margin-bottom: 25px;}
#question .inner-Box h2 span{  }
#question .inner-Box h2 img {  }
#question .inner-Box p.subttl {font-size: 16px;line-height: 2;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 44px;position: relative;text-align: center;}

#question .content p::after{content: "A";color: #868383;font-family: din-2014, sans-serif;font-style: normal;font-size: 32px;font-weight: 600;position: absolute;top: -8px;left: 120px;}
#question .accordion {margin: 3em auto; max-width: 60vw; }
#question .toggle {display: none; }
#question .option {position: relative;border-top: 1px solid #333;}
#question .title, .content {-webkit-backface-visibility: hidden;backface-visibility: hidden;/* transform: translateZ(0); */transition: all 0.3s;}
#question .title {padding: 36px 170px 36px 176px;display: block;color: #333;font-weight: 500;font-size: 18px;}
#question .title::after{content: "Q";font-family: din-2014, sans-serif;font-style: normal;font-size: 32px;font-weight: 600;position: absolute;top: 21px;left: 120px;}
#question .title::before {content: "";position: absolute;right: 120px;top: 31px;width: 37px;height: 37px;background: url(../images/common/faq.svg)no-repeat top center;transition: all 0.3s;}
#question .content {max-height: 0;overflow: hidden;position: relative;}
#question .content p {margin: 0;line-height: 1.5;padding-bottom: 30px;padding-left: 176px;font-size: 18px;}
#question .toggle:checked + .title + .content {max-height: 500px;/* font-size: 18px; */position: relative;}
#question .toggle:checked + .title::before {transform: rotate(180deg) !important; }

#question .inner-Box p.cobtn {font-size: 14px;line-height: 2;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;position: relative;border-top: 1px solid #333;padding-top: 67px;}
#question .inner-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;width: 360px;height: 60px;border-radius: 5px;margin: 0 auto;transition: all 0.3s ease-in-out;position: relative;padding-top: 18px;text-align: center;}
#question .inner-Box p.cobtn a .arr{position: absolute;top: 9px;right: 30px;transition: all 0.3s ease-in-out;}
#question .inner-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#question .inner-Box p.cobtn a:hover .arr{ /* black */right: 20px; -webkit-filter: brightness(0); filter: brightness(0);}

#journal {margin: 0 auto;position: relative;background: url('../images/index/contents07-back01.png')no-repeat top center;padding: 167px 0 68px;background-size: cover;}
#journal .inner-Box {margin: 0 auto;position: relative;width: 1200px;}
#journal .inner-Box h2 {text-align: center;margin-bottom: 113px;}
#journal .inner-Box h2 span{  }
#journal .inner-Box h2 img {  }

#journal .system-list{margin-bottom: -17px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#journal .system-list li{line-height: 1.4;width: 32%;margin-right: 2%;position: relative;margin-bottom: 40px;}
#journal .system-list li:nth-child(3n){ margin-right: 0}
#journal .system-list li a:hover{ text-decoration: none; }
#journal .text1{ font-size: 14px; width: 100%; border: 1px solid #DEDEDE; background: #F8F7F5; height: 40px; text-align: center; padding: 9px; margin-bottom: 10px; font-weight: 400; }
#journal .text2{font-size: 14px;margin-bottom: 10px;font-weight: 400;}

#journal .system-pic {width: 100%;aspect-ratio: 384 / 458;overflow: hidden;text-align: center;margin-bottom: 26px;position: relative;padding: 87px 16px 16px;}
#journal .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#journal .system-list .waku {position: absolute;top: 0;left: 0;width: 100%;z-index: 3;}
#journal .system-list .waku img{ width: 100%; height: auto;}

#journal .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
#journal .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#journal .system-ttl-01{font-size: 18px;margin-bottom: 10px;line-height: 1.61;font-weight: 700;letter-spacing: 0px;border-bottom: #C7C6C6 1px solid;padding-bottom: 7px;margin-bottom: 20px;}
#journal .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#journal .system-list li .author{position: relative;padding: 0 0 0 71px;}
#journal .system-list li .author figure {width: 51px;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;border-radius: 50%;position: absolute;top: 0;left: 0;}
#journal .system-list li .author figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
#journal .system-list li .author .job{font-size: 14px;color: #fff;letter-spacing: 0;margin-bottom: 4px;}
#journal .system-list li .author .job span{display: inline-block;background: #393939;padding: 3px 9px;border-radius: 4px;line-height: 1;}
#journal .system-list li .author .name{font-size: 18px;font-weight: 500;letter-spacing: 0;}

#journal .inner-Box p.cobtn {font-size: 14px;line-height: 2;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;position: relative;padding-top: 67px;}
#journal .inner-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;width: 360px;height: 60px;border-radius: 5px;margin: 0 auto;transition: all 0.3s ease-in-out;position: relative;padding-top: 18px;text-align: center;}
#journal .inner-Box p.cobtn a .arr{position: absolute;top: 9px;right: 30px;transition: all 0.3s ease-in-out;}
#journal .inner-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#journal .inner-Box p.cobtn a:hover .arr{ /* black */right: 20px; -webkit-filter: brightness(0); filter: brightness(0);}

#contentsendtop {margin: 0 auto;position: relative;color: #fff;text-align: center;overflow: hidden;max-width: 1920px;}
#contentsendtop::before {content: "";display: block;width: 1px;height: 100%;position: absolute;top: 0;left: 35.3%;background: #EEEEEE;z-index: 3;}
#contentsendtop::after {content: "";display: block;width: 1px;height: 100%;position: absolute;top: 0;left: 67.6%;background: #EEEEEE;z-index: 3;}
#contentsendtop .inner-Box { margin: 0 auto; position: relative; }
#contentsendtop .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsendtop .inner-Box ul li {width: 35.5%;background: url(../images/index/contents08-back01.png)no-repeat top center;background-size: cover;position: relative;padding-top: 63px;height: 435px;}
#contentsendtop .inner-Box ul li:nth-child(2) {width: 32.1%;background: url(../images/index/contents08-back02.png)no-repeat top center;background-size: cover;position: relative;padding-top: 64px;}
#contentsendtop .inner-Box ul li:nth-child(3) {margin-right: 0px;width: 32.4%;background: url(../images/index/contents08-back03.png)no-repeat top center;background-size: cover;position: relative;padding-top: 95px;}
#contentsendtop .inner-Box span.entext{font-size: 22px;letter-spacing: 0px;display: block;margin-bottom: 31px;}
#contentsendtop .inner-Box h2 {font-size: 22px;line-height: 1.75;font-weight: 700;letter-spacing: 0px;margin-bottom: 5px;position: relative;}
#contentsendtop .inner-Box p.teltext {font-size: 38px;line-height: 1;font-weight: 400;letter-spacing: 0px;margin-bottom: 28px;position: relative;}
#contentsendtop .inner-Box p.teltext span.sp-tel-link {font-size: 70px;display: inline-block;padding: 0 0 0 9px;position: relative;top: 9px;}
#contentsendtop .inner-Box p.timetext {font-size: 18px;line-height: 1.78;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contentsendtop .inner-Box h3 {font-size: 26px;line-height: 1.62;font-weight: 700;letter-spacing: 0px;margin: -13px 0 29px;position: relative;}
#contentsendtop .inner-Box p.cobtn {font-size: 14px;line-height: 2;font-weight: 700;letter-spacing: 0px;margin-bottom: 30px;position: relative;}
#contentsendtop .inner-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;width: 360px;height: 60px;border-radius: 5px;margin: 0 auto;transition: all 0.3s ease-in-out;position: relative;padding-top: 18px;}
#contentsendtop .inner-Box p.cobtn a .arr{position: absolute;top: 9px;right: 30px;transition: all 0.3s ease-in-out;}
#contentsendtop .inner-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#contentsendtop .inner-Box p.cobtn a:hover .arr{ /* black */right: 20px; -webkit-filter: brightness(0); filter: brightness(0);}

#contentsendtop .inner-Box ul li:nth-child(1) h2{text-align: left;font-size: 84px;font-weight: 400;border-bottom: 1px solid #fff;margin: 0 41px 0 auto;width: 540px;top: -15px;}
#contentsendtop .inner-Box ul li:nth-child(1) .entext{text-align: left;margin: 0 41px 0px auto;width: 540px;display: block;font-size: 30px;}
#contentsendtop .inner-Box ul li:nth-child(1) .textt{margin: 0 71px 0px auto;width: 510px;font-size: 14px;letter-spacing: 0px;font-weight: 400;line-height: 2;text-align: left;}

}
@media screen and (min-width:768px) and ( max-width:1290px) {
#contents03 {background: url('../images/index/contents03-back01.png')no-repeat top right -232px;}
#contents04 .inner-Box ul li {margin-right: 2.9%;width: 24.8%;margin-bottom: 40px;}
#contents04 .inner-Box ul li:nth-child(2) {margin-right: 2.9%;width: 22%;}
#contents04 .inner-Box ul li:nth-child(3) {margin-right: 2.9%;width: 22.1%;}
#contents04 .inner-Box ul li:nth-child(4) {margin-right: 2.9%;width: 22.5%;}
#contents04 .inner-Box ul li:nth-child(5) {margin-right: 0px;width: 23.9%;}

#consultation {background: url(../images/index/contents05-back01.png)no-repeat top left -140px;}
#consultation .inner-Box {margin-left: 5.7vw;}

}

@media screen and (min-width:768px) and ( max-width:1550px) {
#contentsendtop .inner-Box p.teltext {font-size: 28px;}
#contentsendtop .inner-Box p.teltext span.sp-tel-link {font-size: 50px;}
#contentsendtop .inner-Box ul li:nth-child(1) h2{text-align: left;font-size: 54px;font-weight: 400;border-bottom: 1px solid #fff;width: 87%;}
#contentsendtop .inner-Box ul li:nth-child(1) .entext{text-align: left;display: block;font-size: 30px;width: 87%;}
#contentsendtop .inner-Box ul li:nth-child(1) .textt{margin: 0 71px 0px 20px;font-size: 14px;letter-spacing: 0px;font-weight: 400;line-height: 2;text-align: left;width: 83%;}

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

header{background: none;border: none;position: absolute;top: 0;width: 100%;}
.sp-header .h-logo{z-index: 3;position: relative;padding: 4.9vw 0 0 0.1vw;}
.sp-header .h-logo img{width: 32.6vw;height: auto;}
#contentsmain {background: url(../images/common/bodyback.jpg);position: relative;background-size: 100% auto;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .left-Box {display: none;}
#contentsmain .mainsl-Box {position: relative;}
#contentsmain .mainsl-Box ul.main-slide {position: relative;top: 0;}
#contentsmain .mainsl-Box ul li { position: relative; }
#contentsmain .mainsl-Box figure.photo {}
#contentsmain .mainsl-Box figure.photo img{  }
#contentsmain .mainsl-Box .slick-track{}
#contentsmain .mainsl-Box .slick-track {  }
#contentsmain .mainsl-Box .slick-dots {left: 0vw;position: absolute;bottom: 48.55vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;display: none!important;}
#contentsmain .slidethumbnail{filter: grayscale(1);margin-left: 9.42vw;}
#contentsmain .slidethumbnail li{ margin-bottom: 2.9vw; }

#contentsmain .mainsl-Box #news{background: #393939;border-left: 16.35vw solid #1A1A1A;color: #fff;position: relative;padding: 2.23vw 4.83vw 2.53vw 2.64vw;}
#contentsmain .mainsl-Box #news h2{font-size: 3.73vw;letter-spacing: -0.2vw;font-weight: 400;position: absolute;top: 5.03vw;left: -13.6vw;}
#contentsmain .mainsl-Box #news .system-date{position: relative;font-size: 3.38vw;font-weight: 500;letter-spacing: 0.0vw;}
#contentsmain .mainsl-Box #news a .system-ttl-01 {color: #fff;font-size: 3.38vw;letter-spacing: 0.0vw;line-height: 1.57;}
#contentsmain .mainsl-Box #news a .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.bk-Box{ background: url(../images/common/bodyback.jpg);  background-size: 100% auto;}
#contents01 {position: relative;background: url('../images/index/contents01-back01.png')repeat-x top 35.75vw center;animation: bg-slide 160s linear infinite;padding-top: 9.69vw;padding-bottom: 16.73vw;background-size: auto 30vw;}
@keyframes bg-slide{0%{background-position: 0 65.75vw;}100%{background-position: 847.47vw 65.75vw;}}
#contents01 .inner-Box1 {margin: 0 auto 22.26vw;position: relative;}
#contents01 .inner-Box1 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 4vw;}
#contents01 .inner-Box1 ul li { margin-bottom: 2.3vw; }
#contents01 .inner-Box1 ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents01 .inner-Box1 ul li figure {  }
#contents01 .inner-Box1 ul li a {  }
#contents01 .inner-Box1 ul li a:hover {  }
#contents01 .inner-Box2 {position: relative;text-align: center;}
#contents01 .inner-Box2 h2 {position: relative;left: 0vw;margin: 0 19.7vw 9.29vw 18vw;}
#contents01 .inner-Box2 h2 span{  }
#contents01 .inner-Box2 h2 img {  }
#contents01 .inner-Box2 p.text {font-size: 3.38vw;line-height: 2.14;font-weight: 400;letter-spacing: 0.17vw;margin: 0 8.8vw 3.34vw;position: relative;text-align: left;}
#contents01 .inner-Box2 h3 {font-size: 3.86vw;line-height: 2.1;font-weight: 700;letter-spacing: 0.19vw;margin: 0 8.6vw 0.0vw;position: relative;text-align: left;}

#contents02 {margin: 0 auto -15.4vw;position: relative;background: url('../images/index/contents02-back00.png')no-repeat top center;padding-bottom: 39vw;background-size: cover;}
#contents02 .sc-Box{position: relative;background: url('../images/index/contents02-back01.png')repeat-x top center;animation: bg-slide2 160s linear infinite;background-size: auto 10.87vw;}
@keyframes bg-slide2{0%{background-position: 0 0.0vw;}100%{background-position: 531.40vw 0.0vw;}}
#contents02 .ttl-Box {margin: 0 auto 7.36vw;position: relative;padding: 27.16vw 4.35vw 0 4.05vw;}
#contents02 .ttl-Box h2 {margin-bottom: 3.22vw;margin-right: 12.1vw;}
#contents02 .ttl-Box h2 span{  }
#contents02 .ttl-Box h2 img {  }
#contents02 .ttl-Box p.subtext {font-size: 3.62vw;line-height: 2;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 7.85vw;position: relative;}
#contents02 .ttl-Box span.ph {display: block;line-height: 1;position: absolute;top: 3.95vw;left: 3.46vw;width: 3.8vw;}
#contents02 .ttl-Box span.ph img {  transition: all 0.3s ease-in-out;}
#contents02 .ttl-Box p.cobtn {font-size: 3.38vw;line-height: 2;font-weight: 700;letter-spacing: 0.0vw;position: relative;}
#contents02 .ttl-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;height: 11.59vw;border-radius: 1.21vw;margin: 0 46.7vw 0 0;transition: all 0.3s ease-in-out;position: relative;padding-top: 2.36vw;text-align: center;padding-right: 4.9vw;}
#contents02 .ttl-Box p.cobtn a .arr{position: absolute;top: 0.37vw;right: 3.37vw;transition: all 0.3s ease-in-out;width: 2.7vw;}
#contents02 .ttl-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#contents02 .ttl-Box p.cobtn a:hover .arr{ /* black */right: 4.83vw; -webkit-filter: brightness(0); filter: brightness(0);}
#contents02 .ttl-Box p.cobtn a:hover span.ph img { /* black */ -webkit-filter: brightness(0); filter: brightness(0); }
#contents02 .inner-Box {margin: 0 4vw;position: relative;border-top: 0.6vw solid #333;padding-top: 9.7vw;}
#contents02 .inner-Box p.cobtn {font-size: 3.38vw;line-height: 2;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}
#contents02 .inner-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;height: 14.49vw;border-radius: 1.21vw;margin: 0 5vw;transition: all 0.3s ease-in-out;position: relative;padding-top: 4.35vw;text-align: center;}
#contents02 .inner-Box p.cobtn a .arr{position: absolute;top: 1.57vw;width: 2.5vw;right: 7.15vw;transition: all 0.3s ease-in-out;}
#contents02 .inner-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#contents02 .inner-Box p.cobtn a:hover .arr{ /* black */right: 4.83vw; -webkit-filter: brightness(0); filter: brightness(0);}

#ideabook .system-list{margin-bottom: 9.79vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#ideabook .system-list li{position: relative;line-height: 1.4;width: 100%;position: relative;margin-bottom: 4.83vw;padding: 6.66vw 7.06vw;background: #fff;}
#ideabook .system-list li:nth-child(3n){ margin-right: 0}
#ideabook .system-list li:nth-child(6),
#ideabook .system-list li:nth-child(7),
#ideabook .system-list li:nth-child(8),
#ideabook .system-list li:nth-child(9),
#ideabook .system-list li:nth-child(5){ display: none!important;}
#ideabook .system-list li a{display: block;position: relative;padding-bottom: 5vw;}
#ideabook .system-list li a:hover{ text-decoration: none; }
#ideabook .system-list li .cont {font-size: 1.93vw;letter-spacing: 0;display: block;margin-bottom: 1.69vw;}
#ideabook .system-list .system-pic {width: 100%;aspect-ratio: 5 / 2.95;overflow: hidden;text-align: center;margin-bottom: 2.99vw;position: relative;border-radius: 2.42vw;}
#ideabook .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

#ideabook .system-list li .system-date{font-size: 3.14vw;margin-bottom: 2.42vw;line-height: 1.4;position: relative;color: #1A1A1A;padding: 0 0 0 18.84vw;}
#ideabook .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;}
#ideabook .system-list li .system-date .start_text{ }
#ideabook .system-list li .system-information { border-bottom: 0.24vw solid #eee; padding-bottom: 2.42vw; margin-bottom: 4.83vw;}
#ideabook .system-list li .system-txt{ font-size:  3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#ideabook .system-list li .system-coment{ font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#ideabook .system-list li .system-ttl-01{font-size: 3.86vw;font-weight: 700;letter-spacing: 0.19vw;line-height: 1.88;margin-bottom: 1.51vw;}
#ideabook .system-list li .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#ideabook .system-list li .text-box{padding: 0.0vw 0.0vw 4.83vw;}
#ideabook .system-list li .more{font-size: 2.62vw;letter-spacing: 0;border-bottom: 0.24vw solid #959595;margin: 7.25vw auto 0 auto;position: absolute;bottom: -3vw;right: -3.8vw;}
#ideabook .system-list li .cate{margin-bottom: 2.42vw;font-size: 2.90vw;}
#ideabook .system-list li .cate span{display: inline-block;background: #393939;color: #fff;padding: 0.27vw 1.61vw;margin: 0 1.43vw 2.42vw 0.0vw;border-radius: 1.15vw;}

#contents03 {margin: 0 auto -9vw;position: relative;background-size: 100% auto;background: #393939;border-radius: 0 9.9vw 11vw 0vw;padding-bottom: 10.2vw;}
#contents03 .inner-Box {margin: 0 4vw;position: relative;padding: 12.57vw 4.93vw 0 4.84vw;}
#contents03 .inner-Box h2 {position: relative;left: 0;margin-right: 20.9vw;margin-bottom: 9.1vw;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#contents03 .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;}
#contents03 .inner-Box ul li {position: relative;width: 48.6%;margin-bottom: 9.48vw;}
#contents03 .inner-Box ul li:nth-child(2n) {
    right: -2.4vw;
}
#contents03 .inner-Box ul li a {color: #fff;display: block;}
#contents03 .inner-Box ul li a:hover {  }
#contents03 .inner-Box figure.photo {top: 0;left: 0;position: relative;margin-bottom: 3.3vw;}
#contents03 .inner-Box figure.photo img{width: 100%;height: auto;}
#contents03 .inner-Box h3 {font-size: 3.86vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 1.42vw;position: relative;}
#contents03 .inner-Box p.ltext {font-size: 3.38vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 2.07vw;position: relative;}
#contents03 .inner-Box span.f-en{font-size: 3.62vw;display: inline-block;border-bottom: 0.24vw solid #fff;letter-spacing: 0;}

.bk-Box2{background: url(../images/common/bodyback.jpg);background-size: cover;padding: 20.7vw 0 2vw;}

#contents04 {margin: 0 auto 7.58vw;position: relative;}
#contents04 p.btn {text-align: center;margin: 0 4.1vw 19.2vw;}
#contents04 p.btn img {  }
#contents04 .inner-Box {margin: 0 4vw;position: relative;padding: 0 7.25vw;}
#contents04 .inner-Box h2 {text-align: center;margin-bottom: 11.93vw;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {  }
#contents04 .inner-Box ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 6.5vw 0 3.5vw;justify-content: center;}
#contents04 .inner-Box ul li {margin-bottom: 12.26vw;}
#contents04 .inner-Box ul li:nth-child(2) {}
#contents04 .inner-Box ul li:nth-child(3) {}
#contents04 .inner-Box ul li:nth-child(4) {}
#contents04 .inner-Box ul li:nth-child(5) {}
#contents04 .inner-Box ul li figure img{ width: 100%; height: auto; }
#contents04 .inner-Box ul li a {  }
#contents04 .inner-Box ul li a:hover {  }

#consultation {border-radius: 10vw 0 0 10vw;margin: 0 auto 23.76vw;position: relative;background: #fff;background-size: 100% auto;}
#consultation .inner-Box {position: relative;margin-left: 8.7vw;padding: 7.76vw 0 10vw;}
#consultation .inner-Box h2 {font-size: 3.86vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 2.21vw;position: relative;}
#consultation .inner-Box h2 span.f-en {display: block;font-size: 14.98vw;letter-spacing: 0;font-weight: 600;margin-bottom: -4.2vw;}
#consultation .inner-Box span.icon01 { display: block; line-height: 1; }
#consultation .inner-Box span.icon01 img {  }
#consultation .inner-Box p.cobtn {font-size: 3.38vw;line-height: 2;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;margin-right: 9.3vw;}
#consultation .inner-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;height: 14.49vw;border-radius: 1.21vw;transition: all 0.3s ease-in-out;position: relative;padding-top: 3.75vw;text-align: center;}
#consultation .inner-Box p.cobtn a .arr{position: absolute;top: 1.57vw;right: 7.25vw;width: 2.7vw;transition: all 0.3s ease-in-out;}
#consultation .inner-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#consultation .inner-Box p.cobtn a:hover .arr{ /* black */right: 4.83vw; -webkit-filter: brightness(0); filter: brightness(0);}
#consultation .system-list{margin-bottom: 1.08vw;}
#consultation .system-list li{position: relative;line-height: 1.4;margin-right: 12.08vw;width: 82.13vw;position: relative;margin-bottom: 4.83vw;padding-top: 9.66vw;}
#consultation .system-list li a:hover{ text-decoration: none; }
#consultation .system-list .system-pic {width: 100%;aspect-ratio: 5 / 3;overflow: hidden;text-align: center;margin-bottom: 3.87vw;position: relative;border-radius: 0.92vw;}
#consultation .system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#consultation .system-list li .system-date{font-size: 3.38vw;margin-bottom: 1.21vw;line-height: 1.4;letter-spacing: 0;position: relative;color: #1A1A1A;padding: 0 0 0 17.32vw;}
#consultation .system-list li .system-date .date-ttl{position: absolute;top: 0;left: 0;}
#consultation .system-list li .system-date .start_text{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#consultation .system-list li .system-information { border-bottom: 0.24vw solid #eee; padding-bottom: 2.42vw; margin-bottom: 4.83vw;}
#consultation .system-list li .system-txt{ font-size:  3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#consultation .system-list li .system-coment{ font-size: 3.86vw; margin-bottom: 1.21vw; line-height: 1.4; }
#consultation .system-list li .system-ttl-01{font-size: 4.35vw;font-weight: 700;letter-spacing: 0.0vw;line-height: 1.63;margin-bottom: 1.56vw;}
#consultation .system-list li .text-box{padding: 0.0vw 0.0vw 4.83vw;}
#consultation .system-list li .more{font-size: 3.86vw;text-align: center;border: 0.24vw solid #959595;border-radius: 4.83vw;height: 9.66vw;margin: 7.25vw auto 0 auto;padding: 1.45vw 0 0;}

#consultation .system-list .prev-arrow{position: absolute;top: -20.8vw;right: 21vw;width: 9.42vw;}
#consultation .system-list .next-arrow{position: absolute;top: -20.7vw;width: 9.42vw;left: 72.9vw;transform: scale(-1, 1);}
#consultation .system-list .cate{margin-bottom: 1.21vw;font-size: 3.38vw;}
#consultation .system-list .cate span{display: inline-block;background: #000;color: #fff;padding: 1.82vw 3.61vw;margin: 0 2.42vw 2.42vw 0.0vw;}

#question {margin: 0 4vw;position: relative;padding: 0 0vw 11.25vw;}
#question .inner-Box {position: relative;}
#question .inner-Box h2 {text-align: center;margin: 0 27.8vw 4.04vw;}
#question .inner-Box h2 span{  }
#question .inner-Box h2 img {  }
#question .inner-Box p.subttl {font-size: 3.38vw;line-height: 2;font-weight: 700;letter-spacing: 0.17vw;margin-bottom: 8.03vw;position: relative;text-align: center;}

#question .content p::after{content: "A";color: #868383;font-family: din-2014, sans-serif;font-style: normal;font-size: 5.93vw;font-weight: 600;position: absolute;top: -0.9vw;left: 2.36vw;}
#question .accordion {margin: 3em auto; max-width: 60vw; }
#question .toggle {display: none; }
#question .option {position: relative;border-top: 0.24vw solid #333;}
#question .title, .content {-webkit-backface-visibility: hidden;backface-visibility: hidden;/* transform: translateZ(0); */transition: all 0.3s;}
#question .title {padding: 4.93vw 14.32vw 4.83vw 9.32vw;display: block;color: #333;font-weight: 500;font-size: 3.86vw;letter-spacing: 0vw;line-height: 1.88;}
#question .title::after{content: "Q";font-family: din-2014, sans-serif;font-style: normal;font-size: 6.13vw;font-weight: 600;position: absolute;top: 4.23vw;left: 2.16vw;}
#question .title::before {content: "";position: absolute;right: 2.83vw;top: 7.26vw;width: 6.54vw;height: 6.54vw;background: url(../images/common/faq.svg)no-repeat top center;transition: all 0.3s;background-size: 100% auto;}
#question .content {max-height: 0;overflow: hidden;position: relative;}
#question .content p {margin: 0;line-height: 1.88;padding-bottom: 7.25vw;padding-left: 9.32vw;letter-spacing: 0vw;font-size: 3.86vw;padding-right: 10vw;}
#question .toggle:checked + .title::before {transform: rotate(180deg) !important; }
#question .toggle:checked + .title + .content {max-height: 205.2vw; transition: all 0.5s; }

#question .inner-Box p.cobtn {font-size: 3.38vw;line-height: 2;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;border-top: 0.24vw solid #333;padding-top: 8.98vw;}
#question .inner-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;height: 14.49vw;border-radius: 1.21vw;margin: 0 5vw;transition: all 0.3s ease-in-out;position: relative;padding-top: 4.35vw;text-align: center;}
#question .inner-Box p.cobtn a .arr{position: absolute;top: 2.17vw;right: 7.25vw;transition: all 0.3s ease-in-out;width: 2.5vw;}
#question .inner-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#question .inner-Box p.cobtn a:hover .arr{ /* black */right: 4.83vw; -webkit-filter: brightness(0); filter: brightness(0);}

#journal {position: relative;background: url('../images/index/contents07-back01.png')no-repeat top center;padding: 16.34vw 0 12.13vw;background-size: cover;}
#journal .inner-Box {position: relative;}
#journal .inner-Box h2 {text-align: center;margin: 0 4.6vw 16.6vw;}
#journal .inner-Box h2 span{  }
#journal .inner-Box h2 img {  }

#journal .system-list{margin-bottom: 12.08vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 8.9vw 10.5vw;}
#journal .system-list .waku {position: absolute;top: 0;left: 0;width: 100%;z-index: 3;}
#journal .system-list .waku img{ width: 100%; height: auto;}
#journal .system-list li{line-height: 1.4;width: 100%;position: relative;margin-bottom: 14.66vw;}
#journal .system-list li:nth-child(2n){ margin-right: 0}
#journal .system-list li a:hover{ text-decoration: none; }
#journal .text1{ font-size: 3.38vw; width: 100%; border: 0.24vw solid #DEDEDE; background: #F8F7F5; height: 9.66vw; text-align: center; padding: 2.17vw; margin-bottom: 2.42vw; font-weight: 400; }
#journal .text2{font-size: 3.38vw;margin-bottom: 2.42vw;font-weight: 400;}

#journal .system-pic {width: 100%;aspect-ratio: 384 / 458;overflow: hidden;text-align: center;margin-bottom: 3.62vw;position: relative;padding: 18.599vw 3.382vw 3.382vw;}
#journal .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

#journal .system-date{ font-size: 0.75em; margin-bottom: 2.42vw; line-height: 1.4; }
#journal .system-coment{ font-size: 0.75em; margin-bottom: 1.21vw; line-height: 1.4; }
#journal .system-ttl-01{font-size: 3.86vw;margin-bottom: 2.42vw;line-height: 1.61;font-weight: 700;letter-spacing: 0.0vw;border-bottom: #C7C6C6 0.24vw solid;padding-bottom: 3.42vw;margin-bottom: 3.23vw;}
#journal .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#journal .system-list li .author{position: relative;padding: 0 0 0 17.12vw;}
#journal .system-list li .author figure {aspect-ratio: 1 / 1;overflow: hidden;text-align: center;border-radius: 50%;position: absolute;top: 0;left: 0;width: 13vw;}
#journal .system-list li .author figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
#journal .system-list li .author .job{font-size: 3.38vw;color: #fff;letter-spacing: 0;margin-bottom: 0.97vw;}
#journal .system-list li .author .job span{display: inline-block;background: #393939;padding: 1.24vw 2.17vw;border-radius: 0.97vw;line-height: 1;}
#journal .system-list li .author .name{font-size: 4.35vw;font-weight: 500;letter-spacing: 0;}

#journal .inner-Box p.cobtn {font-size: 3.38vw;line-height: 2;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;padding-top: 16.18vw;}
#journal .inner-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;height: 14.49vw;border-radius: 1.21vw;margin: 0 9vw;transition: all 0.3s ease-in-out;position: relative;padding-top: 4.35vw;text-align: center;}
#journal .inner-Box p.cobtn a .arr{position: absolute;top: 1.97vw;width: 2.7vw;right: 7.25vw;transition: all 0.3s ease-in-out;}
#journal .inner-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#journal .inner-Box p.cobtn a:hover .arr{ /* black */right: 4.83vw; -webkit-filter: brightness(0); filter: brightness(0);}

#contentsendtop {position: relative;color: #fff;text-align: center;overflow: hidden;}
#contentsendtop .inner-Box {position: relative;}
#contentsendtop .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsendtop .inner-Box ul li {background: url(../images/index/sp-contents08-back01.png)no-repeat top center;background-size: cover;position: relative;padding-top: 7.02vw;border-bottom: 1px solid #fff;padding-bottom: 10.4vw;}
#contentsendtop .inner-Box ul li:nth-child(2) {background: url(../images/index/sp-contents08-back02.png)no-repeat top center;background-size: cover;position: relative;padding-top: 11.26vw;width: 100%;}
#contentsendtop .inner-Box ul li:nth-child(3) {margin-right: 0.0vw;background: url(../images/index/sp-contents08-back03.png)no-repeat top center;background-size: cover;position: relative;padding-top: 10.95vw;width: 100%;border-bottom: none;}
#contentsendtop .inner-Box span.entext{font-size: 5.31vw;letter-spacing: 0.0vw;display: block;margin-bottom: 4.69vw;}
#contentsendtop .inner-Box h2 {font-size: 4.35vw;line-height: 1.75;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 1.21vw;position: relative;}
#contentsendtop .inner-Box p.teltext {font-size: 6.28vw;line-height: 1;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 6.76vw;position: relative;}
#contentsendtop .inner-Box p.teltext span.sp-tel-link {font-size: 11.84vw;display: inline-block;padding: 0 0 0 2.17vw;position: relative;top: 2.17vw;color: #fff;}
#contentsendtop .inner-Box p.timetext {font-size: 3.86vw;line-height: 1.78;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 1.05vw;position: relative;}
#contentsendtop .inner-Box h3 {font-size: 5.31vw;line-height: 1.62;font-weight: 700;letter-spacing: 0.0vw;margin: 0vw 0 8vw;position: relative;}
#contentsendtop .inner-Box p.cobtn {font-size: 3.38vw;line-height: 2;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 1.95vw;position: relative;}
#contentsendtop .inner-Box p.cobtn a {color: #fff;display: block;background: #1A1A1A;height: 14.49vw;border-radius: 1.21vw;margin: 0 9vw;transition: all 0.3s ease-in-out;position: relative;padding-top: 4.35vw;}
#contentsendtop .inner-Box p.cobtn a .arr{position: absolute;top: 2.17vw;right: 7.25vw;width: 2.7vw;transition: all 0.3s ease-in-out;}
#contentsendtop .inner-Box p.cobtn a:hover { text-decoration: none; color: #1A1A1A; background: #fff; }
#contentsendtop .inner-Box p.cobtn a:hover .arr{ /* black */right: 4.83vw; -webkit-filter: brightness(0); filter: brightness(0);}

#contentsendtop .inner-Box ul li:nth-child(1) h2{text-align: left;font-size: 12.56vw;font-weight: 400;border-bottom: 0.24vw solid #fff;margin: 0 8.9vw 4vw;top: 0vw;padding-bottom: 2.1vw;}
#contentsendtop .inner-Box ul li:nth-child(1) .entext{text-align: left;margin: 0 8.9vw 0.3vw;display: block;font-size: 4.83vw;}
#contentsendtop .inner-Box ul li:nth-child(1) .textt{margin: 0 9.25vw 0vw;font-size: 3.38vw;letter-spacing: 0.0vw;font-weight: 400;line-height: 2;text-align: left;}





}