/*Main Front*************************************/
.main-top-box{width:800px;}
.main-top-img{margin:0 auto 40px auto;}
.main-top-logo{max-height:110px;}
.main-top-welcome{margin:0 auto; padding:0; text-align:left; line-height:68px; font-family:"proxima-nova",sans-serif; font-weight:900; font-size:60px;}
.main-top-border{width:40%; max-width:250px;}
.main-middle{margin:60px auto 0 auto;}
.main-middle-heading{line-height:48px; font-size:44px;}
.main-middle-announce{line-height:22px; font-size:20px;}
.main-features{padding:100px 0;}
.main-features-promote{margin:40px auto 0 auto; padding:0;}
.main-features-promote-unit{flex: 1; margin:30px 2%; width:29%;}
.main-features-promote-unit-info{line-height:21px; font-size:17px;}
.main-features-promote-unit-icon{max-width:90%;}


/*Common*****************************/
.common-box{width:984px;}
.common-wide{width:984px;}
.common-narrow{width:900px;}

.main-about {display: flex; flex-wrap: wrap; gap: 60px; width: 80%; margin: 0 auto; padding: 60px 0; align-items: center; justify-content: center; min-height: 100vh; box-sizing: border-box;}
.main-about-image {flex: 1 1 320px; max-width: 40%;}
.main-about-image img {width: 100%; height: auto; display: block; border-radius: 16px; border: 6px solid #E6E3E1; object-fit: cover;}
.main-about-text {flex: 1 1 400px; max-width: 60%; font-size: 16px; line-height: 1.25;}
.main-about-text .main-about-welcome {color: #DBA76B; font-size: 18px; font-weight:300; font-family:"komet", sans-serif; margin: 0 0 20px 0; text-align: left;}
.main-about-text h2 {margin: 0 0 1.5rem 0; font-size: 30px; font-weight:900; line-height: 1.15; color: #474038; text-align: left;}
.main-about-text p {font-size: 16px; line-height: 1.25; color: #474038;  margin: 0 0 1.4rem 0; text-align: left;}

.main-video{position:relative; margin:0 auto; padding:80px 16px; background-color: #E6E3E1; text-align:center; width:100%; height:auto; border-bottom:1px solid #E6E3E1; box-sizing:border-box;}
.main-video-header {margin-bottom: 30px;}
.main-video-watch {color: #DBA76B; font-size: 24px; font-weight:300; font-family:"komet", sans-serif;}
.main-video-promote-top {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; position: relative; margin: 0 auto 60px auto; padding: 0 20px; width: 100%; height: auto; box-sizing: border-box;}
.main-video-promote-top > * {flex: 1 1 300px; max-width: calc(100%); min-width: calc(100%); height:auto;}
.main-video-promote-top-img{position:relative; margin:0 auto; display: block; transition: filter 0.3s ease; padding:0; border-radius: 10px; object-fit: cover; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.main-video-promote-top {flex: 1 1 400px; max-width: 100%; font-size: 16px; line-height: 1.20;}
.main-video-promote-top h2 {margin:6px 0 4px 0; font-size: 23px; font-weight:200; line-height: 1; color: #474038; }
.main-video-promote-top p {font-size: 16px; font-weight:800; line-height: 1.20; color: #474038;  margin:0;}
.main-video-promote-top-link {text-decoration: none; color: inherit;}
.main-video-promote {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; position: relative; margin: 30px auto 0 auto; padding: 0 20px; width: 100%; height: auto; box-sizing: border-box;}
.main-video-promote > * {flex: 1 1 300px; max-width: calc(33.333% - 20px); min-width: calc(33.333% - 20px); height:auto;}
.main-video-promote-img{position:relative; margin:0 auto; display: block; transition: filter 0.3s ease;  padding:0; border-radius: 10px;  object-fit: cover; text-align:center; width:100%; height:auto; box-sizing:border-box;}
.main-video-promote {flex: 1 1 400px; max-width: 100%; font-size: 12px; line-height: 1.20;}
.main-video-promote h2 {margin:6px 0 4px 0; font-size: 16px; font-weight:200; line-height: 1; color: #474038; }
.main-video-promote p {font-size: 12px; font-weight:800; line-height: 1.20; color: #474038;  margin:0;}
.main-video-promote-link {text-decoration: none; color: inherit;}

.main-bakery{min-height: 66vh;}
.main-bakery-box{position:absolute; top:12%; left:auto; right:5%; width:42%;}
.main-bakery-img{margin:0 auto 40px auto;}
.main-bakery-logo{max-height:80px;}
.main-bakery-welcome{margin:0 auto; padding:0; text-align:left; line-height:48px; font-family:"proxima-nova",sans-serif; font-weight:900; font-size:48px;}
.main-bakery-border{width:40%; max-width:250px;}
.main-bakery-fun{line-height:20px; font-size:16px;}



.main-youtube-promote {grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto);}
.main-youtube-watch {font-size: 24px;}



.main-garden{min-height: 66vh;}
.main-garden-box{position:absolute; top:12%; width:42%;}
.main-garden-img{margin:0 auto 40px auto;}
.main-garden-logo{max-height:80px;}
.main-garden-welcome{margin:0 auto; padding:0; text-align:left; line-height:48px; font-family:"proxima-nova",sans-serif; font-weight:900; font-size:48px;}
.main-garden-border{width:40%; max-width:250px;}
.main-garden-fun{line-height:20px; font-size:16px;}