@charset "utf-8";

body{font-family: 'Noto Sans JP', sans-serif;}
a{text-decoration:none;transition : all 0.5s ease 0s;}
a:link,
a:visited{color:#333;}
a:hover{color:#FC6;}

.flex_reverse{flex-direction: row-reverse;}

header{
	position:fixed;
	background-color:rgba(0,0,0,0.3);
	z-index:11;
	width:100%;
	padding:20px 0;
	transition: 0.2s;
}

header nav.gnav{
	width:90%;
	margin:auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
header nav.gnav h1{font-weight:700;}

header nav.gnav a:link,
header nav.gnav a:visited{color:#f9f9f9;}
header nav.gnav a:hover{color:#FC6;}

header.header_effect{
	padding:5px 0;
	background-color:rgba(0,0,0,0.7);
}

.gnav ul{font-size:0;display:flex;}
.gnav li{list-style:none;font-size:0.9rem;display:inline-block;font-weight:400;}
.gnav li a{display:inline-block;padding:0 5px;}
.gnav li a i{font-size:1.4rem;}


footer{
	text-align:center;
	background-color:rgba(158,176,145,0.95);
	color:#fff;
	padding:40px 0;
}

footer .gnav ul{display:block;margin:10px 0;padding:0;}

footer h1 span{margin-left:10px;}
footer h1 span a{display:inline-block;padding:0 5px;font-size:1.2rem;}

footer a:link,
footer a:visited{color:#033;}
footer a:hover{color:#FC6;}

.copyright{font-size:0.8rem;}


/* INDEX */

.slide{width: 100%;height: 100vh;}

.slide_on{
  position: absolute;
  z-index: 2;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width:100%;
}
.slide_on h1 img{width:200px;margin-bottom:30px;}
.slide_on h2{
	font-size:2.2rem;
	font-weight:500;
	color: #fff;
	text-shadow:0 0 10px rgba(0,0,0,0.5);
}

.news{
	width:30%;
	bottom: 20px;
	right: 60px;
	position: absolute;
	color: #fff;
	z-index: 9;
}

.ticker {
  margin: 0 auto;
  padding: 20px 20px 20px 20px;
  width: 100%;
  text-align: left;
  color:#f0f0f0;
  background-color:rgba(0,0,0,0.5);
  
}
.ticker ul,
.ticker ul li{padding:0;margin:0;width: 100%;}
.ticker ul {position: relative;}
.ticker ul li {padding:0;margin:0;width: 100%;display: none;}
.ticker ul li img{width:50px;height:auto;float:left;margin:0 5px 0 0;}

/* */

.contents{width:100%;}

.flex_block{display:flex;}

.contents_over_p1{background-color:#f0f0f0;padding: 100px 0;}
.contents_over_p1 h1{font-size: 2rem;}
.contents_over_p1 h2{font-size: 1.4rem;}
.contents_over_p1 h3{font-size: 1.2rem;margin-top:20px;}

.flex_part_text{flex:1;padding:0 50px;}
.flex_part_img{width:400px;}
.flex_part_img img{width:100%;}

.flex_part_img p{position:relative;}
.flex_part_img p:after{
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  transition: width 1.5s cubic-bezier(0.25, 1, 0.25, 1);
  background:#f0f0f0;
}

.flex_part_img_r p:after{right:0;}
.flex_part_img_l p:after{left:0;}

.flex_part_img.effct_pict_open p:after{width: 0;}

.flex_part_text_block{margin-top:40px;}

.flex_part_text_block p,
.contents_sdgs p{line-height: 220%;}
.flex_part_text_block p{margin-top:40px;}
.contents_sdgs p{margin-top:0;}

.news_block_over h2{
    width: 90%;
    margin: 0 auto;
    padding-top: 40px;
    font-size: 1.6rem;
}
.news_block{
    display:flex;
    justify-content:space-between;
    background-color:#fff;
    padding:50px 0;
}

.news_block a{width:33%;}

.news_block a:hover{color:#333;}
.news_block a:hover figcaption:after{color:#F96;}

.news_block a:hover img{transform: scale(1.05,1.05);}

.news_block figure img{
    width: 100%;
    transition: 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.figure_img{overflow: hidden;}
.news_block figcaption{padding:30px;font-size:0.9rem;font-weight:500;}
.news_block figcaption p{font-size:0.9rem;font-weight:300;margin-top:10px;}

.news_block figcaption:after{
	font-family: "Font Awesome 5 Free";
	content: "\f067";
	font-weight:900;
	display: block;
    text-align: right;
}
.news_block .news_i{text-align:right;}
.news_block .date {
	display: block;
    border-bottom: 1px solid #555;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.news_block .icon_new {
    display: inline-block;
    font-size: 0.6rem;
    padding: 1px 5px;
    margin-left: 10px;
    background: #366;
    color: #fff;
    border: none;
}

.news_end{
	color: #093;
    margin-top: 10px;
    text-align: left;
}
.news_end:before{content:'《';}
.news_end:after{content:'》';}




a.a_disable{pointer-events:none;}
a.a_disable figcaption:after{display:none;}

.bnr_block {text-align: right;padding: 10px 0;}
.bnr_block a{display: inline-block;width: 100px;padding: 10px;}
.bnr_block a img{width:100%;}
.bnr_block p{margin-top:0;}

.contents_sdgs{padding:50px;background: #f9f9f9;}
.contents_sdgs h1{font-size:1.2rem;margin-bottom:10px;margin-top:30px;}
.sdgs_logo{margin-top:20px;}
.sdgs_logo img{width:auto;height:60px;margin-right:10px;}



/* JIREI */
.jirei_over{padding:40px 0;}
.jirei_over h1{font-size:1.6rem;text-align:center;margin-bottom:20px;}
.jirei_inner{background:#000;}

.jirei_inner ul{font-size:0;margin:0;padding:0;display:flex;flex-wrap: wrap;}
.jirei_inner li{width:calc(100%/3);list-style:none;}
.jirei_inner li a{display:inline-block;display:flex;align-items: center;justify-content: center;}
.jirei_inner li a img{width:100%;height:auto;opacity:0.6;transition : all 0.5s ease 0s;}
.jirei_inner li a span{position:absolute;}

.jirei_inner li a:link,
.jirei_inner li a:visited{color:#fff;font-size:1.4rem;}
.jirei_inner li a:hover img{opacity:1;}



/* ABOUT */
.content_about{
	padding-top: 100px;
	background-color: #000;
	background-image: url(img_about/bk_about.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.content_about_main_top{
	padding:20px 40px;
	margin-bottom:40px;
	background-color:rgba(255,255,255,0.1);
	line-height:200%;
}
.content_about_main{color:#fff;width:1020px;margin:0 auto 0 auto;padding:60px 0;}

.content_about_main h1 {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 400;
    margin-bottom: 40px;
}

.content_about_main h3{
	font-size: 1.2rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-left: 10px;
}
.content_about_main h3 span {
    font-size: 1.0rem;
    margin-left: 10px;
}

.content_about_flex,
.content_about_sub{margin-bottom:50px;}

.content_about_flex{display:flex;justify-content: space-between;}
.content_about_flex .about_top{width:400px;}
.content_about_flex .about_top img{width:100%;}
.content_about_flex .prof{width:600px;}

.content_about_sub{display:flex;justify-content: space-between;}
.content_about_sub .about_top{width:300px;margin-bottom:20px;}
.content_about_sub .about_top img{width:100%;}
.content_about_sub_part{width:49%;}

.content_about_flex th,
.content_about_flex td,
.content_about_sub th,
.content_about_sub td{font-weight:400;padding:5px 10px;}

.content_about_flex th,
.content_about_sub th{white-space:nowrap;}


.content_about_info h3{
	font-size: 1.5rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-left: 10px;
}
.content_about_info li{list-style:none;}

.g_map{width:50%;}
iframe{vertical-align:bottom;}


.inline-wrap{text-align:center;}
.inline-wrap a{color:#fff;}
.inline-wrap p{text-align:center;margin-top:20px;}
.inline-wrap p.popup_in_bnr a img{width: 100px;height: auto;margin: 10px;}
.inline-wrap p.popup_in_qr img{width: 100px;height: auto;margin: 10px;}
.inline-wrap iframe{width:100%;}
.inline-wrap h1{color: #fff;font-size: 1.2rem;margin-bottom: 10px;}
.inline-wrap h2{color: #fff;font-size: 1.0rem;margin-bottom: 10px;}
.inline-wrap .popup_in_close{color:#fff;font-size: 0.8rem;}


@media screen and (max-width:959px) {
	header nav.gnav{display:block;}
	header nav.gnav h1{text-align:center;font-size: 1.3rem;margin-bottom: 10px;}
	.flex_block{display:block;}
	.flex_part_text_block p,
	.contents_sdgs p{font-size:0.9rem;line-height:250%;}
	
	.news{display:none;}
	.slide_on h2 {font-size: 5vw;}
	.contents_over_p1{padding:40px 0 0 0 ;}
	.contents_over_p1 h1{font-size:1.4rem;}
	.contents_over_p1 h2{font-size:1.2rem;}
	.contents_over_p1 h1,
	.contents_over_p1 h2,
	.contents_over_p1 h3{text-align:center;}
	
	.flex_reverse{padding-bottom:40px;}
	.news_block{display:block;}
	.news_block_over h2{text-align:center;}
	.bnr_block{text-align:center;}
	.flex_part_text{padding:0 30px;}
	.flex_part_img{width:100%;}
	.flex_part_text_block{padding-bottom:40px;}
	
	.contents_sdgs{padding:0 30px 20px 30px;}
	.sdgs_logo{width:100%;display: flex;justify-content: space-between;margin-top:0;padding-top:20px;}
	.sdgs_logo img:nth-child(2){width:20%;height:auto;margin-right:0;}
	.sdgs_logo img:nth-child(1){width:70%;height:auto;}
	
	/* ABOUT */
	.content_about{padding: 50px 20px;}
	.content_about_main_top {padding: 20px;}
	.content_about_main{width:100%;}
	.content_about_main table{width:100%;}
	
	.content_about_sub{display:block;}
	.content_about_flex{display:block;}
	.content_about_flex .about_top,
	.content_about_flex .prof{width:100%;}
	.content_about_flex .prof table{margin-top:20px;}
	
	.content_about_sub .about_top,
	.content_about_sub_part{width:100%;margin-bottom:20px;}
	
	.content_about_main th,
	.content_about_main td{display:block;padding-bottom:0;}
	
	.content_about_main th{padding:5px 0 0 10px;background-color:rgba(255,255,255,0.1);font-size:0.9rem;font-weight:700;}
	.content_about_main td{padding:5px 0 10px 10px;}
	
	
	.content_about_sub_part ul{padding-left:1rem;}
	
	
	.g_map{width:100%;}
	
	/* ADD */
	.news_block figure{display:flex;margin-bottom:20px;}
	.news_block figure .figure_img{display:none;}
	.news_block figcaption{width:85%;margin:0 auto;padding:0;}
	.news_block figcaption:after{display:none;}
	
	/* JIREI */
	.jirei_inner li{width:100%;}
}