@charset "UTF-8";
@media screen and (min-width: 768px),print {
h1.main-title {padding: 47px 0 11px 0;}
#contentsmain{background: url('../images/v2h/main-back02.jpg')repeat-x top 832px center,url(../images/v2h/main-bg.png) no-repeat top 515px center;;padding-bottom: 78px;}
#contentsmain .inner-Box{width: 1100px;height: 349px;margin: 20px auto 388px auto;background: url('../images/v2h/main-back.jpg');text-align: center;padding-top: 33px;}
#contentsmain .inner-Box h2{margin-bottom: 20px;position: relative;left: -113px;}
#contentsmain .inner-Box p{font-size: 20px;font-weight: 700;letter-spacing: 1px;background: #fff;border-radius: 35px;margin: 0 auto 76px;width: 465px;height: 70px;padding-top: 20px;}
#contentsmain .inner-Box .main-txt{font-size: 16px; font-weight: 300; text-align: center; letter-spacing: 0.8px; line-height: 1.7; width: 600px; }

#contentsmain .inner-Box2{width: 1200px;margin: 0 auto;background: #fff;padding:58px 100px 15px 100px;box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#contentsmain .inner-Box2 .main-ttl{width: 1000px; margin: 0 auto 60px; font-size: 36px; font-weight: bold; color: #fff; background: #006B6F; position: relative; padding-left: 127px; letter-spacing: 2px;}
#contentsmain .inner-Box2 .main-ttl span{position: absolute; left: 30px; top: -7px;}
#contentsmain .inner-Box2 .main-ttl:nth-of-type(2){margin: 0 auto 45px; }
#contentsmain .inner-Box2 .flex-bx{width: 1000px; margin: 0 auto 70px; position: relative; 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; justify-content: center;}
#contentsmain .inner-Box2 .flex-bx:nth-of-type(2){margin: 0 auto 60px; }
#contentsmain .inner-Box2 .r-bx{width: 500px; margin-left: auto;}
#contentsmain .inner-Box2 .r-bx .r-ttl{font-size: 24px; font-weight: bold; letter-spacing: 1px; line-height: 1.6; margin-bottom: 10px;}
#contentsmain .inner-Box2 .r-bx .r-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.8; margin-bottom: 26px;}
#contentsmain .inner-Box2 .l-bx{}
#contentsmain .inner-Box2 .l-bx .l-img{position: absolute; left: 0; top: 0}
#contentsmain .inner-Box2 .t-bx{}
#contentsmain .inner-Box2 .t-bx .t-ttl{font-size: 24px; font-weight: bold; letter-spacing: 1px; line-height: 1.6; margin-bottom: 23px; text-align: center;}
#contentsmain .inner-Box2 .t-bx .t-txt{font-size: 16px; letter-spacing: 0.8px; line-height: 1.8; margin-bottom: 26px; text-align: center;}
#contentsmain .inner-Box2 .t-bx .t-img{text-align: center;}




#contents01{background: #f8f6ea;padding: 75px 0 81px 0;}
#contents01 .ttl{font-size: 48px; font-weight: 900; line-height: 1.1; letter-spacing: 2px; text-align: center; margin-bottom: 50px;}
#contents01 .inner-Box{width: 1100px;margin: 0 auto 65px;border-radius: 20px;border: 20px solid #ffad0a;background: #ffff;padding: 35px 70px;position: relative;}
#contents01 .inner-Box::before{content: url('../images/v2h/contents01-photo01.png');position: absolute;top: -200px;left: 39px;}
#contents01 .inner-Box h2{text-align: center;font-size: 36px;font-weight: 700;letter-spacing: 1.8px;position: relative;border-bottom: 5px dotted #e8340c;padding-bottom: 9px;margin-bottom: 38px;}
#contents01 .inner-Box h2::before{content: url('../images/v2h/contents01-icon01.svg');position: absolute;top: 0px;left: 258px;}
#contents01 .inner-Box figure{position: absolute;bottom: 41px;right: 57px;}
#contents01 .inner-Box ul{padding-left: 20px;}
#contents01 .inner-Box ul li{font-size: 22px;font-weight: 700;letter-spacing: 1.1px;margin-bottom: 20px;position: relative;padding-left: 64px;}
#contents01 .inner-Box ul li span.ch{position: absolute;top: -6px;left: 22px;}
#contents01 .inner-Box ul li p span{ color: #e8340c; }
#contents01 .inner-Box ul li .ss{font-size: 16px;font-weight: 300;letter-spacing: 0.8px;position: relative;}

#contents01 .inner-Box2{width: 1100px;margin: 0 auto;border-radius: 20px;border: 20px solid #73abbc;background: #ffff;padding: 35px 70px 39px 70px;position: relative;}
#contents01 .inner-Box2 h2{text-align: center;font-size: 36px;font-weight: 700;letter-spacing: 1.8px;position: relative;border-bottom: 5px dotted #e8340c;padding-bottom: 8px;padding-left: 50px;margin-bottom: 38px;}
#contents01 .inner-Box2 h2::before{content: url('../images/v2h/contents01-icon03.svg');position: absolute;top: 6px;left: 200px;}
#contents01 .inner-Box2 figure{position: absolute;bottom: 40px; right: 55px;}
#contents01 .inner-Box2 ul{padding-left: 20px;}
#contents01 .inner-Box2 ul li{font-size: 22px;font-weight: 700;letter-spacing: 1.1px;margin-bottom: 19px;position: relative;padding-left: 64px;}
#contents01 .inner-Box2 ul li span.ch{position: absolute;top: -6px;left: 23px;}
#contents01 .inner-Box2 ul li p span{ color: #00a8ae; }
#contents01 .inner-Box2 ul li .ss{font-size: 16px;font-weight: 300;letter-spacing: 0.8px;position: relative;}

#contents02{}
#contents02 .inner-Box{ width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/v2h/contents02-bg1.png) no-repeat top center,url(../images/v2h/contents02-bg2.png) no-repeat top center;; padding: 56px 0 18px;;}
#contents02 .inner-Box1{ width: 1000px; margin: 0 auto; position: relative; }
#contents02 .inner-Box1 .ttl{ text-align: center; margin-bottom: 24px;}
#contents02 .inner-Box1::before{ content: ""; width: 283px; height: 408px; background: url(../images/v2h/contents02-bg-icon1.png) no-repeat top center; position: absolute; left: -158px; top: -132px;}
#contents02 .inner-Box1::after{ content: ""; width: 310px; height: 273px; background: url(../images/v2h/contents02-bg-icon2.png) no-repeat top center; position: absolute; right: -154px; top: -85px;}

#contents02 .bx{ width: 1000px; margin: 0 auto 50px; position: relative; border: 5px solid #A20000; background: #fff; padding: 50px 45px 52px;}
#contents02 .bx:nth-of-type(3){ padding: 50px 45px 30px;}
#contents02 .bx:nth-of-type(5){ padding: 50px 45px 24px;}
#contents02 .bx .num{ position: absolute; left: -6px; top: -30px;}
#contents02 .bx .ttl1{ font-size: 22px; font-weight: bold; letter-spacing: 1px; line-height: 1.7; margin-bottom: 14px;}
#contents02 .bx .img{ position: absolute; right: 0; top: 0; }
#contents02 .bx .txt{ font-size: 16px; font-weight: 300; letter-spacing: 0.8px; line-height: 1.7; width: 541px;}

#contents04{background: #F3F3F3;padding: 101px 0 30px;margin-bottom: 100px;}
#contents04 .inner-Box{width: 1200px;margin: 0 auto 70px;position: relative; border: 3px solid #56C8A4; background: #fff; padding: 28px 50px 78px;}
#contents04 .inner-Box::before{content: ""; width: 341px; height: 247px; background: url('../images/v2h/contents04-photo.png') top center no-repeat;position: absolute;top: -248px; right: -1px;}
#contents04 .inner-Box .icon{ text-align: center; margin-bottom: 17px;}
#contents04 .inner-Box .ttl{ font-size: 30px; font-weight: bold; text-align: center; letter-spacing: 1.4px; line-height: 1.6; position: relative; width: 630px; margin: 0 auto 44px;}
#contents04 .inner-Box .ttl::before{ content: ""; width: 39px; height: 81px; background: url(../images/v2h/contents04-ttl-icon1.png) no-repeat top center; position: absolute; left: -7px; top: -17px;}
#contents04 .inner-Box .ttl::after{ content: ""; width: 86px; height: 85px; background: url(../images/v2h/contents04-ttl-icon2.png) no-repeat top center; position: absolute; right: -20px; top: -18px;}
#contents04 .inner-Box .txt{ font-size: 16px; font-weight: 300; text-align: center; letter-spacing: 0.8px; line-height: 1.6; margin-bottom: 32px;}
#contents04 .inner-Box .txt:nth-of-type(3){ margin-bottom: 50px;}
#contents04 .inner-Box .img{ text-align: center;}

#list-bx .list{ width: 978px; margin: 0 auto 100px; 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; }
#list-bx .list li{ width: 467px; float: left; margin-right: 44px; }
#list-bx .list li:nth-child(2n){ margin-right: 0; }


#faq { width: 1200px; margin: 0 auto 30px; position: relative; }
#faq .faq-sy-box { width: 1200px; margin: 0 auto 80px; background: #fff; padding: 66px 80px;}
#faq .en { text-align: center; margin-bottom: 5px; }
#faq .en-txt { text-align: center; font-size: 30px; font-weight: bold; letter-spacing: 1px; margin-bottom: 30px;}
#faq .faq-sy-box .faq-list .wysiwyg { margin-bottom: 0; }
#faq .faq-sy-box .faq-list li { border-bottom: 2px solid #F5F5F5; border-top: 2px solid #fff; }
#faq .faq-sy-box .faq-list .sy-ttl { padding: 15px 61px 15px 40px; font-weight: 400; position: relative; font-size: 22px; font-weight: bold; letter-spacing: 0.05em; line-height: 38px; text-align: left; color: #2b2827; }
#faq .faq-sy-box .faq-list .sy-ttl::before { padding: 5px 12px; color: #fff; font-size: 28px; font-weight: bold; letter-spacing: 0.8px; line-height: 24px; content: "Q"; width: 50px; height: 50px; background: #00A8AE; margin-right: 20px; border-radius: 50%;}
#faq .faq-sy-box .faq-list .sy-a-txt { padding: 21px 70px 21px 100px; font-weight: 400; font-size: 16px; letter-spacing: 0.05em; line-height: 30px; text-align: left; color: #2b2827; position: relative; }
#faq .faq-sy-box .faq-list .sy-a-txt::before { padding: 10px 13px; color: #fff; font-size: 28px; font-weight: bold; letter-spacing: 0.8px; line-height: 24px; content: "A"; background: #E8640C; margin-right: 20px; border-radius: 50%; position: absolute; top: 20px; left: 40px;  }
#faq .faq-sy-box .sy-ttl { position: relative; padding: 15px; cursor: pointer; font-size: 26px; line-height: 1.4; margin-bottom: 0; }
#faq .faq-sy-box .sy-a-txt { display: none; }
#faq .faq-sy-box .sy-ttl .toggle_btn { background-image: url(../images/v2h/sy-icon-b.png); background-repeat: no-repeat; background-position: center 0; width: 5%; height: 20%; position: absolute; top: 40%; right: 0%; background-size: 45%;}
#faq .faq-sy-box .sy-ttl.selected .toggle_btn { transform: rotate(180deg); }
#faq .faq-sy-box .sy-a-ttl { font-size: 24px; font-weight: bold; letter-spacing: 1px; line-height: 1.8; text-align: center; margin-bottom: 10px; }
#faq .top-bx { margin-bottom: 100px; }
#faq .top-ttl { font-size: 20px; font-weight: bold; letter-spacing: 1px; line-height: 1.8; background: #f2f2f2; display: block; width: 720px; margin: 0 auto 10px; text-align: center; padding: 10px 0; }



/* case -------------------------------------*/
#case{background: #6abfa4;padding-top: 150px;padding-bottom: 82px;}
#case .inner-Box{width: 1200px;border-radius: 10px;background: #fff;position: relative;padding: 70px 50px 0px 50px;margin: 0 auto 0px;}
#case .icon{position: absolute;top: -38px;left: 78px;}
#case h2{text-align: center;font-size: 48px;font-weight: 900;letter-spacing: 2.4px;margin-bottom: 13px;}
#case .system-list{margin-bottom: 70px;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;}
#case .system-list li{line-height: 1.4;width: 23.5%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 20px;}
#case .system-list li:nth-child(4n){ margin-right: 0}
#case .system-list li a:hover{ text-decoration: none; }
#case .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
#case .system-list .btn::after { content: ' >';}
#case .system-pic{width: 100%;height: 200px;overflow: hidden;text-align: center;margin-bottom: 15px;}
#case .system-pic img{width: 100%;height: 210px;}
#case .system-date{margin-bottom: 10px;line-height: 1.4;color: #002f6a;font-size: 14px;font-weight: 700;}
#case .system-date::before{}
#case .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
#case .system-ttl-01{margin-bottom: 20px;line-height: 1.4;font-weight: 700;font-size: 16px;}
#case .system-category-set {margin-bottom: 15px;position: absolute;left: 0;top: 0;}
#case .system-category{margin-bottom: 1px;font-weight: bold;color: #fff;text-align: center;padding: 8px;background-color: #ccc;width: 140px;font-size: 16px;}
#case .serchcategory{ margin-bottom: 100px;}
#case .serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
#case .icon01{ background: #a20000;}
#case .icon02{background: #006db1;}
#case .icon03{background: #3f6940;}
#case .icon04{background: #1c1d0e;}
#case .more a{width: 500px;margin: 0 auto;height: 80px;background: #f1f1e6;border: 2px solid #161616;position: relative;font-size: 18px;font-weight: 700;letter-spacing: 2.4px;display: block;text-align: center;padding-top: 24px;padding-right: 17px;}
#case .more a::before{content: url('../images/index/contents03-arr.svg');position: absolute;top: 27px;right: 138px;}



}
@media screen and (max-width: 767px) {
h1.main-title {padding: 9vw 0 1vw 0;}


#contentsmain{background: url(../images/v2h/sp-main-bg.png) no-repeat top 90vw center,url('../images/v2h/main-back02.jpg')repeat-y top 153vw center;;padding-bottom: 10vw; background-size: 100%,auto;}
#contentsmain .inner-Box{width: 100%; margin: 4vw auto 59vw auto; background: #fff;}
#contentsmain .inner-Box h2{position: relative; margin-bottom: 5vw;}
#contentsmain .inner-Box p{font-size: 2.6vw;font-weight: 700;letter-spacing: 0.3vw;background: #fff;border-radius: 4.6vw;margin: 0 4vw;}
#contentsmain .inner-Box .main-txt{font-size: 3.6vw; font-weight: 300; text-align: center; letter-spacing: 0.3vw; line-height: 1.7; background: none; padding-bottom: 7vw;}

#contentsmain .inner-Box2{width: 94%;margin: 0 auto;background: #fff;padding:16vw 5vw 2vw;box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 0px 0px 1px rgba(10,10,10,0.02);}
#contentsmain .inner-Box2 .main-ttl{width: 100%; margin: 0 auto 5vw; font-size: 5vw; font-weight: bold; color: #fff; background: #006B6F; position: relative; letter-spacing: 0.1vw; padding: 2vw 5vw 1vw 12vw;}
#contentsmain .inner-Box2 .main-ttl span{position: absolute; left: -4vw; top: -1vw; width: 16%;}
#contentsmain .inner-Box2 .main-ttl:nth-of-type(2){font-size: 4.5vw; padding: 2vw 0 1vw 12vw;}
#contentsmain .inner-Box2 .flex-bx{width: 100%; margin: 0 auto; position: relative; 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; justify-content: center;}
#contentsmain .inner-Box2 .r-bx{width: 500px; margin-left: auto;}
#contentsmain .inner-Box2 .r-bx .r-ttl{font-size: 4.5vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.6; margin-bottom: 5vw;}
#contentsmain .inner-Box2 .r-bx .r-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 5vw;}
#contentsmain .inner-Box2 .l-bx{margin-bottom: 5vw;}
#contentsmain .inner-Box2 .l-bx .l-img{}
#contentsmain .inner-Box2 .t-bx{}
#contentsmain .inner-Box2 .t-bx .t-ttl{font-size: 4.5vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.6; margin-bottom: 5vw;}
#contentsmain .inner-Box2 .t-bx .t-txt{font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.8; margin-bottom: 5vw;}
#contentsmain .inner-Box2 .t-bx .t-img{margin-bottom: 5vw;}


#contents01{background: #f8f6ea;padding: 15vw 4vw 9.9vw;}
#contents01 .ttl{font-size: 7.7vw; font-weight: 900; line-height: 1.1; letter-spacing: 0.4vw; text-align: center; margin-bottom: 25vw;}
#contents01 .inner-Box{margin: 0 auto 7.0vw;border-radius: 2.6vw;border: 2.6vw solid #ffad0a;background: #ffff;padding: 4.6vw 5.1vw;position: relative;}
#contents01 .inner-Box::before{content: url(../images/v2h/contents01-photo01.png); position: absolute; top: -49vw; left: 5vw; transform: scale(0.55); transform-origin: bottom right;}
#contents01 .inner-Box h2{text-align: center;font-size: 4.7vw;font-weight: 700;letter-spacing: 0.3vw;position: relative;border-bottom: 0.7vw dotted #e8340c;padding-bottom: 1.2vw;padding-left: 2.6vw;margin-bottom: 5.0vw;}
#contents01 .inner-Box h2::before{content: url(../images/v2h/contents01-icon01.svg); position: absolute; top: -9vw; left: 6vw; transform: scale(0.5); transform-origin: bottom right;}
#contents01 .inner-Box figure{ width: 34%; margin: 0 auto 4vw; }
#contents01 .inner-Box ul{}
#contents01 .inner-Box ul li{font-size: 3.6vw;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 2.6vw;position: relative;padding-left: 5.5vw;}
#contents01 .inner-Box ul li span.ch{position: absolute;top: -0.8vw;left: 0;width: 5vw;}
#contents01 .inner-Box ul li p span{ color: #e8340c; }
#contents01 .inner-Box ul li .ss{font-size: 3.2vw;font-weight: 300;position: relative;}

#contents01 .inner-Box2{margin: 0 auto 2.0vw;border-radius: 2.6vw;border: 2.6vw solid #73abbc;background: #ffff;padding: 4.6vw 5.1vw 1vw;position: relative;}
#contents01 .inner-Box2 h2{text-align: center;font-size: 4.7vw;font-weight: 700;letter-spacing: 0.3vw;position: relative;border-bottom: 0.7vw dotted #e8340c;padding-bottom: 1.2vw;padding-left: 0.6vw;margin-bottom: 5.0vw;}
#contents01 .inner-Box2 h2::before{content: url(../images/v2h/contents01-icon03.svg); position: absolute; top: -4.5vw; left: -3vw; transform: scale(0.5); transform-origin: bottom right;}
#contents01 .inner-Box2 figure{ width: 48%; margin: 0 auto 4vw; }
#contents01 .inner-Box2 ul{}
#contents01 .inner-Box2 ul li{font-size: 3.6vw;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 2.6vw;position: relative;padding-left: 5.5vw;}
#contents01 .inner-Box2 ul li span.ch{position: absolute;top: -0.8vw;left: 0;width: 5vw;}
#contents01 .inner-Box2 ul li p span{ color: #00a8ae; }
#contents01 .inner-Box2 ul li .ss{font-size: 3.2vw;font-weight: 300;position: relative;}


#contents02{}
#contents02 .inner-Box{ width: 100%; margin: 0 auto; background: url(../images/v2h/sp-contents02-bg1.png) no-repeat top center #EFE9B5;; padding: 8vw 0 3vw; background-size: 100%;}
#contents02 .inner-Box1{ width: 100%; margin: 0 auto; position: relative; }
#contents02 .inner-Box1 .ttl{ width: 54%; margin: 0 auto 22vw; text-align: center;}
#contents02 .inner-Box1::before{ content: ""; width: 30vw; height: 50vw; background: url(../images/v2h/contents02-bg-icon1.png) no-repeat top center; position: absolute; left: -4vw; top: -6vw; background-size: 26vw;}
#contents02 .inner-Box1::after{ content: ""; width: 30vw; height: 50vw; background: url(../images/v2h/contents02-bg-icon2.png) no-repeat top center; position: absolute; right: -5vw; top: -10vw; background-size: 30vw;}

#contents02 .bx{ width: 92%; margin: 0 auto 10vw; position: relative; border: 2px solid #A20000; background: #fff; padding: 8vw 7vw 5vw;}
#contents02 .bx .num{ position: absolute; left: -0.5vw; top: -5vw; width: 30%;}
#contents02 .bx .ttl1{ font-size: 5vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.6; margin-bottom: 5vw;}
#contents02 .bx .img{ margin-bottom: 3vw;}
#contents02 .bx .txt{ font-size: 3.6vw; letter-spacing: 0.2vw; line-height: 1.7; }


#contents04{background: #F3F3F3;padding: 50vw 0 5vw;margin-bottom: 10vw;}
#contents04 .inner-Box{width: 92%;margin: 0 auto 10vw;position: relative; border: 3px solid #56C8A4; background: #fff; padding: 4vw 4vw 5vw;}
#contents04 .inner-Box::before{content: ""; width: 70vw; height: 70vw; background: url(../images/v2h/contents04-photo.png) top center no-repeat; position: absolute; top: -48.5vw; right: -4vw; left: 0; text-align: center; margin: 0 auto; background-size: 66vw;}
#contents04 .inner-Box .icon{ width: 11%; margin: 0 auto 1vw;}
#contents04 .inner-Box .ttl{ font-size: 7.5vw; font-weight: bold; text-align: center; letter-spacing: 0.4vw; line-height: 1.5; position: relative; width: 90%; margin: 0 auto 10vw;}
#contents04 .inner-Box .ttl::before{ content: ""; width: 10vw; height: 20vw; background: url(../images/v2h/contents04-ttl-icon1.png) no-repeat top center; position: absolute; left: -7vw; top: 7vw; background-size: 6vw;}
#contents04 .inner-Box .ttl::after{ content: ""; width: 10vw; height: 20vw; background: url(../images/v2h/contents04-ttl-icon2.png) no-repeat top center; position: absolute; right: -7vw; top: 7vw; background-size: 13vw;}
#contents04 .inner-Box .txt{ font-size: 3.6vw; font-weight: 300; letter-spacing: 0.2vw; line-height: 1.7; }
#contents04 .inner-Box .txt:nth-of-type(3){ margin-bottom: 5vw;}
#contents04 .inner-Box .img{ text-align: center;}


#list-bx .list{margin: 0 14vw 10vw;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;}
#list-bx .list li{margin-bottom: 5vw;}
#list-bx .list li:nth-child(2n){ margin-right: 0; }



#faq { width: 92.8%; margin: 0 auto 5vw; position: relative; }
#faq h2 { font-size: 3.8vw; line-height: 1.6; font-weight: 300; letter-spacing: 0.3vw; position: absolute; top: 10vw; left: 0vw; }
#faq h2 span { }
#faq .faq-sy-box { width: 100%; margin: 0 auto 5vw; background: #fff; padding: 11vw 5vw 5vw; }
#faq .en { text-align: center; margin-bottom: 2vw; display: block; }
#faq .en img { width: 40vw; margin: 0 auto 4vw; }
#faq .en-txt { text-align: center; font-size: 4.5vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 3vw; display: block; }
#faq .faq-sy-box .faq-list .wysiwyg { margin-bottom: 0; }
#faq .faq-sy-box .faq-list li { border-bottom: 2px solid #F5F5F5; border-top: 2px solid #fff; }
#faq .faq-sy-box .faq-list .sy-ttl { position: relative; padding: 4vw 12vw 4vw 15vw; font-size: 4.2vw; font-weight: bold; letter-spacing: 0.05em; line-height: 1.6; text-align: left; color: #2b2827; cursor: pointer; margin-bottom: 0; }
#faq .faq-sy-box .faq-list .sy-ttl::before { content: "Q"; width: 10vw; height: 10vw; line-height: 10vw; text-align: center; color: #fff; font-size: 5vw; font-weight: bold; letter-spacing: 0; background: #00A8AE; border-radius: 50%; position: absolute; top: 3vw; left: 2vw; padding: 0; }
#faq .faq-sy-box .faq-list .sy-a-txt { display: none; padding: 5vw 6vw 5vw 15vw; font-weight: 400; font-size: 3.8vw; letter-spacing: 0.05em; line-height: 1.6; text-align: left; color: #2b2827; position: relative; }
#faq .faq-sy-box .faq-list .sy-a-txt::before { content: "A"; width: 10vw; height: 10vw; line-height: 10vw; text-align: center; color: #fff; font-size: 5vw; font-weight: bold; letter-spacing: 0; background: #E8640C; border-radius: 50%; position: absolute; top: 4vw; left: 2vw; padding: 0; }
#faq .faq-sy-box .sy-ttl .toggle_btn { background-image: url(../images/v2h/sy-icon-b.png); background-repeat: no-repeat; background-position: center 0; background-size: cover; width: 4vw; height: 4vw; position: absolute; top: 7vw; right: 2vw; transition: transform 0.3s ease; }
#faq .faq-sy-box .sy-ttl.selected .toggle_btn { transform: rotate(180deg); }
#faq .faq-sy-box .sy-a-ttl { font-size: 5.6VW; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.8; text-align: center; margin-bottom: 2vw; }
#faq .top-bx { margin-top: 15vw; margin-bottom: 20vw; }
#faq .top-ttl { font-size: 4.6vw; font-weight: bold; letter-spacing: 0.2vw; line-height: 1.8; background: #f2f2f2; display: block; width: 90%; margin: 0 auto 2vw; text-align: center; padding: 2vw 0; }



/* case -------------------------------------*/
#case {background: #6abfa4;padding: 6vw 2vw 6vw 2vw;}
#case .inner-Box{background: #fff;padding: 2vw;border-radius: 2vw;position: relative;margin-bottom: 4vw;}
#case .icon{position: absolute;top: -3vw;left: -1vw;width: 17vw;}
#case h2{ text-align: center; font-weight: 900; font-size: 7vw; padding-left: 4vw; margin-bottom: 4vw; }
#case .system-list{padding: 4% 2%;margin-bottom: 10%;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;}
#case .system-list li{position: relative;line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 5%;}
#case .system-list li:nth-child(2n){ margin-right: 0}
#case .system-list li a:hover{ text-decoration: none; }
#case .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 1.2rem; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#case .system-list .btn::after { content: ' >';}
#case .system-pic{ width: 100%; height: 40vw; overflow: hidden; text-align: center; margin-bottom: 8%; }
#case .system-pic img{ width: 100%; height: 40vw; }
#case .system-date{font-size: 1.2rem;margin-bottom: 5%;color: #002f6a;font-weight: bold;}
#case .system-date::before{}
#case .system-ttl-01{ font-size: 1.4rem; margin-bottom: 5%; line-height: 1.6; }
#case .system-category-set {margin-bottom: 8%;position: absolute;top: 0;left: 0;width: 28vw;}
#case .system-category{ margin-bottom: 1px; font-size: 1.2rem; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc;}
#case .serchcategory{ margin: 0 3% 10%;}
#case .serchcategory .icon { display: inline-block;margin-right: 1%;margin-bottom: 3%;font-size: 1.2rem;color: #fff;text-align: center;padding: 4.5% 3%; }
#case .icon01{ background: #a20000;}
#case .icon02{background: #006db1;}
#case .icon03{background: #3f6940;}
#case .icon04{background: #1c1d0e;}
#case .more a{height: 14.4vw;width: 83vw;margin: 0 auto;background: #f1f1e6;border: 0.3vw solid #161616;position: relative;font-size: 4.6vw;font-weight: 700;letter-spacing: 0.3vw;display: block;text-align: center;padding-top: 3.5vw;padding-right: 12.9vw;}
#case .more a::before{content: url('../images/index/contents03-arr.svg');position: absolute;top: 4.4vw;right: 17.7vw;}

}