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


@media screen and (min-width: 0px) and (max-width: 768px) {

.top-photo img{
	margin: 90px auto;
	width: 90%;
	display: block;
}
	
section.ind-sec {
    width: 100%;
    margin: 0;
    padding: 0 0 15px;
    position: relative;
    overflow: hidden;
}

section.ind-sec .ind-wrap {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
 

main{
    margin: 0;
}

 .top-carousel {
    margin: 90px auto 0;
    position: relative;
    width: 90%;
    max-width: 1400px;
}

.top-carousel .slick-slide {
    height: 500px;
}
    
.top-carousel .mirai_title{
    width: 35%;
    max-width: 160px;
    padding: 0;
    position: absolute;
    display: block;
    top: 10%;
    right: 5%;
    border-radius: 0
}   

.intro-main-flex {
    width: 85%;
    max-width: 1400px;
    margin: 50px auto 50px;
    padding: 0;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    font-size: 14px;    
}

.intro-main-flex .im-img {
    width: 100%;
    max-width: 500px;
    margin: 0;
}

.intro-main-flex .im-r {
    width: 100%;
    margin: 0 0 40px;
}

.intro-main-flex .im-r .im-catch {
    width: 70%;
    min-width: 250px;
    margin: 0 0 20px;
}
.intro-main-flex .im-r .im-txt {
    text-align: left;
    font-size: 110%;
    line-height: 220%;
}
 
.wrap_about {
    padding: 20px 0 50px;
}
   
.about_title {
    margin: 50px auto 0px;
    width: 100%;
}  
    
.a_dream_caption {
    margin: 25px auto 0;
    width: 95%;
    max-width: 1000px;
    position: relative;
    z-index: 100;
    line-height: 260%;
    font-size: 95%;
}   
    
.rice_image {
    margin: -40px 0 0;
    position: absolute;
    width: 20%;
    left: 75%;
}
    
.yuzu_image {
    position: absolute;
    width: 25%;
    margin: -140px 0 0 -30px;
}
    
.more_about {
    margin: 50px auto 0;
    width: 220px;
}

h2.business_title {
    width: 100%;
}

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


.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: -90% -24px 0 0;
    width: 45%;
    max-width: 300px;
    position: absolute;
    display: block;
    right: 0;
}
    
.business_content .right_deco.yuzu {
    margin: 200px -40px 0 0;
    width: 30%;
    max-width: 300px;
    position: absolute;
    display: block;
    right: 0;
}
  
@media screen and (min-width: 0px) and (max-width: 400px) {
.business_content .right_deco.yuzu {
    margin: 90% -35px 0 0;
    width: 30%;
    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_b {
    margin: 0;
    position: relative;
    left: 0;

}   
    
.business_c {
    margin: 0 0 40px;
    width: 100%;
    font-size: 95%;
}    
    
.more_about.button{
    margin: 0 auto;
    width: 180px;        
}
    
.business_content.right .business_b .more_about.button{
    margin: 0 auto;
}   
    
 .farmland_manager {
    width: 70%;
}   
    
.farmland_caption {
    margin: 30px 0 10px;
    font-size: 95%;
    line-height: 250%;
    text-align: left;
}   
    
.farmland_manager {
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
}   

.message_point {
    margin: 30px 0 40px;
    font-size: 130%;
}    

.manager {
    margin: 0 20px 10px 0;
    width: 35%;
    max-width: 150px;
}
    
.manager_text{
    width: 135%;
    max-width: 400px;
}

.recommend {
    margin: 60px auto 20px;
    width: 95%;
    max-width: 500px;
}
    
.recommend_point {
    margin: 0 auto 200px;
    width: 95%;
    display: flex;
}   
    
.recommend_point img {
    width: 100%;
    display: flex;
    max-width: 310px;
    margin: 0 auto;
}    
    
.farm_point {
    margin: 50px 0 40px;
    text-align: center;
    font-size: 125%;
    font-weight: 600;
    color: #007753;
}
    
.farm_message {
    margin: -200px auto 0;
    padding: 25px;
    width: 75%;
    font-size: 95%;
    line-height: 250%;
    border: solid 5px #007753;
    text-align: left;
    font-weight: 600;    
}  
    
.triangle {
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 22px solid #007753;
}
     
.a_dream_farm.contact .a_dream_caption{
    text-align: center;
    line-height: 180%;
}    
    
.a_dream_farm.contact {
    padding: 0 0 140px;
    text-align: center;
}   
    
.slider_bottom .slick-slide img {
    width: 100%;
    height: auto;
    object-fit: cover;
}    
    
    
    
    
    





}