@charset "utf-8";

/* ------------------    トップページ　　------------------ */
.opacity-0 {
	opacity:0;
}
/* ---------------------- ヘッダー ---------------------- */
#index header {
	width: 100%;
	height: 890px;
	font-family: "Noto Serif JP", serif;
}
#index #header{ 
	width: 100%;
	max-width:1300px;
	padding: 60px 50px;
	margin:auto;
}
#index #header ul{
	max-width: 1200px;
	margin:auto;
	display: flex;
	align-items:center;
	justify-content:space-between;
}
#index #header li a{ 
	color: #fff;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	font-size: 2.6rem;
	line-height: 1em;
	text-decoration: none;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0;
	padding: 20px 10px 18px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
#index #header li a:hover{ 
	opacity: 0.8;
}
#index #sm_header{ 
	display: none;
}


#index header{ 
	background-image: url("../images/index_main.jpg") ;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


#index_mainvisual{ /*  背景  */
	max-width:1300px;
	margin: auto;
	padding: 150px 50px 10px;
	color: #fff;
	
}
#index_mainvisual_sub_en{
	margin-bottom: 5px;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.5));
}
#index_mainvisual_sub{
	font-size: 2.8rem;
	font-weight: 600;
	margin-bottom: 30px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	
}
#index_mainvisual_title{
	font-size: 5.0rem;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 20px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

#index_mainvisual_title_en{
	font-size: 2.4rem;
	font-weight: 600;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}


/* ---------- シミュレーションで予測し、デジタルで警戒し、科学で評価する ---------- */
.index_div_001{
	margin: auto;
	background-image: linear-gradient(90deg, #f4f4f4, #d3d3d3);
	padding: 90px 0 130px;
}
.index_div_001_title_ja{
	font-size: 4.2rem;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 10px;
	line-height: 1.3em;
	text-align: center;
	padding: 0 20px;
}
.index_div_001_title_en{
	font-size: 2.4rem;
	font-weight: 600;
	font-family: "Noto Serif JP", serif;
	line-height: 1.5em;
	margin-bottom: 60px;
	text-align: center;
	padding: 0 20px;
}
.index_div_001_contents{
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* 4等分 */
	max-width: 1300px;
	padding: 0 50px;
	margin: auto;
	gap: 0 30px; 
}
.index_div_001_contents_div{
	display: grid;
	grid-row: span 6; /* 6つの子要素分を確保 */
	grid-template-rows: subgrid; /* 各行の高さを4つのカード間で完全に同期させる */
		color: #222 !important;
	text-decoration: none !important;
}
.index_div_001_contents_div_text{
	font-size: 1.8rem;
	margin-bottom: 10px;
	line-height: 1.3em;
}
.index_div_001_contents_div_text_en{
	font-size: 1.4rem;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 1.3em;
}
.index_div_001_contents_div_img{
	margin-bottom: 15px;
}

.index_div_001_contents_div_title{
	font-size: 2.6rem;
	color: #04825d;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 5px;
}
.index_div_001_contents_div_title_en{
	font-size: 1.4rem;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 1.3em;
}
.index_div_001_contents_div_link{
	color: #222;
	text-decoration: none;
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 1.4rem;
	text-align: center;
	display: block;
	background: #ddcc4b;
	width: 100%;
	border-radius: 50px;
	padding: 11px 20px 11px 40px;
	margin: auto;
}
.index_div_001_contents_div_link::after{
display: inline-block;
  content: '';
  width: 13px;
  height: 14px;
  background: url("../images/arrow_001.svg") no-repeat;
  background-size: 100%;
	margin-left: 25px;  
	vertical-align:bottom;
	transition: all 0.3s;
}
.index_div_001_contents_div:hover{
	opacity: 0.8;
}
/* ---------- お知らせの上の余白 ---------- */
.index_bg{
	background-image: url("../images/index_bg.jpg") ;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 500px;
	width: 100%;
}

/* ---------- お知らせ ---------- */

.index_div_002{
	margin: auto;
	background: #fff;
	padding: 90px 50px;
	max-width: 1300px;	
}
.index_div_002_title{
	font-size: 4.0rem;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 30px;
}

a.index_div_002_link_002_btn{
	float: right;
	background: #ddcc4b;
	text-align: center;
	border-radius: 50px;
	padding: 18px 30px 19px 18px;
	color: #222;
	text-decoration: none;
	font-size: 1.6rem;
	width: 360px;
	display: inline-block;
	position: relative;
	line-height: 1.4em;
}
a.index_div_002_link_002_btn span{
	font-size: 1.3rem;
	margin-left: 20px;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
}
a.index_div_002_link_002_btn::after{ 
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  content: '';
  width: 19px;
  height: 17px;
  background: url("../images/arrow_001.svg") no-repeat;
  background-size: 100%;
}
a.index_div_002_link_002_btn:hover{
	opacity: 0.85;
}


/* ---------- パートナー機関 ---------- */
.index_div_003{
	margin: auto;
	text-align: center;
	padding: 90px 50px 60px;
	background-image: url("../images/index_div_003_bg.jpg") ;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.index_div_003_title{
	font-size: 5.0rem;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 45px;
}
.index_div_003_title span{
	display: block;
	font-size: 2.4rem;
}
.index_div_003_text_ja{
	font-size: 3.0rem;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	line-height: 1.3em;
	margin-bottom: 15px;
}
.index_div_003_text_en{
	font-size: 2.0rem;
	font-weight: 600;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 50px;
}


ul.index_div_003_banner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1150px;
	padding: 0 50px;
	margin: auto;
}
ul.index_div_003_banner li{
	width: 32%;
	margin-bottom: 20px;
}
ul.index_div_003_banner::after {/*横3並び最終行左寄せ*/
	content: "";
	display: block;
	width: 32%;
	height: 0;
}

/* ---------- Get Involved ---------- */
.index_div_004{
	margin: auto;
	padding: 65px 50px 100px;
}
.index_div_004_title{
	font-size: 5.0rem;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 45px;
		text-align: center;
}
.index_div_004_text_ja{
	font-size: 3.0rem;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	line-height: 1.3em;
	margin-bottom: 15px;
		text-align: center;
}
.index_div_004_text_en{
	font-size: 2.0rem;
	font-weight: 600;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 50px;
		text-align: center;
}

.index_div_004_contents{
	display: flex;
	justify-content: space-between;
	max-width: 1300px;
	padding: 0 50px;
	margin: auto;
}
.index_div_004_contents_div{
	border-radius: 30px;
	padding: 260px 50px 40px 50px;
	color: #fff !important;
	text-decoration: none !important;
	width: 48.5%;
}
.index_div_004_contents_div_001{
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(51, 120, 99, 1) 70%, rgba(51, 120, 99, 1) 100%),
    url('../images/index_div_004_001.jpg');
	background-size: cover;
	background-position: center;
}
.index_div_004_contents_div_002{
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(51, 120, 99, 1) 70%, rgba(51, 120, 99, 1) 100%),
    url('../images/index_div_004_002.jpg');
	background-size: cover;
	background-position: center;
}
.index_div_004_contents_div_title{
	font-size: 3.6rem;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	margin-bottom: 10px;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.index_div_004_contents_div_title_en{
	font-size: 2.0rem;
	margin-bottom: 20px;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.index_div_004_contents_div_text{
	font-size: 2.2rem;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}


.index_div_004_contents_div_link{
	float: right;
	color: #222;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	text-decoration: none;
	font-size: 1.4rem;
	display: block;
	background: #ddcc4b;
	width: 175px;
	border-radius: 50px;
	padding: 11px 40px 11px 30px;
	margin: auto;
	position: relative;
}
.index_div_004_contents_div_link::after{
	content: "";
	background: url("../images/arrow_001.svg") no-repeat;
	width: 14px;
	height: 13px;
	position: absolute;
	display: inline-block;
	right: 17px;
	top: 49%;
	transform: translateY(-50%);
	background-size: 100%;
}
.index_div_004_contents_div:hover{
	opacity: 0.8;
}