@charset "UTF-8";
/* CSS Document */

.top-carousel{
    margin: 40px auto 50px;
    position: relative;
    padding: 0;
    width: 90%;
    max-width: 1500px;
    overflow: visible;
}

.top-carousel .slick-slide {
    width: 100%;
    height: 600px;
    position: relative;
    overflow: visible;
    border-radius: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.top-carousel .slick-slide#slick-yuzu {
    background-image: url("../img/index/carousel_01.jpg");
}

.top-carousel .slick-slide#slick-ine {
    background-image: url("../img/index/carousel_02.jpg");
}

.top-carousel .slick-slide#slick-sora {
    background-image: url("../img/index/carousel_03.jpg");
}

.top-carousel .mirai_title{
    width: 14%;
    min-width: 150px;
    padding: 0;
    position: absolute;
    display: block;
    top: 65px;
    right: 10%;
    border-radius: 0
}

.intro-main-flex {
    width: 90%;
    max-width: 1400px;
    margin: 70px auto;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.intro-main-flex .im-img {
    width: 45%;
}

.intro-main-flex .im-r .im-catch {
    max-width: 450px;
    margin: 0 0 20px;
}
.intro-main-flex .im-r .im-txt {
    font-size: 120%;
    line-height: 220%;
}

.a_dream_caption{
    margin: 50px 0 0;
    max-width: 765px;
    position: relative;
    z-index: 100;
    line-height: 300%;
    font-size: 120%;
}

.rice_image{
    margin: -120px 0 0;
    position: absolute;
    width: 200px;
    left: 65%;
}

.yuzu_image{
    position: absolute;
    width: 200px;
    margin: -70px 0 0 -50px;
}

.business_content{
    margin: 90px auto 150px;
    width: 90%;
    position: relative;
}

.business_content img{
    margin: 0;
    width: 50%;
    position: relative;
    border-radius: 5px;
    z-index: 100;
}

.business_caption{
    margin: -350px 0 0 auto;
    width: 60%;
    max-width: 800px;
    padding: 40px;
    background-color: #FAF9F7;
    border-radius: 10px;
    box-shadow: 3px 3px 12px 1px rgba(0, 0, 0, 0.2);
}

.business_content .right_deco{
    margin: -495px -70px 0 0;
    width: 25%;
    max-width: 300px;
    position: absolute;
    display: block;
    right: 0;
}

.business_content.right .left_deco{
    margin: -80px 0px 0 -123px;
    width: 25%;
    max-width: 300px;
    position: absolute;
    display: block;
}

.business_content .right_deco.yuzu{
    margin: -20px -70px 0 0;
    width: 25%;
    max-width: 300px;
    position: absolute;
    display: block;
    right: 0;
}

.business_b{
    margin: 0 0 0 auto;
    position: relative;
    text-align: left;
    left: 30%;
}

.business_c{
    margin: 0 0 40px;
    width: 70%;
    max-width: 500px;
    font-size: 120%;
    line-height: 200%;
}

.business_caption img{
    width: 250px;
    border-radius: 0px;
}

.business_content.right .business_caption{
    margin: -350px auto 0 0; 
}

.business_content.right img{
    margin: 0 0 0 auto;
    display: block;
}

.business_content.right .business_b img{
    margin: 0;
}

.business_content.right .business_caption .business_b{
    position: relative;
    left: 2%;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
 
.business_content.right .business_caption {
    margin: -40px auto 0 0;
}
    
.business_content img {
    width: 90%;
}    
    
.business_caption {
    margin: -40px auto 0;
    width: 75%;
}
  
.business_content .right_deco {
    margin: -86% -24px 0 0;
    width: 45%;
    max-width: 300px;
    position: absolute;
    display: block;
    right: 0;
}
    
.business_content.right .left_deco {
    margin: 190px 0px 0 -50px;
    width: 35%;
    max-width: 300px;
    position: absolute;
    display: block;
}

.business_content .right_deco.yuzu {
    margin: 35% -24px 0 0;
    width: 35%;
    max-width: 300px;
    position: absolute;
    display: block;
    right: 0;
}
    
.business_b {
    margin: 0;
    position: relative;
    left: 0;

}   

.business_c {
    margin: 0 0 40px;
    width: 100%;
    position: relative;
    font-size: 120%;
    z-index: 100;
}    
    
.more_about.button{
    margin: 0 auto;
    width: 230px;        
}
    
.business_content.right .business_b .more_about.button{
    margin: 0 auto;
}   
    
}


.farmland_manager{
    margin: 0 auto;
    width: 500px;
    display: flex;
    justify-content: center;
}

.farmland_caption{
    margin: 50px 0;
    text-align: center;
    font-size: 120%;
    line-height: 250%;
    font-weight: 400;
}

.farm_point{
    margin: 50px 0 40px;
    text-align: center;
    font-size: 180%;
    font-weight: 600;
    color: #007753;
}

.manager{
    margin: 0 20px 0 0;
    width: 30%;
}

.recommend{
    margin: 100px auto 40px;
    width: 60%;
    display: block;
}

.recommend_point{
    margin: 0 auto 200px;
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.recommend_point img{
    width: 45%;
}

.farm_message{
    font-size: 120%;
    font-weight: 500;
    color: #007753;
}

.farm_message{
    margin: -200px auto 0;
    padding: 50px;
    width: 60%;
    max-width: 1100px;
    text-align: center;
    font-size: 120%;
    line-height: 250%;
    color: #007753;
    border: solid 7px #007753;
    background-color: #fff;
}

.message_point{
    font-size: 150%;
    font-weight: 600;
    background:linear-gradient(transparent 70%, #d6ad00 0%);
}

.triangle{
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #007753;
}

.contact_deco{
    margin: 40px 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 120%;
    color: #007753;
    font-weight: 600;
}

.contact_deco::before,
.contact_deco::after {
  margin: 6px 4px 4px;
  content: "";
  width: 25px;
  height: 2px;
  background-color: #007753;
}

.contact_deco::before {
  transform: rotate(45deg);
}
 
.contact_deco::after {
  transform: rotate(-45deg);
}

.slider_bottom .slick-slide {
  margin-right: 5px;
}

.slider_bottom .slick-slide img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}