@charset "UTF-8"; @media screen and (min-width: 768px),print { #contentsmain {margin: 41px auto 49px auto;position: relative;} #contentsmain figure.photo {position: relative;top: 0;left: 0;margin-bottom: -236px;} #contentsmain figure.photo img{width: 100%;height: auto;} #contentsmain .inner-Box {margin: 0 auto 130px;position: relative;width: 1100px;height: 316px;box-shadow: 0px 10px 20px #0000001A;background: #FFFFFF;text-align: center;padding: 65px 0;} #contentsmain .inner-Box h2.f-min {font-size: 36px;line-height: 1.71;font-weight: 400;letter-spacing: 1.8px;margin-bottom: 31px;position: relative;} #contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contentsmain .inner-Box2{margin: 0 auto;position: relative;background: url('../images/cost/contentsmain-back01.png')no-repeat top center;padding: 50px 0 0;} #contentsmain .inner-Box2 h3 {font-size: 36px;line-height: 1.71;font-weight: 400;letter-spacing: 1.8px;margin-bottom: 29px;position: relative;text-align: center;} #contentsmain .slinner-Box{padding-bottom: 90px;} #contentsmain .sldBox {position: relative;width: 1100px!important;box-shadow: 0px 10px 20px #00000029;background: #FFFFFF;margin: 0 45px;padding: 50px;margin-bottom: 40px;font-family: "Zen Old Mincho", serif;} #contentsmain .sldBox h3{overflow: hidden;border-bottom: 1px solid #574d4c;padding-bottom: 15px;} #contentsmain .sldBox h3 .ttl{float: left;} #contentsmain .sldBox h3 .price{float: right;} #contentsmain .sldBox h3 .price .small{font-size: 22px;} #contentsmain .sldBox .info{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 30px;} #contentsmain .sldBox .info .box-l{width: 48%;margin-right: 4%;} #contentsmain .sldBox .info .box-r{width: 48%;text-align: right;} #contentsmain .sldBox .gallery{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 70px;} #contentsmain .sldBox .gallery .box-l{width: 48%;margin-right: 4%;} #contentsmain .sldBox .gallery .box-l h4{background-color: #574d4c;font-size: 22px;text-align: center;color: #fff;padding: 10px 0;} #contentsmain .sldBox .gallery .box-l ul.photo-slide{} #contentsmain .sldBox .gallery .box-l ul.photo-slide li.slide-img{width: 100%;height: 380px;border: 1px solid #574d4c;position: relative;} #contentsmain .sldBox .gallery .box-l ul.photo-slide li.slide-img img{width: 100%;height: 100%;} #contentsmain .sldBox .gallery .box-l ul.photo-slide li.slide-img img.icon-plus{width: 30px;height: 30px;position: absolute;bottom: 7px;right: 7px;} #contentsmain .sldBox .gallery .box-l ul.photo-slide .slick-dots{bottom: -12px;} #contentsmain .sldBox .gallery .box-l ul.photo-slide .slick-dots:has(li:nth-child(16)){bottom: -37px;} #contentsmain .sldBox .gallery .box-l ul.photo-slide .slick-dots:has(li:nth-child(31)){bottom: -62px;} #contentsmain .sldBox .gallery .box-r{width: 48%;} #contentsmain .sldBox .gallery .box-r h4{background-color: #574d4c;font-size: 22px;text-align: center;color: #fff;padding: 10px 0;} #contentsmain .sldBox .gallery .box-r ul.plan-slide{} #contentsmain .sldBox .gallery .box-r ul.plan-slide li.slide-img{width: 100%;height: 380px;border: 1px solid #574d4c;position: relative;} #contentsmain .sldBox .gallery .box-r ul.plan-slide li.slide-img img{width: 100%;height: 100%;} #contentsmain .sldBox .gallery .box-r ul.plan-slide li.slide-img img.icon-plus{width: 30px;height: 30px;position: absolute;bottom: 7px;right: 7px;} #contentsmain .sldBox .gallery .box-r ul.plan-slide .slick-dots{bottom: -12px;} #contentsmain .sldBox .gallery .box-r ul.plan-slide .slick-dots:has(li:nth-child(16)){bottom: -37px;} #contentsmain .sldBox .gallery .box-r ul.plan-slide .slick-dots:has(li:nth-child(31)){bottom: -62px;} #contentsmain .sldBox .status{} #contentsmain .sldBox .status ul{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;} #contentsmain .sldBox .status ul li{width: 50%;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 3px;} #contentsmain .sldBox .status ul li dt{width: 40%;background-color: #dddbdc;font-size: 18px;text-align: center;padding: 8px 0;} #contentsmain .sldBox .status ul li dd{width: 60%;font-size: 18px;padding: 8px 0 8px 10px;} #contentsmain .prev-arrow{position: absolute;top: 417px;left: 50%;margin-left: -589px;z-index: 3;} #contentsmain .next-arrow{position: absolute;top: 417px;left: 50%;margin-left: 515px;z-index: 3;transform: scale(-1, 1);} #contentsmain .slick-dots {position: absolute;bottom: 80px;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;} #contentsmain .slick-dots li {position: relative;display: inline-block;width: 12px!important;height: 12px!important;margin: 0 10px!important;padding: 0;cursor: pointer;} #contentsmain .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 12px;height: 12px;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;} #contentsmain .slick-dots li button:hover, #contentsmain .slick-dots li button:focus { outline: none; } #contentsmain .slick-dots li button:hover:before, #contentsmain .slick-dots li button:focus:before { opacity: 1; } #contentsmain .slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 12px;height: 12px;content: '';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} #contentsmain .slick-dots li.slick-active button { background: #5E5E5E; } #contents01 {margin: 0 auto 120px;position: relative;background: #D8CCC1;padding: 120px 0 120px;} #contents01 .inner-Box {margin: 0 auto;position: relative;width: 1200px;height: 510px;background: #fff;box-shadow: 0px 10px 20px #0000001A;padding: 95px 95px 95px 517px;} #contents01 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 0;left: 0;} #contents01 .inner-Box span.icon img { } #contents01 .inner-Box h2.f-min {font-size: 38px;line-height: 1.71;font-weight: 400;letter-spacing: 5.7px;margin-bottom: 0px;position: relative;} #contents01 .inner-Box h3.f-min {font-size: 22px;line-height: 1.71;font-weight: 400;letter-spacing: 1.1px;margin-bottom: 36px;position: relative;} #contents01 .inner-Box figure.photo01 {position: absolute;top: 80px;left: 100px;} #contents01 .inner-Box figure.photo01 img{ } #contents01 .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-bottom: 37px;} #contents01 .inner-Box ul li { position: relative; } #contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contents01 .inner-Box p.ltext {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 0px;position: relative;margin-right: -10px;} #contents01 .inner-Box p.ltext span { } #contents01 .inner-Box p.btn { } #contents01 .inner-Box p.btn img { } #contents02 {margin: 0 auto 113px;position: relative;background: url('../images/cost/contents02-back01.png')no-repeat top center;width: 1280px;} #contents02 .inner-Box {margin: 0 auto;position: relative;padding: 66px 0 60px;} #contents02 .inner-Box h2.f-min {font-size: 36px;line-height: 1.71;font-weight: 400;letter-spacing: 1.8px;margin-bottom: 50px;position: relative;text-align: center;} #contents02 .inner-Box figure.img {position: relative;top: 0;left: 28px;} #contents02 .inner-Box figure.img img{ } #contentsbottom {margin: 0 auto 120px;position: relative;width: 1100px;} #contentsbottom .inner-Box1 {margin: 0 auto 100px;position: relative;} #contentsbottom .inner-Box1 h2.f-min {font-size: 36px;line-height: 1.71;font-weight: 400;letter-spacing: 1.8px;margin-bottom: 40px;position: relative;text-align: center;} #contentsbottom .inner-Box1 p.subtext {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 98px;text-align: center;position: relative;} #contentsbottom .inner-Box1 figure.photo {position: relative;top: 0;left: 0;} #contentsbottom .inner-Box1 figure.photo img{ } #contentsbottom .inner-Box2 { margin: 0 auto; position: relative; } #contentsbottom .inner-Box2 h3 {text-align: center;margin-bottom: 40px;} #contentsbottom .inner-Box2 h3 span{ } #contentsbottom .inner-Box2 h3 img { } #contentsbottom .inner-Box2 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;} #contentsbottom .inner-Box2 ul li {margin-right: 40px;} #contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; } #contentsbottom .inner-Box2 ul li figure { } #contentsbottom .inner-Box2 ul li a { } #contentsbottom .inner-Box2 ul li a:hover { } } @media screen and (max-width: 767px) { #contentsmain {margin: 0vw auto 9.84vw auto;position: relative;} #contentsmain figure.photo {position: relative;top: 0;left: 0;margin-bottom: -58.4vw;} #contentsmain figure.photo img{width: 100%;height: auto;} #contentsmain .inner-Box {margin: 0 4vw 11.9vw;position: relative;box-shadow: 0.0vw 2.42vw 4.83vw #0000001A;background: #FFFFFF;text-align: center;padding: 13.4vw 0 4.4vw 0;} #contentsmain .inner-Box h2.f-min {font-size: 5.80vw;line-height: 1.83;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 5.49vw;position: relative;} #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8.4vw 7.25vw;position: relative;text-align: left;} #contentsmain .inner-Box2{position: relative;background: url('../images/cost/contentsmain-back01.png')repeat top center;padding: 9.18vw 0 0;background-size: 100% auto;} #contentsmain .inner-Box2 h3 {font-size: 5.80vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 3.8vw;position: relative;text-align: center;} #contentsmain .slinner-Box{padding-bottom: 4.14vw;} #contentsmain .sldBox {position: relative;width: 91.79vw!important;min-height: 161.35vw;box-shadow: 0.0vw 2.42vw 4.83vw #00000029;background: #FFFFFF;margin: 0 10.87vw;padding: 7.6vw 9.5vw 7.9vw;margin-bottom: 9.66vw;font-family: "Zen Old Mincho", serif;} #contentsmain .sldBox h3{border-bottom: 1px solid #574d4c;padding-bottom: 5vw;} #contentsmain .sldBox h3 .ttl{font-size: 5.4vw;} #contentsmain .sldBox h3 .price{font-size: 5.4vw;} #contentsmain .sldBox h3 .price .small{font-size: 3.8vw;} #contentsmain .sldBox .info{margin-bottom: 8vw;} #contentsmain .sldBox .info .box-l{width: 100%;font-size: 3.4vw;} #contentsmain .sldBox .info .box-r{width: 100%;font-size: 3.4vw;} #contentsmain .sldBox .gallery{margin-bottom: 10vw;} #contentsmain .sldBox .gallery .box-l{width: 100%;margin-bottom: 10vw;} #contentsmain .sldBox .gallery .box-l h4{background-color: #574d4c;font-size: 4.2vw;text-align: center;color: #fff;padding: 2vw 0;} #contentsmain .sldBox .gallery .box-l ul.photo-slide{} #contentsmain .sldBox .gallery .box-l ul.photo-slide li.slide-img{width: 100%;height: 50vw;border: 1px solid #574d4c;position: relative;} #contentsmain .sldBox .gallery .box-l ul.photo-slide li.slide-img img{width: 100%;height: 100%;} #contentsmain .sldBox .gallery .box-l ul.photo-slide li.slide-img img.icon-plus{width: 7vw;height: 7vw;position: absolute;bottom: 7px;right: 7px;} #contentsmain .sldBox .gallery .box-l ul.photo-slide .slick-dots{bottom: -5vw;} #contentsmain .sldBox .gallery .box-l ul.photo-slide .slick-dots:has(li:nth-child(10)){bottom: -11vw;} #contentsmain .sldBox .gallery .box-l ul.photo-slide .slick-dots:has(li:nth-child(19)){bottom: -17vw;} #contentsmain .sldBox .gallery .box-l:has(ul.photo-slide .slick-dots li:nth-child(10)) {margin-bottom: 18vw; /* 下のコンテンツとぶつからないように増やす */} #contentsmain .sldBox .gallery .box-l:has(ul.photo-slide .slick-dots li:nth-child(19)) {margin-bottom: 25vw; /* 下のコンテンツとぶつからないように増やす */} #contentsmain .sldBox .gallery .box-r{width: 100%;} #contentsmain .sldBox .gallery .box-r h4{background-color: #574d4c;font-size: 4.2vw;text-align: center;color: #fff;padding: 2vw 0;} #contentsmain .sldBox .gallery .box-r ul.plan-slide{} #contentsmain .sldBox .gallery .box-r ul.plan-slide li.slide-img{width: 100%;height: 50vw;border: 1px solid #574d4c;position: relative;} #contentsmain .sldBox .gallery .box-r ul.plan-slide li.slide-img img{width: 100%;height: 100%;} #contentsmain .sldBox .gallery .box-r ul.plan-slide li.slide-img img.icon-plus{width: 7vw;height: 7vw;position: absolute;bottom: 7px;right: 7px;} #contentsmain .sldBox .gallery .box-r ul.plan-slide .slick-dots{bottom: -5vw;} #contentsmain .sldBox .gallery .box-r ul.plan-slide .slick-dots:has(li:nth-child(10)){bottom: -11vw;} #contentsmain .sldBox .gallery .box-r ul.plan-slide .slick-dots:has(li:nth-child(19)){bottom: -17vw;} #contentsmain .sldBox .gallery .box-r:has(ul.plan-slide .slick-dots li:nth-child(10)) {margin-bottom: 18vw; /* 下のコンテンツとぶつからないように増やす */} #contentsmain .sldBox .gallery .box-r:has(ul.plan-slide .slick-dots li:nth-child(19)) {margin-bottom: 25vw; /* 下のコンテンツとぶつからないように増やす */} #contentsmain .sldBox .status{} #contentsmain .sldBox .status ul{} #contentsmain .sldBox .status ul li{display: block; width: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 3px;} #contentsmain .sldBox .status ul li dt{width: 40%;background-color: #dddbdc;font-size: 3.4vw;text-align: center;padding: 8px 0;} #contentsmain .sldBox .status ul li dd{width: 60%;font-size: 3.4vw;padding: 8px 0 8px 10px;} #contentsmain .prev-arrow{position: absolute;top: 122.62vw;left: -2vw;margin-left: 0vw;z-index: 3;width: 17.8vw;} #contentsmain .next-arrow{position: absolute;top: 122.42vw;right: -2vw;margin-left: 0vw;width: 17.8vw;z-index: 3;transform: scale(-1, 1);} #contentsmain .slick-dots {position: absolute;bottom: 6.92vw;display: block;width: 100%;padding: 0;list-style: none;text-align: left;text-align: center;} #contentsmain .slick-dots li {position: relative;display: inline-block;width: 2.9vw!important;height: 2.9vw!important;margin: 0 2.42vw!important;padding: 0;cursor: pointer;} #contentsmain .slick-dots li button {font-size: 0;line-height: 0;display: block;width: 2.90vw;height: 2.9vw;border-radius: 50%;padding: 0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #D8D8D8;} #contentsmain .slick-dots li button:hover, #contentsmain .slick-dots li button:focus { outline: none; } #contentsmain .slick-dots li button:hover:before, #contentsmain .slick-dots li button:focus:before { opacity: 1; } #contentsmain .slick-dots li button:before {font-family: 'slick';font-size: 1.45vw;line-height: 4.83vw;position: absolute;top: 0;left: 0;height: 2.9vw;content: '';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} #contentsmain .slick-dots li.slick-active button { background: #5E5E5E; } #contents01 {margin: 0 auto 12.19vw;position: relative;background: #D8CCC1;padding: 7.19vw 0 7.09vw;} #contents01 .inner-Box {margin: 0 4vw;position: relative;background: #fff;box-shadow: 0.0vw 2.42vw 4.83vw #0000001A;padding: 9.3vw 0 12.2vw;} #contents01 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 0;width: 27vw;left: 0;} #contents01 .inner-Box span.icon img { } #contents01 .inner-Box h2.f-min {font-size: 6.76vw;line-height: 1.43;font-weight: 400;letter-spacing: 1.01vw;margin-bottom: 2.3vw;position: relative;text-align: center;} #contents01 .inner-Box h3.f-min {font-size: 4.11vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 4.4vw;position: relative;text-align: center;} #contents01 .inner-Box figure.photo01 {position: relative;margin: 0 4.2vw 4.1vw;} #contents01 .inner-Box figure.photo01 img{ } #contents01 .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-bottom: 6.34vw;margin-left: 4.4vw;} #contents01 .inner-Box ul li { position: relative; } #contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; } #contents01 .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 0.0vw;position: relative;padding-left: 4.1vw;} #contents01 .inner-Box p.ltext span {position: absolute;top: 0;left: 0;} #contents01 .inner-Box p.btn {margin: 0 9.9vw;} #contents01 .inner-Box p.btn img { } #contents02 {margin: 0 auto 13.89vw;position: relative;background: url('../images/cost/contents02-back01.png')repeat top center;background-size: 100% auto;} #contents02 .inner-Box {position: relative;padding: 11.74vw 0 9.29vw;} #contents02 .inner-Box h2.f-min {font-size: 5.80vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.29vw;margin-bottom: 7.18vw;position: relative;text-align: center;} #contents02 .inner-Box figure.img {position: relative;top: 0;margin: 0 18.8vw;} #contents02 .inner-Box figure.img img{ } #contentsbottom {margin: 0 auto 9.99vw;position: relative;} #contentsbottom .inner-Box1 {margin: 0 auto 7.55vw;position: relative;} #contentsbottom .inner-Box1 h2.f-min {font-size: 5.31vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.27vw;margin: 0 9.66vw 6.1vw;position: relative;text-align: center;} #contentsbottom .inner-Box1 p.subtext {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8.1vw 13.67vw;position: relative;} #contentsbottom .inner-Box1 figure.photo {position: relative;top: 0;left: 0;} #contentsbottom .inner-Box1 figure.photo img{ } #contentsbottom .inner-Box2 { margin: 0 4vw; position: relative; } #contentsbottom .inner-Box2 h3 {text-align: center;margin: 0 26.6vw 7.46vw;} #contentsbottom .inner-Box2 h3 span{ } #contentsbottom .inner-Box2 h3 img { } #contentsbottom .inner-Box2 ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 5vw;} #contentsbottom .inner-Box2 ul li {margin-bottom: 7.16vw;} #contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; } #contentsbottom .inner-Box2 ul li figure { } #contentsbottom .inner-Box2 ul li a { } #contentsbottom .inner-Box2 ul li a:hover { } }