@charset "UTF-8";
/*
* sdgs_organization.css
*
*/
@import url("https://fonts.googleapis.com/css?family=Poppins:400,700");
/* --------------------------------
  components
-------------------------------- */
@media screen and (min-width: 770px) {
	.l-contentHead {
		height: 430px;
	}
}

.l-contentHead .l-contentHead_inner {
	margin-bottom: 0;
}
@media screen and (min-width: 770px) {
	.l-contentHead .l-contentHead_inner {
		margin: auto;
	}
}

.l-contentHead .l-contentHead_cap {
	margin-bottom: 0;
}

.l-contentHead .l-contentHead_mv {
	padding-top: 50.3125%;
	background: url(/assets/img/company/profile/sdgs_organization/mv.jpg) no-repeat center top/cover;
}
@media screen and (min-width: 770px) {
	.l-contentHead .l-contentHead_mv {
		padding: 0;
		background: url(/assets/img/company/profile/sdgs_organization/mv_pc.jpg) no-repeat center/cover;
	}
}

.l-contentHead_underLine {
	width: 100%;
	height: 29px;
}

.c-block_cap {
	margin-bottom: 15px;
	font-size: 14px;
}
@media screen and (min-width: 770px) {
	.c-block_cap {
		margin-bottom: 20px;
		font-size: 18px;
	}
}

.c-block_lead {
	margin-bottom: 50px;
}
@media screen and (min-width: 770px) {
	.c-block_lead {
		margin-bottom: 40px;
	}
}

.c-colomunWrap {
	margin-bottom: 50px;
}
@media screen and (min-width: 770px) {
	.c-colomunWrap {
		margin: 15px -20px 40px;
	}
}
.c-colomunWrap:first-child {
	margin-top: 0;
}
.c-colomunWrap .c-colomunWrap_block {
	margin-bottom: 50px;
}
@media screen and (min-width: 770px) {
	.c-colomunWrap .c-colomunWrap_block {
		margin-bottom: 0;
	}
}
.c-colomunWrap .c-colomunWrap_block:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 770px) {
	.colomunWrap-2col .c-colomunWrap_block {
		width: 50%;
	}
}

@media screen and (min-width: 770px) {
	.colomunWrap-3col .c-colomunWrap_block {
		width: 33.3%;
	}
}

.c-accordion {
	width: 100%;
}
.c-accordion .c-accordion_container {
	border: 1px solid #d5d5d5;
}

.cap-s {
	margin-bottom: 10px; 
	color: #033f86;
	font-size: 1.4rem;
	font-weight: bold;
}
@media screen and (min-width: 770px) {
	.cap-s {
		font-size: 1.8rem;
	}
}

@media screen and (min-width: 770px) {
	.c-accordionContent_cap-bd {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-align: center;

		    -ms-flex-align: center;

		        align-items: center;
	}
}

@media screen and (min-width: 770px) {
	.c-accordionContent_cap-bd_lgl2 {
		height: 78px;
	}
}

.detail_cap-borderBtm {
	margin: 15px 0 7.5px;
}
@media screen and (min-width: 770px) {
	.detail_cap-borderBtm_lgl2 {
		height: 62.5px;
	}
}
@media screen and (min-width: 770px) {
	.detail_cap-borderBtm_lgl3 {
		height: 90.2px;
	}
}

.detail_cap-borderBtm {
	margin: 15px 0 7.5px;
}

.detail_link_list .txt {
	display: inline-block;
	position: relative;
	padding-left: 18px;
	font-weight: 500;
}
.detail_link_list .txt:before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0;
	margin: auto;
	border-top: 2px solid #033f86;
	border-right: 2px solid #033f86;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);

	-webkit-box-pack: center;

	    -ms-flex-pack: center;

	        justify-content: center;
}
@media screen and (min-width: 770px) {
	.detail_link_list .txt:before {
		width: 8px;
		height: 8px;
	}
}

.l-backBtn_wrap {
	margin: 40px 0;
}
@media screen and (min-width: 770px) {
	.l-backBtn_wrap {
		margin: 70px auto; 
		width: 960px;
	}
}

.hp_taCenter {
	text-align: center;
}

/* --------------------------------
  sdgs_organization
-------------------------------- */
/* lead */
.lead_wrap {
	margin-bottom: 15px;
}
@media screen and (min-width: 770px) {
	.lead_wrap {
		margin-bottom: 35px;
	}
}

@media screen and (min-width: 770px) {
	.lead_txt {
		white-space: nowrap;
	}
}

/* --------------------------------
  具体的な取り組み
-------------------------------- */
#sec-01 {
	margin-top: 36px;
}
@media screen and (min-width: 770px) {
	#sec-01 {
		margin-top: 38px;
	}
}
#sec-01 .detail_whiteBlock {
	margin-bottom: 25px;
}
@media screen and (min-width: 770px) {
	#sec-01 .detail_whiteBlock {
		margin-bottom: 30px;
	}
}
#sec-01 .detail_whiteBlock:last-child {
	margin-bottom: 0;
}
#sec-01 .sec-01_block-02_figure {
	margin-bottom: 15px;
}
@media screen and (min-width: 770px) {
	#sec-01 .sec-01_block-02_figure {
		margin-bottom: 0;
	}
}