@charset "UTF-8"; @media screen and (min-width: 768px),print { #contentsmain {margin: 0 auto;position: relative;background: url('../images/furniture/contentsmain-back01.png')no-repeat bottom center;padding-bottom: 116px;} #contentsmain .inner-Box {margin: 0 auto 131px;position: relative;width: 1100px;min-height: 472px;padding: 80px 0 0;} #contentsmain .inner-Box figure.photo {position: absolute;top: 40px;right: -50px;} #contentsmain .inner-Box figure.photo img{ } #contentsmain .inner-Box h2 {margin-bottom: 23px;position: relative;font-size: 46px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;} #contentsmain .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 2.1;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;} #contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;text-align: center;color: #fff;} #contentsmain .inner-Box2 h3 {margin-bottom: 27px;position: relative;font-size: 30px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #fff;text-align: center;} #contentsmain .inner-Box2 p.text {margin-bottom: 34px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #fff;text-align: center;} #contentsmain .inner-Box2 figure.img01 {position: relative;top: 0;left: 0;} #contentsmain .inner-Box2 figure.img01 img{ } #contents01 {margin: 0 auto;position: relative;background: #F5F5F5;padding-bottom: 70px;} #contents01 h2 {text-align: center;padding: 89px 0 70px;} #contents01 h2 span{ } #contents01 h2 img { } #contents01 .inner-Box1 {margin: 0 auto 130px;position: relative;padding: 73px 0 0 90px;width: 1280px;} #contents01 .inner-Box1 p.no {margin-bottom: 0px;position: relative;font-size: 188px;line-height: 0;font-weight: 600;color: #e0e0e0;position: absolute;top: 16px;left: 48px;} #contents01 .inner-Box1 p.no span { } #contents01 .inner-Box1 h3 {margin-bottom: 27px;position: relative;font-size: 30px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #aa6c10;} #contents01 .inner-Box1 figure.photo {position: absolute;top: 0;right: 0;} #contents01 .inner-Box1 figure.photo img{ } #contents01 .inner-Box1 p.text {position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;width: 480px;} #contents01 .inner-Box1 p.text span{ margin-bottom: 31px; display: block; } #contents01 .inner-Box2 {margin: 0 auto 93px;position: relative;padding: 103px 0 0 680px;width: 1280px;} #contents01 .inner-Box2 p.no {margin-bottom: 0px;position: relative;font-size: 188px;line-height: 0;font-weight: 600;color: #e0e0e0;position: absolute;top: 16px;left: 48px;} #contents01 .inner-Box2 p.no span { } #contents01 .inner-Box2 h3 {margin-bottom: 27px;position: relative;font-size: 30px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #aa6c10;} #contents01 .inner-Box2 figure.photo {position: absolute;top: 0;left: 0;} #contents01 .inner-Box2 figure.photo img{ } #contents01 .inner-Box2 p.text {margin-bottom: 31px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;width: 480px;} #contents01 .inner-Box2 p.text span{ margin-bottom: 31px; display: block; } #contents01 .inner-Box3 {margin: 0 auto 130px;position: relative;padding: 73px 0 0 90px;width: 1280px;} #contents01 .inner-Box3 p.no {margin-bottom: 0px;position: relative;font-size: 188px;line-height: 0;font-weight: 600;color: #e0e0e0;position: absolute;top: 16px;left: 48px;} #contents01 .inner-Box3 p.no span { } #contents01 .inner-Box3 h3 {margin-bottom: 27px;position: relative;font-size: 30px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #aa6c10;} #contents01 .inner-Box3 figure.photo {position: absolute;top: 87px;right: 0;} #contents01 .inner-Box3 figure.photo img{ } #contents01 .inner-Box3 p.text {margin-bottom: 31px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;width: 480px;} #contents01 .inner-Box3 p.text span{ margin-bottom: 31px; display: block; } #contents01 .inner-Box4 {margin: 0 auto 130px;position: relative;padding: 103px 0 0 680px;width: 1280px;} #contents01 .inner-Box4 p.no {margin-bottom: 0px;position: relative;font-size: 188px;line-height: 0;font-weight: 600;color: #e0e0e0;position: absolute;top: 16px;left: 48px;} #contents01 .inner-Box4 p.no span { } #contents01 .inner-Box4 h3 {margin-bottom: 27px;position: relative;font-size: 30px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #aa6c10;} #contents01 .inner-Box4 figure.photo {position: absolute;top: 0;left: 0;} #contents01 .inner-Box4 figure.photo img{ } #contents01 .inner-Box4 p.text {margin-bottom: 31px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;width: 480px;} #contents01 .inner-Box4 p.text span{ margin-bottom: 31px; display: block; } #contentsbottom {margin: 0 auto;position: relative;padding: 140px 0 0;} #contentsbottom .inner-Box {margin: 0 auto 128px;position: relative;width: 1120px;} #contentsbottom .inner-Box h2 {margin-bottom: 12px;position: relative;font-size: 40px;line-height: 1.7;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;} #contentsbottom .inner-Box p.subttl {margin-bottom: 60px;position: relative;font-size: 18px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;text-align: center;} #contentsbottom .inner-Box ul.list {display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;} #contentsbottom .inner-Box ul li {margin-right: 20px;} #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contentsbottom .inner-Box ul li figure {margin-bottom: 23px;} #contentsbottom .inner-Box ul li a { } #contentsbottom .inner-Box ul li a:hover { } #contentsbottom .inner-Box h3 {margin-bottom: 0px;position: relative;font-size: 24px;line-height: 1.3;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;text-align: center;} #contentsbottom .inner-Box p.ltext { margin-bottom: 0px; position: relative; } #contentsbottom .inner-Box2 {margin: 0 auto 140px;position: relative;width: 1120px;} #contentsbottom .inner-Box2 h2 {margin-bottom: 26px;position: relative;font-size: 40px;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;} #contentsbottom .inner-Box2 p.subttl {margin-bottom: 69px;position: relative;font-size: 18px;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;text-align: center;} #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: 20px;width: 336px;margin-right: 51px;} #contentsbottom .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; } #contentsbottom .inner-Box2 ul li figure {margin-bottom: 13px;} #contentsbottom .inner-Box2 ul li a { } #contentsbottom .inner-Box2 ul li a:hover { } #contentsbottom .inner-Box2 p.ltext {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;margin-left: 10px;} } @media screen and (min-width:768px) and ( max-width:1450px) { } @media screen and (max-width: 767px) { #contentsmain{margin:0 auto;position:relative;background: url('../images/furniture/sp-contentsmain-back01.png') no-repeat bottom center;background-size:100% auto;padding-bottom: 18.5vw;} #contentsmain .inner-Box{margin: 0 auto 35.2vw;position:relative;width:100%;} #contentsmain .inner-Box figure.photo{position: relative;} #contentsmain .inner-Box figure.photo img{} #contentsmain .inner-Box h2{padding: 6.1vw 7.8vw 0;margin-bottom: 0.9vw;position:relative;color:#1a1a1a;font-size: 7.2vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;} #contentsmain .inner-Box p.text{margin-bottom:0;position:relative;color:#1a1a1a;font-size: 3.4vw;line-height: 2.1;letter-spacing: 0.1em;font-weight: 500;margin-left: 7.6vw;} #contentsmain .inner-Box2{margin:0 auto;position:relative;text-align:center;color:#fff;padding: 0 6.4vw;} #contentsmain .inner-Box2 h3{margin-bottom: 3.5vw;position:relative;color:#fff;font-size: 7.2vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;text-align: left;} #contentsmain .inner-Box2 p.text{margin-bottom: 6vw;position:relative;color:#fff;text-align: left;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;} #contentsmain .inner-Box2 figure.img01{position:relative;top:0;left:0;margin: 0 -4.2vw;} #contentsmain .inner-Box2 figure.img01 img{} #contents01{margin:0 auto;position:relative;background:#F5F5F5;padding-bottom:16.9vw;} #contents01 h2{text-align:center;padding: 2.1vw 12.7vw 16.9vw 12.2vw;} #contents01 h2 span{} #contents01 h2 img{} #contents01 .inner-Box1{margin: 0 auto 19.7vw;position:relative;padding: 2.4vw 6.6vw 0;width:100%;} #contents01 .inner-Box1 p.no{margin-bottom:0;color:#e0e0e0;position:absolute;top: -7.1vw;left: 1.6vw;font-size: 30.9vw;line-height: 0;font-weight: 600;} #contents01 .inner-Box1 p.no span{} #contents01 .inner-Box1 h3{margin-bottom: 4.6vw;position:relative;color:#aa6c10;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;margin-right: -10vw;} #contents01 .inner-Box1 figure.photo{position:relative;top:0;right:auto;margin-bottom:7.5vw;} #contents01 .inner-Box1 figure.photo img{width:100%;height:auto;} #contents01 .inner-Box1 p.text{margin-bottom: -0.5vw;position:relative;color:#1a1a1a;width:100%;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;} #contents01 .inner-Box2{margin: 0 auto 19.7vw;position:relative;padding: 2.4vw 6.6vw 0;width:100%;} #contents01 .inner-Box2 p.no{margin-bottom:0;color:#e0e0e0;position:absolute;top: -7.1vw;left: 1.6vw;font-size: 30.9vw;line-height: 0;font-weight: 600;} #contents01 .inner-Box2 p.no span{} #contents01 .inner-Box2 h3{margin-bottom: 4.6vw;position:relative;color:#aa6c10;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;margin-right: -10vw;} #contents01 .inner-Box2 figure.photo{position:relative;top:0;right:auto;margin-bottom:7.5vw;} #contents01 .inner-Box2 figure.photo img{width:100%;height:auto;} #contents01 .inner-Box2 p.text{margin-bottom: -0.5vw;position:relative;color:#1a1a1a;width:100%;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;} #contents01 .inner-Box3{margin: 0 auto 19.7vw;position:relative;padding: 2.4vw 6.6vw 0;width:100%;} #contents01 .inner-Box3 p.no{margin-bottom:0;color:#e0e0e0;position:absolute;top: -7.1vw;left: 1.6vw;font-size: 30.9vw;line-height: 0;font-weight: 600;} #contents01 .inner-Box3 p.no span{} #contents01 .inner-Box3 h3{margin-bottom: 4.6vw;position:relative;color:#aa6c10;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;margin-right: -10vw;} #contents01 .inner-Box3 figure.photo{position:relative;top:0;right:auto;margin-bottom:7.5vw;} #contents01 .inner-Box3 figure.photo img{width:100%;height:auto;} #contents01 .inner-Box3 p.text{margin-bottom: -0.5vw;position:relative;color:#1a1a1a;width:100%;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;} #contents01 .inner-Box4{margin: 0 auto 7.7vw;position:relative;padding: 2.4vw 6.6vw 0;width:100%;} #contents01 .inner-Box4 p.no{margin-bottom:0;color:#e0e0e0;position:absolute;top: -7.1vw;left: 1.6vw;font-size: 30.9vw;line-height: 0;font-weight: 600;} #contents01 .inner-Box4 p.no span{} #contents01 .inner-Box4 h3{margin-bottom: 4.6vw;position:relative;color:#aa6c10;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;margin-right: -10vw;} #contents01 .inner-Box4 figure.photo{position:relative;top:0;right:auto;margin-bottom:7.5vw;} #contents01 .inner-Box4 figure.photo img{width:100%;height:auto;} #contents01 .inner-Box4 p.text{margin-bottom: -0.5vw;position:relative;color:#1a1a1a;width:100%;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;} #contentsbottom{margin:0 auto;position:relative;padding: 19.1vw 4.8vw 0;} #contentsbottom .inner-Box{margin: 0 auto 10.9vw;position:relative;width:100%;} #contentsbottom .inner-Box h2{margin-bottom:2.9vw;position:relative;color:#1a1a1a;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;text-align: center;} #contentsbottom .inner-Box p.subttl{margin-bottom: 7.8vw;position:relative;color:#1a1a1a;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: center;} #contentsbottom .inner-Box ul.list{display:flex;flex-wrap:wrap;margin: 0 2.4vw;} #contentsbottom .inner-Box ul li{margin-right:0;width:100%;margin-bottom:9.7vw;} #contentsbottom .inner-Box ul li:nth-child(3n){margin-right:0;} #contentsbottom .inner-Box ul li figure{margin-bottom: 6.3vw;} #contentsbottom .inner-Box ul li a{} #contentsbottom .inner-Box h3{margin-bottom:0;position:relative;font-size: 5.5vw;line-height:1.3;letter-spacing:.1em;font-weight:600;color:#1a1a1a;text-align:center;} #contentsbottom .inner-Box p.ltext{margin-bottom:0;position:relative;} #contentsbottom .inner-Box2{margin: 0 auto 10.2vw;position:relative;width:100%;} #contentsbottom .inner-Box2 h2{margin-bottom: 3.3vw;position:relative;letter-spacing: 0em;color: #1a1a1a;font-size: 5.8vw;line-height: 1.6;font-weight: 600;text-align: center;} #contentsbottom .inner-Box2 p.subttl{margin-bottom: 8vw;position:relative;color:#1a1a1a;text-align:center;font-size: 3.4vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 400;} #contentsbottom .inner-Box2 ul.list{display:flex;flex-wrap:wrap;margin: 0 2.3vw 0 0.6vw;} #contentsbottom .inner-Box2 ul li{margin-right:0;width:100%;margin-bottom: 10.3vw;} #contentsbottom .inner-Box2 ul li:nth-child(3n){margin-right:0;} #contentsbottom .inner-Box2 ul li figure{margin-bottom: 3.5vw;} #contentsbottom .inner-Box2 ul li a{} #contentsbottom .inner-Box2 p.ltext{margin-bottom:0;position:relative;color:#1a1a1a;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;margin-left: 1.8vw;} }