@charset "UTF-8";


.l_home .l_header .cont{z-index: 1;}
.slick-slide img{max-width: 100%;}
.slick-slider .slick-list, .slick-slider .slick-track{font-size: 0;}

.Btn{display: flex;justify-content: center;}

.ListLinkMenu li .Box{background: #f9f6f3;}
.ListLinkMenu li .Btn a{text-decoration: none;background: #524235;color: #fff;text-align: center;width: 100%;height: 100%;display: block;}

.LinkSDGs{text-align: center;}
.LinkSDGs a{display: inline-block;box-shadow: 0 0 5px rgba(82, 66, 53, .2);}

#home_news .Wrapper{position: relative;}
#home_news h2{color: #fff;}
#home_news{
    margin-bottom: 0em;
    padding-left: 0px; /*????????*/
    padding-right: 0px; /*????????*/
}
.ListLinkMenu li .Box h3{line-height: 1;text-align: center;color: #524235;font-weight: bold;}
.ListNews li .Box a{text-decoration: none;color: #6d6259;position: relative;display: flex;}
.ListNews li .Box a::before,.ListNews li .Box a::after{content: "";display: block;clip-path: polygon(0% 0%, 0% 100%, 100% 50%);position: absolute;top: 50%;transform: translateY(-50%);}
.ListNews li .Box a::before{background: #333;}
.ListNews li .Box a::after{background: #fff;}
.ListNews li .Box .Category{display: inline-block;background: #524235;text-align: center;color: #fff;}
.ListNews li .Box span.Title{text-decoration: underline;}

#home_news .Wrapper .Btn{position: absolute;}
#home_news .Wrapper .Btn a{text-decoration: none;background: #fff;color: #524235;text-align: center;width: 100%;height: 100%;display: block;}

/** SP ****/
@media screen and (max-width:767px) {

    h2{text-align: center;}
    #home_business .Wrapper{padding-top: 35px;padding-bottom: 35px;}
    #home_business h2{margin-bottom: 23px;font-size: 1.5rem;}
    #home_business .Text{line-height: 1.57;}
    .ListLinkMenu{margin-top: 38px;}
    .ListLinkMenu li{padding-bottom: 30px;}
    .ListLinkMenu li .Box{padding-bottom: 30px;}
    .ListLinkMenu li .Box h3{font-size: 1.25rem;margin-bottom: 10px;}
    .ListLinkMenu li .Box .Cont{padding: 25px 15px 0;}
    .ListLinkMenu li .Box .Cont .Text{margin-bottom: 18.5px;}
    .ListLinkMenu li .Btn a{border-radius: 17.5px;max-width: 190px;line-height: 35px;}
    .LinkSDGs{margin-top: 5px;}

    #home_news{background: url(https://sansei-japan.com/wp-content/uploads/2024/05/bg_top_news.jpg) no-repeat center bottom;background-size: cover;}
    #home_news .Wrapper{padding-top: 35px;padding-bottom: 75px;}
    #home_news .Wrapper .Btn{display: flex;justify-content: center;bottom: 40px;width: 100%;height: 35px;left: 0;padding: 0 20px;}
    #home_news .Wrapper .Btn a{border-radius: 17.5px;max-width: 150px;line-height: 35px;}
    #home_news h2{ font-size: 1.25rem;line-height: 1;margin-bottom: 25px;}
    .ListNews{margin-bottom: 15px;}
    .ListNews li{padding-bottom: 15px;}
    .ListNews li .Box a{padding: 22px 50px 15px 15px;flex-wrap: wrap;justify-content: space-between;}
    .ListNews li .Box a::before{width: 10.5px;height: 17px;right: 15px;}
    .ListNews li .Box a::after{width: 8.5px;height: 14px;right: 17.4px;}
    .ListNews li .Box a time{display: block;line-height: 1;font-size: 0.75rem;margin-bottom: 7px;}
    .ListNews li .Box .Category{font-size: 0.75rem;line-height: 1.5;padding: 0 10px;position: absolute;right: 45px;top: 18px;}
    .ListNews li .Box span.Title{width: 100%;}
}
/** PC ****/
@media screen and (min-width:768px) {

    #home_business h2{line-height: 1.38;margin-bottom: 11.5px;}
    #home_business .Wrapper{padding-top: 71px;padding-bottom: 80px;}

    .ListLinkMenu li .Box{height: 100%;position: relative;}
    .ListLinkMenu li .Box h3{margin-bottom: 13px;}
    .ListLinkMenu li .Box .Btn{position: absolute;left: 0;bottom: 40px;right: 0;}
    .ListLinkMenu li .Btn a{border-radius: 20px;max-width: 200px;line-height: 40px;border: 1px solid #524235;}
    .ListLinkMenu li .Btn a:hover{background: #fff;color: #524235;}

    #home_news{background: url(https://sansei-japan.com/wp-content/uploads/2024/05/bg_top_news.jpg) no-repeat center;background-size: cover;}
    #home_news .Wrapper{padding-top: 62px;padding-bottom: 55px;max-width: 1080px;}
    #home_news h2{line-height: 1;margin-bottom: 25px;}
    #home_news .Wrapper .Btn{position: absolute;top: 49px;right: 40px;height: 40px;width: 160px;}
    #home_news .Wrapper .Btn a{border-radius: 20px;width: 100%;line-height: 40px;}
    #home_news .Wrapper .Btn a:hover{background: #524235;color: #fff;}

    .ListNews li{padding-bottom: 10px;}
    .ListNews li .Box a{display: flex;width: 100%;padding: 0 60px 0 30px;height: 60px;align-items: center;}
    .ListNews li .Box a time{padding-right: 19px;position: relative;}
    .ListNews li .Box a::before{width: 8px;height: 12px;right: 20px;}
    .ListNews li .Box a::after{width: 5px;height: 8px;right: 23px;}
    .ListNews li .Box .Category{max-width: 90px;font-size: 0.8125rem;line-height: 0.924;padding: 5px;width: 100%;}
    .ListNews li .Box span.Title{width: calc(100% - 194px);padding-left: 20px;} 
}

@media screen and (max-width:979px) {

}

@media screen and (min-width:980px) {

    #home_business h2{font-size: 2.25rem;}
    #home_business .Wrapper > p.Text{font-size: 1.25rem;line-height: 1.7;}
    .ListLinkMenu li .Box h3{font-size: 1.875rem;}
    .ListLinkMenu li .Box .Text{ font-size: 1.125rem;margin-bottom: 18px;}
	.l_header .cont{position: relative;}
	.l_main_navi nav ul{display: flex;align-items: center;height: 100%;}
	.l_main_navi nav ul li{padding-left: 1.5rem;}
    .l_main_navi li a{color: #fff;} 

    .LinkSDGs{margin-top: 60px;}
    .ListLinkMenu{display: flex;gap: 30px;margin-top: 34.5px;}
    .ListLinkMenu li{width: 33.33333%;}
    .ListLinkMenu li .Box{padding-bottom: 80px;}
    .ListLinkMenu li .Box .Cont{padding: 36px 25px 0;}
    #home_news h2{ font-size: 1.875rem;}
}

@media screen and (min-width:768px) and (max-width:979px) {
    #home_business h2{font-size: 1.75rem;}
    .ListLinkMenu{margin-top: 20px;}
    .ListLinkMenu li{padding: 10px 0;}
    .ListLinkMenu li .Box{display: flex;position: relative;}
    .ListLinkMenu li .Box figure,.ListLinkMenu li .Box .Cont{width: 50%;}
    .ListLinkMenu li .Box .Cont{padding: 20px 20px 40px;}
    .ListLinkMenu li .Box h3{font-size: 1.625rem;}
    .ListLinkMenu li .Box .Btn{width: 50%;right: 0;left: auto;bottom: 20px;}
    .LinkSDGs{margin-top: 40px;}
    #home_news .Wrapper .Btn{right: 40px;}
}

/** PC_more_big ****/
@media screen and (min-width:1300px) {

    #home_news .Wrapper .Btn{right: 0;}
}