@charset "UTF-8"; @media screen and (min-width: 768px),print { #contentsmain {margin: 50px auto 0 auto;position: relative;} #contentsmain .inner-Box {margin: 0 auto 115px;position: relative;} #contentsmain .inner-Box h2 {position: relative;left: 50%;margin-left: -450px;top: 63px;} #contentsmain .inner-Box h2 span{ } #contentsmain .inner-Box h2 img { } #contentsmain .inner-Box figure.photo01 {position: absolute;top: 0;left: 50%;margin-left: -240px;} #contentsmain .inner-Box figure.photo01 img{ } #contentsmain .inner-Box2 {margin: 0 auto;position: relative;min-height: 510px;width: 1100px;padding-left: 510px;padding-top: 37px;} #contentsmain .inner-Box2 p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contentsmain .inner-Box2 figure.photo02 {position: absolute;top: 0;left: -410px;} #contentsmain .inner-Box2 figure.photo02 img{ } #contents01 {margin: 0 auto;position: relative;background: url('../images/wood/contents01-back01.png')no-repeat top center;padding: 80px 0 99px;} #contents01 .inner-Box1 {margin: 0 auto 60px;position: relative;width: 1100px;background: #fff;box-shadow: 0px 10px 20px #0000001A;padding: 58px 0 0;} #contents01 .inner-Box1 h2.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 1.8px;margin-bottom: 0px;position: relative;text-align: center;} #contents01 .inBox {margin: 0 auto;position: relative;width: 960px;padding-top: 33px;padding-bottom: 30px;} #contents01 .inBox figure.img {position: absolute;top: 35px;right: 10px;} #contents01 .inBox figure.img img{ } #contents01 .minBox {margin: 0 auto 46px 0;position: relative;width: 530px;} #contents01 .minBox h3.f-min {font-size: 28px;line-height: 1.71;font-weight: 400;letter-spacing: 1.4px;margin-bottom: 22px;position: relative;} #contents01 .minBox h3::before{content: "";width: 60px;height: 1px;background: #D8CCC1;position: absolute;bottom: -10px;left: 0;} #contents01 .minBox p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 10px;position: relative;} #contents01 .minBox p.text2 {font-size: 14px;line-height: 1.86;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;color: #767676;padding: 0 0 0 7px;} #contents01 .minBox p.text2 a { } #contents01 .minBox p.text2 a:hover { } #contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;height: 544px;background: #fff;box-shadow: 0px 10px 20px #0000001A;padding: 67px 70px;} #contents01 .inner-Box2 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 27px;position: relative;} #contents01 .inner-Box2 figure.img {position: relative;top: 0;left: 0;} #contents01 .inner-Box2 figure.img img{ } #contents02 {margin: 0 auto;position: relative;background: url('../images/wood/contents02-back01.png')no-repeat top center;height: 700px;} #contents02 .inner-Box {margin: 0 auto;position: relative;width: 530px;} #contents02 .inner-Box h2 {position: absolute;top: 7px;right: 0;} #contents02 .inner-Box h2 span{ } #contents02 .inner-Box h2 img { } #contents02 .inner-Box h3 {position: absolute;top: 9px;right: 110px;} #contents02 .inner-Box h3 span{ } #contents02 .inner-Box h3 img { } #contents02 .inner-Box figure.img {position: absolute;top: 8px;left: 0;} #contents02 .inner-Box figure.img img{ } #contents03 {margin: 0 auto -144px;position: relative;background: url('../images/wood/contents01-back01.png')repeat top center;padding: 130px 0 142px;} #contents03 .inner-Box1 {margin: 0 auto 120px;position: relative;width: 1100px;height: 419px;background: #fff;box-shadow: 0px 10px 20px #0000001A;padding: 51px 60px 0 560px;} #contents03 .inner-Box1 h2.f-min {font-size: 30px;line-height: 1.53;font-weight: 400;letter-spacing: 1.5px;margin-bottom: 30px;position: relative;} #contents03 .inner-Box1 figure.photo {position: absolute;top: -40px;left: 60px;} #contents03 .inner-Box1 figure.photo img{ } #contents03 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 7px;position: relative;} #contents03 .inner-Box1 p.text2 {font-size: 14px;line-height: 1.88;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;color: #767676;} #contents03 .inner-Box2 {margin: 0 auto 120px;position: relative;width: 1100px;height: 499px;background: #fff;box-shadow: 0px 10px 20px #0000001A;padding: 51px 560px 0 60px;} #contents03 .inner-Box2 h2.f-min {font-size: 30px;line-height: 1.53;font-weight: 400;letter-spacing: 1.5px;margin-bottom: 30px;position: relative;} #contents03 .inner-Box2 figure.photo {position: absolute;top: -40px;right: 60px;} #contents03 .inner-Box2 figure.photo img{ } #contents03 .inner-Box2 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 27px;position: relative;} #contents03 .inner-Box2 p.text2 {font-size: 14px;line-height: 1.88;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;color: #767676;} #contents03 .inner-Box2 ul{ margin-bottom: 16px; } #contents03 .inner-Box2 ul li {position: relative;border-bottom: #D8CCC1 1px solid;margin-bottom: 4px;} #contents03 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; } #contents03 .inner-Box2 p.ltext {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 7px;position: relative;padding-left: 20px;} #contents03 .inner-Box2 p.ltext::before{content: "";width: 10px;height: 10px;background: #D8CCC1;position: absolute;top: 14px;left: 4px;} #contents03 .inner-Box2 p.text2 {font-size: 14px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;text-align: right;} #contents03 .inner-Box3 {margin: 0 auto 120px;position: relative;width: 1100px;height: 499px;background: #fff;box-shadow: 0px 10px 20px #0000001A;padding: 51px 60px 0 560px;} #contents03 .inner-Box3 h2.f-min {font-size: 30px;line-height: 1.53;font-weight: 400;letter-spacing: 1.5px;margin-bottom: 30px;position: relative;} #contents03 .inner-Box3 figure.photo {position: absolute;top: -40px;left: 60px;} #contents03 .inner-Box3 figure.photo img{ } #contents03 .inner-Box3 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 7px;position: relative;} #contents03 .inner-Box3 p.text2 {font-size: 14px;line-height: 1.88;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 20px;position: relative;color: #767676;} #contents03 .inner-Box4 {margin: 0 auto 120px;position: relative;width: 1100px;height: 419px;background: #fff;box-shadow: 0px 10px 20px #0000001A;padding: 51px 560px 0 60px;} #contents03 .inner-Box4 h2.f-min {font-size: 30px;line-height: 1.53;font-weight: 400;letter-spacing: 1.5px;margin-bottom: 30px;position: relative;} #contents03 .inner-Box4 figure.photo {position: absolute;top: -40px;right: 60px;} #contents03 .inner-Box4 figure.photo img{ } #contents03 .inner-Box4 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 27px;position: relative;} #contents03 .inner-Box4 p.text2 {font-size: 14px;line-height: 1.88;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;color: #767676;} #contents03 .inner-Box5 {margin: 0 auto 120px;position: relative;width: 1100px;height: 419px;background: #fff;box-shadow: 0px 10px 20px #0000001A;padding: 51px 60px 0 560px;} #contents03 .inner-Box5 h2.f-min {font-size: 30px;line-height: 1.53;font-weight: 400;letter-spacing: 1.5px;margin-bottom: 30px;position: relative;} #contents03 .inner-Box5 figure.photo {position: absolute;top: -40px;left: 60px;} #contents03 .inner-Box5 figure.photo img{ } #contents03 .inner-Box5 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 7px;position: relative;} #contents03 .inner-Box5 p.text2 {font-size: 14px;line-height: 1.88;font-weight: 400;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;color: #767676;} #contentsbottom {margin: 0 auto 120px;position: relative;background: url(../images/wood/contentsbottom-back01.png)no-repeat top 144px center;} #contentsbottom .inner-Box1 {margin: 0 auto 80px;position: relative;box-shadow: 0px 10px 20px #0000001A;background: #FFFFFF;width: 600px;text-align: center;height: 311px;} #contentsbottom h2.f-min {font-size: 34px;line-height: 1.59;font-weight: 400;letter-spacing: 1.7px;margin-bottom: 395px;position: relative;text-align: center;} #contentsbottom p.subtext {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: -19px;text-align: center;position: relative;padding-top: 50px;} #contentsbottom .inner-Box2 {width: 1100px; 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: 8.08vw auto 13.5vw auto;position: relative;} #contentsmain .inner-Box {margin: 0 auto -0.72vw;position: relative;} #contentsmain .inner-Box h2 {position: relative;margin: 0 40vw 12.1vw;} #contentsmain .inner-Box h2 span{ } #contentsmain .inner-Box h2 img { } #contentsmain .inner-Box figure.photo01 {position: relative;top: 0;} #contentsmain .inner-Box figure.photo01 img{ } #contentsmain .inner-Box2 {position: relative;padding-left: 0vw;padding-top: 8.94vw;} #contentsmain .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8.3vw 7.25vw;position: relative;} #contentsmain .inner-Box2 figure.photo02 {position: relative;top: 1.2vw;left: 0vw;} #contentsmain .inner-Box2 figure.photo02 img{ } #contents01 {position: relative;background: url('../images/wood/contents01-back01.png')repeat top center;padding: 14.32vw 0 16.81vw;background-size: 400% auto;} #contents01 .inner-Box1 {margin: 0 auto 14.49vw;position: relative;background: #fff;box-shadow: 0.0vw 2.42vw 4.83vw #0000001A;padding: 9.01vw 0 0;} #contents01 .inner-Box1 h2.f-min {font-size: 7.25vw;line-height: 1.61;font-weight: 400;letter-spacing: 0.43vw;margin-bottom: 8vw;position: relative;text-align: center;} #contents01 .inBox {position: relative;padding-bottom: 3.25vw;} #contents01 .inBox figure.img {position: relative;margin: 0 5vw 1.2vw;} #contents01 .inBox figure.img img{ } #contents01 .minBox {margin: 0 8vw 9.11vw;position: relative;} #contents01 .minBox h3.f-min {font-size: 5.80vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 7.31vw;position: relative;} #contents01 .minBox h3::before{content: "";width: 9.29vw;height: 0.24vw;background: #D8CCC1;position: absolute;bottom: -3vw;left: 0;} #contents01 .minBox p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 2.42vw;position: relative;} #contents01 .minBox p.text2 {font-size: 3.38vw;line-height: 1.56;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;color: #767676;padding: 0vw 0 0;position: relative;top: 1vw;} #contents01 .minBox p.text2 a { } #contents01 .minBox p.text2 a:hover { } #contents01 .inner-Box2 {position: relative;background: #fff;box-shadow: 0.0vw 2.42vw 4.83vw #0000001A;padding: 7.48vw 8.21vw 13.38vw 8.21vw;} #contents01 .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.52vw;position: relative;} #contents01 .inner-Box2 figure.img {position: relative;top: 2.2vw;left: 0;} #contents01 .inner-Box2 figure.img img{ } #contents02 {position: relative;background: url('../images/wood/sp-contents02-back01.png')no-repeat top center;background-size: 100% auto;} #contents02 .inner-Box {position: relative;padding: 17.6vw 0 28.3vw;} #contents02 .inner-Box h2 {position: relative;right: 0;margin: 0 7vw 3vw 7.7vw;} #contents02 .inner-Box h2 span{ } #contents02 .inner-Box h2 img { } #contents02 .inner-Box h3 {position: relative;margin: 0 8.2vw 8.1vw;} #contents02 .inner-Box h3 span{ } #contents02 .inner-Box h3 img { } #contents02 .inner-Box figure.img {position: relative;top: 1.93vw;left: 0;margin: 0 8vw;} #contents02 .inner-Box figure.img img{ } #contents03 {margin: 0 auto -48.1vw;position: relative;background: url('../images/wood/contents01-back01.png')repeat top center;padding: 14.5vw 0 60.2vw;background-size: 400% auto;} #contents03 .inner-Box1 {margin: 0 auto 14.09vw;position: relative;background: #fff;box-shadow: 0.0vw 2.42vw 4.83vw #0000001A;padding: 10.9vw 0 3vw 0;} #contents03 .inner-Box1 h2.f-min {font-size: 5.80vw;line-height: 1.63;font-weight: 400;letter-spacing: 0.36vw;margin-bottom: 7.25vw;position: relative;text-align: center;} #contents03 .inner-Box1 figure.photo {position: relative;top: 0vw;margin: 0 0 6vw;} #contents03 .inner-Box1 figure.photo img{ } #contents03 .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8.1vw 3.49vw;position: relative;} #contents03 .inner-Box1 p.text2 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.17vw;margin: 0 8.1vw 7.25vw;position: relative;color: #767676;} #contents03 .inner-Box2 {margin: 0 auto 14.09vw;position: relative;background: #fff;box-shadow: 0.0vw 2.42vw 4.83vw #0000001A;padding: 10.9vw 0 3vw 0;} #contents03 .inner-Box2 h2.f-min {font-size: 5.80vw;line-height: 1.63;font-weight: 400;letter-spacing: 0.36vw;margin-bottom: 7.25vw;position: relative;text-align: center;} #contents03 .inner-Box2 figure.photo {position: relative;top: 0vw;margin: 0 0 6vw;} #contents03 .inner-Box2 figure.photo img{ } #contents03 .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8.1vw 4.89vw;position: relative;} #contents03 .inner-Box2 p.text2 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.17vw;margin: 0 8.1vw 7.25vw;position: relative;color: #767676;} #contents03 .inner-Box2 ul{margin: 0 8vw 3.86vw;} #contents03 .inner-Box2 ul li {position: relative;border-bottom: #D8CCC1 0.24vw solid;margin-bottom: 3.67vw;} #contents03 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; } #contents03 .inner-Box2 p.ltext {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 4.19vw;position: relative;padding-left: 4.83vw;} #contents03 .inner-Box2 p.ltext::before{content: "";width: 2.42vw;height: 2.42vw;background: #D8CCC1;position: absolute;top: 3.38vw;left: 0.97vw;} #contents03 .inner-Box2 p.text2 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;text-align: right;} #contents03 .inner-Box3 {margin: 0 auto 14.09vw;position: relative;background: #fff;box-shadow: 0.0vw 2.42vw 4.83vw #0000001A;padding: 10.9vw 0 3vw 0;} #contents03 .inner-Box3 h2.f-min {font-size: 5.80vw;line-height: 1.63;font-weight: 400;letter-spacing: 0.36vw;margin-bottom: 7.25vw;position: relative;text-align: center;} #contents03 .inner-Box3 figure.photo {position: relative;top: 0vw;margin: 0 0 6vw;} #contents03 .inner-Box3 figure.photo img{ } #contents03 .inner-Box3 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8.1vw 4.89vw;position: relative;} #contents03 .inner-Box3 p.text2 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.17vw;margin: 0 8.1vw 7.25vw;position: relative;color: #767676;} #contents03 .inner-Box4 {margin: 0 auto 14.09vw;position: relative;background: #fff;box-shadow: 0.0vw 2.42vw 4.83vw #0000001A;padding: 10.9vw 0 3vw 0;} #contents03 .inner-Box4 h2.f-min {font-size: 5.80vw;line-height: 1.63;font-weight: 400;letter-spacing: 0.36vw;margin-bottom: 7.25vw;position: relative;text-align: center;} #contents03 .inner-Box4 figure.photo {position: relative;top: 0vw;margin: 0 0 6vw;} #contents03 .inner-Box4 figure.photo img{ } #contents03 .inner-Box4 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8.1vw 4.89vw;position: relative;} #contents03 .inner-Box4 p.text2 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.17vw;margin: 0 8.1vw 7.25vw;position: relative;color: #767676;} #contents03 .inner-Box5 {margin: 0 auto 14.09vw;position: relative;background: #fff;box-shadow: 0.0vw 2.42vw 4.83vw #0000001A;padding: 10.9vw 0 3vw 0;} #contents03 .inner-Box5 h2.f-min {font-size: 5.80vw;line-height: 1.63;font-weight: 400;letter-spacing: 0.36vw;margin-bottom: 7.25vw;position: relative;text-align: center;} #contents03 .inner-Box5 figure.photo {position: relative;top: 0vw;margin: 0 0 6vw;} #contents03 .inner-Box5 figure.photo img{ } #contents03 .inner-Box5 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8.1vw 4.89vw;position: relative;} #contents03 .inner-Box5 p.text2 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.17vw;margin: 0 8.1vw 7.25vw;position: relative;color: #767676;} #contentsbottom {margin: 0 auto -5.01vw;position: relative;background: url(../images/wood/sp-contentsbottom-back01.png)no-repeat top 47.68vw center;background-size: 100% auto;} #contentsbottom .inner-Box1 {margin: 0 0vw 19.32vw;position: relative;box-shadow: 0.0vw 2.42vw 4.83vw #0000001A;background: #FFFFFF;padding: 0 8.4vw 8vw;} #contentsbottom h2.f-min {font-size: 6.28vw;line-height: 1.59;font-weight: 400;letter-spacing: 0.41vw;margin-bottom: 60.31vw;position: relative;text-align: center;} #contentsbottom p.subtext {font-size: 3.86vw;line-height: 1.89;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 0vw;position: relative;padding-top: 7.08vw;} #contentsbottom .inner-Box2 {position: relative;padding: 14.7vw 0vw;} #contentsbottom .inner-Box2 h3 {text-align: center;margin: 0 30.5vw 7.26vw;} #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 9vw;} #contentsbottom .inner-Box2 ul li {margin-bottom: 7.26vw;} #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 { } }