@charset "UTF-8";
/* CSSの編集追記は、以下のみ */

@media screen and (max-width: 1000px) {
	.content-width {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}

#header {
	background: #FFF;
}
#header .telbox .tel {
	margin-top: 15px;
}

#menu .menu_wrapper {
	background: #492f22;
}
#menu li {
	border-radius: 0!important;
}
#menu li:first-child a {
	border-left: 1px dotted #fff;
}

@media screen and (max-width: 680px) {
	#header {
		background: #492f22;
	}
	#menu .menu_wrapper {
		background: none;
	}
	#menu .menu_wrapper ul {
		padding: 0!important;
	}
}

/* コンテンツエリア */
#content {
	background: url("./images/bg_content.png") repeat scroll 0 0;
}
#breadcrumbs {
	text-align: right;
	margin: 15px 0 40px;
}
#breadcrumbs a {
	color: #333;
}
#content-inner {
	background: #fff;
	padding: 30px;
	margin: 30px 0 60px;
}
@media screen and (max-width: 680px) {
	#breadcrumbs {
		font-size: 24px;
	}
	#content-inner {
		padding: 60px 30px;
	}
}


/* セクション共通 */

.sdgs_section .sec_ttl {
	padding: 0 0 25px;
	background: url("./images/dot_boxwall.png") no-repeat scroll center bottom;
	margin-bottom: 20px;
	font-size: 28px;
	color: #40291f;
}
.sdgs_section .sec_ttl .noto {
	letter-spacing: 0.1em;
}

.sdgs_section p {
	font-size: 14px;
	line-height: 1.7;
}

@media screen and (max-width: 680px) {
	/* #content .sdgs_section {
		padding: 60px 20px;
	} */
	.sdgs_section .sec_ttl {
		padding: 0 0 50px;
		margin-bottom: 40px;
		font-size: 42px;
	}
	.sdgs_section p {
		font-size: 28px;
	}
}

#sdgs_about .txt p {
	margin: 40px 0;
}
#sdgs_about .txt .imgbox img {
	width: 70%;
	margin: 0 auto;
}
@media screen and (max-width: 1000px) {
	#sdgs_about .txt p {
		text-align: left;
	}
	#sdgs_about .txt .imgbox img {
		width: 100%;
	}
}

/* #sdgs_img li {
	width: 23.5%;
	margin: 0 2% 0 0;
}
#sdgs_img li:nth-child(4n) {
	margin-right: 0;
}

@media screen and (max-width: 1000px) {
	#sdgs_img li {
		width: 49%;
		margin: 0 2% 2% 0;
	}
	#sdgs_img li:nth-child(2n) {
		margin-right: 0;
	}
}

#sdgs_about .cont .imgbox img {
	width: 80%;
	margin: 30px auto;
}

@media screen and (max-width: 1000px) {
	#sdgs_about .cont .imgbox img {
		width: 100%;
	}
}

#sdgs_photo {
	text-align: center;
	margin: 100px 0 60px;
}
#sdgs_photo img {
	margin: 30px auto;
} */


/* sdgs_story */

#story-ttl {
	font-size: 20px;
	text-align: center;
	margin: 30px 0 60px;
}
.story-subttl {
	margin: 0 0 20px;
	font-size: 16px;
}
#story-imgtext-container .img-text-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
#story-imgtext-container .img-text-box:nth-child(2) {
	flex-direction: row-reverse;
}
#story-imgtext-container .img-text-box:last-child {
	width: 80%;
	margin: 0 auto;
}
#story-imgtext-container .img-text-box .img-box {
	width: 48%;
}
#story-imgtext-container .img-text-box .text-box {
	width: 48%;
}
#story-imgtext-container .img-text-box:nth-child(4) .img-box,
#story-imgtext-container .img-text-box:nth-child(4) .text-box {
	width: 48%;
}
#story-imgtext-container .img-text-box:last-child .img-box {
	width: 65%;
}
#story-imgtext-container .img-text-box:last-child .text-box {
	width: 33%;
}
#story-imgtext-container .img-text-box:last-child .text-box img {
	margin-bottom: 10px;
}
.img-bottom-text {
	margin-top: 10px;
}
.story-end-text {
	padding: 0 30px;
	font-size: 20px!important;
	font-weight: bold;
	text-align: center;
	margin: 40px 0 80px;
}
#goal_img {
	width: 80%;
	margin: 0 auto 80px;
}
#goal_img li {
	width: 30%;
	margin: 0 5% 0 0;
}
#goal_img li:nth-child(3n) {
	margin-right: 0;
}

@media screen and (max-width: 680px) {
	#story-ttl {
		font-size: 32px;
		margin: 40px 0 80px;
	}
	.story-subttl {
		font-size: 32px;
	}
	#story-imgtext-container .img-text-box {
		display: block;
		margin-bottom: 80px;
	}
	#story-imgtext-container .img-text-box .img-box,
	#story-imgtext-container .img-text-box .text-box {
		width: 100%;
	}
	#story-imgtext-container .img-text-box .img-box {
		margin-bottom: 30px;
	}
	#story-imgtext-container .img-text-box:nth-child(4) .img-box,
	#story-imgtext-container .img-text-box:nth-child(4) .text-box {
		width: 100%;
	}
	#story-imgtext-container .img-text-box:nth-child(4) .img-box {
		margin-bottom: 80px;
	}
	#story-imgtext-container .img-text-box:last-child {
		width: 100%;
	}
	#story-imgtext-container .img-text-box:last-child .img-box,
	#story-imgtext-container .img-text-box:last-child .text-box {
		width: 100%;
	}
	#story-imgtext-container .img-text-box:last-child .text-box {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#story-imgtext-container .img-text-box:last-child .img-box {
		margin-bottom: 10px;
	}
	#story-imgtext-container .img-text-box:last-child .text-box img {
		margin-bottom: 30px;
		width: 49%;
	}
	.story-end-text {
		padding: 0;
		font-size: 28px!important;
		margin: 80px 0 160px;
		text-align: left;
	}
	.img-bottom-text {
		margin-top: 30px;
	}
	#goal_img {
		width: 100%;
		margin: 0 auto 160px;
	}
	#goal_img li {
		width: 30%;
		margin: 0 5% 0 0;
	}
}

/* sdgs_initiative */

#sdgs_initiative .sand-box {
	background: url(../images/bg_mv_pc.png) no-repeat scroll top center /cover;
	padding-top: 100px;
	padding-bottom: 50px;
	margin: 0 auto 40px;
}
#sdgs_initiative .sand-box img {
	margin-left: auto;
	margin-right: 5%;
	width: 290px;
}
.recycle {
	margin-bottom: 40px;
}
.recycle img {
	margin: 0 auto;
}
.initiative-text-box {
	padding: 0 30px;
	margin: 80px auto 40px;
}
.initiative-ttl {
	font-size: 24px;
	text-align: center;
	margin: 0 0 30px;
	font-weight: bold;
	line-height: 1.5;
}
#sdgs_initiative #point-list {
	list-style: none;
	padding: 0 30px;
	margin: 30px 0;
	font-size: 18px;
}
#sdgs_initiative #point-list li {
	padding-left: 2em;
	text-indent: -2em;
}
#sdgs_initiative #point-list li:first-child {
	margin-bottom: 15px;
}
.initiative-text-box p {
	text-align: center;
}
.initiative-text-box p:not(:last-child) {
	margin-bottom: 15px;
}
.sand-img {
	width: 70%;
	margin: 0 auto 40px;
}
.sdgs-icon {
	display: flex;
	width: 80%;
	margin: 0 auto 40px;
	justify-content: space-between;
	align-items: center;
}
.sdgs-icon img {
	width: 30%;
}
.sdgs-icon h3 {
	width: 68%;
	font-size: 24px;
	line-height: 1.5;
	margin: 0;
}
.building-img {
	width: 50%;
	margin: 0 auto;
}

@media screen and (max-width: 680px) {
	#sdgs_initiative .sand-box {
		padding-bottom: 30px;
		margin: 0 auto 80px;
	}
	#sdgs_initiative .sand-box img {
		width: 260px;
	}
	.recycle {
		margin-bottom: 80px;
	}
	.initiative-text-box {
		padding: 0;
		margin: 160px auto 80px;
	}
	.initiative-text-box p {
		text-align: left;
	}
	.initiative-text-box p:not(:last-child) {
		margin-bottom: 30px;
	}
	.initiative-ttl {
		font-size: 32px;
		margin: 0 0 60px;
	}
	#sdgs_initiative #point-list {
		padding: 0;
		margin: 60px 0;
		font-size: 28px;
	}
	#sdgs_initiative #point-list li:first-child {
		margin-bottom: 30px;
	}
	.sand-img {
		width: 100%;
		margin: 0 auto 80px;
	}
	.sdgs-icon {
		width: 100%;
		margin: 0 auto 80px;
	}
	.sdgs-icon h3 {
		font-size: 32px;
	}
	.building-img {
		width: 70%;
		margin: 0 auto;
	}
}

/* フッター */
#footer {}