section.start{height:500px;margin-top:80px;background:#fbf6f0}section.start::after{content:'';display:table;clear:both}section.start .text{position:relative;float:left;height:100%;width:40%}section.start .text .inner{position:absolute;width:290px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}section.start .text h2{margin:0 0 30px 0;font-size:40px;font-weight:600}section.start .text p{font-size:20px;font-weight:500}section.start .picture{float:left;width:60%;height:100%;background-image:url("/img/oddn/pages/photobook/backgrounds/1.png");background-repeat:no-repeat;background-size:cover;background-position:top left;background-color:transparent}section.features{background:#ffffff}section.features img{height:80px}section.features img+.text{font-weight:500;padding:20px 80px 0}section.visual-single{height:400px}section.visual-single>div{width:100%;height:100%}section.visual-single>div:first-child{background-image:url("/img/oddn/pages/photobook/backgrounds/2.png");background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:transparent}section.green-product{height:500px;background:#fbf6f0}section.green-product::after{content:'';display:table;clear:both}section.green-product .text{position:relative;float:left;height:100%;width:45%}section.green-product .text .inner{position:absolute;max-width:450px;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}section.green-product .text h2{margin:0 0 30px 0;font-size:40px;font-weight:600}section.green-product .text ul{padding-left:20px;margin-bottom:30px}section.green-product .text ul li{font-size:20px;font-weight:500}section.green-product .text img{display:inline-block;height:70px;margin:0 20px}section.green-product .text img:first-child{margin-left:0}section.green-product .text img:last-child{margin-right:0}section.green-product .text img:last-child{height:60px}section.green-product .picture{float:left;width:55%;height:100%;background-image:url("/img/oddn/pages/photobook/backgrounds/3.png");background-repeat:no-repeat;background-size:cover;background-position:top right;background-color:transparent}section.visual-double{height:600px}section.visual-double::after{content:'';display:table;clear:both}section.visual-double>div{float:left;width:50%;height:100%}section.visual-double>div:first-child{background-image:url("/img/oddn/pages/photobook/backgrounds/4.png");background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:transparent}section.visual-double>div:last-child{background-image:url("/img/oddn/pages/photobook/backgrounds/5.png");background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:transparent}section.end{background:#ffffff}section.end .container{padding:70px 180px 150px}section.end h2{margin:0 0 30px 0;font-size:40px;font-weight:600}section.end p{max-width:700px;font-size:22px;font-weight:400}@media only screen and (max-width: 992px){section.end .container{padding:70px 80px 150px}section.visual-double{height:auto}section.visual-double>div{float:none;width:100%;height:600px}}@media only screen and (max-width: 768px){section.start{position:relative}section.start .text{float:none;position:absolute;width:100%;left:0}section.start .picture{float:right;width:70%}section.start .text .inner{position:absolute;width:290px;top:40px;left:40px;-webkit-transform:none;-moz-transform:none;transform:none}section.green-product{position:relative}section.green-product .text{float:none;position:absolute;width:100%;right:0}section.green-product .text .inner{width:365px;top:20px;right:20px;left:auto;-webkit-transform:none;-moz-transform:none;transform:none}section.green-product .text h2{font-size:28px}section.green-product .text ul li{font-size:18px}section.green-product .text img{margin:0 15px}section.visual-double>div{height:400px}}@media only screen and (max-width: 480px){section.end .container{padding:70px 35px 150px}}@media only screen and (max-width: 320px){section.start .text .inner{left:20px;width:calc(100% - 40px)}}