@charset "utf-8";
main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {display: block}

/* 縦向きスマートフォン（幅370px未満）のスタイルシート */
@media screen and (orientation: portrait) and (max-width: 369px) {
#type_pc {
	display: none;
}
body {
	margin-top: 0.5em;
	background-size: auto 1250px;
}
#jp-link {
	padding: 0.5em 0.5em 1em 0em;
	font-size: 1em;
	text-align: right;
	color: blue;
}
h1 {
	margin: 0 0 1em;
	color: #ffff33;
	font-weight: bolder;
	font-size: 1.6em;
	transform: scale(0.95,1);/* 縦横比変更 */
	text-shadow: 2px 2px 2px #4f9909;
	border: 0px solid red;
}
h2 {
	margin: 0 0 1em;
	color: #3333ff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.5em;
	font-weight: bolder;
	word-spacing: 0.1em;
	border: 0px solid black;
}
.type1 {
 	max-width:17em;
	margin: 0 auto 0;
	padding:0 0 0 0.5em;
	font-size:1.3em;
	font-weight:normal;
	line-height: 2em;
 	text-align:left;
	color:#006600;
	border: 0px solid white;
}
.type2 {
	margin: 0 0 1.28em;
	font-size:1.4em; 
	font-weight:600; 
	color:#ff3333; 
	text-shadow: 1px 1px 1px #9B1C38;
	border: 0px solid yellow;
}
.type3 {
	font-size:1.2em; 
	word-spacing: 0.1px;
	border: 0px solid blue;
	/* 最終行の英語版リンク部分 */
}
.type5 {
	margin: 1.5em 0 1.5em;
	font-size:1.5em;
	border: 0px solid red;
}
}

/* 縦向きスマートフォン（幅370px以上700px未満）のスタイルシート */
@media screen and (orientation: portrait) and (min-width: 370px) and (max-width: 699px) {
#type_pc {
	display: none;
}
body {
	margin-top: 0.5em;
	background-size: auto 1200px;
}
#jp-link {
	padding: 0.5em 0.5em 1em 0em;
	font-size: 1em;
	text-align: right;
	color: blue;
}
h1 {
	margin: 0 0 1em;
	color: #ffff33;
	font-weight: bolder;
	font-size: 1.9em;
	transform: scale(0.95,1);/* 縦横比変更 */
	text-shadow: 2px 2px 2px #4f9909;
	border: 0px solid red;
}
h2 {
	margin: 0 0 1em;
	color: #3333ff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.5em;
	font-weight: bolder;
	word-spacing: 0.1em;
	border: 0px solid black;
}
.type1 {
 	max-width:17em;
	margin: 0 auto 0;
	padding:0 0 0 0.5em;
	font-size:1.3em;
	font-weight:normal;
	line-height: 2em;
 	text-align:left;
	color:#006600;
	border: 0px solid white;
}
.type2 {
	margin: 0 0 1.28em;
	font-size:1.4em; 
	font-weight:600; 
	color:#ff3333; 
	text-shadow: 1px 1px 1px #9B1C38;
	border: 0px solid yellow;
}
.type3 {
	font-size:1.2em; 
	word-spacing: 0.1px;
	border: 0px solid blue;
	/* 最終行の英語版リンク部分 */
}
.type5 {
	margin: 1.5em 0 1.5em;
	font-size:1.5em;
	border: 0px solid red;
}
}

@media screen and (orientation: landscape) and (max-width: 699px) {
#type_pc {
	display: none;
}
body {
	margin-top: 0.5em;
	background-size: auto 1150px;
}
#jp-link {
	padding: 0.5em 0.5em 1em 0em;
	font-size: 1em;
	text-align: right;
	color: blue;
}
h1 {
	margin: 0 0 1em;
	color: #ffff33;
	font-weight: bolder;
	font-size: 2em;
	transform: scale(0.9,1);/* 縦横比変更 */
	text-shadow: 2px 2px 2px #4f9909;
	border: 0px solid red;
}
h2 {
	margin: 0 0 1em;
	color: #3333ff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.5em;
	font-weight: bolder;
	word-spacing: 0.1em;
	border: 0px solid black;
}
.type1 {
	width:19em;
	margin: 0 auto 0;
	padding:0 0 0 0.5em;
	font-size:1.3em;
	font-weight:normal;
	line-height: 2em;
 	text-align:left;
	color:#006600;
	border: 0px solid white;
}
.type2 {
	margin: 0 0 1.28em;
	font-size:1.4em; 
	font-weight:600; 
	color:#ff3333; 
	text-shadow: 1px 1px 1px #9B1C38;
	border: 0px solid yellow;
}
.type3 {
	font-size:1.2em; 
	word-spacing: 0.1px;
	border: 0px solid blue;
	/* 最終行の英語版リンク部分 */
}
.type5 {
	margin: 1.5em 0 1.5em;
	font-size:1.5em;
	border: 0px solid blue;
}
}

@media screen and (orientation: portrait) and (min-width: 700px) and (max-width: 899px) {
#type_pc {
	display: none;
}
body {
	margin-top: 0.5em;
	background-size: auto 1100px;
}
#jp-link {
	padding: 0.5em 0.5em 1em 0em;
	font-size: 1.2em;
	text-align: right;
	color: blue;
}
h1 {
	margin: 0 0 1em;
	color: #ffff33;
	font-weight: bolder;
	font-size: 2em;
	text-shadow: 2px 2px 2px #4f9909;
	border: 0px solid red;
}
h2 {
	margin: 0 0 1em;
	color: #3333ff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.5em;
	font-weight: bolder;
	word-spacing: 0.1em;
	border: 0px solid black;
}
.type1 {
	width:23em;
	margin: 0 auto 0;
	padding:0 0 0 1em;
	font-size:1.3em;
	font-weight:normal;
	line-height: 2em;
 	text-align:left;
	color:#006600;
	border: 0px solid white;
}
.type2 {
	margin: 0 0 1.28em;
	font-size:1.4em; 
	font-weight:600; 
	color:#ff3333; 
	text-shadow: 1px 1px 1px #9B1C38;
	border: 0px solid yellow;
}
.type3 {
	font-size:1.2em; 
	word-spacing: 0.1px;
	border: 0px solid blue;
	/* 最終行の英語版リンク部分 */
}
.type5 {
	margin: 1.5em 0 1.5em;
	font-size:1.5em;
	border: 0px solid blue;
}
}

@media screen and (orientation: landscape) and (min-width: 700px) and (max-width: 899px) {
#type_sp {
	display: none;
}
body {
	margin-top: 0.5em;
	background-size: auto 1000px
}
#jp-link {
	padding: 0.5em 3em 1em 0em;
	font-size: 1.2em;
	text-align: right;
	color: blue;
}
h1 {
	margin: 0 0 1em;
	color: #ffff33;
	font-weight: bolder;
	font-size: 2em;
	text-shadow: 3px 3px 3px #4f9909;
	border: 0px solid red;
}
h2 {
	margin: 0 0 1em;
	color: #3333ff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.5em;
	font-weight: bolder;
	word-spacing: 0.1em;
	border: 0px solid black;
}
.type1 {
	width:23em;
	margin: 0 auto 0;
	padding:0 0 0 1em;
	font-size:1.2em;
	font-weight:normal;
	line-height: 2em;
 	text-align:left;
	color:#006600;
	border: 0px solid white;
}
.type2 {
	margin: 0 0 1.28em;
	font-size:1.25em; 
	font-weight:600; 
	color:#ff3333; 
	text-shadow: 1px 1px 1px #9B1C38;
	border: 0px solid yellow;
}
.type3 {
	margin: 0 0 1.5em 0;
	font-size:1.2em; 
	word-spacing: 0.1px;
	border: 0px solid blue;
	/* 最終行の英語版リンク部分 */
}
.type5 {
	margin: 1.5em 0 1.5em;
	font-size:1.5em;
	border: 0px solid blue;
}
}

@media screen and (min-width: 900px) {
#type_sp {
	display: none;
}
body {
	margin-top: 0.5em;
	background-size: auto 1280px;
}
#jp-link {
	padding: 0em 3em 2.1em 0em;
	font-size: 1.2em;
	text-align: right;
	color: blue;
}
h1 {
	margin: 0 0 1.1em;
	color: #ffff33;
	font-weight: bolder;
	font-size: 3em;
	text-shadow: 3px 3px 3px #4f9909;
	border: 0px solid red;
}
h2 {
	margin: 0 0 2em;
	color: #3333ff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.8em;
	font-weight: bolder;
	word-spacing: 0.1em;
	border: 0px solid black;
	/* 日本語サブタイトル */
}
.type1 {
	width:28em;
	margin: 0 auto 0;
	padding:0 0 0 1.5em;
	font-size:1.5em;
	font-weight:normal;
	line-height: 2em;
 	text-align:left;
	color:#006600;
	border: 0px solid white;
	/* 本文 */
}
.type2 {
	margin: 0 0 2em;
	font-size:1.8em; 
	font-weight:600; 
	color:#ff3333; 
	text-shadow: 1px 1px 1px #9B1C38;
	border: 0px solid yellow;
	/* 「地球と人類の明るい未来について」 */
}
.type3 {
	margin: 0 0 1.5em 0;
	font-size:1.3em; 
	word-spacing: 0.1px;
	/* 最終行の英語版リンク部分 */
}
.type5 {
	margin: 1.5em 0 1.5em;
	line-height: 4em;
	font-size:2em;
	border: 0px solid blue;
	/* 【次へ】のリンク部分 */
}
}


/*Google推奨
font-size: 16px;
font-size: 12px;（75% of the baseline)
font-size: 20px;（125% of the baseline)
一般的なデフォルトの行の高さ 1.2em  */

body {
	background-repeat: repeat;
	background-image:linear-gradient(to bottom, #9999ff 0%, #ddddff 40%, #eeffff 52%, #eeffee 64%, #ffffee 76%, #ffeeee 88%, #ffeeff 100%);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 16px;
	text-align: center;
}
#whole {
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
	border: 0px solid yellow;
}
.type4 {
	line-height: 3em;
	font-size:1.1em;
	color: #00bfff;
	text-align: center;
	border: 0px solid yellow;
	/* 星のマーク部分 */
}
.type6 {
	padding: 0 0 4em;
	border: 0px solid yellow;
	/* 最下部の余白部分 */
}

a:link    { color: #0000ff; text-decoration: none}
a:visited { color: #0000ff; text-decoration: none}
a:hover   { color: #00ff00; text-decoration: underline}
table {
	margin: auto;
	width: auto;
	padding: 0 1em 0;
	table-layout: auto;
	border-collapse: collapse;
}
table,td {
	vertical-align: middle;
	text-align: left;
}

/* 以下は「フォントオーサムをアイコムーンで変換したフォント」の「style.css部分」 */
@font-face {
font-family: 'icomoon';
src:  url('../fonts/icomoon.eot?e7y9wy');
src:  url('../fonts/icomoon.eot?e7y9wy#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?e7y9wy') format('truetype'),
url('../fonts/icomoon.woff?e7y9wy') format('woff'),
url('../fonts/icomoon.svg?e7y9wy#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="fa-"], [class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-uniF005:before {  content: "\f005";}
.fa-uniF006:before {  content: "\f006";}
.fa-uniF102:before {  content: "\f102";}
.fa-uniF1AB:before {  content: "\f1ab";}
.fa-uniF003:before {  content: "\f003";}
.fa-uniF015:before {  content: "\f015";}
.fa-uniF100:before {  content: "\f100";}
.fa-uniF101:before {  content: "\f101";}
.fa-uniF104:before {  content: "\f104";}
.fa-uniF105:before {  content: "\f105";}
.fa-uniF1C1:before {  content: "\f1c1";}