@charset "UTF-8"; @media screen and (min-width: 768px),print { .side-fix { display: none;} header{background: none;position: absolute;z-index: 3;width: 100%;} #contentsmain {margin: 0 auto -5vw;position: relative;background: url('../images/index/contentsmain-back01.png')no-repeat top center;background-size: 100% auto;height: 56vw;z-index: 2;} #contentsmain .inner-Box { margin: 0 auto; position: relative; } #contentsmain .inner-Box h2 {position: relative;width: 33.4vw;padding-top: 12.5vw;margin-left: 7.3vw;margin-bottom: 2.8vw;z-index: 3;} #contentsmain .inner-Box h2 img{ width: 100%; height: auto; } #contentsmain .inner-Box span.icon {display: block;line-height: 1;width: 18.6vw;position: relative;left: 7.6vw;} #contentsmain .inner-Box span.icon img{ width: 100%; height: auto; } #contentsmain .sliderArea{width: 25.88vw;height: 39.0625vw;position: absolute;top: 9.2vw;right: 35vw;overflow: hidden;} #contentsmain .sliderArea .swiper-slide{width: 25.88vw;position: relative;} #contentsmain .sliderArea .swiper-slide img{ width: 100%; height: auto; opacity: 0;transition: opacity 0.2s;} #contentsmain .sliderArea .swiper1 { height: 100%; /* スライダー全体の高さを指定 */ } #contentsmain .sliderArea2{width: 25.88vw;height: 39.0625vw;position: absolute;top: 5vw;right: 7.1vw;overflow: hidden;} #contentsmain .sliderArea2 .swiper-slide{width: 25.88vw;position: relative;} #contentsmain .sliderArea2 .swiper-slide img{ width: 100%; height: auto; opacity: 0;transition: opacity 0.2s;} #contentsmain .sliderArea2 .swiper2 { height: 100%; /* スライダー全体の高さを指定 */} #contentsmain .sliderArea2 .swiper2 { transform: scaleY(-1); /* スライダーコンテナを逆転 */ } #contentsmain .sliderArea2 .swiper-slide { transform: scaleY(-1); /* 各スライドを逆転 */ } #contentsmain .sliderArea .sl01{ background: url(../images/index/sra-01.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea .sl02{ background: url(../images/index/sra-02.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea .sl03{ background: url(../images/index/sra-03.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea .sl04{ background: url(../images/index/sra-04.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea .sl05{ background: url(../images/index/sra-05.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea2 .sl01{ background: url(../images/index/sra-right-01.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea2 .sl02{ background: url(../images/index/sra-right-02.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea2 .sl03{ background: url(../images/index/sra-right-03.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea2 .sl04{ background: url(../images/index/sra-right-04.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea2 .sl05{ background: url(../images/index/sra-right-05.png)no-repeat top center; background-size: 100% auto; } #contents01 { margin: 0 auto -160px; position: relative; width: 1200px; height: 80px; box-shadow: 0px 6px 50px #00000033; background: #fff; z-index: 3; } #contents01 .inner-Box {margin: 0 auto;position: relative;padding: 31px 0 0 299px;} #contents01 .inner-Box h2 {position: absolute;top: 0;left: 0;} #contents01 .inner-Box h2 img{ } #contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 31px;right: 70px;} #news .system-list li{overflow: hidden;line-height: 1.4;padding: 0 90px 0px 0;} #news .system-list li a:hover{ text-decoration: none; } #news .system-list .system-date{width: 16.4%;float: left;font-size: 14px;line-height: 1.6;} #news .system-list .system-ttl-01{width: 78%;float: left;font-size: 14px;line-height: 1.6;} #news .system-list .system-ttl-01 span.txt{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} #contents02 {margin: 0 auto;position: relative;background: url('../images/index/contents02-back01.png')no-repeat top center;background-size: 100% 100%;padding: 17.4vw 0vw 9.5vw;} #contents02 .inner-Box {margin: 0 auto;position: relative;width: 82.6vw;} #contents02 .inner-Box ul{} #contents02 .inner-Box ul li{ position: relative; } #contents02 .inner-Box ul li figure img{ width: 100%; height: auto; } #contents02 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;width: 37.7vw;top: 20.1vw;position: absolute;right: 0vw;} #contents02 .inner-Box p.btn{position: absolute;bottom: -0.6vw;right: 1.6vw;} #contents02 .inner-Box p.btn img{ } #contents03 {margin: 0 auto 198px;position: relative;background: url('../images/index/contents03-back01.png')repeat top center;} #contents03 .inner-Box {margin: 0 auto;position: relative;max-width: 1733px;width: 100%;min-width: 1200px;padding-bottom: 9.2vw;} #contents03 .inner-Box h2 {text-align: center;padding: 68px 0 0px;position: relative;left: 1px;margin-bottom: -31px;} #contents03 .inner-Box h2 img{ } #contents03 .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;} #contents03 .inner-Box ul li{position: relative;width: 48.6%;} #contents03 .inner-Box ul li:nth-child(2){margin-right: 0px;top: 2vw;left: 2.6%;} #contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: -7.6vw;} #contents03 .inner-Box figure.photo img{ width: 100%; height: auto;} #contents03 .inBox{margin: 0 5% 0 auto;position: relative;background: url('../images/index/contents03-back02.png')no-repeat top center #F7F6F2;box-shadow: 20px 20px 40px #000D2A66;border-radius: 0px 0px 20px 0px;width: 560px;height: 395px;} #contents03 .inBox h3{font-size: 24px;line-height: 1.6;font-weight: 700;letter-spacing: 2.4px;margin-bottom: 16px;color: #EB6102;text-align: center;padding-top: 59px;} #contents03 .inBox h3 span{ } #contents03 .inBox p.index {font-size: 16px;line-height: 29px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;padding: 0 65px;} #contents03 .inBox p.btn{text-align: center;} #contents03 .inBox p.btn img{ } #contents04 {margin: 0 auto 194px;position: relative;max-width: 1376px;width: 100%;min-width: 1280px;} #contents04 .inner { margin: 0 auto; position: relative; overflow: hidden; } #contents04 .inner h2 {margin-bottom: 45px; text-align: center;} #contents04 .inner h2 img{ } #works{ width: 49%; margin-right: 2%; float: left; min-height: 568px; position: relative; } #works .ttl1{ text-align: center; margin-bottom: 24px; font-size: 24px; font-weight: 700; line-height: 1.6; color: #00398B; } #works .btn{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); } #works .system-list{ margin-bottom: 50px;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;} #works .system-list li{line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 20px;} #works .system-list li:nth-child(2n){ margin-right: 0} #works .system-list li a:hover{ text-decoration: none; } #works .system-list li .system-text{ font-size: 14px; line-height: 26px; letter-spacing: 0.7px; font-weight: 500;} #works .system-list li .iinbox{padding: 0px 9px;} #works .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;} #works .system-list .btn::after { content: ' >';} #works .system-pic{width: 100%;height: 212px;overflow: hidden;text-align: center;margin-bottom: 15px;} #works .system-pic img{width: 100%;height: 212px;} #works .system-date{margin-bottom: 5px;color: #00398B;font-size: 14px;line-height: 1.6;letter-spacing: 0.7px;font-weight: 500;} #works .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; } #works .system-ttl-01{font-size: 16px;margin-bottom: 9px;line-height: 1.4;font-weight: 700;border-bottom: 1px dotted #00398B;padding-bottom: 16px;} #works2{ width: 49%; margin-right: 0%; float: right; min-height: 568px; position: relative; } #works2 .ttl1{ text-align: center; margin-bottom: 24px; font-size: 24px; font-weight: 700; line-height: 1.6; color: #00398B; } #works2 .btn{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); } #works2 .system-list{ margin-bottom: 50px;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;} #works2 .system-list li{line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 20px;} #works2 .system-list li:nth-child(2n){ margin-right: 0} #works2 .system-list li a:hover{ text-decoration: none; } #works2 .system-list li .system-text{ font-size: 14px; line-height: 26px; letter-spacing: 0.7px; font-weight: 500;} #works2 .system-list li .iinbox{padding: 0px 9px;} #works2 .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;} #works2 .system-list .btn::after { content: ' >';} #works2 .system-pic{width: 100%;height: 212px;overflow: hidden;text-align: center;margin-bottom: 15px;} #works2 .system-pic img{width: 100%;height: 212px;} #works2 .system-date{margin-bottom: 5px;color: #00398B;font-size: 14px;line-height: 1.6;letter-spacing: 0.7px;font-weight: 500;} #works2 .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; } #works2 .system-ttl-01{font-size: 16px;margin-bottom: 9px;line-height: 1.4;font-weight: 700;border-bottom: 1px dotted #00398B;padding-bottom: 16px;} #contents05 {margin: 0 auto;position: relative;background: url('../images/index/contents05-back01.png')no-repeat top center, url('../images/index/contents05-back02.png')repeat top center;padding-bottom: 84px;} #contents05 h2 {text-align: center;padding: 462px 0 0 0;position: relative;left: 5px;margin-bottom: 121px;} #contents05 h2 img{ } #contents05 .inner-Box { margin: 0 auto; position: relative; } #contents05 .inner-Box h3{font-size: 29px;line-height: 1.6;font-weight: 700;letter-spacing: 4.64px;color: #070163;max-width: 1482px;margin: 0 auto;padding: 0 30px;position: relative;} #contents05 .inner-Box h3::before{content: "";background: #EB6102;width: 40px;height: 2px;position: absolute;left: -1px;top: 23px;transform: translateX(-50%);} #contents05 .inner-Box h4 {text-align: center;position: relative;left: 357px;margin-bottom: -12px;} #contents05 .inner-Box h4 img{ } #contents05 .inner-Box p.btn{position: absolute;top: 17px;right: 198px;} #contents05 .inner-Box p.btn img{ } #staff .system-list{margin-bottom: 50px;margin-left: 21.4vw;} #staff .system-list li{line-height: 1.4;width: 282px;height: 424px;position: relative;margin-bottom: 20px;margin-right: 40px;} #staff .system-list li a{ color: #fff; } #staff .system-list li a:hover{ text-decoration: none; } #staff .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 10px; left: 13px; width: 90%; padding: 5% 0%;} #staff .system-list .btn::after { content: ' >';} #staff .system-pic{width: 100%;height: 424px;margin-bottom: 15px;overflow: hidden;text-align: center;} #staff .system-pic img{width: 100%;height: 424px;} #staff .system-job{font-size: 14px;margin-bottom: 5px;line-height: 1.4;text-align: left;position: absolute;bottom: 11px;left: 18px;margin-right: 20px;} #staff .system-job2{font-size: 14px;margin-bottom: 5px;line-height: 1.4;text-align: left;position: absolute;left: 20px;bottom: 16px;margin-right: 60px;} #staff .system-name{font-size: 16px;margin-bottom: 10px;letter-spacing: 0.8px;line-height: 1.4;text-align: center;font-weight: bold;position: absolute;bottom: 52px;left: 17px;} #staff .system-name span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} #staff .system-job span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} #staff .system-job2 span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} #staff .system-kana{ font-size: 0.75em; margin-bottom: 15px; line-height: 1.4; } #staff .prev-arrow{position: absolute;top: -131px;right: 116px;} #staff .next-arrow{ position: absolute; top: -131px; right: 46px; } #contents06 { margin: 0 auto; position: relative; background:url('../images/index/contents05-back02.png')repeat top center;} #contents06 .inner-Box{margin: 0 auto;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top 16px left;max-width: 1359px;width: 100%;height: 2175px;min-width: 1280px;} #contents06 .inner-Box h2{font-size: 29px;line-height: 1.6;font-weight: 700;letter-spacing: 4.64px;color: #070163;margin: 0 auto;position: relative;left: -33px;top: -9px;} #contents06 .inner-Box h2::before{content: "";background: #EB6102;width: 40px;height: 2px;position: absolute;left: -30px;top: 23px;transform: translateX(-50%);} #contents06 .inner-Box figure.img01 {position: absolute;top: 94px;left: 79px;} #contents06 .inner-Box figure.img02 {position: absolute;top: 65px;left: 658px;} #contents06 .inner-Box figure.img03 {position: absolute;top: 372px;left: 80px;} #contents06 .inner-Box figure.img04 {position: absolute;top: 371px;left: 658px;} #contents06 .inner-Box figure.img05 {position: absolute;top: 669px;left: 80px;} #contents06 .inner-Box figure.img06 {position: absolute;top: 669px;left: 657px;} #contents06 .inner-Box figure.img07 {position: absolute;top: 1120px;left: 79px;} #contents06 .inner-Box figure.img08 {position: absolute;top: 1120px;left: 658px;} #contents06 .inner-Box figure.img09 {position: absolute;top: 1413px;left: 79px;} #contents06 .inner-Box figure.img10 {position: absolute;top: 1725px;left: 80px;} #contents06 .inner-Box figure.img11 {position: absolute;top: 1725px;left: 488px;} #contents06 .inner-Box figure.img12 {position: absolute;top: 1725px;left: 835px;} #contents07 {margin: 0 auto;position: relative;background: url('../images/index/contents07-back01.png')no-repeat top center, url('../images/index/contents05-back02.png')repeat top center;padding-bottom: 89px;} #contents07 h2{font-size: 29px;line-height: 1.6;font-weight: 700;letter-spacing: 4.64px;color: #070163;max-width: 1482px;margin: 0 auto 91px;padding: 0 30px;position: relative;top: -25px;} #contents07 h2::before{content: "";background: #EB6102;width: 40px;height: 2px;position: absolute;left: -1px;top: 23px;transform: translateX(-50%);} #contents07 .inner-Box { margin: 0 auto; position: relative; } #contents07 .inner-Box h4 {text-align: center;position: relative;left: 357px;margin-bottom: -12px;} #contents07 .inner-Box h4 img{ } #contents07 .inner-Box p.btn{position: absolute;top: -168px;right: 198px;} #contents07 .inner-Box p.btn img{ } #event .system-list{margin-bottom: 50px;} #event .system-list li{ width: 502px; line-height: 1.4;position: relative;margin-bottom: 20px;margin-right: 40px;} #event .system-list li a{} #event .system-list li a:hover{ text-decoration: none; } #event .system-pic{width: 100%;height: 333px;margin-bottom: 15px;overflow: hidden;text-align: center;box-shadow: 8px 8px 20px #0000001A;} #event .system-pic img{width: 100%;height: 333px;} #event .prev-arrow{position: absolute;top: -164px;right: 116px;} #event .next-arrow{position: absolute;top: -164px;right: 46px;} #event .system-list li .system-date{ color: #00398B; font-size: 14px; line-height: 1.6; letter-spacing: 0.7px; font-weight: 500; } #event .system-list li .system-ttl-01{ font-size: 16px; line-height: 1.6; letter-spacing: 0.8px; font-weight: 700; } #event .icon01{position: absolute;top: -46px;left: 89px;z-index: 3;} #event .icon02{position: absolute;top: 356px;right: 90px;margin-left: 0;z-index: 3;} #contents08 {margin: 0 auto;position: relative;background: url('../images/index/contents05-back02.png')repeat top center;padding-bottom: 170px;} #contents08 .inner-Box {background: url('../images/index/contents08-back01.png')no-repeat top left;margin: 0 auto;position: relative;padding: 0 40px;max-width: 1740px;} #contents08 h2{font-size: 29px;line-height: 1.6;font-weight: 700;letter-spacing: 4.64px;color: #070163;max-width: 1482px;margin: 0 auto 51px;padding: 0 30px;position: relative;top: -7px;} #contents08 h2::before{content: "";background: #EB6102;width: 40px;height: 2px;position: absolute;left: -1px;top: 23px;transform: translateX(-50%);} #contents08 .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;max-width: 1500px;margin: 0 auto;width: 100%;min-width: 1200px;} #contents08 .inner-Box ul li {width: 24%;margin-right: 1.3%;} #contents08 .inner-Box ul li:nth-child(4n) { margin-right: 0px; } #contents08 .inner-Box ul li figure img{ width: 100%; height: auto; } #contents09 {margin: 0 auto;position: relative;background: url('../images/index/contents09-back01.png')no-repeat top center;color: #fff;text-align: center;padding: 108px 0 177px;} #contents09 .inner-Box { margin: 0 auto; position: relative; } #contents09 .inner-Box h2 {margin-bottom: 42px;} #contents09 .inner-Box h2 img{ } #contents09 .inner-Box p.text {font-size: 16px;line-height: 32px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 75px;} #contents09 .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: 1420px;width: 100%;min-width: 1200px;padding: 0 40px;margin: 0 auto;} #contents09 .inner-Box ul li {width: 29%;margin-right: 6.5%;} #contents09 .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contents09 .inner-Box ul li figure img{ width: 100%; height: auto; } #contents10 {margin: 0 auto -70px;position: relative;background: url('../images/index/contents10-back01.png')no-repeat top center;padding-bottom: 179px;} #contents10 .inner-Box {margin: 0 auto;position: relative;width: 733px;height: 309px;background: #FFFFFF;box-shadow: 6px 6px 20px #0000001A;border-radius: 0px 0px 20px 0px;left: 439px;padding: 60px 60px 60px 80px;} #contents10 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 17px;} #contents10 .inner-Box h2{font-size: 35px;line-height: 1.6;font-weight: 700;letter-spacing: 3.5px;margin-bottom: 11px;color: #EB6102;} #contents10 .inner-Box h2 span{ } #contents10 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;} /* 支店情報 */ #contents11 {margin: 0 auto;position: relative;padding: 130px 0 110px;} #contents11 .inner-Box {margin: 0 auto;position: relative;max-width: 1420px;width: 100%;min-width: 1200px;padding: 0 40px;box-sizing: border-box;} #contents11 .inner-Box h2.ttl {text-align: center;margin-bottom: 55px;} #contents11 .inner-Box h2.ttl .en {display: block;font-size: 48px;line-height: 1.2;font-weight: 700;letter-spacing: 4.8px;color: #EB6102;} #contents11 .inner-Box h2.ttl .jp {display: block;font-size: 18px;font-weight: 700;letter-spacing: 2px;color: #070163;} #contents11 .office-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;justify-content: space-between;} #contents11 .office-list li {width: 23.5%;background: #FFFFFF;box-shadow: 6px 6px 20px #0000001A;border-radius: 0px 0px 20px 0px;padding: 30px 28px 32px;box-sizing: border-box;} #contents11 .office-list li h3 {font-size: 22px;line-height: 1.4;font-weight: 700;letter-spacing: 1.5px;color: #070163;margin-bottom: 14px;padding-bottom: 12px;border-bottom: 2px solid #EB6102;} #contents11 .office-list li p {font-size: 15px;line-height: 1.8;font-weight: 500;letter-spacing: 0.5px;} #contents11 .office-list li .map {position: relative;width: 100%;padding-top: 66%;margin-bottom: 16px;} #contents11 .office-list li .map iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #contents11 .office-list li p.zip {margin-top: 4px;} } @media screen and (min-width:768px) and ( max-width:1750px) { #contentsmain .inner-Box span.icon {display: block;line-height: 1;width: 23.6vw;position: relative;left: 7.6vw;} #contents02 .inner-Box p.text {width: 56.7vw;top: 22.1vw;position: absolute;right: 0vw;} #contents02 .inner-Box p.btn{position: absolute;bottom: -3.2vw;right: 1.6vw;} #contents02 .inner-Box {margin: 0 auto;position: relative;width: 95.6vw;} #staff .system-list{margin-bottom: 50px;margin-left: 9.4vw;} #contents06 .inner-Box h2{ left: 30px;} #contents10 .inner-Box {left: 239px;} #contents04 {margin: 0 auto 194px;position: relative;max-width: 1376px;width: 100%;min-width: 1280px; padding: 0 30px; } } @media screen and (max-width: 767px) { .sp-header{background: none;position: absolute;z-index: 3;width: 100%;} #contentsmain {margin: 0 auto -8.3vw;position: relative;background: url('../images/index/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;background-size: 100% auto;height: 160vw;z-index: 2;} #contentsmain .inner-Box {position: relative;} #contentsmain .inner-Box h2 {position: absolute;width: 90.4vw;margin-bottom: 2.8vw;z-index: 3;top: 115vw;left: 5vw;} #contentsmain .inner-Box h2 img{ width: 100%; height: auto; } #contentsmain .inner-Box span.icon {display: block;line-height: 1;width: 76.5vw;position: absolute;left: 6.2vw;top: 136vw;} #contentsmain .inner-Box span.icon img{ width: 100%; height: auto; } #contentsmain .sliderArea{width: 88.48vw;height: 56.0625vw;position: absolute;top: 13.4vw;overflow: hidden;left: 0vw;} #contentsmain .sliderArea .swiper-slide{position: relative;} #contentsmain .sliderArea .swiper-slide img{ width: 100%; height: auto; opacity: 0;transition: opacity 0.2s;} #contentsmain .sliderArea .swiper1 { height: 100%; /* スライダー全体の高さを指定 */ } #contentsmain .sliderArea2{width: 88.5vw;height: 59.0625vw;position: absolute;top: 63vw;right: 4.1vw;overflow: hidden;} #contentsmain .sliderArea2 .swiper-slide{position: relative;} #contentsmain .sliderArea2 .swiper-slide img{ width: 100%; height: auto; opacity: 0;transition: opacity 0.2s;} #contentsmain .sliderArea2 .swiper2 { height: 100%; /* スライダー全体の高さを指定 */} #contentsmain .sliderArea2 .swiper2 { transform: scaleX(-1); /* スライダーコンテナを逆転 */ } #contentsmain .sliderArea2 .swiper-slide { transform: scaleX(-1); /* 各スライドを逆転 */ } #contentsmain .sliderArea .sl01{ background: url(../images/index/sp-sra-01.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea .sl02{ background: url(../images/index/sp-sra-02.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea .sl03{ background: url(../images/index/sp-sra-03.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea .sl04{ background: url(../images/index/sp-sra-04.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea .sl05{ background: url(../images/index/sp-sra-05.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea2 .sl01{ background: url(../images/index/sp-sra-right-01.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea2 .sl02{ background: url(../images/index/sp-sra-right-02.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea2 .sl03{ background: url(../images/index/sp-sra-right-03.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea2 .sl04{ background: url(../images/index/sp-sra-right-04.png)no-repeat top center; background-size: 100% auto; } #contentsmain .sliderArea2 .sl05{ background: url(../images/index/sp-sra-right-05.png)no-repeat top center; background-size: 100% auto; } #contents01 {margin: 0 4vw -46.9vw;position: relative;box-shadow: 0.0vw 0.8vw 6.5vw #00000033;background: #fff;z-index: 3;} #contents01 .inner-Box {position: relative;} #contents01 .inner-Box h2 {position: relative;top: 0;left: 0;} #contents01 .inner-Box h2 img{ } #contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;top: 23.9vw;right: 6.8vw;width: 1.7vw;} #news .system-list li{overflow: hidden;line-height: 1.4;padding: 5vw 6.6vw 7.6vw 6.6vw;} #news .system-list li a:hover{ text-decoration: none; } #news .system-list .system-date{font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.33vw;} #news .system-list .system-ttl-01{font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.33vw;margin-right: 10vw;} #news .system-list .system-ttl-01 span.txt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} #contents02 {position: relative;background: url('../images/index/sp-contents02-back01.png') no-repeat top center;background-size: 100% 100%;padding: 49.9vw 0vw 19.3vw;} #contents02 .inner-Box {position: relative;} #contents02 .inner-Box ul{} #contents02 .inner-Box ul li{ position: relative; } #contents02 .inner-Box ul li figure img{ width: 100%; height: auto; } #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.2vw;position: relative;margin: 0 10.6vw 11.2vw;padding-top: 1vw;} #contents02 .inner-Box p.btn{position: relative;margin: 0 16vw;} #contents02 .inner-Box p.btn img{ } #contents03 {margin: 0 auto 16.4vw;position: relative;background: url('../images/index/contents03-back01.png')repeat top center;padding-bottom: 0.3vw;} #contents03 .inner-Box {position: relative;max-width: 100%;margin-bottom: 9vw;} #contents03 .inner-Box h2 {text-align: center;padding: 9.9vw 0 0.0vw;position: relative;margin: 0 16.4vw -19.6vw;} #contents03 .inner-Box h2 img{ } #contents03 .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;margin: 0 3.4vw -1.4vw;} #contents03 .inner-Box ul li{position: relative;margin-bottom: 10.9vw;} #contents03 .inner-Box ul li:nth-child(2){margin-right: 0.0vw;} #contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: -16.6vw;margin-right: 5vw;z-index: 3;} #contents03 .inner-Box figure.photo img{ width: 100%; height: auto;} #contents03 .inBox{margin: 0 0.8vw 0.8vw 4.8vw;position: relative;background: url('../images/index/sp-contents03-back02.png')no-repeat top center #F7F6F2;box-shadow: 2.6vw 2.6vw 5.2vw #000D2A66;border-radius: 0.0vw 0.0vw 4.6vw 0.0vw;height: 90.5vw;background-size: 100% auto;padding-top: 0.8vw;z-index: 3;} #contents03 .inBox h3{font-size: 5.31vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.53vw;margin-bottom: 3.3vw;color: #EB6102;text-align: center;padding-top: 7.7vw;} #contents03 .inBox h3 span{ } #contents03 .inBox p.index {font-size: 3.86vw;line-height: 7vw;font-weight: 500;letter-spacing: 0.2vw;margin-bottom: 8.9vw;padding: 0 6.6vw;} #contents03 .inBox p.btn{text-align: center;margin: 0 10vw;} #contents03 .inBox p.btn img{ } #contents04 {margin: 0 auto 29.2vw;position: relative;max-width: 100%;min-} #contents04 .inner { margin: 0 4vw; position: relative; } #contents04 .inner h2 {margin: 0 1.1vw 9.9vw;} #contents04 .inner h2 img{ } #contents04 .inner p.btn{position: relative;top: 0;margin: 0 12vw;} #contents04 .inner p.btn img{ } #works{ margin-bottom: 18vw; } #works .ttl1{ text-align: center; margin-bottom: 2.5vw; font-size: 4.8vw; font-weight: 700; line-height: 1.6; color: #00398B; } #works .btn{ text-align: center; } #works .system-list{margin-bottom: 4.2vw;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;} #works .system-list li{line-height: 1.4;width: 48.9%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 9.6vw;} #works .system-list li:nth-child(2n){ margin-right: 0} #works .system-list li a:hover{ text-decoration: none; } #works .system-list li .system-text{font-size: 3.38vw;line-height: 5.79vw;letter-spacing: 0.2vw;font-weight: 500;} #works .system-list li .iinbox{padding: 0.0vw 2.2vw;} #works .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;} #works .system-list .btn::after { content: ' >';} #works .system-pic{width: 100%;height: 29.6vw;overflow: hidden;text-align: center;margin-bottom: 1.6vw;} #works .system-pic img{width: 100%;height: 29.6vw;} #works .system-date{margin-bottom: 0.7vw;color: #00398B;font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;} #works .system-coment{ font-size: 0.75em; margin-bottom: 0.7vw; line-height: 1.4; } #works .system-ttl-01{font-size: 3.86vw;margin-bottom: 4.2vw;line-height: 1.4;font-weight: 700;border-bottom: 1px dotted #00398B;padding-bottom: 3.7vw;} #works2{ margin-bottom: 12vw; } #works2 .ttl1{ text-align: center; margin-bottom: 2.5vw; font-size: 4.8vw; font-weight: 700; line-height: 1.6; color: #00398B; } #works2 .btn{ text-align: center; } #works2 .system-list{margin-bottom: 4.2vw;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;} #works2 .system-list li{line-height: 1.4;width: 48.9%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 9.6vw;} #works2 .system-list li:nth-child(2n){ margin-right: 0} #works2 .system-list li a:hover{ text-decoration: none; } #works2 .system-list li .system-text{font-size: 3.38vw;line-height: 5.79vw;letter-spacing: 0.2vw;font-weight: 500;} #works2 .system-list li .iinbox{padding: 0.0vw 2.2vw;} #works2 .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;} #works2 .system-list .btn::after { content: ' >';} #works2 .system-pic{width: 100%;height: 29.6vw;overflow: hidden;text-align: center;margin-bottom: 1.6vw;} #works2 .system-pic img{width: 100%;height: 29.6vw;} #works2 .system-date{margin-bottom: 0.7vw;color: #00398B;font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;} #works2 .system-coment{ font-size: 0.75em; margin-bottom: 0.7vw; line-height: 1.4; } #works2 .system-ttl-01{font-size: 3.86vw;margin-bottom: 4.2vw;line-height: 1.4;font-weight: 700;border-bottom: 1px dotted #00398B;padding-bottom: 3.7vw;} #contents05 {position: relative;background: url('../images/index/sp-contents05-back01.png')no-repeat top center, url('../images/index/sp-contents05-back02.png')repeat top center;padding-bottom: 27vw;background-size: 100% auto;margin-bottom: 0vw;} #contents05 h2 {text-align: center;padding: 34.3vw 0 0 0;position: relative;left: 0.7vw;margin: 0 3.1vw 9.2vw 1.7vw;} #contents05 h2 img{ } #contents05 .inner-Box {margin: 0 0vw 0 4vw;position: relative;} #contents05 .inner-Box h3{font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.7vw;color: #070163;padding: 0 0vw 0 4.9vw;position: relative;z-index: 3;margin-bottom: 6.3vw;} #contents05 .inner-Box h3::before{content: "";background: #EB6102;height: 0.8vw;position: absolute;left: 3.8vw;top: 3.0vw;width: 5vw;left: -1.8vw;} #contents05 .inner-Box h4 {text-align: center;position: absolute;left: -4vw;margin-bottom: -1.6vw;top: -3vw;width: 12vw;} #contents05 .inner-Box h4 img{ } #contents05 .inner-Box p.btn{position: relative;top: 0;right: 0;margin: 0 16vw 0 12vw;} #contents05 .inner-Box p.btn img{ } #staff .system-list{margin-bottom: 21.1vw;margin-left: 4.4vw;} #staff .system-list li{line-height: 1.4;height: 98.3vw;position: relative;margin-bottom: 2.6vw;margin-right: 5.2vw;width: 68vw;} #staff .system-list li a{ color: #fff; } #staff .system-list li a:hover{ text-decoration: none; } #staff .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 1.3vw; left: 1.7vw; width: 90%; padding: 5% 0%;} #staff .system-list .btn::after { content: ' >';} #staff .system-pic{width: 100%;height: 102.3vw;margin-bottom: 2.0vw;overflow: hidden;text-align: center;} #staff .system-pic img{width: 100%;height: 102.3vw;} #staff .system-job{font-size: 3.38vw;margin-bottom: 0.7vw;line-height: 1.4;text-align: left;position: absolute;bottom: -1.6vw;left: 4.3vw;margin-right: 2.6vw;} #staff .system-job2{font-size: 3.38vw;margin-bottom: 0.7vw;line-height: 1.4;text-align: left;position: absolute;left: 4.6vw;bottom: 0.1vw;margin-right: 7.8vw;} #staff .system-name{font-size: 3.86vw;margin-bottom: 1.3vw;letter-spacing: 0.3vw;line-height: 1.4;text-align: center;font-weight: bold;position: absolute;bottom: 7.9vw;left: 2.7vw;} #staff .system-name span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} #staff .system-job span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} #staff .system-job2 span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;} #staff .system-kana{ font-size: 0.75em; margin-bottom: 2.0vw; line-height: 1.4; } #staff .prev-arrow{position: absolute;top: 105.9vw;right: 18.5vw;width: 12vw;} #staff .next-arrow{position: absolute;top: 105.8vw;right: 4vw;width: 12vw;} #contents06 {position: relative;background: url('../images/index/sp-contents05-back02.png')repeat top center;background-size: 100% auto;padding-bottom: 15vw;} #contents06 .inner-Box{position: relative;background: url('../images/index/sp-contents06-back01.png') no-repeat top left;background-size: 18% auto;max-width: 100%;min-;padding-top: 1.2vw;} #contents06 .inner-Box h2{font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.7vw;color: #070163;padding: 0 0vw 0 4.9vw;position: relative;z-index: 3;margin-bottom: 8.9vw;margin-left: 4vw;} #contents06 .inner-Box h2::before{content: "";background: #EB6102;height: 0.8vw;position: absolute;left: 3.8vw;top: 3.0vw;width: 5vw;left: -1.8vw;} #contents06 .inner-Box figure.img01 { margin: 0 14.6vw 2vw 4vw; } #contents06 .inner-Box figure.img02 { margin: 0 8.5vw 1.9vw 4vw; } #contents06 .inner-Box figure.img03 { margin: 0 15.6vw 1.9vw 4vw; } #contents06 .inner-Box figure.img04 { margin: 0 8.6vw 1.8vw 4vw; } #contents06 .inner-Box figure.img05 { margin: 0 2.6vw 8vw 4vw; } #contents06 .inner-Box figure.img06 { margin: 0 -0.4vw 8vw 3vw; } #contents06 .inner-Box figure.img07 { margin: 0 9.6vw 2vw 4vw; } #contents06 .inner-Box figure.img08 { margin: 0 16.8vw 2.5vw 4vw; } #contents06 .inner-Box figure.img09 { margin: 0 1.6vw 8vw 4vw; } #contents06 .inner-Box figure.img10 { margin: 0 20.6vw 1.6vw 4vw; } #contents06 .inner-Box figure.img11 { margin: 0 21.8vw 1.9vw 4vw; } #contents06 .inner-Box figure.img12 { margin: 0 19.6vw 0 4vw; } #contents07 {position: relative;background: url('../images/index/sp-contents07-back01.png')no-repeat top 5.3vw center, url('../images/index/contents05-back02.png')repeat top center;padding-bottom: 28.6vw;background-size: 100% auto;} #contents07 h2{font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.7vw;color: #070163;padding: 0 0vw 0 4.9vw;position: relative;z-index: 3;margin-bottom: 8.9vw;margin-left: 1.7vw;} #contents07 h2::before{content: "";background: #EB6102;height: 0.8vw;position: absolute;left: 3.8vw;top: 3.0vw;width: 5vw;left: -1.8vw;} #contents07 .inner-Box {position: relative;} #contents07 .inner-Box h4 {text-align: center;position: relative;left: 46.5vw;margin-bottom: -1.6vw;} #contents07 .inner-Box h4 img{ } #contents07 .inner-Box p.btn{position: relative;margin: 0 16vw;} #contents07 .inner-Box p.btn img{ } #event .system-list{margin-bottom: 23.5vw;z-index: 3;} #event .system-list li{line-height: 1.4;position: relative;margin-bottom: 2.6vw;margin-right: 5.2vw;width: 83vw;} #event .system-list li a{} #event .system-list li a:hover{ text-decoration: none; } #event .system-pic{width: 100%;height: 56.4vw;margin-bottom: 2vw;overflow: hidden;text-align: center;box-shadow: 1.0vw 1.0vw 2.6vw #0000001A;} #event .system-pic img{width: 100%;height: 56.4vw;} #event .prev-arrow{position: absolute;top: 83.6vw;right: 18.6vw;width: 12vw;} #event .next-arrow{width: 12vw;position: absolute;top: 83.6vw;right: 4vw;} #event .system-list li .system-date{color: #00398B;font-size: 3.38vw;line-height: 1.6;letter-spacing: 0.15vw;font-weight: 500;} #event .system-list li .system-ttl-01{font-size: 3.86vw;line-height: 6.28vw;letter-spacing: 0.3vw;font-weight: 700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} #event .icon01{position: absolute;top: -2vw;left: 10.6vw;z-index: 0;width: 19vw;} #event .icon02{position: absolute;top: 49.6vw;right: 10.7vw;margin-left: 0;z-index: 0;width: 19vw;} #contents08 {position: relative;background: url('../images/index/contents05-back02.png')repeat top center;padding-bottom: 16vw;} #contents08 .inner-Box {background: url('../images/index/sp-contents08-back01.png') no-repeat top 4vw left 1vw;background-size: 80% auto;position: relative;max-} #contents08 h2{font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.7vw;color: #070163;padding: 0 0vw 0 4.9vw;position: relative;z-index: 3;margin-bottom: 8.9vw;margin-left: 1.4vw;} #contents08 h2::before{content: "";background: #EB6102;height: 0.8vw;position: absolute;left: 3.8vw;top: 3.0vw;width: 5vw;left: -1.8vw;} #contents08 .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;min-;margin: 0 8.2vw;} #contents08 .inner-Box ul li { margin-bottom: 3.3vw; } #contents08 .inner-Box ul li:nth-child(4n) { margin-right: 0.0vw; } #contents08 .inner-Box ul li figure img{ width: 100%; height: auto; } #contents09 {position: relative;background: url('../images/index/sp-contents09-back01.png') no-repeat top center;background-size: 100% auto;color: #fff;text-align: center;padding: 32.3vw 0 19.1vw;} #contents09 .inner-Box {position: relative;} #contents09 .inner-Box h2 {margin: 0 23vw 10.1vw;} #contents09 .inner-Box h2 img{ } #contents09 .inner-Box p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.2vw;margin: 0 13vw 20.8vw;text-align: left;} #contents09 .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: 100%;margin: 0 11.8vw;} #contents09 .inner-Box ul li {margin-bottom: 9.4vw;} #contents09 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; } #contents09 .inner-Box ul li figure img{ width: 100%; height: auto; } #contents10 {margin: 0 auto -15.2vw;position: relative;background: url('../images/index/sp-contents10-back01.png') no-repeat top center;background-size: 100% auto;padding-bottom: 29.3vw;padding-top: 39vw;} #contents10 .inner-Box {margin: 0 8.3vw;position: relative;height: 68.3vw;background: #FFFFFF;box-shadow: 0.8vw 0.8vw 2.6vw #0000001A;border-radius: 0.0vw 0.0vw 5.6vw 0.0vw;padding: 7.3vw 6.5vw 5.8vw 6.4vw;} #contents10 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 3.2vw;} #contents10 .inner-Box h2{font-size: 5.79vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.6vw;margin-bottom: 1.4vw;color: #EB6102;} #contents10 .inner-Box h2 span{ } #contents10 .inner-Box p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.2vw;margin: 0 2.2vw 3.9vw;} /* 支店情報 */ #contents11 {position: relative;padding: 14vw 0 16vw;} #contents11 .inner-Box {margin: 14vw 5.3vw 0;position: relative;} #contents11 .inner-Box h2.ttl {text-align: center;margin-bottom: 8vw;} #contents11 .inner-Box h2.ttl .en {display: block;font-size: 9.6vw;line-height: 1.2;font-weight: 700;letter-spacing: 0.8vw;color: #EB6102;} #contents11 .inner-Box h2.ttl .jp {display: block;font-size: 4vw;font-weight: 700;letter-spacing: 0.4vw;color: #070163;} #contents11 .office-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;justify-content: space-between;} #contents11 .office-list li {width: 48%;background: #FFFFFF;box-shadow: 0.8vw 0.8vw 2.6vw #0000001A;border-radius: 0vw 0vw 4vw 0vw;padding: 5vw 4vw 5.3vw;box-sizing: border-box;margin-bottom: 4vw;} #contents11 .office-list li h3 {font-size: 4.6vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.3vw;color: #070163;margin-bottom: 3vw;padding-bottom: 2.5vw;border-bottom: 0.5vw solid #EB6102;} #contents11 .office-list li p {font-size: 3.2vw;line-height: 1.8;font-weight: 500;letter-spacing: 0.1vw;} #contents11 .office-list li .map {position: relative;width: 100%;padding-top: 66%;margin-bottom: 3.5vw;} #contents11 .office-list li .map iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #contents11 .office-list li p.zip {margin-top: 1.5vw;} }