a:link {
	color: #009DDA;
}
a:hover {
	color: #009DDA;
}
a:visited {
	color: #009DDA;
}
p.remarks{
	margin-top: 10px;
	font-size: 0.7em;
}

@media screen and (max-width: 899px) {
	.sdgs {
	}
	.sgds-icon {
		width: 116px;
		padding: 5px 5px 5px 0;
	}

	/** Header ****************************** */
	.sdgs-header {
		width: 100%;
		margin: 40px 0;
		padding: 0;
	}
	.sdgs-header > .title {
		padding: 10px 0;
		margin-bottom: 25px;

		font-size: 1.5em;
		text-align: center;
		color: #ffffff;
		background-color: #009dda;
	}

	.sdgs-header .section {
		margin: 40px 0;

		display: block;
	}
	.sdgs-header .section .left {
		text-align: center;
	}
	.sdgs-header .section .right {
		width: 100%;
		padding: 30px 0 0 0;
	}
	.sdgs-header .section .right > .title {
		font-size: 2.0em;
		font-weight: bold;
		padding: 0 20px 10px 20px;
	}
	.sdgs-header .section .right > .message {
		font-size: 1.1em;
		line-height: 175%;
		padding: 10px 20px 0 20px;
	}

	/** Menu ****************************** */
	.sdgs-menu {
		width: 100%;
		margin: 40px 0;
		padding: 0;
		display: block;
	}
	.sdgs-menu > .title {
		padding: 10px;
		margin-bottom: 25px;

		font-size: 1.5em;
		text-align: center;
		color: #ffffff;
		background-color: #009dda;
	}
	.sdgs-menu .section {
		margin: 10px 0;

		display: flex;
		justify-content: center;
		align-items: center;
	}
	.sdgs-menu .section .left {
		width: 100%;
	}
	.sdgs-menu .section .right {
		width: 100%;
		text-align: center;
	}

	/** Contents ****************************** */
	.sdgs-contents {
		width: 100%;
		margin: 40px 0;
		padding: 0;
	}
	.sdgs-contents > .title {
		padding: 10px 0;
		margin-bottom: 25px;

		font-size: 1.2em;
		text-align: center;
		color: #ffffff;
		background-color: #009dda;
	}
	.sdgs-contents .section {
		width: 100%;
		margin: 0;
		padding: 50px 20px 10px 20px;
		display: block;
	}
	.sdgs-contents .bgcolor1 {
		color: #ffffff;
		background-color: #009dda;
	}
	.sdgs-contents .bgcolor2 {
		color: #009dda;
		background-color: #ffffff;
	}
	.sdgs-contents .section .left {
		width: 100%;
	}
	.sdgs-contents .section .left > .title {
		font-size: 1.4em;
		font-weight: normal;
		text-align: left;
		margin-bottom: 10px;
	}
	.sdgs-contents .section .right {
		padding-top: 30px;
		width: 100%;
	}
	.sdgs-contents .section .right > .title {
		font-size: 1.2em;
		font-weight: bold;
		text-align: left;
		border-bottom: 1px solid #cccccc;
	}
	.sdgs-contents .section .right > .message {
		font-size: 1.1em;
		line-height: 175%;
		padding-top: 10px;
		padding-bottom: 15px;
	}
}
@media screen and (min-width: 900px) {
	.sdgs {
	}
	.sgds-icon {
		width: 116px;
		padding: 5px 5px 5px 0;
	}

	/** Header ****************************** */
	.sdgs-header {
		width: 100%;
		margin: 40px 0;
		padding: 0;
	}
	.sdgs-header > .title {
		padding: 10px 0;
		margin-bottom: 25px;

		font-size: 1.5em;
		text-align: center;
		color: #ffffff;
		background-color: #009dda;
	}

	.sdgs-header .section {
		margin: 40px 0;

		display: flex;
		flex-flow:column;
		justify-content: center;
		align-items: center;
	}
	.sdgs-header .section .left {
        width: 60%;
		text-align: center;
	}
	.sdgs-header .section .right {
        width: 80%;
		margin: auto;
		text-align: center;
	}
	.sdgs-header .section .right > .title {
		font-size: 2.0em;
		font-weight: bold;
		padding: 0 0 10px 20px;
	}
	.sdgs-header .section .right > .message {
		font-size: 1.4em;
		line-height: 175%;
		padding: 20px 0 0 20px;
	}

	/** Menu ****************************** */
	.sdgs-menu {
		width: 100%;
		margin: 40px 0;
		padding: 0;
		display: block;
	}
	.sdgs-menu > .title {
		padding: 10px;
		margin-bottom: 25px;

		font-size: 1.5em;
		text-align: center;
		color: #ffffff;
		background-color: #009dda;
	}
	.sdgs-menu .section {
		margin: 10px 0;

		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}
	.sdgs-menu .section .left {
		width: 50%;
	}
	.sdgs-menu .section .right {
		width: 50%;
		text-align: center;
		padding-top: 20px;
	}

	/** Contents ****************************** */
	.sdgs-contents {
		width: 100%;
		margin: 40px 0;
		padding: 0;
	}
	.sdgs-contents > .title {
		padding: 10px 0;
		margin-bottom: 25px;

		font-size: 1.2em;
		text-align: center;
		color: #ffffff;
		background-color: #009dda;
	}
	.sdgs-contents .section {
		width: 100%;
		margin: 0;
		padding: 50px 0;

		display: flex;
		justify-content: center;
	}
	.sdgs-contents .bgcolor1 {
		color: #ffffff;
		background-color: #009dda;
	}
	.sdgs-contents .bgcolor2 {
		color: #009dda;
		background-color: #ffffff;
	}
	.sdgs-contents .section .left {
		width: 30%;
	}
	.sdgs-contents .section .left > .title {
		font-size: 1.4em;
		font-weight: normal;
		text-align: left;
		margin-bottom: 10px;
	}
	.sdgs-contents .section .right {
		width: 40%;
		padding-left: 10px;
	}
	.sdgs-contents .section .right > .title {
		font-size: 1.2em;
		font-weight: bold;
		text-align: left;
		border-bottom: 1px solid #cccccc;
	}
	.sdgs-contents .section .right > .message {
		font-size: 1.1em;
		line-height: 175%;
		padding: 10px 0 15px 0;
	}
}