@charset "utf-8";
/* ----------------------

TOPページ
KUBOTA REPORT - 事業・CSR報告書

----------------------*/
.media.media--Horizon .report_Img a[target="_blank"]:not(.js-link--None):after,
.media.media--Horizon .report_Img a[target="_blank"]:not(.icon--Modal):after {
	display: none;
}

@media screen and (max-width: 1400px) {
	.media.media--Horizon .report_Img {
		width: 56%;
	}
	.media.media--Horizon .report_Img img {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	.media.media--Horizon .report_Img {
		width: 80%;
	}
}



/*ポップアップ*/
#inline-wrap h1 {
	margin: 0 !important;
}
#inline-wrap h2 {
	background: #00a8a9;
	color: #fff;
	padding: 6px 10px;
}
#inline-wrap h2 + p {
	margin-bottom: 20px;
}

#inline-wrap ul {
	margin-bottom: 20px;
}
#inline-wrap ul li {
	display: inline-block;
	border: 1px solid #00a8a9;
	text-align: center;
	margin: 0 4px 10px;
	padding: 6px 10px;
}
#inline-wrap ul li a {
	color: #333;
	background: url(/report/common/img/arrow-link.png) no-repeat left center;
	padding-left: 16px;
}

#inline-wrap .inline-footer {
	border-top: 1px solid #A5A5A5;
	padding: 15px 0 0;
}
#inline-wrap .inline-footer a[target="_blank"]:not(.js-link--None):after,
#inline-wrap .inline-footer a[target="_blank"]:not(.icon--Modal):after {
	display: none;
}
#inline-wrap .inline-footer .copy-r {
	margin: 0;
	font-size: .75rem;
}
@media screen and (max-width: 480px) {
	#inline-wrap .inline-header {
		margin-bottom: 20px;
	}
	#inline-wrap h1 {
		width: 80%;
	}
	#inline-wrap h1 img {
		width: 100%;
	}
	#inline-wrap h2 {
		font-size: 1rem;
		line-height: 1.5;
	}
	#inline-wrap .inline-footer .float--Left {
		float: none !important;
		margin-bottom: 10px;
	}
}



/*-- adjustment    (for CSR top page)
----------------------------------------------------------*/
/*-- pc --*/
@media screen and (min-width: 768px) {
	body.CSRtop .site__Inner.area_Index {
		padding-top: 20px;
	}
	body.CSRtop .dl_Horizon--Wrap {
		margin-bottom: 59px;
	}
}
/*-- //pc --*/

/*-- smartPhone --*/
@media screen and (max-width: 767px) {
	body.CSRtop .dl_Horizon--Wrap {
		margin-bottom: 49px;
	}
}
/*-- //smartPhone --*/


/*-- Hero Slider    (for CSR top page)
----------------------------------------------------------*/
body.column--is1.page--Hero.CSRtop .hero .hero__Inner {
}
body.column--is1.page--Hero.CSRtop .hero .heading_Hero > span {
    color: #008486;
}
.CSRtop--slider .slide {
    margin: 0;
    overflow: hidden;
    background-color: #008486;
}
.CSRtop--slider .slide__InnerTitle {
    color: #fff;
}
.CSRtop--slider .slide .heading_Primary {
    padding: 0;
    color: #fff;
    border-bottom: 0;
}
.CSRtop--slider .slide .button a {
    display: block;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    cursor: pointer;
}
.CSRtop--slider .slide .button a:hover {
    opacity: 0.7;
}
.CSRtop--slider .slide .button a > span {
    display: inline-block;
    margin: 0 auto;
    background: url(/cmn/img/icon/icon_link_arrow_color.png) 100% 50% no-repeat;
    background-size: auto 13px;
}

.CSRtop--slider .slick-dots li.slick-active button:before {
    background-image: url(/cmn/img/slick/icon_dots_active_w.png);
}


/*-- pc --*/
@media screen and (min-width: 768px) {
    body.column--is1.page--Hero.CSRtop .hero .hero__Inner {
        margin-top: -122px;
    }
    body.column--is1.page--Hero.CSRtop .hero .heading_Hero {
        font-size: 2.125rem;
    }
    body.column--is1.page--Hero.CSRtop .hero .heading_Hero > span {
        padding: 6px 28px 2px 38px;
    }
    .CSRtop--slider .slide .heading_Primary {
        margin: 13px 0 0 0;
        line-height: 1.3;
        font-size: 1.625rem;
    }
    .CSRtop--slider .slide__InnerTitle {
        position: absolute;
        top: 50%;
        left: 0;
        width: 400px;
        margin-top: -70px;
        padding: 0 0 0 38px;
    }
    .CSRtop--slider .slide img {
        padding: 0 0 0 35%;
    }
    .CSRtop--slider .slide .button {
        display: inline-block;
        //width: 160px;
    }
    .CSRtop--slider .slide .button a {
        padding: 5px 10px;
    }
    .CSRtop--slider .slide .button a > span {
        padding-right: 15px;
    }
    .CSRtop--slider .slick-dots {
        width: auto;
        padding-left: 38px;
        left: 0;
        bottom: 25px;
    }
    .CSRtop--slider .slick-dots li {
        margin: 0 5px;
    }
}
/*-- //pc --*/

/*-- smartPhone --*/
@media screen and (max-width: 767px) {
	body.CSRtop .hero {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
		flex-direction: column;
	}
	body.CSRtop .hero__Inner {
		padding-top: 30px;
        -webkit-order: 1;
		order: 1;
	}
	.CSRtop--slider {
        -webkit-order: 2;
		order: 2;
	}
    .CSRtop--slider .slide .heading_Primary {
        margin: 5px 0 20px 0;
        line-height: 1.3;
        font-size: 1.375rem;
    }
    .CSRtop--slider .slide {
        min-height: 470px;
        padding-bottom: 80px;
    }
    .CSRtop--slider .slide img {
        width: 100%;
        height: auto;
    }
    .CSRtop--slider .slide .slide__InnerTitle {
        padding: 30px 15px 0;
    }
    .CSRtop--slider .slide .button {
        display: inline-block;
    }
    .CSRtop--slider .slide .button a {
        padding: 5px 10px;
    }
    .CSRtop--slider .slide .button a > span {
        padding-right: 15px;
    }
    .CSRtop--slider .slick-dots {
        bottom: 25px;
    }
}
/*-- //smartPhone --*/



/*-- visualArea    (for CSR top page)
----------------------------------------------------------*/

body.CSRtop .visualArea {
    display: table;
    width: 100%;
    height: 100%;
    background-image:url(/csr/img/bg_visualarea.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
body.CSRtop .visualArea_Inner {
    display: table-cell;
    text-align: center;
    color: #ffffff;
    vertical-align: middle;
}
body.CSRtop .visualArea_Inner h2 {
    margin: 0 0 10px 0;
    font-size: 2.1875rem;
    font-weight: normal;
}
body.CSRtop .visualArea_Inner .lead {
    font-size: 1rem;
    line-height: 1.9;
}
/*-- pc --*/
@media print, screen and (min-width: 768px) {
    body.CSRtop .visualArea {
        min-height: 310px;
    }
}
/*-- //pc --*/

/*-- smartPhone --*/
@media print, screen and (max-width: 767px) {
    body.CSRtop .visualArea {
        min-height: 250px;
        margin-bottom: 30px;
    }
    body.CSRtop .visualArea_Inner {
        padding: 0 15px;
    }
    body.CSRtop .visualArea_Inner h2 {
        margin: 0 0 5px 0;
        font-size: 1.875rem;
    }
    body.CSRtop .visualArea_Inner .lead {
        font-size: 0.875rem;
    }
}
/*-- //smartPhone --*/