@charset "UTF-8"; a:hover { text-decoration: none; } /* ========================================================================== PC & Print 共通スタイル (768px以上) ========================================================================== */ @media screen and (min-width: 768px), print { header{position: absolute;z-index: 10;} header .h-logo img,header .tel,header .reserve{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);} #mmslide { margin: 0 auto; position: relative; } #mmslide .inner-Box { margin: 0 auto; position: relative; } #mmslide .ttl-Box {margin: 0 auto;position: absolute;top: 167px;left: 163px;z-index: 3;} #mmslide .ttl-Box h1.f-min {margin-bottom: 40px;position: relative;color: #FFF;font-size: 48px;font-weight: 500;line-height: 1.458;letter-spacing: 0.042em;} #mmslide .ttl-Box p.text {margin-bottom: 0px;position: relative;color: #FFF;font-size: 20px;font-weight: 400;line-height: 1.9;letter-spacing: 0.15em;} #mmslide ul.topnavi {position: absolute;top: 158px;right: 69px;z-index: 3;} #mmslide ul.topnavi li a { } #mmslide ul.topnavi li a:hover { } #mmslide p.ltext {margin-bottom: 20px;position: relative;text-align: right;color: #FFF;text-align: right;font-size: 14px;font-weight: 500;line-height: 1.143;letter-spacing: 0.035em;} #mmslide p.text2 {margin-bottom: 0px;color: #FFF;font-size: 16px;font-weight: 400;line-height: 2.25;letter-spacing: 0.125em;position: absolute;bottom: 62px;right: 71px;z-index: 3;} #mmslide p.text2 span { position: relative;display: inline-block; } #mmslide p.text2 span::before {content:"";width: 171px;background-color: #FFF;opacity: 0.6;height: 1px;position: absolute;display: block;bottom: 0;left: 0;} #mmslide .main-slide {width: 100%;height: 100%;position: relative;overflow: hidden;} #mmslide .main-slide .swiper-wrapper {width: 100%;height: 100%;} #mmslide .main-slide .swiper-slide {width: 100%;height: 100%;} #mmslide .main-slide .photo {width: 100%;height: 100%;margin: 0;position: relative;overflow: hidden;} #mmslide .main-slide .photo picture {width: 100%;height: 100%;display: block;} #mmslide .main-slide .photo img {width: 100%;height: 100%;display: block;object-fit: cover;} #contentsmain {margin: 0 auto;position: relative;background: url('../images/index/contentsmain-back01.png')no-repeat top center;background-size: cover;padding: 140px 30px 0;} #contentsmain .inner-Box {margin: 0 auto;position: relative;max-width: 1725px;padding-bottom: 120px;} #contentsmain .inner-Box h2.f-min {margin-bottom: 26px;position: relative;color: #3B3B3B;text-align: center;font-size: 41.132px;font-weight: 500;line-height: 1.333;letter-spacing: 0.056em;} #contentsmain .inner-Box p.subttl {margin-bottom: 80px;position: relative;color: #3B3B3B;text-align: center;font-size: 18.709px;font-weight: 400;line-height: 2;letter-spacing: 0.125em;} #contentsmain .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;} #contentsmain .inner-Box ul li {position: relative;background: #FFF;width: 23.4%;margin-right: 2.1%;} #contentsmain .inner-Box ul li:last-child { margin-right: 0px; } #contentsmain .inner-Box ul li a {display: block;padding: 0px 0 212px;} #contentsmain .inner-Box ul li a:hover { } #contentsmain .inner-Box h3.f-min {margin-bottom: 0px;position: relative;color: #3B3B3B;font-size: 24px;font-weight: 500;line-height: normal;letter-spacing: 0.083em;padding: 40px 10px 46px 40px;} #contentsmain .inner-Box p.ltext {margin-bottom: 28px;position: relative;color: #808080;text-align: right;font-size: 19.497px;font-weight: 400;line-height: 1.75;letter-spacing: 0.125em;padding-right: 102px;padding-left: 20px;} #contentsmain .inner-Box p.ltext::before{content:"→";border-radius: 36.556px;background: #878787;width: 48.742px;height: 19.497px;display: block;position: absolute;top: 7px;right: 40px;color: #FFF;font-size: 14.622px;font-weight: 400;line-height: normal;letter-spacing: 0.167em;text-align: center;} #contentsmain .inner-Box figure.photo {position: absolute;bottom: 0;left: 0;} #contentsmain .inner-Box figure.photo img{width: 100%;height: auto;} #contentsmainbt {margin: 0 auto;position: relative;padding-bottom: 159px;} #contentsmainbt .inner-Box {margin: 0 auto;position: relative;padding: 141px 30px 0;max-width: 1360px;} #contentsmainbt .inner-Box h2.f-min {margin-bottom: -40px;position: relative;color: #3B3B3B;text-align: center;font-size: 29px;font-weight: 500;line-height: 1.655;letter-spacing: 0.069em;} #contentsmainbt .inner-Box span.line {display: block;line-height: 1;text-align: center;} #contentsmainbt .inner-Box span.line img { } #contentsmainbt .inner-Box ul.f-min {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-bottom: 75px;} #contentsmainbt .inner-Box ul li {position: relative;border: 1px solid #3B3B3B;width: 32.2%;margin-right: 1.7%;} #contentsmainbt .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contentsmainbt .inner-Box p.ltext {margin-bottom: 0px;position: relative;color: #3B3B3B;text-align: center;font-size: 18px;font-weight: 500;line-height: 2;letter-spacing: 0.111em;padding: 26px;} #contentsmainbt .inner-Box p.ltext span {color: #3B3B3B;font-size: 26px;font-weight: 500;line-height: 1.385;letter-spacing: 0.077em;} #contentsmainbt .inner-Box h3.f-min {margin-bottom: 0px;position: relative;color: #3B3B3B;text-align: center;font-size: 22px;font-weight: 500;line-height: 1.727;letter-spacing: 0.091em;} #photo-design-top {background: url(../images/index/photo-design-top-back01.png) no-repeat top center;background-size: cover;padding: 60px 20px;min-height: 1010px;} #photo-design-top .inner-Box { max-width: 1768px; margin: 0 auto; position: relative; } #photo-design-top .system-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; width: 60.7%; position: absolute; top: 40px; right: 0; } #photo-design-top .system-list li { width: 32%; margin: 0 1% 1% 0; position: relative; } #photo-design-top .system-list li.selected { border: 2px solid #fff; } #photo-design-top .system-list li .system-pic {width: 100%; aspect-ratio: 343 / 263; overflow: hidden; text-align: center; position: relative;} #photo-design-top .system-list li .system-pic img { width: 100%; height: 100%; } #photo-design-top .system-list li .photo-tag-list {} #photo-design-top .system-list li .photo-tag-list li {} #photo-design-top .count {color: #FFF;font-size: 20px;font-weight: 500;line-height: normal;letter-spacing: 0.1em;width: 347px;height: 86px;border: 1px solid #5f5f5f;border-radius: 10px;margin-left: 84px;text-align: center;padding-top: 5px;} #photo-design-top .count #countno { color: #FFF; font-size: 44px; font-weight: 500; line-height: normal; letter-spacing: 0.045em; } #photo-design-top .photo-next-btn {} #photo-design-top .photo-next-btn a { color: #FFF; text-align: center; font-size: 18px; font-weight: 500; line-height: 1.444; display: block; width: 348px; border: 1px solid #fff; margin-left: 86px; padding: 25px 0; margin-top: 42px; } #photo-design-top .rsetbtn { color: #ECECEC; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 0.143em; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; width: 200px; margin-left: 161px; text-align: center; padding-top: 9px; } #photo-design-top .select-number{background:url(../images/index/photo-design-top-icon01.png)no-repeat center center;color: #FFF;text-align: center;font-size: 30px;font-weight: 500;line-height: normal;letter-spacing: 0.067em;position: absolute;top: 10px;left: 10px;width: 62px;height: 62px;padding: 7px 0 0;background-size: 100% auto;} #photo-design-top h2{color: #FFF8F8;font-size: 32px;font-weight: 500;line-height: 1.75;letter-spacing: 0.063em;padding: 117px 0 0 86px;margin-bottom: 264px;} #photo-design-top h3{color: #FFF;text-align: left;font-size: 16px;font-weight: 500;line-height: 1.75;letter-spacing: 0.125em;margin-left: 105px;margin-bottom: 24px;} #photo-design-top .text{color: #FFF;font-size: 16px;font-weight: 400;line-height: 2;letter-spacing: 0.125em;width: 37%;padding-left: 86px;margin-bottom: 50px;} #photo-design-top #tag-section{padding: 119px 0 0;} #photo-design-top #tag-section h3{background: #EDEDED;width: 467px;height: 121px;padding: 26px 10px 26px 30px;color: #3B3B3B;font-size: 20px;font-weight: 500;line-height: normal;letter-spacing: 0.1em;position: relative;left: -19px;margin-top: 0px;margin-bottom: 303px;} #photo-design-top #tag-section h3 span{color: #3B3B3B;font-size: 16px;font-weight: 500;line-height: normal;letter-spacing: 0.125em;display: block;margin-bottom: -15px;} #photo-design-top #tag-section .textt{color: #FFF;font-size: 16px;font-weight: 400;line-height: 1.75;letter-spacing: 0.125em;margin-left: 85px;margin-bottom: 28px;} #design-process .inner-Box { margin: 0 auto; position: relative; } #design-process .inner-Box h2.f-min {margin-bottom: 28px;position: relative;color: #3B3B3B;text-align: center;font-size: 36px;font-weight: 500;line-height: 0.778;letter-spacing: 0.056em;} #design-process .inner-Box p.subttl {margin-bottom: 52px;position: relative;color: #3B3B3B;text-align: center;font-size: 16px;font-weight: 400;line-height: 1.75;letter-spacing: 0.125em;} #design-process .inner-Box p.mmbtn {margin-bottom: 80px;position: relative;text-align: center;} #design-process .inner-Box p.mmbtn a {display: inline-block;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #3B3B3B 1px solid;padding-bottom: 9px;} #design-process .inner-Box p.mmbtn a:hover { } #design-process .inner-Box p.mmbtn a span{ font-size: 10px; } #design-process {margin: 0 auto 100px;position: relative;padding: 160px 30px 0;} #design-process .inner-Box {margin: 0 auto;position: relative;max-width: 1206px;} #design-process .inner-Box p.btn {text-align: center;} #design-process .inner-Box p.btn img { } #design-process ul.system-list {display:grid;grid-template-columns: repeat(3,1fr);gap: 2%;width:100%;margin-bottom: 51px;} #design-process ul.system-list li{ } #design-process ul.system-list li .system-pic {width: 91.3%;aspect-ratio: 310 / 206;overflow: hidden;text-align: center;margin-bottom: 5px;position: relative;border-radius: 10px;margin-left: 8.9%;} #design-process ul.system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; } #design-process ul.system-list li {margin-bottom: 17px;position: relative;border-radius: 20px;border: 3px solid #E9EAEA;background: #FFF;} #design-process ul.system-list li:nth-last-child(-n+2){} #design-process ul.system-list li a{display: block;padding: 30px 20px;} #design-process ul.system-list li .linebox-voi{position: relative;padding: 0 0 0 48px;margin-bottom: 34px;} #design-process ul.system-list li .linebox-voi .sicon{position: absolute;left: 0;} #design-process ul.system-list li .design-process_text1{color: #3B3B3B;font-size: 14px;font-weight: 500;line-height: 2;letter-spacing: 0.143em;padding: 7px 0 6px 0;margin-bottom: 6px;} #design-process ul.system-list li .design-process_text2{color: #3B3B3B;font-size: 14px;font-weight: 500;line-height: 1.571;letter-spacing: 0.071em;border-radius: 0 16px 16px 16px;background: #F0EEE6;padding: 13px 16px 11px 24px;margin-right: 12px;} #design-process ul.system-list li .linebox-matsu .matsuike{color: #3B3B3B;font-size: 14px;font-weight: 500;line-height: 1.571;letter-spacing: 0.071em;width: 132px;margin-left: auto;padding: 4px;margin-bottom: 14px;} #design-process ul.system-list li .linebox-matsu .matsuike span{letter-spacing: 0.071em;color: #3B3B3B;text-align: left;font-size: 10px;font-weight: 500;line-height: normal;display: block;left: -5px;position: relative;} #design-process ul.system-list li .linebox-matsu{position: relative;padding: 0 0 0 30px;margin-bottom: 9px;} #design-process ul.system-list li .linebox-matsu .picon{position: absolute;right: 0;top: 7px;} #design-process ul.system-list li .design-process_text3{color: #3B3B3B;font-size: 14px;font-weight: 500;line-height: 1.571;letter-spacing: 0.071em;border-radius: 16px 0 16px 16px;background: #E0E5E9;padding: 25px 20px;} #design-process ul.system-list li .design-process_text4{} #works {background: #F5F5F5;padding: 101px 30px 3px;} #works .inner-Box{max-width: 1600px;margin: 0 auto;position: relative;} #works h2{margin-bottom: 34px;color: #3B3B3B;text-align: center;font-size: 36px;font-weight: 500;line-height: normal;letter-spacing: 0.056em;} #works h2 span{color: #3B3B3B;text-align: center;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: 0.125em;display: block;margin-bottom: 40px;} #works .inner-Box p.mmbtn {position: absolute;top: 140px;right: 0;} #works .inner-Box p.mmbtn a {display: inline-block;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #3B3B3B 1px solid;padding-bottom: 9px;} #works .inner-Box p.mmbtn a span{ font-size: 10px; } #works .inner-Box p.mmbtn a:hover { color: #000; border-bottom-color: #000; } #works ul#catelist {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: center;-webkit-box-pack: center;-ms-flex-pack: center;margin-bottom: 36px;} #works #catelist li{margin: 0 20px 5px;color: #3B3B3B;text-align: center;font-size: 18px;font-weight: 400;line-height: 1.556;letter-spacing: 0.111em;} #works #catelist li a{transition: all 0.3s ease-in-out;color: #707070;} #works #catelist li:first-child a{ display: inline-block; border-bottom:1px solid #707070; } #works #catelist li.active a,#works #catelist li a:hover{text-decoration: none;} #works ul.system-list {display:grid;grid-template-columns: repeat(3,1fr);gap: 4%;width:100%;margin-bottom: 100px;} #works ul.system-list li:nth-child(4){display: none;} #works ul.system-list li a{display: block;position: relative;padding-bottom: 72px;min-height: 807px;} #works ul.system-list li .system-pic {width: 100%;aspect-ratio: 492 / 620;overflow: hidden;text-align: center;margin-bottom: 19px;position: relative;} #works ul.system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; } #works ul.system-list li {margin-bottom: 17px;position: relative;} #works ul.system-list li .systtl{margin-bottom: 0px;position: relative;text-align: left;color: #3B3B3B;font-size: 22px;font-weight: 400;line-height: 1.273;letter-spacing: 0.091em;} #works ul.system-list li .systtl span.no{margin-bottom: 10px;font-size: 16px;line-height: 1;letter-spacing: 0.05em;font-weight: 400;text-align: left;position: absolute;top: 6px;left: 0;border-right: 1px #3D3D3D solid;padding: 2px 7px 1px 0;} #works ul.system-list li:nth-last-child(-n+2){margin-bottom:0;} #works ul.system-list li .cost { } #works ul.system-list li .cname span.tagttl{font-size: 12px;display: inline-block;margin:0 10px 10px 0;color: #fff;background: #495D72;padding: 8px 18px;} #works ul.system-list li .cname{margin-bottom: 0px;text-align: left;font-weight: 400;font-size: 16px;line-height: 1.875;letter-spacing: 0.05em;color: #000;} #works ul.system-list li .tag { } #works ul.system-list li .tag span{transition: all 0.3s ease-in-out;/* background: #F4F4ED; */color: #707070;padding: 4px 0px 0 1px;border-radius: 3px;text-align: left;font-weight: 400;font-size: 14px;line-height: 3;letter-spacing: 0.05em;color: #535353;display: inline-block;} #works ul.system-list li .infotext{color: #595959;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;} #works ul.system-list li .infotext .works_text1 {} #works ul.system-list li .infotext .works_text2 {} #works ul.system-list li .infotext .works_text1 + .works_text2::before {content: "｜";} #works ul.system-list li .infotext .works_text2 + .cate::before {content: "｜";} #works ul.system-list li .infotext .works_text1 + .cate::before {content: "｜";} #works ul.system-list li .infotext .cate + .cate::before {content: "｜";display: inline-block;margin: 0px 0 0 -3px;} #works ul.system-list li .read-more{color: #3B3B3B;font-size: 16px;font-weight: 400;line-height: 2.25;letter-spacing: 0.125em;border-bottom: 1px solid #3B3B3B;position: absolute;bottom: 0;left: 0;width: 100%;} #works ul.system-list li .read-more::before{content:"→";border-radius: 43px;background: #878787;width: 39px;height: 16px;display: block;position: absolute;top: 7px;right: 0;color: #FFF;font-size: 12px;font-weight: 400;line-height: normal;letter-spacing: 0.167em;text-align: center;} #contents01 {margin: 0 auto;position: relative;background: url('../images/index/contents01-back01.png')no-repeat top center;padding: 86px 30px 1px;} #contents01 .ttl-Box { margin: 0 auto; position: relative; } #contents01 .ttl-Box h2.f-min {margin-bottom: 18px;position: relative;color: #FFF;text-align: center;font-size: 36px;font-weight: 500;line-height: normal;letter-spacing: 0.056em;} #contents01 .ttl-Box p.subttl {margin-bottom: 0px;position: relative;color: #FFF;text-align: center;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;} #contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1368px;padding: 42px 470px 0 1px;} #contents01 .inner-Box figure.photo {position: absolute;top: 35px;right: 104px;} #contents01 .inner-Box figure.photo img{ } #contents01 .inner-Box h3.f-min {margin-bottom: 0px;position: relative;color: #FFF;text-align: center;font-size: 30px;font-weight: 500;line-height: 1.733;letter-spacing: 0.2em;} #contents01 .inner-Box h3.f-min span {color: #FFF;font-size: 60px;font-weight: 500;line-height: 0.867;letter-spacing: 0.1em;} #contents01 .inner-Box h4.f-min {margin-bottom: 0px;position: relative;color: #FFF;text-align: center;font-size: 30px;font-weight: 500;line-height: 1.733;letter-spacing: 0.2em;} #contents01 .inner-Box h4.f-min span {color: #FFF;text-align: center;font-size: 14px;font-weight: 500;line-height: normal;letter-spacing: 0.143em;display: block;position: relative;left: -5px;top: 8px;} #contents01 .reason-slide {width: 87%;position: relative;overflow: hidden;margin: 0 auto;} #contents01 .reason-slide .swiper-wrapper {align-items: center;} #contents01 .reason-slide .swiper-slide {opacity: .45;transform: scale(0.76);transition: opacity .45s ease,transform .45s ease;} #contents01 .reason-slide .swiper-slide-active {opacity: 1;transform: scale(1.09);} #contents01 .reason-slide .swiper-slide .img {width: 100%;margin: 0;position: relative;padding-bottom: 20px;} #contents01 .reason-slide .swiper-slide .img picture {display: block;width: 100%;} #contents01 .reason-slide .swiper-slide .img img {width: 100%;height: auto;display: block;} #contents01 .reason-slide .left,#contents01 .reason-slide .right {width: 41px;height: 46px;position: absolute;top: 140px;z-index: 5;cursor: pointer;transform: translateY(-50%);} #contents01 .reason-slide .left {left: 31.5%;top: 162px;} #contents01 .reason-slide .right {right: 30.9%;transform: scale(-1, 1);} #contents01 .reason-slide .left img,#contents01 .reason-slide .right img {width: 100%;height: auto;display: block;} #contents01 .reason-slide .left img {/* transform: scaleX(-1); */} #contents01 .inner-Box2 {margin: 0 auto 48px;position: relative;max-width: 1369px;padding-top: 67px;display: flex;gap: 1.7531%;} #contents01 .inner-Box2 .left-Box {position: relative;width: 34.8429%;background: #C2C1C1;padding: 42px 0;} #contents01 .inner-Box2 .right-Box {position: relative;width: 63.4039%;background: #D1DAE2;padding: 34px 20px 0;} #contents01 .inner-Box2 h5 {margin-bottom: 12px;position: relative;color: #3C4750;text-align: center;font-size: 18px;font-weight: 500;line-height: 1.556;letter-spacing: 0.111em;} #contents01 .inner-Box2 h5 span {display: inline-block;background: #fff;padding: 4px 59px;} #contents01 .inner-Box2 h6 {margin-bottom: 14px;position: relative;color: #3C4750;text-align: center;font-size: 24px;font-weight: 500;line-height: 1.167;letter-spacing: 0.083em;} #contents01 .inner-Box2 h6 span {display: inline-block;background: #fff;padding: 9px 59px;} #contents01 .inner-Box2 p.text2 {margin-bottom: 0px;position: relative;text-align: center;color: #3C4750;text-align: center;font-size: 16px;font-weight: 500;line-height: 1.625;letter-spacing: 0.125em;} #contents01 .inner-Box2 p.text3 {margin-bottom: 0px;position: relative;color: #3C4750;text-align: center;font-size: 18px;font-weight: 500;line-height: 1.556;letter-spacing: 0.111em;} #contents01 .inner-Box2 span.arr {display: block;line-height: 1;position: absolute;top: 74px;right: -44px;z-index: 3;} #contents01 .inner-Box2 span.arr img { } #contents01 p.mmbtn {margin-bottom: 80px;position: relative;text-align: center;} #contents01 p.mmbtn a {display: inline-block;color: #fff;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #fff 1px solid;padding-bottom: 9px;} #contents01 p.mmbtn a:hover { } #contents01 p.mmbtn a span{ font-size: 10px; } #contents02 {margin: 0 auto 149px;position: relative;width: 1100px;padding: 116px 0 0;} #contents02 .inner-Box {margin: 0 auto;position: relative;padding: 110px 0 30px;} #contents02 .inner-Box h2.f-min {margin-bottom: 40px;position: relative;color: #3B3B3B;font-size: 26px;font-weight: 500;line-height: 1.615;letter-spacing: 0.077em;} #contents02 .inner-Box figure.photo {position: absolute;top: 0;right: 0;} #contents02 .inner-Box figure.photo img{ } #contents02 .inner-Box p.text {margin-bottom: 25px;position: relative;color: #3B3B3B;font-size: 16px;font-weight: 400;line-height: 1.625;letter-spacing: 0.125em;width: 400px;} #contents02 .inner-Box h3.f-min {margin-bottom: 50px;position: relative;color: #3B3B3B;font-size: 16px;font-weight: 500;line-height: 1.5;letter-spacing: 0.125em;padding: 35px 0 0;} #contents02 .inner-Box h3.f-min span {color: #3B3B3B;font-size: 10px;font-weight: 500;line-height: 2.4;position: absolute;top: 17px;left: 48px;} #contents02 p.mmbtn {margin-bottom: 80px;position: relative;} #contents02 p.mmbtn a {display: inline-block;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #3B3B3B 1px solid;padding-bottom: 9px;} #contents02 p.mmbtn a:hover { } #contents02 p.mmbtn a span{ font-size: 10px; } #column{background: url(../images/index/column-back01.png) no-repeat center top;min-height: 620px;margin-bottom: -281px;z-index: 3;position: relative;} #column .inner-Box{ } #column .inner-Box .ttl-Box{width: 470px;height: 369px;background: #8C959C;position: relative;top: -30px;padding: 60px 75px;margin-bottom: -249px;} #column .inner-Box .ttl-Box h2{color: #FFF;font-size: 30px;font-weight: 500;line-height: normal;letter-spacing: 0.067em;margin-bottom: 22px;} #column .inner-Box .ttl-Box p.text{color: #FFF;font-size: 14px;font-weight: 400;line-height: 1.714;letter-spacing: 0.143em;position: relative;margin-bottom: 53px;} #column .inner-Box .ttl-Box p.text span{color: #FFF;font-size: 10px;font-weight: 400;line-height: 2.4;position: absolute;top: -16px;left: 105px;} #column p.mmbtn {margin-bottom: 80px;position: relative;} #column p.mmbtn a {display: inline-block;color: #fff;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #fff 1px solid;padding-bottom: 9px;} #column p.mmbtn a:hover { } #column p.mmbtn a span{ font-size: 10px; } #column .column-slide {width: auto;position: relative;overflow: hidden;margin-left: 400px;z-index: 4;} #column .column-slide .swiper-wrapper {align-items: stretch;} #column .column-slide .swiper-slide {width: 360px !important;height: auto;flex-shrink: 0;} #column .column-slide .swiper-slide a {display: block;} #column .column-slide .swiper-slide .photo {margin: 0;width: 100%;aspect-ratio: 36 / 27;overflow: hidden;text-align: center;position: relative;margin-bottom: 18px;} #column .column-slide .swiper-slide .photo img {width: 100%;height: 100%;display: block;object-fit: cover;} #column .column-slide .left,#column .column-slide .right {width: 48px;height: 48px;position: absolute;top: 50%;z-index: 5;cursor: pointer;transform: translateY(-50%);} #column .column-slide .left {left: 0;} #column .column-slide .right {right: 0;} #column .column-slide .left img,#column .column-slide .right img {width: 100%;height: auto;display: block;} #column .column-slide .left img {transform: scaleX(-1);} #column .date {color: #3B3B3B;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: 0.125em;margin-bottom: 14px;} #column .systtl {color: #3B3B3B;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: 0.125em;} #contents03 {margin: 0 auto;position: relative;padding: 445px 30px 50px;background: #F5F5F5;} #contents03 .inner-Box {margin: 0 auto;position: relative;max-width: 1720px;} #contents03 .inner-Box h2.f-min {margin-bottom: 25px;position: relative;color: #3B3B3B;text-align: center;font-size: 32px;font-weight: 500;line-height: normal;letter-spacing: 0.063em;} #contents03 .inner-Box p.text {margin-bottom: 60px;position: relative;color: #3B3B3B;text-align: center;font-size: 18px;font-weight: 400;line-height: 1.556;letter-spacing: 0.111em;} #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: 32.5%;margin-right: 1.2%;} #contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contents03 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 30px;} #contents03 .inner-Box figure.photo img{width: 100%;height: auto;} #contents03 .inner-Box p.ltext {position: relative;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;margin: 0 30px 30px;} #contents03 p.mmbtn {margin-bottom: 80px;position: relative;text-align: center;} #contents03 p.mmbtn a {display: inline-block;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #3B3B3B 1px solid;padding-bottom: 9px;} #contents03 p.mmbtn a:hover { } #contents03 p.mmbtn a span{ font-size: 10px; } #voice {margin: 0 auto;position: relative;padding: 100px 0px 172px;background: #8C959C;} #voice .ttl-Box{margin: 0 auto 50px;max-width: 1500px;padding: 0 30px;position: relative;} #voice .ttl-Box h2{ color: #FFF; font-size: 34px; font-weight: 500; line-height: normal; letter-spacing: 0.059em; margin-bottom: 30px; } #voice .ttl-Box p.subtext{ color: #FFF; font-size: 16px; font-weight: 400; line-height: 1.75; letter-spacing: 0.125em; } #voice p.mmbtn {position: absolute;top: 111px;right: 10px;} #voice p.mmbtn a {display: inline-block;color: #fff;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #fff 1px solid;padding-bottom: 9px;} #voice p.mmbtn a:hover { } #voice p.mmbtn a span{ font-size: 10px; } #voice .voice-slide {width: 100vw;position: relative;overflow: visible;margin-left: 50%;transform: translateX(-50%);z-index: 4;} #voice .voice-slide .left,#voice .voice-slide .right {width: 48px;height: 48px;position: absolute;top: -75px;z-index: 10;cursor: pointer;transform: translateY(-50%);} #voice .voice-slide .left {left: calc(50% + 436px);} #voice .voice-slide .right {right: calc(50% - 405px);} #voice .voice-slide .left img,#voice .voice-slide .right img {width: 100%;height: auto;display: block;} #voice .voice-slide .left img {transform: scaleX(-1);} #voice .voice-slide .swiper-wrapper {align-items: stretch;} #voice .voice-slide .swiper-slide {width: 828px !important;height: auto;flex-shrink: 0;box-shadow: 0 4px 24px 0 rgba(55,55,55,0.25);} #voice .voice-slide .swiper-slide a {display: flex;justify-content: space-between;align-items: stretch;background: #fff;} #voice .voice-slide .swiper-slide .system-pic {width: 53.2625%;aspect-ratio: 440 / 345;overflow: hidden;text-align: center;position: relative;margin: 0;flex-shrink: 0;} #voice .voice-slide .swiper-slide .system-pic img {width: 100%;height: 100%;object-fit: cover;display: block;} #voice .voice-slide .swiper-slide .textbox {width: 43.4688%;padding: 43px 50px 0 0;position: relative;} #voice .voice-slide .swiper-slide .systtl {margin-bottom: 12px;text-align: left;letter-spacing: 0.1em;position: relative;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;} #voice .voice-slide .swiper-slide .systtl span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} #voice .voice-slide .swiper-slide .notext {color: #8C959C;font-size: 14px;font-weight: 500;line-height: 2;margin-bottom: 3px;} #voice .voice-slide .swiper-slide .infotext {color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;margin-bottom: 70px;} #voice .voice-slide .swiper-slide .infotext .land,#voice .voice-slide .swiper-slide .infotext .layout,#voice .voice-slide .swiper-slide .infotext .budget {display: inline-block;margin-right: 20px;} #voice .voice-slide .swiper-slide .infotext .land:last-child,#voice .voice-slide .swiper-slide .infotext .layout:last-child,#voice .voice-slide .swiper-slide .infotext .budget:last-child {margin-right: 0;} #voice .voice-slide .swiper-slide .voice_attribute {color: #565656;font-size: 14px;font-weight: 400;line-height: 2;} #contents04 {margin: 0 auto 65px;position: relative;background: url('../images/index/contents04-back01.png')no-repeat top center;padding: 120px 0 0;min-height: 934px;} #contents04 h2.f-min {margin-bottom: 0px;position: relative;color: #3B3B3B;text-align: center;font-size: 36px;font-weight: 500;line-height: normal;letter-spacing: 0.056em;} #contents04 .inner-Box {margin: 0 auto 176px;position: relative;width: 1230px;padding-left: 50px;display: flex;gap: 284px;} #contents04 .left-Box {position: relative;width: 410px;padding: 217px 0 0;} #contents04 .right-Box {position: relative;width: 478px;padding: 180px 0 0 0px;} #contents04 .left-Box ul{ width: 410px; } #contents04 .left-Box ul li {position: relative;border-bottom: #B4AC92 dashed 1px;width: 100%;margin-bottom: 24px;} #contents04 .left-Box ul li::before{content: '';position: absolute;left: 5px;top: 22%;width: 8px;height: 8px;border-radius: 50%;background-color: #A3A3A3;} #contents04 .left-Box p.ltext {color: #3B3B3B;font-size: 18px;font-weight: 400;line-height: 1.667;letter-spacing: 0.111em;margin-bottom: 0px;position: relative;padding: 0 0 22px 23px;margin-right: -20px;} #contents04 .left-Box p.ltext span { font-weight: 500; } #contents04 .left-Box span.arr {display: block;line-height: 1;position: absolute;top: 292px;right: -200px;} #contents04 .left-Box span.arr img { } #contents04 .right-Box ul{ width: 478px; } #contents04 .right-Box ul li {position: relative;border-bottom: #79848D dashed 1px;display: block;width: 100%;margin-bottom: 13px;} #contents04 .right-Box ul li::before{content: '';position: absolute;left: 0px;top: 30%;width: 8px;height: 8px;border-radius: 50%;background-color: #A3A3A3;} #contents04 .right-Box p.ltext {color: #3B3B3B;font-size: 18px;font-weight: 400;line-height: 1.667;letter-spacing: 0.111em;margin-bottom: 0px;position: relative;padding: 0 0 22px 23px;margin-right: -10px;} #contents04 .right-Box p.ltext span { font-weight: 500; } #contents04 p.mmbtn {margin-bottom: 80px;position: relative;text-align: center;} #contents04 p.mmbtn a {display: inline-block;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #3B3B3B 1px solid;padding-bottom: 9px;} #contents04 p.mmbtn a:hover { } #contents04 p.mmbtn a span{ font-size: 10px; } #contents05 {margin: 0 auto -347px;position: relative;background: url('../images/index/contents05-back01.png')no-repeat top center;min-height: 1221px;} #contents05 .inner-Box {margin: 0 auto;position: relative;max-width: 1310px;} #contents05 .inner-Box h2 {padding: 200px 0 0;margin-bottom: 59px;z-index: 2;position: relative;} #contents05 .inner-Box h2 span{ } #contents05 .inner-Box h2 img { } #contents05 .inner-Box figure.photo {position: absolute;top: 271px;right: 53px;} #contents05 .inner-Box figure.photo img{ } #contents05 .inner-Box h3.f-min {margin-bottom: 40px;position: relative;color: #3B3B3B;font-size: 22px;font-weight: 500;line-height: 1.455;letter-spacing: 0.091em;margin-left: 103px;} #contents05 .inner-Box ul{ margin-left: 127px; margin-bottom: 24px; } #contents05 .inner-Box ul li { position: relative; } #contents05 .inner-Box ul li::before{content: '';position: absolute;left: -14px;top: 46%;width: 5px;height: 5px;border-radius: 50%;background-color: #3B3B3B;} #contents05 .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contents05 .inner-Box p.ltext {margin-bottom: 0px;position: relative;color: #3B3B3B;font-size: 16px;font-weight: 500;line-height: 2.875;letter-spacing: 0.125em;} #contents05 .inner-Box p.text {margin-bottom: 0px;position: relative;color: #3B3B3B;font-size: 18px;font-weight: 400;line-height: 2.556;letter-spacing: 0.111em;margin-left: 103px;} #contents05 .inner-Box p.wmore {margin-bottom: 0px;position: relative;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;margin-left: 103px;background: #fff;width: 264px;margin-top: 30px;text-align: center;padding: 16px;} #contents05 .inner-Box p.wmore span { } #contents05 .inner-Box p.wmore a { } #contents05 .inner-Box p.wmore a:hover { } #event{background: #F5F5F5;padding: 370px 0 0 0px;height: 880px;} #event .inner-Box{ } #event .inner-Box .ttl-Box{width: 470px;height: 369px;position: relative;padding: 88px 5px 60px 162px;margin-bottom: -279px;} #event .inner-Box .ttl-Box h2{margin-bottom: 22px;color: #3B3B3B;font-size: 28px;font-weight: 500;line-height: 1.857;letter-spacing: 0.071em;} #event .inner-Box .ttl-Box h2 span{ color: #3B3B3B; font-size: 56px; font-weight: 400; line-height: normal; letter-spacing: 0.036em; font-style: italic; display: block; margin-bottom: 22px; } #event p.mmbtn {margin-bottom: 80px;position: relative;} #event p.mmbtn a {display: inline-block;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #3B3B3B 1px solid;padding-bottom: 9px;} #event p.mmbtn a:hover { } #event p.mmbtn a span{ font-size: 10px; } #event .event-slide {width: auto;position: relative;overflow: hidden;margin-left: 33%;z-index: 4;} #event .event-slide .swiper-wrapper {align-items: stretch;flex-wrap: nowrap;} #event .event-slide .swiper-slide {width: 430px !important;height: auto;flex-shrink: 0;position: relative;line-height: 1.4;padding: 20px 20px 47px;background: #fff;box-sizing: border-box;} #event .event-slide .swiper-slide a {display: block;text-decoration: none;} #event .event-slide .swiper-slide .textbox {padding: 0 8px 20px;} #event .event-slide .swiper-slide .system-pic {width: auto;aspect-ratio: 429 / 302;overflow: hidden;text-align: center;margin: -20px -20px 15px;position: relative;} #event .event-slide .swiper-slide .system-pic img {width: 100%;height: 100%;object-fit: cover;display: block;} #event .event-slide .swiper-slide .system-date {font-size: 14px;margin-bottom: 14px;line-height: 1.4;position: relative;color: #333;padding: 0 0 0 81px;} #event .event-slide .swiper-slide .system-date .date-ttl {position: absolute;top: 0;left: 0;width: 60px;height: 20px;text-align: left;display: block;color: #3B3B3B;font-size: 14px;font-weight: 500;line-height: normal;} #event .event-slide .swiper-slide .system-date .start_text {color: #838176;} #event .event-slide .swiper-slide .system-ttl-01 {padding: 0 0 8px;margin-bottom: -5px;color: #3B3B3B;font-size: 24px;font-weight: 500;line-height: normal;letter-spacing: 0.083em;} #event .event-slide .swiper-slide .system-ttl-02 {font-size: 16px;line-height: 1.6;font-weight: 400;letter-spacing: 0.05em;margin: 0 0 15px;} #event .event-slide .swiper-slide .evvicon {font-size: 12px;line-height: 1;letter-spacing: 0.05em;font-weight: 400;text-align: left;position: relative;z-index: 3;margin-bottom: 20px;} #event .event-slide .swiper-slide .evvicon span {display: inline-block;padding: 5px 20px;font-size: 16px;border-radius: 40px;} #event .event-slide .swiper-slide .evvicon .yoyaku {background: #EFEFE6;color: #838176;} #event .event-slide .swiper-slide .evvicon .today {background: #2E4958;color: #fff;} #event .event-slide .swiper-slide .evvicon .end {background: #999;color: #fff;} #event .event-slide .left,#event .event-slide .right {width: 48px;height: 48px;position: absolute;top: 50%;z-index: 5;cursor: pointer;transform: translateY(-50%);} #event .event-slide .left {left: 0;} #event .event-slide .right {right: 0;} #event .event-slide .left img,#event .event-slide .right img {width: 100%;height: auto;display: block;} #event .event-slide .left img {transform: scaleX(-1);} #contents06 {margin: 0 auto;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top center;min-height: 1083px;padding: 294px 0 0;} #contents06 .inner-Box {margin: 0 auto;position: relative;background: #F5F5F5;max-width: 1650px;padding: 7% 1% 5% 50.4%;height: 676px;} #contents06 .inner-Box h2.f-min {margin-bottom: 60px;position: relative;color: #3B3B3B;font-size: 42px;font-weight: 500;line-height: normal;letter-spacing: 0.048em;} #contents06 .inner-Box figure.photo {position: absolute;top: 88px;left: 5.3%;width: 47.2%;} #contents06 .inner-Box figure.photo img{ width: 100%;height: auto;display: block; } #contents06 .inner-Box p.text {margin-bottom: 51px;position: relative;color: #3B3B3B;font-size: 18px;font-weight: 400;line-height: 2.556;letter-spacing: 0.111em;} #contents06 p.mmbtn {margin-bottom: 80px;position: relative;} #contents06 p.mmbtn a {display: inline-block;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #3B3B3B 1px solid;padding-bottom: 9px;} #contents06 p.mmbtn a:hover { } #contents06 p.mmbtn a span{ font-size: 10px; } #contents07 {margin: 0 auto 161px;position: relative;padding: 107px 0 0;} #contents07 .inner-Box {margin: 0 auto;position: relative;padding: 0 30px;max-width: 1660px;} #contents07 .inner-Box h2.f-en {margin-bottom: 40px;position: relative;color: #3B3B3B;text-align: center;font-size: 16px;font-weight: 400;line-height: 2.25;letter-spacing: 0.125em;font-style: italic;} #contents07 .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;} #contents07 .inner-Box ul li {position: relative;width: 49.4%;margin-right: 1.2%;} #contents07 .inner-Box ul li:nth-child(2n) { margin-right: 0px; } #contents07 .inner-Box ul li a { } #contents07 .inner-Box ul li a:hover { } #contents07 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 26px;} #contents07 .inner-Box p.ltext {margin-bottom: 0px;position: relative;color: #3B3B3B;font-size: 16px;font-weight: 400;line-height: 2;letter-spacing: 0.125em;padding: 0 48px;} #contents07 .inner-Box figure.photo img {width: 100%;height: auto;display: block;filter: grayscale(100%) brightness(85%) contrast(105%);transition: filter .4s ease;} #contents07 .inner-Box ul li a:hover figure.photo img {filter: grayscale(0) brightness(100%) contrast(100%);} #blog{min-height: 602px;} #blog .inner-Box{ } #blog .inner-Box .ttl-Box{ position: relative; max-width: 1405px; padding: 0px 30px; margin: 0 auto 63px; } #blog .inner-Box .ttl-Box h2{color: #3B3B3B;font-size: 42px;font-weight: 500;line-height: 0.61;letter-spacing: 0.03em;} #blog .inner-Box .ttl-Box h2 span{color: #3B3B3B;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: 0.047em;display: block;position: relative;left: 14px;margin-bottom: 18px;} #blog p.mmbtn {position: absolute;top: 39px;right: 0;} #blog p.mmbtn a {display: inline-block;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #3B3B3B 1px solid;padding-bottom: 9px;} #blog p.mmbtn a:hover { } #blog p.mmbtn a span{ font-size: 10px; } #blog .blog-slide {width: auto;position: relative;overflow: hidden;margin-left: 0;z-index: 4;margin-left: 14.5%;} #blog .blog-slide .swiper-wrapper {align-items: stretch;} #blog .blog-slide .swiper-slide {width: 400px !important;height: auto;flex-shrink: 0;} #blog .blog-slide .swiper-slide a {display: block;} #blog .blog-slide .swiper-slide .photo {margin: 0;aspect-ratio: 36 / 27;overflow: hidden;text-align: center;position: relative;margin-bottom: -51px;margin-left: 21px;} #blog .blog-slide .swiper-slide .photo img {width: 100%;height: 100%;display: block;object-fit: cover;} #blog .blog-slide .swiper-slide .textbox {position: relative;background: #F5F5F5;margin-right: 50px;padding: 21px 26px 80px;} #blog .blog-slide .swiper-slide .date {margin-bottom: 10px;color: #808080;font-size: 14px;font-weight: 400;line-height: 1;letter-spacing: 0.01em;} #blog .blog-slide .swiper-slide .systtl {color: #3B3B3B;font-size: 16px;font-weight: 400;line-height: 1.5;letter-spacing: 0.08em;} #blog .blog-slide .swiper-slide .systtl span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #blog .blog-slide .swiper-slide .arr {display: block;background: #fff;width: 36px;height: 36px;border-radius: 50%;text-align: center;font-size: 10px;padding: 10px 0 0;position: absolute;bottom: 18px;right: 24px;} #blog .blog-slide .left,#blog .blog-slide .right {width: 48px;height: 48px;position: absolute;top: 50%;z-index: 5;cursor: pointer;transform: translateY(-50%);} #blog .blog-slide .left {left: 0;} #blog .blog-slide .right {right: 0;} #blog .blog-slide .left img,#blog .blog-slide .right img {width: 100%;height: auto;display: block;} #blog .blog-slide .left img {transform: scaleX(-1);}#blog .date {color: #3B3B3B;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: 0.125em;margin-bottom: 14px;} #blog .systtl {color: #3B3B3B;font-size: 16px;font-weight: 400;line-height: normal;letter-spacing: 0.125em;} #blog .textbox{ } #blog .textbox .arr{ } .backk{background: #F8F8F8;padding: 40px 0 0;} #contentsbf {margin: 0 auto;position: relative;padding: 0 30px;} #contentsbf{margin: 40px auto 80px;} #contentsbf .inner-Box{margin: 0 auto;width: 1150px;} #contentsbf .inner-Box h2{font-style: normal; /* 180% */color: #3B3B3B;text-align: center;font-size: 32px;font-weight: 400;line-height: 1.8;letter-spacing: 0.113em;margin-bottom: -18px;} #contentsbf .inner-Box h2 span{position: relative;display: block;color: #3B3B3B;font-size: 24px;font-weight: 500;line-height: 2.4;letter-spacing: 0.15em;} #contentsbf .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;} #contentsbf .accordion {margin: 3em auto;border-bottom: 1px solid #D8D8D8;} #contentsbf .toggle {display: none;} #contentsbf .option {position: relative;/* background: #F4F4ED; */margin: 0 0 0px;padding: 0px 0px;border-top: #D8D8D8 1px solid;} #contentsbf .option:last-child {border-bottom: none;} #contentsbf .title::after {content: "";width: 10px;height: 10px;background: url(../images/common/faq-icon01.svg)no-repeat;position: absolute;top: 29px;right: 22px;background-size: 100% auto;transition: transform .3s ease;transform-origin: center center;transform: rotate(45deg);transform-origin: center;} #contentsbf .toggle:checked + .title::after {transform: rotate(225deg);} #contentsbf .title {display: block;padding: 23px 70px 23px 49px;position: relative;cursor: pointer;-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);text-align: left;color: #3B3B3B;font-size: 16px;font-weight: 400;line-height: 1.75;letter-spacing: 0.05em;} #contentsbf .title::before {content: "";position: absolute;width: 14px;height: 16px;background: url(../images/common/faq-icon02.svg) no-repeat;top: 24px;left: -3px;background-size: 100% auto;} #contentsbf .content {position: relative;height: 0;overflow: hidden;transition: height .4s ease;text-align: left;font: normal normal normal 16px/28px Noto Sans JP;letter-spacing: 0.8px;color: #000000;} #contentsbf .content::after {content: "";position: absolute;top: 26px;left: 0px;width: 12px;height: 15px;background: url(../images/common/faq-icon03.svg) no-repeat;background-size: 100% auto;pointer-events: none;} #contentsbf .content p {margin: 0;padding: 27px 80px 32px 51px;} #contentsbf p.mmbtn {right: 0;text-align: center;} #contentsbf p.mmbtn a {display: inline-block;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #3B3B3B 1px solid;padding-bottom: 9px;} #contentsbf p.mmbtn a:hover { } #contentsbf p.mmbtn a span{ font-size: 10px; } #contents08 {margin: 0 auto;position: relative;padding: 30px 0 0;height: 526px;} #contents08 .inner-Box {width: 1200px;margin: 0 auto;position: relative;padding: 43px 0 0 615px;} #contents08 .inner-Box h2.f-min {margin-bottom: 39px;position: relative;color: #3B3B3B;font-size: 32px;font-weight: 500;line-height: 1.813;letter-spacing: 0.063em;} #contents08 .inner-Box h2.f-min span.f-en {color: #3B3B3B;font-size: 16px;font-weight: 400;line-height: 2.25;letter-spacing: 0.125em;display: block;font-style: italic;} #contents08 .inner-Box iframe{width: 550px;height: 360px;position: absolute;top: 10px;left: 0;} #contents08 .inner-Box p.text {margin-bottom: 53px;position: relative;color: #3B3B3B;font-size: 16px;font-weight: 500;line-height: 2.25;letter-spacing: 0.125em;} #contents08 p.mmbtn {right: 0;text-align: left;} #contents08 p.mmbtn a {display: inline-block;color: #3B3B3B;font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: 0.143em;border-bottom: #3B3B3B 1px solid;padding-bottom: 9px;} #contents08 p.mmbtn a:hover { } #contents08 p.mmbtn a span{ font-size: 10px; } .seo{color: #CFCFCF;font-size: 14px;font-weight: 500;line-height: 1.714;letter-spacing: 0.089em;padding: 0 172px;position: relative;top: -9px;margin-bottom: 53px;} } /* ========================================================================== タブレット・ノートPC用の中間ブレイクポイント (768px〜1450px) ========================================================================== */ @media screen and (min-width: 768px) and (max-width: 1770px) { #contents06 .inner-Box figure.photo {position: absolute;top: 88px;left: 5.3%;width: 37.2%;} } @media screen and (min-width: 768px) and (max-width: 1450px) { #contentsmain .inner-Box h3.f-min {font-size: 18px;padding: 30px 10px 20px 20px;} #contentsmain .inner-Box p.ltext {margin-bottom: 28px;font-size: 15px;padding-right: 72px;padding-left: 20px;} #contentsmain .inner-Box p.ltext::before{content:"→";width: 48.742px;height: 19.497px;display: block;right: 9px;font-size: 14px;} #contentsmain .inner-Box ul li a {padding: 0px 0 162px;} #photo-design-top h2{margin-bottom: 64px;} #photo-design-top{min-height: 790px;} #photo-design-top #tag-section{padding-top: 40px;} #photo-design-top #tag-section h3{margin-left: 40px;margin-bottom: 180px;} #voice .voice-slide .left {left: calc(50% + 346px);} #voice .voice-slide .right {right: calc(50% - 315px);} #blog .blog-slide {margin-left: 4.5%;} } /* ========================================================================== スマホ用スタイル (767px以下) ========================================================================== */ @media screen and (max-width: 767px) { header{position:absolute;z-index:3;} header .h-logo img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);} header .teltext{color:#fff;} #mmslide{margin:0 auto;position:relative;} #mmslide .inner-Box{margin:0 auto;position:relative;} #mmslide .ttl-Box{margin:0 auto;position:absolute;top: 36.4vw;left: 4vw;z-index:3;} #mmslide .ttl-Box h1.f-min{margin-bottom: 5.7vw;position:relative;color:#FFF;font-weight:500;font-size: 6.1vw;line-height: 1.667;letter-spacing: 0.048em;} #mmslide .ttl-Box p.text{margin-bottom:0;position:relative;color:#FFF;font-weight:400;font-size: 3.9vw;line-height: 1.75;letter-spacing: 0.125em;} #mmslide ul.topnavi{position:absolute;top:5vw;right:5vw;z-index:3;display: none;} #mmslide p.ltext{margin-bottom:4.8vw;position:relative;text-align:right;color:#FFF;font-size:3.4vw;font-weight:500;line-height:1.143;letter-spacing:0.035em;} #mmslide p.text2{margin-bottom:0;color:#FFF;font-size:3.9vw;font-weight:400;line-height:2.25;letter-spacing:0.125em;position:absolute;bottom:5vw;right:5vw;z-index:3;display: none;} #mmslide p.text2 span{position:relative;display:inline-block;} #mmslide p.text2 span::before{content:"";width:100%;background-color:#FFF;opacity:0.6;height:1px;position:absolute;display:block;bottom:0;left:0;} #mmslide .main-slide{height:100%;position:relative;overflow:hidden;} #mmslide .main-slide .swiper-wrapper{width:100%;height:100%;} #mmslide .main-slide .swiper-slide{width:100%;height:100%;} #mmslide .main-slide .photo{height:100%;margin:0;position:relative;overflow:hidden;} #mmslide .main-slide .photo picture{width:100%;height:100%;display:block;} #mmslide .main-slide .photo img{width:100%;height:100%;display:block;object-fit:cover;} #contentsmain{margin:0 auto;position:relative;background: url("../images/index/sp-contentsmain-back01.png")no-repeat top center;background-size: 100% auto;padding: 16.9vw 4.2vw 0;} #contentsmain .inner-Box{margin:0 auto;position:relative;padding-bottom: 28.3vw;} #contentsmain .inner-Box h2.f-min{margin-bottom:6.3vw;position:relative;color:#3B3B3B;font-weight:500;font-size: 7.2vw;line-height: 1.533;letter-spacing: 0.067em;margin-left: 2.3vw;} #contentsmain .inner-Box p.subttl{margin-left: 1.8vw;margin-bottom: 8.3vw;position:relative;color:#3B3B3B;text-align: left;font-weight:400;font-size: 3.9vw;line-height: 2;letter-spacing: 0.125em;margin-right: 11vw;} #contentsmain .inner-Box ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:3vw;} #contentsmain .inner-Box ul li{position:relative;background:#FFF;width: 100%;margin-right:0;} #contentsmain .inner-Box ul li:last-child{margin-right:0;} #contentsmain .inner-Box ul li a{display:block;padding: 0 38vw 0 0;height: 33.6vw;} #contentsmain .inner-Box h3.f-min{margin-bottom:0;position:relative;color:#3B3B3B;font-weight:500;letter-spacing: -0.017em;padding: 5.7vw 3.2vw 9vw;font-size: 3.9vw;line-height: normal;height: 26vw;margin-right: -3vw;} #contentsmain .inner-Box p.ltext{position:relative;color:#808080;font-weight:400;padding-right:10vw;padding-left:2.4vw;text-align: right;font-size: 3.4vw;line-height: 1.247;letter-spacing: 0.089em;} #contentsmain .inner-Box p.ltext::before{content:"→";border-radius:8.8vw;background:#878787;width: 6.3vw;height: 2.4vw;display:block;position:absolute;top: 0.7vw;right: 2.1vw;color:#FFF;font-weight:400;text-align:center;font-size: 1.8vw;line-height: normal;letter-spacing: 0.167em;padding: 0.7vw 0 0vw;line-height: 1;} #contentsmain .inner-Box figure.photo{position:absolute;top: 0;right: 0;width: 36vw;} #contentsmain .inner-Box figure.photo img{width:100%;height:auto;} #contentsmainbt{margin:0 auto;position:relative;padding-bottom: 16.9vw;} #contentsmainbt .inner-Box{margin:0 auto;position:relative;padding: 0vw 6.5vw 0;} #contentsmainbt .inner-Box h2.f-min{margin-bottom: -4vw;position:relative;color:#3B3B3B;font-weight:500;text-align: center;font-size: 5.3vw;line-height: 1.636;letter-spacing: 0.091em;} #contentsmainbt .inner-Box span.line{display:block;line-height:1;text-align:center;margin: 0 6vw 2.8vw;} #contentsmainbt .inner-Box ul.f-min{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom: 9.7vw;gap:3vw;} #contentsmainbt .inner-Box ul li{position:relative;border:1px solid #3B3B3B;width:100%;margin-right:0;} #contentsmainbt .inner-Box ul li:nth-child(3n){margin-right:0;} #contentsmainbt .inner-Box p.ltext{margin-bottom:0;position:relative;color:#3B3B3B;text-align:center;font-weight:500;padding: 5.3vw 5.3vw 4.6vw;font-size: 3.6vw;line-height: 2.057;letter-spacing: 0.114em;} #contentsmainbt .inner-Box p.ltext span{color:#3B3B3B;font-weight:500;font-size: 5.3vw;line-height: 1.364;letter-spacing: 0.091em;} #contentsmainbt .inner-Box h3.f-min{margin-bottom:0;position:relative;color:#3B3B3B;font-weight:500;text-align: center;font-size: 4.3vw;line-height: 1.889;letter-spacing: 0.111em;} #photo-design-top{background:url(../images/index/photo-design-top-back01.png) no-repeat top center;background-size:cover;padding: 14.5vw 4vw 11.5vw 4vw;min-height:0;} #photo-design-top .inner-Box{margin:0 auto;position:relative;} #photo-design-top .system-list{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;position:relative;top:0;right:0;margin-bottom:7.2vw;} #photo-design-top .system-list li{width: 32.5%;margin: 0 0.8% 1% 0;position:relative;} #photo-design-top .system-list li.selected{border:0.5vw solid #fff;} #photo-design-top .system-list li .system-pic{aspect-ratio:343 / 263;overflow:hidden;text-align:center;position:relative;} #photo-design-top .system-list li .system-pic img{width:100%;height:100%;} #photo-design-top .count{color:#FFF;font-size:4.8vw;font-weight:500;line-height:normal;letter-spacing: 0.25em;width: 84vw;height:auto;border: 1px solid #898787;border-radius:2.4vw;margin-left:0;text-align:center;padding-top:1.2vw;padding: 2vw 2vw 3.2vw 2vw;margin: 0 4vw 3vw;} #photo-design-top .count #countno{color:#FFF;font-size:10.6vw;font-weight:500;line-height:normal;letter-spacing:0.045em;} #photo-design-top .photo-next-btn a{color:#FFF;text-align:center;font-size:4.3vw;font-weight:500;line-height:1.444;display:block;width:100%;border:1px solid #fff;margin-left:0;padding:6vw 0;margin-top:5vw;} #photo-design-top .rsetbtn{color:#ECECEC;font-size:3.4vw;font-weight:500;line-height:normal;letter-spacing:0.143em;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;width:100%;margin-left:0;text-align:center;padding-top:2.2vw;} #photo-design-top .select-number{background:url(../images/index/photo-design-top-icon01.png)no-repeat center center;color:#FFF;text-align:center;font-size: 3.2vw;font-weight:500;line-height:normal;letter-spacing:0.067em;position:absolute;top: 0.9vw;left: 0.9vw;width: 6.1vw;height: 6.1vw;padding: 0.7vw 0 0;background-size:100% auto;} #photo-design-top h2{color:#FFF8F8;font-weight:500;padding: 2vw 0vw 0vw 2.5vw;margin-bottom: 83.2vw;font-size: 6.3vw;line-height: 1.615;letter-spacing: 0.077em;} #photo-design-top h3{color:#FFF;text-align:left;font-size:3.9vw;font-weight:500;line-height:1.75;letter-spacing:0.125em;margin-left:0;margin-bottom: 4.1vw;text-align: center;} #photo-design-top .text{color:#FFF;font-weight:400;width:100%;padding-left:0;margin-bottom: 9.3vw;font-size: 3.9vw;line-height: 2;letter-spacing: 0.125em;} #photo-design-top #tag-section{} #photo-design-top #tag-section h3{background:#EDEDED;height:auto;padding:6.3vw 7.2vw;color:#3B3B3B;font-weight:500;position:relative;left:0;margin-top:0;margin-bottom: 86.8vw;width:100%;text-align: left;font-size: 4.3vw;line-height: normal;letter-spacing: 0.111em;} #photo-design-top #tag-section h3 span{color:#3B3B3B;font-size:3.9vw;font-weight:500;line-height:normal;letter-spacing:0.125em;display:block;margin-bottom:-3.6vw;} #photo-design-top #tag-section .textt{color:#FFF;font-weight:400;margin-left:0;margin-bottom:6.8vw;font-size: 3.9vw;line-height: 2;letter-spacing: 0.125em;margin-right: -2vw;} #photo-design-top .photo-design-listbox{position: absolute;top: 40vw;left: 0;} #design-process .inner-Box{margin:0 auto;position:relative;} #design-process .inner-Box h2.f-min{margin-bottom:6.8vw;position:relative;color:#3B3B3B;text-align: left;font-weight:500;font-size: 6.8vw;line-height: 1.5;letter-spacing: 0.071em;} #design-process .inner-Box p.subttl{margin-bottom: 9.6vw;position:relative;color:#3B3B3B;text-align: left;font-size:3.9vw;font-weight:400;line-height:1.75;letter-spacing:0.125em;} #design-process .inner-Box p.mmbtn{margin-bottom:19.3vw;position:relative;text-align:center;margin-top: 28.8vw;} #design-process .inner-Box p.mmbtn a{display:inline-block;color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#3B3B3B 1px solid;padding-bottom:2.2vw;} #design-process .inner-Box p.mmbtn a span{font-size:2.4vw;} #design-process{margin: 0 auto 14.2vw;position:relative;padding: 18.1vw 6.2vw 0;} #design-process .inner-Box{margin:0 auto;position:relative;} #design-process .inner-Box p.btn{text-align:center;} #design-process ul.system-list {display:grid;grid-template-columns:repeat(1,1fr);gap:2%;margin-bottom:12.3vw;} #design-process ul.system-list li {margin-bottom:4.1vw;position:relative;border-radius:4.8vw;border:0.7vw solid #E9EAEA;background:#FFF;} #design-process ul.system-list li a {display:block;padding:7.2vw 4.8vw 3.7vw 4.8vw;} #design-process ul.system-list li .system-pic {width:66.5vw;aspect-ratio:310 / 202;overflow:hidden;text-align:center;margin-bottom:1.2vw;position:relative;border-radius:2.4vw;margin-left:6vw;} #design-process ul.system-list li .system-pic img {width:100%;height:100%;object-fit:cover;display:block;} #design-process ul.system-list li .linebox-voi {position:relative;padding:0 0 0 10.1vw;margin-bottom:8.2vw;} #design-process ul.system-list li .linebox-voi .sicon {position:absolute;left:-0.6vw;width:8.8vw;top:-0.4vw;} #design-process ul.system-list li .design-process_text1 {color:#3B3B3B;font-weight:500;padding:1.7vw 0 1.4vw 1vw;margin-bottom:1.4vw;font-size:3.1vw;line-height:normal;letter-spacing:0.154em;} #design-process ul.system-list li .design-process_text2 {color:#3B3B3B;font-weight:500;letter-spacing:0.071em;border-radius:0 3.9vw 3.9vw 3.9vw;background:#F0EEE6;padding:3.1vw 3.9vw 2.7vw 5.8vw;margin-right:2.9vw;font-size:3.4vw;line-height:1.429;} #design-process ul.system-list li .linebox-matsu {position:relative;padding:0 0 0 7.2vw;margin-bottom:2vw;} #design-process ul.system-list li .linebox-matsu .matsuike {color:#3B3B3B;font-size:3.4vw;font-weight:500;line-height:1.571;letter-spacing:0.071em;width:30.3vw;margin-left:auto;padding:1vw;margin-bottom:1.7vw;} #design-process ul.system-list li .linebox-matsu .matsuike span {letter-spacing:0.071em;color:#3B3B3B;text-align:left;font-size:2.4vw;font-weight:500;line-height:normal;display:block;left:-1.2vw;position:relative;margin-bottom:-0.7vw;} #design-process ul.system-list li .linebox-matsu .picon {position:absolute;right:0;top:1.7vw;width:9vw;} #design-process ul.system-list li .design-process_text3 {color:#3B3B3B;font-weight:500;letter-spacing:0.071em;border-radius:3.9vw 0 3.9vw 3.9vw;background:#E0E5E9;padding:5.7vw 4.3vw;margin-left:-1vw;font-size:3.4vw;line-height:1.571;} #design-process .design-process-slide {width:100vw;position:relative;/* overflow:hidden; */margin-left:calc(50% - 50vw);} #design-process .design-process-slide .system-list {display:flex !important;flex-wrap:nowrap !important;gap:0 !important;margin-bottom:8.0vw;transition-property:transform;box-sizing:content-box;} #design-process .design-process-slide .system-list li.dp-slide {width: 88.7vw !important;flex-shrink:0;margin:0;} #design-process .design-process-slide .left,#design-process .design-process-slide .right {width: 8.7vw;height:10.7vw;position:absolute;z-index:5;cursor:pointer;transform:translateY(-50%);bottom: -26vw;} #design-process .design-process-slide .left {left: 38.8vw;} #design-process .design-process-slide .right {right: 38.7vw;} #design-process .design-process-slide .left img,#design-process .design-process-slide .right img {width:100%;height:auto;display:block;transform: scaleX(-1);} #design-process .design-process-slide .left img { transform: scaleX(1); } #works{background:#F5F5F5;padding: 14.4vw 3.3vw 13.9vw;} #works .inner-Box{margin:0 auto;position:relative;} #works h2{margin-bottom: 6.9vw;color:#3B3B3B;font-weight:500;text-align: center;font-size: 6.8vw;line-height: normal;letter-spacing: 0.071em;} #works h2 span{color:#3B3B3B;text-align:center;font-size:3.9vw;font-weight:400;line-height:normal;letter-spacing:0.125em;display:block;margin-bottom: 4.7vw;} #works .inner-Box p.mmbtn{position:relative;top:0;right:0;text-align:center;margin-bottom:5vw;} #works .inner-Box p.mmbtn a{display:inline-block;color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#3B3B3B 1px solid;padding-bottom:2.2vw;} #works .inner-Box p.mmbtn a span{font-size:2.4vw;} #works .inner-Box p.mmbtn a:hover{color:#000;border-bottom-color:#000;} #works ul#catelist{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;margin-bottom:8.7vw;} #works #catelist li{margin:0 4.8vw 1.2vw;color:#3B3B3B;font-weight:400;text-align: center;font-size: 3.9vw;line-height: 1.75;letter-spacing: 0.125em;} #works #catelist li a{transition:all 0.3s ease-in-out;color:#707070;} #works #catelist li:first-child a{display:inline-block;border-bottom:1px solid #707070;} #works #catelist li.active a,#works #catelist li a:hover{text-decoration:none;} #works ul.system-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4vw 2%;margin-bottom: 15.2vw;} #works ul.system-list li a{display:block;position:relative;padding-bottom: 13vw;min-height:0;} #works ul.system-list li .system-pic{aspect-ratio:492 / 620;overflow:hidden;text-align:center;margin-bottom: 2.6vw;position:relative;} #works ul.system-list li .system-pic img{width:100%;height:100%;object-fit:cover;display:block;} #works ul.system-list li{margin-bottom:4.1vw;position:relative;} #works ul.system-list li .systtl{margin-bottom:0;position:relative;text-align:left;color:#3B3B3B;font-weight:400;font-size: 3.9vw;line-height: 1.75;letter-spacing: 0.125em;} #works ul.system-list li .systtl span.no{margin-bottom:2.4vw;font-size:3.9vw;line-height:1;letter-spacing:0.05em;font-weight:400;text-align:left;position:absolute;top:1.4vw;left:0;border-right:1px #3D3D3D solid;padding:0.5vw 1.7vw 0.2vw 0;} #works ul.system-list li:nth-last-child(-n+2){margin-bottom:0;} #works ul.system-list li .cname span.tagttl{font-size:2.9vw;display:inline-block;margin:0 2.4vw 2.4vw 0;color:#fff;background:#495D72;padding:1.9vw 4.3vw;} #works ul.system-list li .cname{margin-bottom:0;text-align:left;font-weight:400;font-size:3.9vw;line-height:1.875;letter-spacing:0.05em;color:#000;} #works ul.system-list li .tag span{transition:all 0.3s ease-in-out;color:#535353;padding: 0vw 0vw 0 0;border-radius:0.7vw;text-align:left;font-weight:400;font-size:3.4vw;line-height: 1;letter-spacing:0.05em;display: inline-block;} #works ul.system-list li .infotext{color:#595959;font-weight:400;font-size: 3.4vw;line-height: 2;letter-spacing: 0.143em;} #works ul.system-list li .infotext .works_text1 + .works_text2::before{content:"｜";} #works ul.system-list li .infotext .works_text2 + .cate::before{content:"｜";} #works ul.system-list li .infotext .works_text1 + .cate::before{content:"｜";} #works ul.system-list li .infotext .cate + .cate::before{content:"｜";position: relative;left: -0.4vw;} #works ul.system-list li .read-more{color:#3B3B3B;border-bottom:1px solid #3B3B3B;position:absolute;bottom:0;left:0;width:100%;font-style: italic;font-size: 3.1vw;line-height: 2.769;letter-spacing: 0.154em;} #works ul.system-list li .read-more::before{content:"→";border-radius:10.4vw;background:#878787;width:9.4vw;height: 2.1vw;display:block;position:absolute;top:1.7vw;right:0;color:#FFF;font-size:2.9vw;font-weight:400;letter-spacing:0.167em;text-align:center;line-height: 1;padding: 0.8vw 0;} #contents01{margin: 0 auto -7vw;position:relative;background: url("../images/index/sp-contents01-back01.png")no-repeat top center;padding: 18.1vw 0vw 0.2vw;background-size: 100%;} #contents01 .ttl-Box{margin:0 auto;position:relative;} #contents01 .ttl-Box h2.f-min{margin-bottom: 7.5vw;position:relative;color:#FFF;text-align: left;font-weight:500;font-size: 6.8vw;line-height: normal;letter-spacing: 0.071em;margin-left: 6.5vw;} #contents01 .ttl-Box p.subttl{margin: 0 6.7vw 0;position:relative;color:#FFF;text-align: left;font-weight:400;font-size: 3.4vw;line-height: 2;letter-spacing: 0.143em;} #contents01 .inner-Box{margin:0 auto;position:relative;padding: 2.3vw 0 0;} #contents01 .inner-Box figure.photo{position:relative;top:0;right:0;margin: 5vw 6.5vw 6.2vw;} #contents01 .inner-Box h3.f-min{margin-bottom:0;position:relative;color:#FFF;font-weight:500;text-align: center;font-size: 4.7vw;line-height: 2.546;letter-spacing: 0.2em;} #contents01 .inner-Box h3.f-min span{color:#FFF;font-weight:500;font-size: 9.5vw;line-height: 1.273;letter-spacing: 0.1em;} #contents01 .inner-Box h4.f-min{margin-bottom: -2vw;position:relative;color:#FFF;font-weight:500;text-align: center;font-size: 4.7vw;line-height: 2.546;letter-spacing: 0.2em;} #contents01 .inner-Box h4.f-min span{color:#FFF;font-weight:500;letter-spacing:0.143em;display:block;position: absolute;left: 44%;top: -1.6vw;text-align: center;font-size: 2.9vw;line-height: normal;} #contents01 .reason-slide {width: 110vw;position: relative;overflow: hidden;margin-left: calc(50% - 55vw);padding-top: 6vw;margin-bottom: -9vw;} #contents01 .reason-slide .swiper-wrapper {align-items: center;} #contents01 .reason-slide .swiper-slide {opacity: .45;transform: scale(0.88);transition: opacity .45s ease,transform .45s ease;} #contents01 .reason-slide .swiper-slide-active {opacity: 1;transform: scale(1.3);} #contents01 .reason-slide .swiper-slide .img {width: 100%;margin: 0;position: relative;padding-bottom: 4.8vw;} #contents01 .reason-slide .swiper-slide .img picture {display: block;width: 100%;} #contents01 .reason-slide .swiper-slide .img img {width: 100%;height: auto;display: block;} #contents01 .reason-slide .left,#contents01 .reason-slide .right {width: 7.1vw;height: 11.1vw;position: absolute;top: 55.3%;z-index: 5;cursor: pointer;transform: translateY(-50%);} #contents01 .reason-slide .left {left: 31.3vw;} #contents01 .reason-slide .right {right: 30.9vw;transform: translateY(-50%) scale(-1,1);} #contents01 .reason-slide .left img,#contents01 .reason-slide .right img {width: 100%;height: auto;display: block;} #contents01 .inner-Box2{margin: 0 4.1vw 11.6vw;position:relative;padding-top:16.2vw;display:flex;gap: 2.8vw;flex-direction:column;} #contents01 .inner-Box2 .left-Box{position:relative;width:100%;background:#C2C1C1;padding: 7.1vw 0;} #contents01 .inner-Box2 .right-Box{position:relative;width:100%;background:#D1DAE2;padding: 7.2vw 4.8vw 6.7vw;margin-bottom: -2vw;} #contents01 .inner-Box2 h5{margin-bottom:2.9vw;position:relative;color:#3C4750;font-weight:500;text-align: center;font-size: 3.9vw;line-height: 1.75;letter-spacing: 0.125em;} #contents01 .inner-Box2 h5 span{display:inline-block;background:#fff;padding:1vw 14.3vw;} #contents01 .inner-Box2 h6{margin-bottom:3.4vw;position:relative;color:#3C4750;font-weight:500;text-align: center;font-size: 3.9vw;line-height: 1.75;letter-spacing: 0.125em;} #contents01 .inner-Box2 h6 span{display:inline-block;background:#fff;padding: 1.1vw 14.3vw;} #contents01 .inner-Box2 p.text2{margin-bottom:0;position:relative;color:#3C4750;font-weight:500;text-align: center;font-size: 3.4vw;line-height: 1.857;letter-spacing: 0.143em;} #contents01 .inner-Box2 p.text3{margin-bottom:0;position:relative;color:#3C4750;font-weight:500;text-align: center;font-size: 3.6vw;line-height: 1.6;letter-spacing: 0.133em;} #contents01 .inner-Box2 span.arr{display:block;line-height:1;position: absolute;bottom: -10.8vw;left: 39.7vw;z-index:3;text-align:center;margin:3vw 0;transform-origin: center;width: 10vw;} #contents01 .inner-Box2 span.arr img{} #contents01 p.mmbtn{margin-bottom:19.3vw;position:relative;text-align:center;} #contents01 p.mmbtn a{display:inline-block;color:#fff;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#fff 1px solid;padding-bottom:2.2vw;} #contents01 p.mmbtn a span{font-size:2.4vw;} #contents02{margin: 0 auto 18.7vw;position:relative;padding: 12vw 0 0;width:auto;background: #F5F5F5;} #contents02 .inner-Box{margin:0 auto;position:relative;padding: 7vw 6.6vw;} #contents02 .inner-Box h2.f-min{margin-bottom: 7.4vw;position:relative;color:#3B3B3B;font-weight:500;font-size: 5.3vw;line-height: 1.727;letter-spacing: 0.091em;} #contents02 .inner-Box figure.photo{position:relative;top:0;right:0;margin-bottom: 10.1vw;} #contents02 .inner-Box p.text{margin-bottom: 5.8vw;position:relative;color:#3B3B3B;font-size:3.9vw;font-weight:400;line-height:1.625;letter-spacing:0.125em;width:auto;} #contents02 .inner-Box h3.f-min{margin-bottom: 9.1vw;position:relative;color:#3B3B3B;font-size:3.9vw;font-weight:500;line-height:1.5;letter-spacing:0.125em;padding: 4vw 0 0;} #contents02 .inner-Box h3.f-min span{color:#3B3B3B;font-size:2.4vw;font-weight:500;line-height:2.4;position:absolute;top: -0.9vw;left:11.6vw;letter-spacing: 0;} #contents02 p.mmbtn{margin-bottom:19.3vw;position:relative;} #contents02 p.mmbtn a{display:inline-block;color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#3B3B3B 1px solid;padding-bottom:2.2vw;} #contents02 p.mmbtn a span{font-size:2.4vw;} #column{min-height:0;background-size:cover;margin-bottom: -101vw;} #column .inner-Box .ttl-Box{height:auto;background:#8C959C;position:relative;top: -25.9vw;padding: 14.4vw 7vw 7vw 8.2vw;margin-bottom: -77.8vw;width: 87.2vw;z-index: 6;} #column .inner-Box .ttl-Box h2{color:#FFF;font-weight:500;margin-bottom:5.3vw;font-size: 6.3vw;line-height: normal;letter-spacing: 0.077em;} #column .inner-Box .ttl-Box p.text{color:#FFF;font-size:3.4vw;font-weight:400;line-height:1.714;letter-spacing:0.143em;position:relative;margin-bottom: 10.8vw;} #column .inner-Box .ttl-Box p.text span{color:#FFF;font-size:2.4vw;font-weight:400;line-height:2.4;position:absolute;top:-3.9vw;left:25.4vw;} #column p.mmbtn{margin-bottom: 6.3vw;position:relative;} #column p.mmbtn a{display:inline-block;color:#fff;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#fff 1px solid;padding-bottom:2.2vw;} #column p.mmbtn a span{font-size:2.4vw;} #column .column-slide{width:auto;position:relative;overflow:hidden;margin-left: 4.8vw;z-index:4;background: #ECEBEB;padding: 61vw 5.8vw 44vw 8.6vw;} #column .column-slide::before{content:"";background: #ECEBEB;position:absolute;top: 60.9vw;left:0;width: 8.3vw;height: 50vw;z-index:3;} #column .column-slide .swiper-wrapper{align-items:stretch;} #column .column-slide .swiper-slide{width: 38.8vw!important;height:auto;flex-shrink:0;} #column .column-slide .swiper-slide a{display:block;} #column .column-slide .swiper-slide .photo{margin:0;width:100%;aspect-ratio:36/27;overflow:hidden;text-align:center;position:relative;margin-bottom:4.3vw;} #column .column-slide .swiper-slide .photo img{width:100%;height:100%;display:block;object-fit:cover;} #column .column-slide .left,#column .column-slide .right{width: 9.6vw;height:11.6vw;position:absolute;bottom: 6.6vw;z-index:5;cursor:pointer;transform:translateY(-50%);} #column .column-slide .left{left: 33vw;} #column .column-slide .right{right: 35.2vw;} #column .column-slide .left img,#column .column-slide .right img{width:100%;height:auto;display:block;transform: scaleX(-1);} #column .column-slide .left img{transform: scaleX(1);} #column .date{color:#3B3B3B;font-size:3.9vw;font-weight:400;line-height:normal;letter-spacing:0.125em;margin-bottom:3.4vw;} #column .systtl{color:#3B3B3B;font-weight:400;font-size: 3.4vw;line-height: normal;letter-spacing: 0.143em;} #contents03{margin: 0 auto;position:relative;padding: 120.4vw 6.4vw 20vw;background: #F5F5F5;} #contents03 .inner-Box{margin:0 auto;position:relative;} #contents03 .inner-Box h2.f-min{margin-bottom: 4.2vw;position:relative;color:#3B3B3B;font-weight:500;text-align: center;font-size: 5.3vw;line-height: 1.909;letter-spacing: 0.091em;} #contents03 .inner-Box p.text{margin-bottom: 7.2vw;position:relative;color:#3B3B3B;font-weight:400;text-align: center;font-size: 4.3vw;line-height: 1.556;letter-spacing: 0.111em;} #contents03 .inner-Box ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5vw;} #contents03 .inner-Box ul li{position:relative;width:100%;margin-right:0;} #contents03 .inner-Box ul li:nth-child(3n){margin-right:0;} #contents03 .inner-Box figure.photo{position:relative;top:0;left:0;margin-bottom: 4.2vw;} #contents03 .inner-Box figure.photo img{width:100%;height:auto;} #contents03 .inner-Box p.ltext{position:relative;color:#3B3B3B;font-weight:400;margin: 0 0.1vw 4.5vw;font-size: 3.4vw;line-height: 1.857;letter-spacing: 0.143em;} #contents03 p.mmbtn{margin-bottom: 4.6vw;position:relative;text-align:center;} #contents03 p.mmbtn a{display:inline-block;color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#3B3B3B 1px solid;padding-bottom:2.2vw;} #contents03 p.mmbtn a span{font-size:2.4vw;} #voice{margin:0 auto;position:relative;padding: 14.4vw 0 14.5vw;background:#8C959C;} #voice .ttl-Box{margin: 0 auto 8.5vw;padding: 0 6.2vw;position:relative;} #voice .ttl-Box h2{color:#FFF;font-weight:500;margin-bottom:7.2vw;font-size: 6.3vw;line-height: normal;letter-spacing: 0.077em;} #voice .ttl-Box p.subtext{color:#FFF;font-size:3.9vw;font-weight:400;line-height:1.75;letter-spacing:0.125em;} #voice p.mmbtn{text-align: center;position:relative;top:0;right:0;margin-top:5vw;} #voice p.mmbtn a{display:inline-block;color:#fff;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#fff 1px solid;padding-bottom:2.2vw;} #voice p.mmbtn a span{font-size:2.4vw;} #voice .voice-slide{width:100vw;position:relative;overflow:visible;margin-left:50%;transform:translateX(-50%);z-index:4;margin-bottom: 28vw;} #voice .voice-slide .left,#voice .voice-slide .right{width: 12.2vw;height:11.6vw;position:absolute;z-index:10;cursor:pointer;transform:translateY(-50%);bottom: -26vw;} #voice .voice-slide .left{left: 33.8vw;} #voice .voice-slide .right{right: 36vw;} #voice .voice-slide .left img,#voice .voice-slide .right img{width:100%;height:auto;display:block;transform: scaleX(-1);} #voice .voice-slide .left img{transform: scaleX(1);} #voice .voice-slide .swiper-wrapper{align-items:stretch;} #voice .voice-slide .swiper-slide{height:auto;flex-shrink:0;box-shadow:0 1vw 5.8vw 0 rgba(55,55,55,0.25);width:85vw!important;} #voice .voice-slide .swiper-slide a{display:flex;justify-content:space-between;align-items:stretch;background:#fff;flex-direction:column;} #voice .voice-slide .swiper-slide .system-pic{width:100%;aspect-ratio: 440/260;overflow:hidden;text-align:center;position:relative;margin:0;flex-shrink:0;} #voice .voice-slide .swiper-slide .system-pic img{width:100%;height:100%;object-fit:cover;display:block;} #voice .voice-slide .swiper-slide .textbox{width:100%;padding:5vw;position:relative;} #voice .voice-slide .swiper-slide .systtl{margin-bottom: 0.7vw;text-align:left;letter-spacing:0.1em;position:relative;color:#3B3B3B;font-weight:400;font-size: 3.4vw;line-height: 1.714;} #voice .voice-slide .swiper-slide .systtl span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} #voice .voice-slide .swiper-slide .notext{color:#8C959C;font-size:3.4vw;font-weight:500;line-height:2;margin-bottom: -1.3vw;} #voice .voice-slide .swiper-slide .infotext{color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;margin-bottom:5vw;} #voice .voice-slide .swiper-slide .infotext .land,#voice .voice-slide .swiper-slide .infotext .layout,#voice .voice-slide .swiper-slide .infotext .budget{display:inline-block;margin-right:4.8vw;} #voice .voice-slide .swiper-slide .infotext .land:last-child,#voice .voice-slide .swiper-slide .infotext .layout:last-child,#voice .voice-slide .swiper-slide .infotext .budget:last-child{margin-right:0;} #voice .voice-slide .swiper-slide .voice_attribute{color:#565656;font-size:3.4vw;font-weight:400;line-height:2;} #contents04{margin: 0 auto;position:relative;background: url("../images/index/sp-contents04-back01.png")no-repeat top center;padding: 19.3vw 0 1vw;min-height:0;background-size: 100%;} #contents04 h2.f-min{margin-bottom:0;position:relative;color:#3B3B3B;text-align:center;font-weight:500;font-size: 6.3vw;line-height: normal;letter-spacing: 0.077em;text-align: left;margin-left: 6vw;} #contents04 .inner-Box{margin: 0 auto 4.8vw;position:relative;padding-left:0;display:flex;gap:8vw;width:auto;flex-direction:column;} #contents04 .left-Box{position:relative;padding: 22.1vw 5vw 0;width:auto;} #contents04 .right-Box{position:relative;padding: 5vw 6vw 0;width:auto;} #contents04 .left-Box ul{width:auto;} #contents04 .left-Box ul li{position:relative;border-bottom:#B4AC92 dashed 1px;margin-bottom: 5.3vw;} #contents04 .left-Box ul li::before{content:"";position:absolute;left:1.2vw;top: 31%;width:1.9vw;height:1.9vw;border-radius:50%;background-color:#A3A3A3;transform: translateY(-50%);} #contents04 .left-Box p.ltext{color:#3B3B3B;font-weight:400;margin-bottom:0;position:relative;padding: 0 0 5vw 5.6vw;font-size: 3.9vw;line-height: 1.625;letter-spacing: 0.125em;} #contents04 .left-Box p.ltext span{font-weight:500;} #contents04 .left-Box span.arr{display:block;line-height:1;position:relative;top: 4vw;right:0;text-align:center;width: 10vw;margin: 0 auto;} #contents04 .right-Box ul{width:auto;} #contents04 .right-Box ul li{position:relative;border-bottom:#79848D dashed 1px;display:block;margin-bottom: 5.2vw;} #contents04 .right-Box ul li::before{content:"";position:absolute;left: 2.2vw;transform: translateY(-50%);top: 50%;width:1.9vw;height:1.9vw;border-radius:50%;background-color:#A3A3A3;} #contents04 .right-Box p.ltext{color:#3B3B3B;font-size:4.3vw;font-weight:400;line-height:1.667;letter-spacing:0.111em;margin-bottom:0;position:relative;padding: 0 0 5.3vw 7.4vw;margin-right:-2.4vw;font-size: 3.9vw;line-height: 1.625;letter-spacing: 0.125em;} #contents04 .right-Box p.ltext span{font-weight:500;} #contents04 p.mmbtn{margin-bottom:19.3vw;position:relative;text-align:center;} #contents04 p.mmbtn a{display:inline-block;color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#3B3B3B 1px solid;padding-bottom:2.2vw;} #contents04 p.mmbtn a span{font-size:2.4vw;} #contents05{margin:0 auto;position:relative;background: url("../images/index/sp-contents05-back01.png")no-repeat top center;min-height:0;background-size: 100%;padding-bottom: 13vw;} #contents05 .inner-Box{margin:0 auto;position:relative;} #contents05 .inner-Box h2{padding: 13.5vw 16vw 0vw 4vw;margin-bottom: -6vw;z-index:2;position:relative;} #contents05 .inner-Box figure.photo{position:relative;top:0;right:0;margin: 0 5vw 4.8vw 3vw;} #contents05 .inner-Box h3.f-min{margin-bottom: 4.7vw;position:relative;color:#3B3B3B;font-weight:500;margin-left: 11vw;font-size: 3.4vw;line-height: 1.857;letter-spacing: 0.143em;} #contents05 .inner-Box ul{margin-left: 17vw;margin-bottom:5.8vw;} #contents05 .inner-Box ul li{position:relative;} #contents05 .inner-Box ul li::before{content:"";position:absolute;left:-3.4vw;top:46%;width: 0.8vw;height: 0.8vw;border-radius:50%;background-color:#3B3B3B;} #contents05 .inner-Box ul li:nth-child(3n){margin-right:0;} #contents05 .inner-Box p.ltext{margin-bottom:0;position:relative;color:#3B3B3B;font-weight:500;font-size: 3.4vw;line-height: 2;letter-spacing: 0.143em;} #contents05 .inner-Box p.text{margin-bottom:0;position:relative;color:#3B3B3B;font-weight:400;margin-left: 12vw;font-size: 3.4vw;line-height: 1.857;letter-spacing: 0.143em;} #contents05 .inner-Box p.wmore{margin-bottom:0;position:relative;color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;margin-left: 12vw;background:#fff;width:63.8vw;margin-top: 4.2vw;text-align:center;padding:3.9vw;} #event{background:#F5F5F5;padding: 15vw 0 1vw;height:auto;} #event .inner-Box .ttl-Box{height:auto;position:relative;padding: 0 6.3vw;margin-bottom: 8vw;width:auto;} #event .inner-Box .ttl-Box h2{margin-bottom:5.3vw;color:#3B3B3B;font-weight:500;font-size: 5.3vw;line-height: 1.636;letter-spacing: 0.091em;} #event .inner-Box .ttl-Box h2 span{color:#3B3B3B;font-weight:400;font-style:italic;display:block;margin-bottom: 1.3vw;font-size: 10.1vw;line-height: normal;letter-spacing: 0.048em;} #event p.mmbtn{margin-bottom: 13.7vw;position:relative;text-align: center;} #event p.mmbtn a{display:inline-block;color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#3B3B3B 1px solid;padding-bottom:2.2vw;} #event p.mmbtn a span{font-size:2.4vw;} #event .event-slide{width:auto;position:relative;overflow:hidden;margin-left: 6vw;z-index:4;margin-right: 7vw;padding-bottom: 29vw;} #event .event-slide .swiper-wrapper{align-items:stretch;flex-wrap:nowrap;} #event .event-slide .swiper-slide{height:auto;flex-shrink:0;position:relative;line-height:1.4;padding: 4.8vw 4.8vw 0.4vw;background:#fff;box-sizing:border-box;width: 88vw!important;} #event .event-slide .swiper-slide a{display:block;text-decoration:none;} #event .event-slide .swiper-slide .textbox{padding: 0 1.9vw 3.8vw;} #event .event-slide .swiper-slide .system-pic{width:auto;aspect-ratio: 429/357;overflow:hidden;text-align:center;margin: -4.8vw -4.8vw 5.6vw;position:relative;} #event .event-slide .swiper-slide .system-pic img{width:100%;height:100%;object-fit:cover;display:block;} #event .event-slide .swiper-slide .system-date{font-size:3.4vw;margin-bottom:3.4vw;line-height:1.4;position:relative;color:#333;padding:0 0 0 19.6vw;} #event .event-slide .swiper-slide .system-date .date-ttl{position:absolute;top:0;left:0;width:14.5vw;height:4.8vw;text-align:left;display:block;color:#3B3B3B;font-size:3.4vw;font-weight:500;line-height:normal;} #event .event-slide .swiper-slide .system-date .start_text{color:#838176;} #event .event-slide .swiper-slide .system-ttl-01{padding:0 0 1.9vw;margin-bottom:-1.2vw;color:#3B3B3B;font-weight:500;font-size: 4.8vw;line-height: normal;letter-spacing: 0.1em;} #event .event-slide .swiper-slide .system-ttl-02{font-size:3.9vw;line-height:1.6;font-weight:400;letter-spacing:0.05em;margin:0 0 3.6vw;} #event .event-slide .swiper-slide .evvicon{font-size:2.9vw;line-height:1;letter-spacing:0.05em;font-weight:400;text-align:left;position:relative;z-index:3;margin-bottom:4.8vw;} #event .event-slide .swiper-slide .evvicon span{display:inline-block;padding:1.2vw 4.8vw;font-size:3.9vw;border-radius:9.7vw;} #event .event-slide .swiper-slide .evvicon .yoyaku{background:#EFEFE6;color:#838176;} #event .event-slide .swiper-slide .evvicon .today{background:#2E4958;color:#fff;} #event .event-slide .swiper-slide .evvicon .end{background:#999;color:#fff;} #event .event-slide .left,#event .event-slide .right{width:11.6vw;height:11.6vw;position:absolute;bottom: 6.3vw;z-index:5;cursor:pointer;transform:translateY(-50%);} #event .event-slide .left{left: 26.8vw;} #event .event-slide .right{right: 28.6vw;} #event .event-slide .left img,#event .event-slide .right img{width:100%;height:auto;display:block;transform: scaleX(-1);} #event .event-slide .left img{transform: scaleX(1);} #contents06{margin:0 auto;position:relative;background: url("../images/index/sp-contents06-back01.png")no-repeat top center;padding: 12vw 0 17vw;min-height:0;background-size: 100%;} #contents06 .inner-Box{margin: 0 4vw;position:relative;background:#F5F5F5;padding: 12vw 5.8vw;height:auto;} #contents06 .inner-Box h2.f-min{margin-bottom: 5.5vw;position:relative;color:#3B3B3B;font-weight:500;font-size: 6.8vw;line-height: normal;letter-spacing: 0.071em;} #contents06 .inner-Box figure.photo{position:relative;top:0;left:0;width: 77.6vw;margin-bottom: 6vw;} #contents06 .inner-Box figure.photo img{width:100%;height:auto;display:block;} #contents06 .inner-Box p.text{margin-bottom: 6.4vw;position:relative;color:#3B3B3B;font-weight:400;font-size: 3.9vw;line-height: 2;letter-spacing: 0.125em;margin-right: 2vw;} #contents06 p.mmbtn{margin-bottom: -2vw;position:relative;} #contents06 p.mmbtn a{display:inline-block;color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#3B3B3B 1px solid;padding-bottom:2.2vw;} #contents06 p.mmbtn a span{font-size:2.4vw;} #contents07{margin: 0 auto 23.4vw;position:relative;padding: 14.1vw 0 0;} #contents07 .inner-Box{margin:0 auto;position:relative;padding: 0 4.2vw;} #contents07 .inner-Box h2.f-en{margin-bottom: 5.7vw;position:relative;color:#3B3B3B;text-align:center;font-size:3.9vw;font-weight:400;line-height:2.25;letter-spacing:0.125em;font-style:italic;} #contents07 .inner-Box ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:7vw;} #contents07 .inner-Box ul li{position:relative;width:100%;margin-right:0;} #contents07 .inner-Box ul li:nth-child(2n){margin-right:0;} #contents07 .inner-Box figure.photo{position:relative;top:0;left:0;margin-bottom: 4.3vw;} #contents07 .inner-Box p.ltext{margin-bottom:0;position:relative;color:#3B3B3B;font-weight:400;font-size: 3.4vw;line-height: 1.857;letter-spacing: 0.143em;} #contents07 .inner-Box figure.photo img{width:100%;height:auto;display:block;filter:grayscale(100%) brightness(85%) contrast(105%);transition:filter .4s ease;} #contents07 .inner-Box ul li a:hover figure.photo img{filter:grayscale(0) brightness(100%) contrast(100%);} #blog{min-height:0;padding-bottom: 14vw;} #blog .inner-Box .ttl-Box{position:relative;padding: 0 6.2vw;margin: 0 auto 12.2vw;} #blog .inner-Box .ttl-Box h2{color:#3B3B3B;font-weight:500;font-size: 7.2vw;line-height: 0.933;letter-spacing: 0.067em;} #blog .inner-Box .ttl-Box h2 span{color:#3B3B3B;font-size:3.9vw;font-weight:400;line-height:normal;letter-spacing:0.047em;display:block;position:relative;left:3.4vw;margin-bottom:4.3vw;} #blog p.mmbtn{position:relative;top:0;right:0;margin-top:5vw;text-align: center;} #blog p.mmbtn a{display:inline-block;color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#3B3B3B 1px solid;padding-bottom:2.2vw;} #blog p.mmbtn a span{font-size:2.4vw;} #blog .blog-slide{width:auto;position:relative;margin-left: 0;z-index:4;overflow: visible;} #blog .blog-slide .swiper-wrapper{align-items:stretch;} #blog .blog-slide .swiper-slide{height:auto;flex-shrink:0;width: 100vw!important;} #blog .blog-slide .swiper-slide a{display:block;} #blog .blog-slide .swiper-slide .photo{margin:0;aspect-ratio: 36/26.3;overflow:hidden;text-align:center;position:relative;margin-bottom:-12.3vw;margin-left: 6.1vw;} #blog .blog-slide .swiper-slide .photo img{width:100%;height:100%;display:block;object-fit:cover;} #blog .blog-slide .swiper-slide .textbox{position:relative;background:#F5F5F5;margin-right: 13.8vw;padding: 5.1vw 6.3vw 15.3vw;} #blog .blog-slide .swiper-slide .date{margin-bottom:2.4vw;color:#808080;font-size:3.4vw;font-weight:400;line-height:1;letter-spacing:0.01em;} #blog .blog-slide .swiper-slide .systtl{color:#3B3B3B;font-size:3.9vw;font-weight:400;line-height:1.5;letter-spacing:0.08em;} #blog .blog-slide .swiper-slide .systtl span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} #blog .blog-slide .swiper-slide .arr{display:block;background:#fff;width:8.7vw;height:8.7vw;border-radius:50%;text-align:center;font-size:2.4vw;padding:2.4vw 0 0;position:absolute;bottom:4.3vw;right:5.8vw;} #blog .blog-slide .left,#blog .blog-slide .right{width: 9.5vw;height:11.6vw;position:absolute;top: -11vw;z-index:5;cursor:pointer;transform:translateY(-50%);} #blog .blog-slide .left{left: 69.5vw;} #blog .blog-slide .right{right: 2.9vw;} #blog .blog-slide .left img,#blog .blog-slide .right img{width:100%;height:auto;display:block;transform: scaleX(-1);} #blog .blog-slide .left img{transform: scaleX(1);} #blog .date{color:#3B3B3B;font-size:3.9vw;font-weight:400;line-height:normal;letter-spacing:0.125em;margin-bottom:3.4vw;} #blog .systtl{color:#3B3B3B;font-size:3.9vw;font-weight:400;line-height:normal;letter-spacing:0.125em;} .backk{background:#F8F8F8;padding: 12.5vw 0 9vw;} #contentsbf{margin:0 auto;position:relative;padding: 0 6.4vw;} #contentsbf{margin:9.7vw auto 19.3vw;} #contentsbf .inner-Box{margin:0 auto;width:auto;} #contentsbf .inner-Box h2{color:#3B3B3B;text-align:center;font-size:7.7vw;font-weight:400;line-height:1.8;letter-spacing:0.113em;margin-bottom: -3.2vw;} #contentsbf .inner-Box h2 span{position:relative;display:block;color:#3B3B3B;font-weight:500;font-size: 4.8vw;line-height: 2.9;letter-spacing: 0.1em;} #contentsbf .inner-Box p.sbbtext{position:relative;font-size:3.9vw;line-height:2;letter-spacing:0.05em;font-weight:400;text-align:left;margin-bottom:13.5vw;} #contentsbf .accordion{margin:3em auto;border-bottom:1px solid #D8D8D8;} #contentsbf .toggle{display:none;} #contentsbf .option{position:relative;margin:0;padding:0;border-top:#D8D8D8 1px solid;} #contentsbf .option:last-child{border-bottom:none;} #contentsbf .title::after{content:"";width:2.4vw;height:2.4vw;background:url(../images/common/faq-icon01.svg)no-repeat;position:absolute;top: 5.3vw;right: 0.5vw;background-size:100% auto;transition:transform .3s ease;transform-origin:center;transform:rotate(45deg);} #contentsbf .toggle:checked + .title::after{transform:rotate(225deg);} #contentsbf .title{display:block;padding: 2.5vw 10vw 3.6vw 10vw;position:relative;cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);text-align:left;color:#3B3B3B;font-weight:400;font-size: 3.4vw;line-height: 1.714;letter-spacing: 0.057em;} #contentsbf .title::before{content:"";position:absolute;width:3.4vw;height:3.9vw;background:url(../images/common/faq-icon02.svg) no-repeat;top: 4.1vw;left: 0.3vw;background-size:100% auto;} #contentsbf .content{position:relative;height:0;overflow:hidden;transition:height .4s ease;text-align:left;font-size:3.9vw;line-height:6.8vw;font-weight:400;letter-spacing:0.05em;color:#000000;} #contentsbf .content::after{content:"";position:absolute;top: 4.3vw;left:0;width:2.9vw;height:3.6vw;background:url(../images/common/faq-icon03.svg) no-repeat;background-size:100% auto;pointer-events:none;} #contentsbf .content p{margin:0;padding: 2.5vw 9vw;font-size: 3.4vw;line-height: 1.714;letter-spacing: 0.057em;} #contentsbf p.mmbtn{right:0;text-align:center;} #contentsbf p.mmbtn a{display:inline-block;color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#3B3B3B 1px solid;padding-bottom:2.2vw;} #contentsbf p.mmbtn a span{font-size:2.4vw;} #contents08{margin:0 auto;position:relative;padding: 7vw 6.1vw;height:auto;} #contents08 .inner-Box{margin:0 auto;position:relative;padding:0;width:auto;} #contents08 .inner-Box h2.f-min{margin-bottom: 1.4vw;position:relative;color:#3B3B3B;font-weight:500;font-size: 5.8vw;line-height: 2.417;letter-spacing: 0.083em;} #contents08 .inner-Box h2.f-min span.f-en{color:#3B3B3B;font-size:3.9vw;font-weight:400;line-height:2.25;letter-spacing:0.125em;display:block;font-style: italic;} #contents08 .inner-Box iframe{height: 57.5vw;position:relative;top:0;left:0;width: 87vw;margin-bottom:7vw;} #contents08 .inner-Box p.text{margin-bottom: 9.6vw;position:relative;color:#3B3B3B;font-weight:500;font-size: 3.9vw;line-height: 1.625;letter-spacing: 0.125em;} #contents08 p.mmbtn{right:0;text-align:left;} #contents08 p.mmbtn a{display:inline-block;color:#3B3B3B;font-size:3.4vw;font-weight:400;line-height:2;letter-spacing:0.143em;border-bottom:#3B3B3B 1px solid;padding-bottom:2.2vw;} #contents08 p.mmbtn a span{font-size:2.4vw;} .seo{color:#CFCFCF;font-size:3.4vw;font-weight:500;line-height:1.714;letter-spacing:0.089em;padding: 2.7vw 0 0;position:relative;top:0;margin-bottom: 6.8vw;} }