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

/* ==========================================================================
   PC & Print 共通スタイル (768px以上)
   ========================================================================== */
@media screen and (min-width: 768px), print {  

p.unlink a {display: block;font-size: 15px;line-height: 1;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;padding: 17px 0;position: relative;}
p.unlink a::before{ content:""; display: block; width: 100%; height: 1px; background: #3D3D3D; position: absolute; bottom: 0; left: 0; transform: scaleX(1); transform-origin: left; transition: transform .4s ease; }
p.unlink a .arr{position: absolute;top: 23px;right: 0;width: 12px;height: 10px;transition: all 0.3s ease-in-out;}
p.unlink a .arr img{ width: 100%; height: auto; display: block; }
p.unlink a:hover .arr{ right: -7px; }
p.unlink a:hover::before{ transform: scaleX(0); transform-origin: right; }

.nounlink{display:block;font-size:15px;line-height:1;letter-spacing:.2em;font-weight:bold;text-align:left;color:#3D3D3D;padding:17px 0;position:relative;}
.nounlink::before{content:"";display:block;width:100%;height:1px;background:#3D3D3D;position:absolute;bottom:0;left:0;transform:scaleX(1);transform-origin:left;transition:transform .4s ease;}
.nounlink .arr{position:absolute;top:23px;right:0;width:12px;height:10px;transition:all .3s ease-in-out;}
.nounlink .arr img{display:block;width:100%;height:auto;}
a:hover .nounlink::before{transform:scaleX(0);transform-origin:right;}
a:hover .nounlink .arr{right:-7px;}

header {position: absolute;z-index: 3;}
header .h-logo img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
header .h-btn01 {font-size: 16px;line-height: 1;letter-spacing: 0.2em;font-weight: 600;position: absolute;top: 0;right: 286px;}
header .h-btn01 a{display: block;width: 170px;height: 42px;background: rgba(0,0,0,0.3);text-align: center;padding-top: 13px;border: 1px solid #fff;transition: all 0.3s ease-in-out;color: #fff;}
header .h-btn01 a:hover{ background: #D6D1CE; }
header .h-btn02 {font-size: 16px;line-height: 1;letter-spacing: 0.2em;font-weight: 600;position: absolute;top: 0;right: 96px;}
header .h-btn02 a{display: block;width: 170px;height: 42px;background: rgba(0, 0, 0, 0.3);text-align: center;padding-top: 13px;border: 1px solid #fff;transition: all 0.3s ease-in-out;color: #fff;}
header .h-btn02 a:hover{ background: #D6D1CE; }

#popupbanner{position: fixed;z-index: 9999;bottom: 60px;right: 20px;width: 320px;height: auto;background-color: rgba(0, 0, 0, 0.5);display: none;}
#popupbanner p img{ width: 100%;height: auto;display: block;}
#popupbanner .close{position: absolute;top: 10px;right: 10px;}

#contentsmain {margin: 0 auto 100px;position: relative;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h1 {position: absolute;z-index: 3;bottom: 55px;right: 39px;}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {  }
#contentsmain .inner-Box ul.hnavi {position: absolute;z-index: 3;top: 117px;left: 54px;}
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box ul li a {font-size: 14px;line-height: 2.9;letter-spacing: 0.05em;font-weight: 600;text-align: left;color: #FFFFFF;}
#contentsmain .inner-Box ul li a:hover {  }
#contentsmain .inner-Box p.ltext { margin-bottom: 0px; position: relative; }
#contentsmain .inner-Box ul.main-slide {}
#contentsmain .inner-Box ul.main-slide li a {display: block;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; display: block; }

/*スクロールダウン全体の場所*/
.scrolldown1{/*描画位置※位置は適宜調整してください*/position:absolute;right: 21px; /*全体の高さ*/top: 50%;height: 100px;overflow: hidden;width: 1px;z-index: 3;transform: translateY(-50%);}
/* 線の描写 */
.scrolldown1::after{content: ""; /*描画位置*/position: absolute;top: 0; /*線の形状*/width: 1px;height: 177px;background: #fff; /*線の動き1.4秒かけて動く。永遠にループ*/animation: pathmove 1.4s ease-in-out infinite;opacity:0;}
/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
0%{height:0; top:0; opacity: 0; } 30%{height:177px; opacity: 1; } 100%{height:177px; top:180px; opacity: 0; } }

#contents01 {margin: 0 auto 160px;position: relative;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1200px;}
#contents01 .inner-Box h2.f-min {margin-bottom: 0px;position: relative;font-size: 34px;line-height: 2.9;letter-spacing: 0.35em;font-weight: 600;text-align: left;color: #3D3D3D;}
#contents01 .inner-Box p.unlink {position: absolute;width: 250px;bottom: 28px;right: 0;}

#event{margin: 0 0 120px;}
#event h2{font-size: 24px;line-height: 1;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;position: relative;margin-bottom: 45px;padding: 0 0 0 120px;}
#event h2::before{content:"";display: block;width: 100px;height: 1px;background: #3D3D3D;position: absolute;top: 52%;left: 0;transform: translateY(-50%);}
#event .inner-Box{ margin: 0 auto; position: relative; width: 1252px; }
#event ul.system-list{d: multiple;-moz-boxisplay: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 30px;}
#event ul.system-list li{width: 384px; margin-right: 50px;}
#event ul.system-list li:nth-child(3n) { margin-right: 0px; }
#event ul.system-list li a{display: block;padding: 30px 0 0;position: relative;}
#event ul.system-list .evvicon{display: inline-block;margin-bottom: 4px;position: absolute;z-index: 3;top: -1px;}
#event ul.system-list .evvicon span{font-size: 13px;line-height: 1;letter-spacing: 0.2em;font-weight: bold;text-align: left;display: inline-block;border: 1px solid #676767;padding: 2px 20px;}
#event ul.system-list .evvicon span.end{background: #524F46;color: #fff;padding: 2px 28px;
background: rgba(0, 0, 0, 0.3);
}
#event ul.system-list .system-pic {width: 100%;aspect-ratio: 1 / 1;overflow: hidden;text-align: center;position: relative;margin-bottom: 21px;}
#event ul.system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#event ul.system-list .system-date{color: #858585;font-size: 14px;line-height: 1;letter-spacing: 0.05em;font-weight: 500;text-align: left;margin-bottom: 16px;}
#event ul.system-list .system-ttl-01{font-size: 18px;line-height: 1.5;letter-spacing: 0.05em;font-weight: 600;text-align: left;margin-bottom: 16px;}
#event ul.system-list .system-place{font-size: 13px;line-height: 1.5;letter-spacing: 0.05em;font-weight: 500;text-align: left;padding-left: 19px;position: relative;}
#event ul.system-list .system-place::before{content:"";width: 10px;height: 15px;background: url('../images/common/map.svg')no-repeat bottom center;display: block;position: absolute;top: -2px;left: 0px;}
#event .inner-Box p.unlink {position: relative;width: 250px;margin: 0 auto;}

#case{margin-bottom: 100px;}
#case h2{font-size: 24px;line-height: 1;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;position: relative;margin-bottom: 45px;padding: 0 0 0 120px;}
#case h2::before{content:"";display: block;width: 100px;height: 1px;background: #3D3D3D;position: absolute;top: 52%;left: 0;transform: translateY(-50%);}
#case .inner-Box{margin: 0 auto;position: relative;max-width: 1742px;padding: 0 40px;}
#case .inner-Box p.unlink {position: relative;width: 250px;margin: 0 auto;}
#case  ul.system-list {display:grid;grid-template-columns: repeat(3,1fr);gap: 5px;width:100%;margin-bottom: 10px;}
#case  ul.system-list li:nth-child(10){ display: none; }
#case  ul.system-list li .system-pic {width: 100%;aspect-ratio: 550 / 366;overflow: hidden;text-align: center;margin-bottom: 3px;position: relative;}
#case  ul.system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#case  ul.system-list li {margin-bottom: 40px;}
#case  ul.system-list li .systtl{margin-bottom: 10px;font-size: 18px;line-height: 1.56;letter-spacing: 0.05em;font-weight: 600;text-align: left;position: relative;padding: 6px 0 0 78px;}
#case  ul.system-list li .systtl span.no{margin-bottom: 10px;position: absolute;top: 6px;left: 0;border-right: 1px #3D3D3D solid;padding: 2px 16px 1px 0;font-size: 18px;line-height: 1.4;letter-spacing: 0.1em;font-weight: 600;text-align: left;color: #3D3D3D;}

#contents02 {margin: 0 auto 110px;position: relative;background: url('../images/index/contents02-back01.png') repeat-x top left;animation: bgScroll 120s linear infinite;padding: 540px 0 0;}
@keyframes bgScroll { from { background-position: 0 0; } to { background-position: -2322px 0; } }
#contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 1480px;padding: 0 40px;}
#contents02 .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;}
#contents02 .inner-Box ul li {margin-right: 2.9%;width: 31.4%;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents02 .inner-Box ul li figure {width: 100%;height: auto;margin-bottom: 18px;}
#contents02 .inner-Box ul li figure img { width: 100%; height: auto; display: block; }
#contents02 .inner-Box ul li .pp{ position: relative; }
#contents02 .inner-Box ul li .pp .arr{position: absolute;bottom: 13px;right: 13px;width: 62px;height: 62px;border: 1px solid #fff;border-radius: 50%;text-align: center;padding: 9px 0 0;transition: all 0.3s ease-in-out;}
#contents02 .inner-Box ul li .pp .arr img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);transition: all 0.3s ease-in-out;}
#contents02 .inner-Box ul li a:hover .pp .arr{ background: #fff; }
#contents02 .inner-Box ul li a:hover .pp .arr img{ -webkit-filter: none; filter: none;}
#contents02 .inner-Box ul li a {  }
#contents02 .inner-Box p.ltext { margin-bottom: 0px; position: relative; }

#contents03 {margin: 0 auto 160px;position: relative;}
#contents03 .inner-Box1{position:relative;display:flex;background: #fff;margin-bottom: 90px;}
#contents03 .inner-Box1 .photo-Box{position:relative;width:66.6667%;}
#contents03 .inner-Box1 .photo-Box img{display:block;width:100%;height:auto;}
#contents03 .inner-Box1 .text-Box{position:relative;width:33.3333%;display:flex;align-items:center;}
#contents03 .inner-Box1 .text-Box .min-Box{position:relative;max-width: 521px;width: 100%;margin: 0 auto;padding: 0 30px 0;}
#contents03 .inner-Box1 .min-Box h2.f-min {margin-bottom: 30px;position: relative;font-size: 34px;line-height: 1.8;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box1 .min-Box p.text {margin-bottom: 50px;position: relative;font-size: 15px;line-height: 2.1;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box1 .min-Box p.unlink {position: relative;width: 250px;margin: 0;}

#contents03 .inner-Box2{position:relative;display:flex;background: #fff;margin-bottom: 90px;}
#contents03 .inner-Box2 .photo-Box{position:relative;width:66.6667%; order: 2;}
#contents03 .inner-Box2 .photo-Box img{display:block;width:100%;height:auto;}
#contents03 .inner-Box2 .text-Box{position:relative;width:33.3333%;display:flex;align-items:center;order: 1;}
#contents03 .inner-Box2 .text-Box .min-Box{position:relative;max-width: 521px;width: 100%;margin: 0 auto;padding: 0 30px 0;}
#contents03 .inner-Box2 .min-Box h2.f-min {margin-bottom: 30px;position: relative;font-size: 34px;line-height: 1.8;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box2 .min-Box p.text {margin-bottom: 50px;position: relative;font-size: 15px;line-height: 2.1;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box2 .min-Box p.unlink {position: relative;width: 250px;margin: 0;}

#contents03 .inner-Box3{position:relative;display:flex;background: #fff;margin-bottom: 90px;}
#contents03 .inner-Box3 .photo-Box{position:relative;width:66.6667%;}
#contents03 .inner-Box3 .photo-Box img{display:block;width:100%;height:auto;}
#contents03 .inner-Box3 .text-Box{position:relative;width:33.3333%;display:flex;align-items:center;}
#contents03 .inner-Box3 .text-Box .min-Box{position:relative;max-width: 521px;width: 100%;margin: 0 auto;padding: 0 30px 0;}
#contents03 .inner-Box3 .min-Box h2.f-min {margin-bottom: 30px;position: relative;font-size: 34px;line-height: 1.8;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box3 .min-Box p.text {margin-bottom: 50px;position: relative;font-size: 15px;line-height: 2.1;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box3 .min-Box p.unlink {position: relative;width: 250px;margin: 0;}

#staff{margin-bottom: 153px;position: relative;}
#staff h2{font-size: 24px;line-height: 1;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;position: relative;margin-bottom: 80px;padding: 0 0 0 120px;}
#staff h2::before{content:"";display: block;width: 100px;height: 1px;background: #3D3D3D;position: absolute;top: 52%;left: 0;transform: translateY(-50%);}
#staff p.text{font-size: 16px;line-height: 2.1;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;position: absolute;top: -6px;left: 410px;}
#staff .inner-Box{margin: 0 auto;position: relative;max-width: 1181px;padding: 0 40px;}
#staff .inner-Box p.unlink {position: relative;width: 250px;}
#staff .back-Box{height: 180px;background: url('../images/index/contents04-back01.png') repeat-x top left;animation: bgScroll 120s linear infinite;width: auto;margin-left: 33%;margin-bottom: -49px;}
@keyframes bgScroll2 { from { background-position: 0 0; } to { background-position: -1250px 0; } }


#contents05 {margin: 0 auto 20px;position: relative;padding: 0 40px;}
#contents05 a{display: block;max-width: 1480px;margin: 0 auto;position: relative;}
#contents05 h2.f-min {margin-bottom: 0px;position: absolute;font-size: 34px;line-height: 1.8;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #FFFFFF;z-index: 3;top: 34%;left: 100px;}
#contents05 figure.photo {position: relative;top: 0;left: 0;margin-bottom: -140px;}
#contents05 figure.photo::before{content:"";display: block;width: 100%;height: 100%;background: rgba(104,98,90,0.8);position: absolute;top: 0;left: 0;z-index: 2;mix-blend-mode: multiply;transition: all 0.3s ease-in-out;}
#contents05 a:hover figure.photo::before{ background: rgba(104,98,90,1);}

#contents05 figure.photo img{width: 100%;height: auto;}
#contents05 .inner-Box {margin: 0 0 0 auto;position: relative;background: #F3F3F1;width: 740px;padding: 42px 70px 80px 80px;z-index: 3;}
#contents05 .inner-Box p.text {margin-bottom: 31px;position: relative;font-size: 16px;line-height: 2.1;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}
#contents05 .inner-Box p.nounlink {position: relative;width: 250px;margin: 0 -70px 0 auto;}

#contents06{margin-bottom: 155px;position:relative;}
#contents06 .inner-Box{padding:0 40px;margin-bottom: -80px;position: relative;}
#contents06 h2{font-size:24px;line-height:1;letter-spacing:0.2em;font-weight:bold;text-align:left;color:#3D3D3D;position:relative;margin-bottom:45px;padding:0 0 0 120px;}
#contents06 h2::before{content:"";display:block;width:100px;height:1px;background:#3D3D3D;position:absolute;top:52%;left:0;transform:translateY(-50%);}
#contents06 h3{position: absolute;top: 93px;right: 130px;z-index: 3;max-width: 169px;width: 9vw;}
#contents06 h3 img{ width: 100%; height: auto; display: block; }
#contents06 .concept-slide{position:relative;width:100%;overflow:hidden;aspect-ratio:1840 / 916;}
#contents06 .concept-slide__item{position:absolute;inset:0;opacity:0;z-index:1;}
#contents06 .concept-slide__item.is-base{opacity:1;z-index:1;}
#contents06 .concept-slide__item.is-cover{opacity:1;z-index:2;}

#contents06 .concept-slide__item img{ width:100%; height:100%; object-fit:cover; display:block; clip-path:inset(0 0 0 0); transform:scale(1); }
#contents06 .concept-slide__item.is-cover img{ clip-path:inset(0 0 0 100%); transform:scale(1.08); }
#contents06 .concept-slide__item.is-cover.is-anim img{ clip-path:inset(0 0 0 0); transform:scale(1); transition: clip-path 1.6s ease, transform 1.8s ease; }

#contents06 .btn-Box{background: #E8E8E5;width: 725px;height: 162px;padding: 54px 40px 40px 80px;margin: 0 0 0 auto;position: relative;z-index: 3;}
#contents06 .btn-Box p.unlink{position:relative;margin:0;}

#faqcontents{margin: -30px auto 137px;width: 1100px;position: relative;}
#faqcontents .inner-Box{margin: 0 auto;}
#faqcontents .inner-Box h2{ font-size: 24px; line-height: 3.3; letter-spacing: 0.2em; font-weight: bold; text-align: left; color: #3D3D3D; margin-bottom: 40px; }
#faqcontents .inner-Box h2 span{font-size: 16px;position: relative;top: -5px;color: #ccc;font-weight: 500;display: inline-block;margin-right: 10px;}
#faqcontents .inner-Box p.sbbtext {position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-bottom: 5.6rem;}

#faqcontents .accordion {margin: 3em auto; max-width: 60vw; }
#faqcontents .toggle {display: none; }
#faqcontents .option {position: relative;margin-bottom: -1px;border-bottom: #DBDAD8 1px solid;border-top: #DBDAD8 1px solid;}
#faqcontents .option::before{content: "";background: #fff;border-radius: 50%;width: 62px;height: 62px;display: block;position: absolute;top: 28px;right: 24px;}
#faqcontents .option::after{content: "";background: #68625A;width: 16px;height: 1px;display: block;position: absolute;top: 58px;right: 47px;}
#faqcontents .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#faqcontents .title {display: block;padding: 33px 100px 38px 34px;font-size: 16px;line-height: 2.8;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#faqcontents .title::before {content: "";position: absolute;width: 33px;height: 33px;background: url(../images/common/faq-icon02.svg)no-repeat;transition: all 0.3s;position: absolute;top: 40px;left: -8px;}
#faqcontents .title::after{content: "";background: #68625A;width: 1px;height: 16px;display: block;position: absolute;top: 51px;right: 54px;transition: all 0.3s ease-in-out;}


#faqcontents .content {display: grid;grid-template-rows: 0fr;transition: 0.4s;overflow: hidden;}
#faqcontents .content > * { overflow: hidden; }
#faqcontents .toggle:checked + .title + .content {grid-template-rows: 1fr;padding: 0px 40px 40px 34px;}
#faqcontents .toggle:checked + .title + .content::after {content: "";background: url(../images/common/faq-icon03.svg)no-repeat;width: 33px;height: 33px;position: absolute;top: 0px;left: -5px;transform-origin: center;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#faqcontents .toggle:checked + .title::after {transform: rotate(90deg) !important;}
#faqcontents p.unlink{position:absolute;margin:0;top: 9px;right: 0;width: 128px;}


#news{margin-bottom: 89px;}
#news h2{font-size: 24px;line-height: 1;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;position: relative;margin-bottom: 50px;padding: 0 0 0 120px;}
#news h2::before{content:"";display: block;width: 100px;height: 1px;background: #3D3D3D;position: absolute;top: 52%;left: 0;transform: translateY(-50%);}
#news .inner-Box{margin: 0 auto;position: relative;max-width: 936px;padding: 0 40px 18px;}
#news p.unlink{position:absolute;margin:0;bottom: 9px;right: 50px;width: 128px;}
#news .cate{display: inline-block;color: #3D3D3D;border: #C2C2C2 1px solid;padding: 0px 7px;position: absolute;top: 4px;right: 0;font-size: 10px;}
#news .system-list2{display:grid;grid-template-columns: repeat(4,1fr);gap: 3.5478% 4.6847%;margin-bottom:50px;}
#news .system-list2 li{overflow:hidden;line-height:1.4;margin-bottom:0;}

#news .system-list2 li a:hover{ text-decoration: none; }
#news .system-list2  .system-pic {width: 100%;aspect-ratio: 184 / 133;overflow: hidden;text-align: center;position: relative;margin-bottom: 7px;}
#news .system-list2  .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

#news .system-list2 .textbx{}
#news .system-day{margin-bottom: 1px;font-size: 11px;line-height: 1.4;color: #A4A4A4;position: relative;padding: 4px 0;}
#news .system-list2 .system-ttl-01{ font-size: 0.938em; line-height: 1.6; margin-bottom: 10px; }
#news .system-list2 .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
/**/

#news .newicon{font-size: 12px;line-height: 1.41667;letter-spacing: 0px;font-weight: 500;text-align: left;margin-bottom: 10px;}
#news .newicon span{display: inline-block;color: #fff;background: #3B699B;border-radius: 4px;padding: 3px 10px;}

#contentsaccess {margin: 0 auto 140px;position: relative;width: 1280px;height: 420px;background: #E8E8E5;padding: 60px 90px;}
#contentsaccess .inner-Box {margin: 0 auto;position: relative;padding-top: 25px;}
#contentsaccess .inner-Box h2 {margin-bottom: 32px;position: relative;font-size: 16px;line-height: 2;letter-spacing: 0.05em;font-weight: bold;text-align: left;color: #3D3D3D;}
#contentsaccess .inner-Box p.text {margin-bottom: 11px;position: relative;font-size: 14px;line-height: 1.6;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;padding: 0 0 0 79px;}
#contentsaccess .inner-Box p.text span.ttl {position: absolute;top: 0;left: 0;}
#contentsaccess .inner-Box p.text span.textl {display: inline-block;border-left: 1px solid #E1D8CC;padding-left: 15px;width: 417px;}
#contentsaccess .inner-Box p.text span.sp-tel-link {  }
#contentsaccess .inner-Box iframe{width: 550px;height: 300px;position: absolute;top: 0;right: 0px;}

#contentsend .inner-Box{margin: 0 0 96px;}
#contentsend p.text{font-size: 14px;line-height: 2.1;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #FFFFFF;max-width: 1100px;margin: 92px auto;}



    #contentsend {
        padding-top: 1px;
    }


}

/* ==========================================================================
   タブレット・ノートPC用の中間ブレイクポイント (768px〜1450px)
   ========================================================================== */
@media screen and (min-width: 768px) and (max-width: 1450px) {

#contents05 h2.f-min{top: 22%;}



}

/* ==========================================================================
   スマホ用スタイル (767px以下)
   ========================================================================== */
@media screen and (max-width: 767px) {



p.unlink a {display: block;padding: 3.53vw 0;position: relative;font-size: 3.6vw;line-height: 1.2;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;}
p.unlink a::before{ content:""; display: block; width: 100%; height: 0.27vw; background: #3D3D3D; position: absolute; bottom: 0; left: 0; transform: scaleX(1); transform-origin: left; transition: transform .4s ease; }
p.unlink a .arr{position: absolute;top: 5.03vw;right: 0vw;width: 2.8vw;height: 2.67vw;transition: all 0.3s ease-in-out;}
p.unlink a .arr img{ width: 100%; height: auto; display: block; }

.nounlink{display:block;font-size: 3.6vw;line-height:1;letter-spacing:.2em;font-weight:bold;text-align:left;color:#3D3D3D;padding: 4.03vw 0;position:relative;}
.nounlink::before{content:"";display:block;width:100%;height:0.27vw;background:#3D3D3D;position:absolute;bottom:0;left:0;transform:scaleX(1);transform-origin:left;transition:transform .4s ease;}
.nounlink .arr{position:absolute;top: 5.33vw;right:0;width: 2.9vw;height:2.67vw;transition:all .3s ease-in-out;}
.nounlink .arr img{display:block;width:100%;height:auto;}

header {position: absolute;z-index: 3;}
header .h-logo img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

#popupbanner{position: fixed;z-index: 9999;bottom: 22vw;right: 3.33vw;height: auto;background-color: rgba(0, 0, 0, 0.5);display: none;}
#popupbanner p img{ width: 100%;height: auto;display: block;}
#popupbanner .close{position: absolute;top: -0.33vw;right: 2.67vw;display: block;width: 3vw;}

#contentsmain {margin: 0 auto 10vw;position: relative;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .inner-Box h1 {position: absolute;z-index: 3;bottom: 9.97vw;right: 5.4vw;width: 50.9vw;}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {  }
#contentsmain .inner-Box ul.hnavi {position: absolute;display: none;}
#contentsmain .inner-Box ul li { position: relative; }
#contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsmain .inner-Box ul li a {font-size: 3.73vw;line-height: 2.9;letter-spacing: 0.05em;font-weight: 600;text-align: left;color: #FFFFFF;}
#contentsmain .inner-Box ul li a:hover {  }
#contentsmain .inner-Box p.ltext { margin-bottom: 0.0vw; position: relative; }
#contentsmain .inner-Box ul.main-slide {}
#contentsmain .inner-Box ul.main-slide li a {display: block;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsmain .inner-Box figure.photo img{ width: 100%; height: auto; display: block; }

/*スクロールダウン全体の場所*/
.scrolldown1{/*描画位置※位置は適宜調整してください*/position:absolute;right: 5.6vw; /*全体の高さ*/top: 50%;height: 26.67vw;overflow: hidden;z-index: 3;transform: translateY(-50%);}
/* 線の描写 */
.scrolldown1::after{content: ""; /*描画位置*/position: absolute;top: 0; /*線の形状*/width: 0.27vw;height: 47.2vw;background: #fff; /*線の動き1.4秒かけて動く。永遠にループ*/animation: pathmove 1.4s ease-in-out infinite;opacity:0;}
/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
0%{height:0; top:0; opacity: 0; } 30%{height:47.2vw; opacity: 1; } 100%{height:47.2vw; top:48.0vw; opacity: 0; } }

#contents01 {margin: 0 auto 6vw;position: relative;}
#contents01 .inner-Box {margin: 0 8.2vw;position: relative;}
#contents01 .inner-Box h2.f-min {margin-bottom: 16vw;position: relative;font-size: 4.3vw;line-height: 2.8;letter-spacing: 0.35em;font-weight: 600;text-align: left;color: #3D3D3D;}
#contents01 .inner-Box p.unlink {position: relative;bottom: 7.47vw;right: 0;margin-left: 47.9vw;}

#event{margin: 0 0 18.7vw;}
#event h2{position: relative;margin-bottom: 0vw;padding: 0 0 0 10.1vw;font-size: 5.3vw;line-height: 3.6;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;}
#event h2::before{content:"";display: block;width: 7.67vw;height: 0.27vw;background: #3D3D3D;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#event .inner-Box{position: relative;}
#event ul.system-list{margin-bottom: 22.4vw;}
#event ul.system-list li{margin: 0 3.02vw;width: 72.46vw;}
#event ul.system-list li a{display: block;padding: 8.0vw 0 0;position: relative;}
#event ul.system-list .evvicon{display: inline-block;margin-bottom: 1.07vw;position: absolute;z-index: 3;top: 0vw;}
#event ul.system-list .evvicon span{font-size: 3.47vw;line-height: 1;letter-spacing: 0.2em;font-weight: bold;text-align: left;display: inline-block;border: 0.27vw solid #676767;padding: 0.53vw 4.33vw;}
#event ul.system-list .evvicon span.end{background: #524F46;color: #fff;padding: 0.53vw 6.47vw;
background: rgba(0, 0, 0, 0.3);
}
#event ul.system-list .system-pic {width: 100%;aspect-ratio: 384 / 384;overflow: hidden;text-align: center;position: relative;margin-bottom: 5.1vw;}
#event ul.system-list .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#event ul.system-list .system-date{color: #858585;font-size: 3.33vw;line-height: 1;letter-spacing: 0.05em;font-weight: 500;text-align: left;margin-bottom: 3.87vw;}
#event ul.system-list .system-ttl-01{font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 600;text-align: left;margin-bottom: 3.57vw;}
#event ul.system-list .system-place{font-size: 3.47vw;line-height: 1.4;letter-spacing: 0.05em;font-weight: 500;text-align: left;padding-left: 4.27vw;position: relative;}
#event ul.system-list .system-place::before{content:"";width: 2.47vw;height: 3.7vw;background: url('../images/common/map.svg')no-repeat bottom center;display: block;position: absolute;top: -0.3vw;left: 0.0vw;background-size: 100% auto;}
#event .inner-Box p.unlink {position: relative;margin: 0 20vw;}

#event .slick-dotted.slick-slider {margin-bottom: 15.9vw;}
#event .slick-dots {position: absolute;bottom: -8vw;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-ali;text-align: center;px;}
#event .slick-dots li {position: relative;display: inline-block;height: 8px;width: 1vw!important;margin: 0 1.6vw!important;padding: 0;cursor: pointer;left: 0vw;top: 0!important;}
#event .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: #D6D6D6;}
#event .slick-dots li button:hover, #event .slick-dots li button:focus { outline: none; }
#event .slick-dots li button:hover:before, #event .slick-dots li button:focus:before { opacity: 1; }
#event .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; }
#event .slick-dots li.slick-active button {background: #A1988C;}



#case{margin-bottom: 18vw;}
#case h2{position: relative;margin-bottom: 1.53vw;padding: 0 0 0 10.1vw;font-size: 5.3vw;line-height: 3;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;}
#case h2::before{content:"";display: block;width: 7.67vw;height: 0.27vw;background: #3D3D3D;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#case .inner-Box{margin: 0 4.6vw;position: relative;}
#case .inner-Box p.unlink {position: relative;margin: 0 15.3vw;}
#case  ul.system-list {display:grid;grid-template-columns: repeat(2,1fr);gap: 2.33vw;width:100%;margin-bottom: 7.3vw;}
#case  ul.system-list li{ }
#case  ul.system-list li .system-pic {width: 100%;aspect-ratio: 550 / 366;overflow: hidden;text-align: center;margin-bottom: 3.6vw;position: relative;}
#case  ul.system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#case  ul.system-list li {margin-bottom: 1.53vw;}
#case  ul.system-list li .systtl{margin-bottom: 2.67vw;position: relative;font-size: 3.4vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;text-align: left;color: #3D3D3D;}
#case  ul.system-list li .systtl span.no{margin-bottom: 0.77vw;position: relative;font-size: 3.1vw;line-height: 1;letter-spacing: 0.1em;font-weight: 600;text-align: left;color: #3D3D3D;display: block;}

#contents02 {margin: 0 auto 22.43vw;position: relative;background: url('../images/index/contents02-back01.png') repeat-x top left;animation: bgScroll 120s linear infinite;padding: 65vw 0 0;background-size: auto 44.4vw;}
@keyframes bgScroll { from { background-position: 0 0; } to { background-position: -560.87vw 0; } }
#contents02 .inner-Box {margin: 0 6.6vw;position: relative;}
#contents02 .inner-Box ul.list {}
#contents02 .inner-Box ul li {margin-bottom: 6.3vw;}
#contents02 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents02 .inner-Box ul li figure {width: 100%;height: auto;margin-bottom: 4.8vw;}
#contents02 .inner-Box ul li figure img { width: 100%; height: auto; display: block; }
#contents02 .inner-Box ul li .pp{position: relative;margin-bottom: -1vw;}
#contents02 .inner-Box ul li .pp .arr{position: absolute;bottom: 2.27vw;right: 3.27vw;width: 14.93vw;height: 14.93vw;border: 0.27vw solid #fff;border-radius: 50%;text-align: center;padding: 2.4vw 6.1vw 0;transition: all 0.3s ease-in-out;}
#contents02 .inner-Box ul li .pp .arr img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);transition: all 0.3s ease-in-out;}
#contents02 .inner-Box ul li a:hover .pp .arr{ background: #fff; }
#contents02 .inner-Box ul li a:hover .pp .arr img{ -webkit-filter: none; filter: none;}
#contents02 .inner-Box ul li a {  }
#contents02 .inner-Box p.ltext {margin-bottom: 0.0vw;position: relative;font-size: 3.9vw;line-height: 1.9;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}

#contents03 {margin: 0 auto -5.7vw;position: relative;}
#contents03 .inner-Box1{position:relative;background: #fff;margin-bottom: 9.5vw;box-shadow: 0 0.24vw 0.48vw #00000029;}
#contents03 .inner-Box1 .photo-Box{position:relative;}
#contents03 .inner-Box1 .photo-Box img{display:block;width:100%;height:auto;}
#contents03 .inner-Box1 .text-Box{position:relative;}
#contents03 .inner-Box1 .text-Box .min-Box{position:relative;margin: 0 4vw;padding: 8.5vw 9.8vw 12vw;}
#contents03 .inner-Box1 .min-Box h2.f-min {margin-bottom: 6.2vw;position: relative;font-size: 5.3vw;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box1 .min-Box p.text {margin-bottom: 10.43vw;position: relative;font-size: 3.9vw;line-height: 1.9;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box1 .min-Box p.unlink {position: relative;margin: 0 12.3vw;}

#contents03 .inner-Box2{position:relative;background: #fff;margin-bottom: 9.7vw;box-shadow: 0 0.24vw 0.48vw #00000029;}
#contents03 .inner-Box2 .photo-Box{position:relative;}
#contents03 .inner-Box2 .photo-Box img{display:block;width:100%;height:auto;}
#contents03 .inner-Box2 .text-Box{position:relative;}
#contents03 .inner-Box2 .text-Box .min-Box{position:relative;margin: 0 4vw;padding: 8.5vw 9.8vw 12vw;}
#contents03 .inner-Box2 .min-Box h2.f-min {margin-bottom: 6.2vw;position: relative;font-size: 5.3vw;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box2 .min-Box p.text {margin-bottom: 10.43vw;position: relative;font-size: 3.9vw;line-height: 1.9;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box2 .min-Box p.unlink {position: relative;margin: 0 12.3vw;}

#contents03 .inner-Box3{position:relative;background: #fff;margin-bottom: 24.0vw;box-shadow: 0 0.24vw 0.48vw #00000029;}
#contents03 .inner-Box3 .photo-Box{position:relative;}
#contents03 .inner-Box3 .photo-Box img{display:block;width:100%;height:auto;}
#contents03 .inner-Box3 .text-Box{position:relative;}
#contents03 .inner-Box3 .text-Box .min-Box{position:relative;margin: 0 4vw;padding: 8.5vw 9.8vw 12vw;}
#contents03 .inner-Box3 .min-Box h2.f-min {margin-bottom: 6.2vw;position: relative;font-size: 5.3vw;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box3 .min-Box p.text {margin-bottom: 10.43vw;position: relative;font-size: 3.9vw;line-height: 1.9;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}
#contents03 .inner-Box3 .min-Box p.unlink {position: relative;margin: 0 12.3vw;}




#staff{margin-bottom: 20vw;position: relative;}
#staff h2{position: relative;margin-bottom: -0.17vw;padding: 0 0 0 10.1vw;font-size: 5.3vw;line-height: 3.6;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;}
#staff h2::before{content:"";display: block;width: 7.67vw;height: 0.27vw;background: #3D3D3D;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#staff p.text{position: relative;top: 0vw;left: 0vw;font-size: 3.9vw;line-height: 1.9;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;margin: 0 7.6vw 10vw;position: relative;padding: 0 10.67vw;}
#staff .inner-Box p.unlink {position: relative;}
#staff .back-Box{height: 29.7vw;background: url('../images/index/contents04-back01.png') repeat-x top left;animation: bgScroll2 120s linear infinite;width: auto;margin-left: 13.8%;margin-bottom: 5.1vw;background-size: auto 29.6vw;}
#staff .unlink{width: 48vw; margin: 0 auto;}

@keyframes bgScroll2 { from { background-position: 0 0; } to { background-position: -301.93vw 0; } }


#contents05 {margin: 0 auto 15vw;position: relative;padding: 0 3.67vw;}
#contents05 a{display: block;margin: 0 4vw;position: relative;}
#contents05 h2.f-min {margin-bottom: 0.0vw;position: absolute;z-index: 3;top: 27vw;left: 5.17vw;font-size: 5.8vw;line-height: 1.7;letter-spacing: 0.35em;font-weight: 600;text-align: left;color: #FFFFFF;}
#contents05 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 3vw;}

/* #contents05 figure.photo::before{content:"";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;mix-blend-mode: multiply;transition: all 0.3s ease-in-out;}

#contents05 a:hover figure.photo::before{ background: rgba(104,98,90,1);} */

#contents05 figure.photo img{width: 100%;height: auto;}
#contents05 .inner-Box {margin: 0 0 0 auto;position: relative;background: #F3F3F1;z-index: 3;}
#contents05 .inner-Box p.text {margin-bottom: 5.17vw;position: relative;font-size: 3.9vw;line-height: 1.9;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}
#contents05 .inner-Box p.nounlink {position: relative;margin: 0 18.1vw 0;}

#contents06{margin-bottom: 14vw;position:relative;}
#contents06 .inner-Box{margin-bottom: -4.3vw;position: relative;}
#contents06 h2{position: relative;margin-bottom: 3.23vw;padding: 0 0 0 10.1vw;font-size: 5.3vw;line-height: 3.6;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;}
#contents06 h2::before{content:"";display: block;width: 7.67vw;height: 0.27vw;background: #3D3D3D;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#contents06 h3{position: absolute;top: 5.1vw;right: 5.67vw;z-index: 3;width: 21.1vw;}
#contents06 h3 img{ width: 100%; height: auto; display: block; }
#contents06 .concept-slide{position:relative;width:100%;overflow:hidden;aspect-ratio: 840 / 831;}
#contents06 .concept-slide__item{position:absolute;inset:0;opacity:0;z-index:1;}
#contents06 .concept-slide__item.is-base{opacity:1;z-index:1;}
#contents06 .concept-slide__item.is-cover{opacity:1;z-index:2;}

#contents06 .concept-slide__item img{ width:100%; height:100%; object-fit:cover; display:block; clip-path:inset(0 0 0 0); transform:scale(1); }
#contents06 .concept-slide__item.is-cover img{ clip-path:inset(0 0 0 100%); transform:scale(1.08); }
#contents06 .concept-slide__item.is-cover.is-anim img{ clip-path:inset(0 0 0 0); transform:scale(1); transition: clip-path 1.6s ease, transform 1.8s ease; }

#contents06 .btn-Box{background: #E8E8E5;height: 19.2vw;margin: 0 1.1vw 0 33.7vw;position: relative;padding: 2.4vw 6.1vw 0 6vw;z-index: 3;}
#contents06 .btn-Box p.unlink{position:relative;margin:0;}

#faqcontents{margin: 0vw auto 17vw;position: relative;}
#faqcontents .inner-Box{}
#faqcontents h2{position: relative;margin-bottom: 1.53vw;padding: 0 0 0 10.1vw;font-size: 5.3vw;line-height: 3.6;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;}
#faqcontents h2::before{content:"";display: block;width: 7.67vw;height: 0.27vw;background: #3D3D3D;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#faqcontents .inner-Box p.sbbtext {position: relative;font-size: 4.27vw;line-height: 2;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-bottom: 5.6rem;}

#faqcontents .accordion {margin: 3em auto; max-width: 60vw; }
#faqcontents .toggle {display: none; }
#faqcontents .option {position: relative;margin-bottom: 0vw;border-bottom: #DBDAD8 0.27vw solid;border-top: #DBDAD8 0.27vw solid;margin: 0 3vw;}
#faqcontents .option::before{content: "";background: #fff;border-radius: 50%;width: 10.93vw;height: 10.93vw;display: block;position: absolute;top: 8.57vw;right: 0vw;}
#faqcontents .option::after{content: "";background: #68625A;width: 4.106vw;height: 1px;display: block;position: absolute;top: 13.768vw;right: 3.382vw;}
#faqcontents .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#faqcontents .title {display: block;padding: 10.5vw 17.67vw 10.83vw 9.17vw;font-size: 3.9vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: bold;text-align: left;color: #3D3D3D;}
#faqcontents .title::before {content: "";position: absolute;width: 8.3vw;height: 8.8vw;background: url(../images/common/faq-icon02.svg)no-repeat;transition: all 0.3s;position: absolute;top: 9.87vw;left: -1.4vw;background-size: 100% auto;}
#faqcontents .title::after{content: "";background: #68625A;width: 1px;height: 4.106vw;display: block;position: absolute;top: 11.836vw;right: 5.314vw;transition: all 0.3s ease-in-out;}


#faqcontents .content {display: grid;grid-template-rows: 0fr;transition: 0.4s;overflow: hidden;}
#faqcontents .content > * { overflow: hidden; }
#faqcontents .toggle:checked + .title + .content {grid-template-rows: 1fr;padding: 0.0vw 10.67vw 10.67vw 12.07vw;}
#faqcontents .toggle:checked + .title + .content::after {content: "";background: url(../images/common/faq-icon03.svg)no-repeat;width: 8.8vw;height: 8.8vw;position: absolute;top: 0.0vw;left: 2vw;transform-origin: center;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#faqcontents .toggle:checked + .title::after {transform: rotate(90deg) !important;}
#faqcontents p.unlink{position: relative;margin: 8.8vw 34.8vw 0;right: 0;}


#news{margin-bottom: 14vw;}
#news h2{position: relative;margin-bottom: 1.53vw;padding: 0 0 0 10.1vw;font-size: 5.3vw;line-height: 3.6;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #3D3D3D;}
#news h2::before{content:"";display: block;width: 7.67vw;height: 0.27vw;background: #3D3D3D;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

#news .inner-Box{margin: 0 2.9vw;position: relative;padding: 0;}
#news p.unlink{position: relative;margin: 0 32vw;}
#news .cate{display: inline-block;color: #3D3D3D;border: #C2C2C2 0.27vw solid;padding: 0.3vw 1.87vw;position: absolute;top: 1.67vw;right: 0;font-size: 2.67vw;line-height: 1;}
#news .system-list2{display:grid;grid-template-columns: repeat(2,1fr);gap: 4.1478% 5.6847%;margin-bottom: 10vw;}
#news .system-list2 li{line-height:1.4;margin-bottom:0;}

#news .system-list2 li a:hover{ text-decoration: none; }
#news .system-list2  .system-pic {width: 100%;aspect-ratio: 184 / 133;overflow: hidden;text-align: center;position: relative;margin-bottom: 1.17vw;}
#news .system-list2  .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }

#news .system-list2 .textbx{}
#news .system-day{margin-bottom: 0.27vw;font-size: 2.93vw;line-height: 1.4;color: #A4A4A4;position: relative;padding: 1.07vw 0;}
#news .system-list2 .system-ttl-01{margin-bottom: 2.67vw;font-size: 3.9vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}
#news .system-list2 .system-contributor { color: #bbb; font-size: 0.75em; text-align: right;}
/**/

#news .newicon{font-size: 3.2vw;line-height: 1.41667;letter-spacing: 0.0vw;font-weight: 500;text-align: left;margin-bottom: 2.67vw;}
#news .newicon span{display: inline-block;color: #fff;background: #3B699B;border-radius: 1.07vw;padding: 0.8vw 2.67vw;}

#contentsaccess {margin: 0 auto;position: relative;background: #E8E8E5;}
#contentsaccess .inner-Box {margin: 0 4vw;position: relative;padding: 16.27vw 3.5vw 11.77vw 3.5vw;}
#contentsaccess .inner-Box h2 {margin-bottom: 6.63vw;position: relative;font-size: 3.9vw;line-height: 1.9;letter-spacing: 0.05em;font-weight: bold;text-align: left;color: #3D3D3D;}
#contentsaccess .inner-Box p.text {margin-bottom: 0.03vw;position: relative;padding: 0 0 0 19.27vw;font-size: 3.4vw;line-height: 2.4;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}
#contentsaccess .inner-Box p.text span.ttl {position: absolute;top: 0;left: 0;}
#contentsaccess .inner-Box p.text span.textl {display: inline-block;border-left: 0.27vw solid #E1D8CC;padding-left: 3.3vw;font-size: 3.4vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #3D3D3D;}
#contentsaccess .inner-Box p.text span.sp-tel-link {  }
#contentsaccess .inner-Box iframe{height: 80.0vw;position: relative;top: 0;right: 0.0vw;width: 100%;margin: 10.8vw 0 0;}

#contentsend { position: relative; background: url(../images/index/sp-contentsend-back01.png) no-repeat bottom center; background-size: 100% auto; }
#contentsend .inner-Box{margin: 0 0 0;}
#contentsend .inner-Box2{ padding-bottom: 4.1vw; padding-top: 13vw; }
#contentsend p.text{margin: 14.33vw 3.6vw 13.83vw 3.3vw;font-size: 3.4vw;line-height: 2.1;letter-spacing: 0.05em;font-weight: 500;text-align: left;color: #FFFFFF;}




  
}