main
{
	margin: 170px auto 0;
}


/* ---------------------------------------------------- */


.cboxIframe
{
	background: #000!important;
}




/*=========================================================================================================

	MAIN_VISUAL

=========================================================================================================*/


#MAIN_VISUAL
{
	text-align     : center;
}

#MAIN_VISUAL h1 img
{
	width          : 600px;
	height: auto;
}





/*=========================================================================================================

	ABOUT

=========================================================================================================*/


#ABOUT
{
	margin-top     : 100px;
	padding        : 0px 0 100px;
}


#ABOUT .inner
{
	margin         : 0 auto;
  
	width          : 1100px;
}

#ABOUT .text_main
{
	padding        : 20px 0;
	
	font-family    : 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	color          : #50874b;
	font-size      : 2.4rem;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
	
	border-top     : 4px dotted #50874b;
	border-bottom  : 4px dotted #50874b;
}


/* ---------------------------------------------------- */


#ABOUT .about_box
{
	margin-top     : 80px;
}

#ABOUT .about_box .about_title
{
	font-family    : 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	color          : #2393a3;
	font-size      : 2.2rem;
	font-weight    : bold;
	text-align     : left;
	/*
	letter-spacing : 0.05em;
	font-feature-settings: "palt";
	*/
}

#ABOUT .about_box p
{
	text-align     : left;
}

#ABOUT .about_box .inbox
{
	display        : flex;
	justify-content: space-between;
}

#ABOUT .about_box .left_box
{
	width          : 800px;
}

#ABOUT .about_box .text_01
{
	margin-top     : 20px;
	
	line-height    : 2.0;
}

#ABOUT .about_box .link_pdf
{
	display        : block;
	
	padding        : 20px 0 15px;
	
	width          : 260px;
	
	text-align     : center;
	
	border         : 5px solid #fac652;
}

#ABOUT .about_box .link_pdf img
{
	display        : inline-block;
	
	margin         : 0 auto 5px;
	
	width          : 180px;
	height: auto;
	
	border         : 1px solid #ddd;
}

#ABOUT .about_box .link_pdf a:hover
{
	opacity        : 0.7;
}

#ABOUT .about_box .link_pdf span
{
	display        : inline-block;
	
	line-height    : 1.0;
}





/* ---------------------------------------------------- */


#ABOUT .about_movie
{
	margin-top     : 40px;
	padding        : 40px 0;
	
	width          : 1100px;

	background     : #eee;
}

#ABOUT .about_movie .box_title
{
	margin-bottom  : 40px;
	
	font-family    : 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	color          : #2393a3;
	font-size      : 2.2rem;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
}

#ABOUT .about_movie .movie
{
	position       : relative;
	
	margin         : 0 auto;
	
	width          : 640px;
}

#ABOUT .about_movie .movie img
{
	width          : 100%;
	height: auto;

}

#ABOUT .about_movie .movie a:before
{
  content        : '';
  display        : inline-block;
  
  width          : 640px;
  height         : 360px;
  
  background     : url(/asset/img/company/sdgs/play2.png);
  background-size: contain;
  
  position       : absolute;
}

#ABOUT .about_movie .movie a:hover
{
	opacity        : 0.7;
}


/* ---------------------------------------------------- */


#ABOUT .about_movie2
{
	margin-top     : 40px;
	padding        : 40px 40px;
	
	width          : 1020px;

	background     : #eee;
}

#ABOUT .about_movie2 .box_title
{
	margin-bottom  : 40px;
	
	font-family    : 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	color          : #2393a3;
	font-size      : 2.2rem;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
}

#ABOUT .movie_list
{
	margin-top     : 40px;
}

.movie_list
{
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;
}

.movie_list li
{
	width          : 320px;
}

.movie_list li:nth-child(n+4)
{
	margin-top     : 40px;
}

.movie_list li img
{
	width          : 100%;
	height: auto;
}

.movie_list li .movie
{
	position       : relative;
}

.movie_list li .movie a:before
{
  content        : '';
  display        : inline-block;
  
  width          : 320px;
  height         : 180px;
  
  background     : url(/asset/img/company/sdgs/play.png);
  background-size: contain;
  
  position       : absolute;
}

.movie_list li .movie a:hover
{
	opacity        : 0.7;
}

.movie_list li .movie_title
{
	margin-top     : 6px!important;
	
	color          : #518c4d;
	font-size      : 90%;
	font-weight    : bold;
	text-align     : left;
	line-height    : 1.6;
}


#ABOUT .about_movie2[data-type="kikou"]
{
	
}

#ABOUT .about_movie2[data-type="kikou"] .movie_list
{
	margin-top     : 0px;
	
	justify-content: flex-start!important;
	gap            : 40px;
}

#ABOUT .about_movie2[data-type="kikou"] .movie_list li
{
	margin-top     : 0px;

	width          : 225px;
}
/*
#ABOUT .about_movie2[data-type="kikou"] .movie_list li:nth-child(n+5)
{
	margin-top     : 40px;
}
*/
#ABOUT .about_movie2[data-type="kikou"] .movie_list li .movie a:before
{
  content        : '';
  display        : inline-block;
  
  width          : 225px;
  height         : 127px;
  
  background     : url(/asset/img/company/sdgs/play.png);
  background-size: contain;
  
  position       : absolute;
}


#ABOUT .about_box .text_note
{
	margin-top     : 30px;
	
	text-align     : left;
	
	text-indent    : -1em;
	padding-left   : 1em;
}


/* ---------------------------------------------------- */


#ABOUT .about_box .ketsui_box
{
	margin-top     : 20px;
}

#ABOUT .about_box .ketsui_box p
{
	margin-top     : 0px;
	padding        : 50px 0;
	
	font-family    : "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size      : 1.8rem;
	font-weight    : bold;
	text-align     : center;
	line-height    : 2.0;
	
	border         : 5px solid #ddd;
}


/* ---------------------------------------------------- */


#ABOUT .about_imgbox
{
	margin-top     : 40px;
}

.image_list
{
	display        : flex;
	flex-wrap      : wrap;
	gap            : 40px;
}

.image_list li
{
	width          : 340px;
}

.image_list li img
{
	width          : 100%;
	height         : auto;

	border         : 3px solid #2393a3;
	box-sizing     : border-box;
}

.image_list li dd
{
	position       : relative;
}

.image_list li dd a:before
{
	content        : '';
	display        : block;
	
	width          : 50px;
	height         : 50px;
	
	background     : url(/asset/img/company/sdgs/btn_expand.png);
	background-size: 50px;
	
	position       : absolute;
	bottom         : 0;
	right          : 0;
}

.image_list li dd a:hover
{
	opacity        : 0.7;
}





/*=========================================================================================================

	MOVIE

=========================================================================================================*/


#MOVIE
{
	padding        : 60px 0 40px;
	
	background     : #47c0d1;
}

#MOVIE .inner
{
	margin         : 0 auto;
  
	width          : 1100px;
}

#MOVIE h2
{
	font-family    : 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	color          : #1a1a1a;
	font-size      : 3.0rem;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
}
/*
.movie_list
{
	margin-top     : 60px;
	
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;
}

.movie_list li
{
	width          : 320px;
	
	border         : 5px solid #fff;
	border-radius  : 5px;
}

.movie_list li:nth-child(n+4)
{
	margin-top     : 40px;
}

.movie_list li img
{
	width          : 100%;
}

.movie_list li .movie
{
	position       : relative;
}

.movie_list li .movie a:before
{
  content        : '';
  display        : inline-block;
  
  width          : 320px;
  height         : 180px;
  
  background     : url(/asset/img/company/sdgs/play.png);
  background-size: contain;
  
  position       : absolute;
}

.movie_list li .movie a:hover
{
	opacity        : 0.7;
}

.movie_list li .movie_title
{
	margin-top     : 5px;
	
	color          : #518c4d;
	font-weight    : bold;
	text-align     : left;
	line-height    : 1.6;
}
*/
#MOVIE .text_note
{
	margin-top     : 40px;
	
	text-align     : left;
	
	text-indent    : -1em;
	padding-left   : 1em;
}





/*=========================================================================================================

	NEWS

=========================================================================================================*/


#NEWS
{
	padding        : 60px 0 60px;
	
	background     : #47c0d1;
}

#NEWS .inner
{
	margin         : 0 auto;
  
	width          : 1100px;
}

#NEWS h2
{
	position       : relative;
	display        : block;
	
	margin         : 0 auto;
	padding        : 1.2em 2em;
	
	width          : fit-content;
	
	font-family    : 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	color          : #1a1a1a;
	font-size      : 2.4rem;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
}

#NEWS h2:before,
#NEWS h2:after
{
	content        : '';
	
	position       : absolute;
}

#NEWS h2:after
{
	top            : 0;
	left           : 0;
	
	width          : 50px;
	height         : 50px;
	
	border-top     : 2px solid #000;
	border-left    : 2px solid #000;
}

#NEWS h2:before
{
	right          : 0;
	bottom         : 0;
	
	width          : 50px;
	height         : 50px;
	
	border-right   : 2px solid #000;
	border-bottom  : 2px solid #000;
}

#NEWS .news_list
{
	margin-top     : 60px;
	
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;
}

#NEWS .news_list li
{
	display        : flex;
	
	margin-bottom  : 20px;
}

#NEWS .news_list li a
{
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;
	align-items    : flex-start;
	
	padding        : 10px;
	
	width          : 520px;
	
	text-decoration: none;
	
	background     : #fff;
}

#NEWS .news_list li a:hover
{
	opacity        : 0.7;
}

#NEWS .news_list li .news_photo
{
	width          : 120px;
	height         : 67.5px;
	
	object-fit     : cover;
}

#NEWS .news_list li .text_box
{
	margin-top     : 0px;
	padding        : 0 0px 0 12px;
	
	width          : 388px;
}

#NEWS .news_list li .news_title
{
	width          : 388px;
	
	font-family    : 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	color          : #2393a3;
	font-size      : 1.5rem;
	font-weight    : bold;
	text-align     : left;
	line-height    : 1.5;
}

#NEWS .news_list li .news_date
{
	margin-top     : 5px;
	
	color          : #999;
	font-size      : 1.2rem;
}

/*
#NEWS .news_list li
{
	display        : flex;
	
	margin-bottom  : 40px;
}

#NEWS .news_list li a
{
	display        : block;
	
	padding        : 10px 10px 15px 10px;
	
	width          : 320px;
	
	text-decoration: none;
	
	background     : #fff;
}

#NEWS .news_list li a:hover
{
	opacity        : 0.7;
}

#NEWS .news_list li .news_photo
{
	width          : 100%;
}

#NEWS .news_list li .news_title
{
	margin-top     : 10px;
	padding        : 0 5px;
	
	font-family    : 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	color          : #2393a3;
	font-size      : 1.5rem;
	font-weight    : bold;
	text-align     : left;
	line-height    : 1.5;
}

#NEWS .news_list li .news_date
{
	margin-top     : 5px;
	padding        : 0 5px;
	
	color          : #999;
	font-size      : 1.4rem;
}

#NEWS .news_list li .news_text
{
	margin-top     : 5px;
	padding        : 0 5px;
}

#NEWS .news_list li:nth-child(n+4),
#NEWS .news_list li.select
{
	margin-bottom  : 20px;
}

#NEWS .news_list li:nth-child(n+4) a,
#NEWS .news_list li.select a
{
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;
	align-items    : flex-start;
	
	padding        : 10px;
	
	width          : 520px;
}

#NEWS .news_list li:nth-child(n+4) .news_photo,
#NEWS .news_list li.select .news_photo
{
	width          : 120px;
}

#NEWS .news_list li:nth-child(n+4) .text_box,
#NEWS .news_list li.select .text_box
{
	margin-top     : 0px;
	padding        : 0 0px 0 12px;
	
	width          : 388px;
}

#NEWS .news_list li:nth-child(n+4) .news_title,
#NEWS .news_list li.select .news_title
{
	margin-top     : 0px;
	padding        : 0 0px;
	
	width          : 100%;
	
	font-size      : 1.4rem;
}

#NEWS .news_list li:nth-child(n+4) .news_date,
#NEWS .news_list li.select .news_date
{
	margin-top     : 5px;
	padding        : 0 0px;
	
	width          : 100%;
	
	font-size      : 1.2rem;
}
*/


#NEWS .news_list_2
{
	display        : flex;
	justify-content: center;
	flex-wrap      : nowrap;
	
	margin-top     : 60px;
	margin-bottom  : 30px;
}

#NEWS .news_list_2 li
{
	display        : flex;
	
	margin-left    : 40px;
	margin-bottom  : 40px;
}

#NEWS .news_list_2 li:nth-child(4n+1)
{
	margin-left    : 0px;
}

#NEWS .news_list_2 li a
{
	display        : block;
	
	padding        : 10px 10px 15px 10px;
	
	min-width      : 320px;
	max-width      : 500px;
	
	text-decoration: none;
	
	background     : #fff;
}

#NEWS .news_list_2 li a:hover
{
	opacity        : 0.7;
}

#NEWS .news_list_2 li .news_photo
{
	width          : 100%;
}

#NEWS .news_list_2 li .news_title
{
	margin-top     : 10px;
	padding        : 0 5px;
	
	font-family    : 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	color          : #2393a3;
	font-size      : 1.5rem;
	font-weight    : bold;
	text-align     : left;
	line-height    : 1.5;
}

#NEWS .news_list_2 li .news_date
{
	margin-top     : 5px;
	padding        : 0 5px;
	
	color          : #999;
	font-size      : 1.4rem;
}

#NEWS .news_list_2 li .news_text
{
	margin-top     : 5px;
	padding        : 0 5px;
}


/* ---------------------------------------------------- */


#NEWS .news_tab
{
	margin-top     : 60px;
}

#NEWS .news_tab ul
{
	display        : flex;
	justify-content: space-between;
}

#NEWS .news_tab ul li
{
	width          : calc(100%/3);
  
	text-align     : center;
}

#NEWS .news_tab ul li a
{
	position       : relative;
	display        : block;
  
	padding        : 15px 0;
  
	width          : 100%;
  
	font-family    : 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	font-size      : 130%;
	font-weight    : bold;
	line-height    : 1.0;
	text-decoration: none;
	letter-spacing : 0.1em;
	
	background     : #fff;
}

#NEWS .news_tab ul li:nth-child(n+2) a
{
	border-left    : 1px solid #47c0d1;
}

#NEWS .news_tab ul li:first-child a
{
	border-radius  : 10px 0 0 10px;
}

#NEWS .news_tab ul li:last-child a
{
	border-radius  : 0 10px 10px 0;
}

#NEWS .news_tab ul li a::after
{
	content        : "";

	position       : absolute;
	bottom         : -10px;
	left           : 0;
	right          : 0;
  
	margin         : 0 auto;
  
	width          : 0;
	height         : 0;
	
	border-left    : 10px solid transparent;
	border-right   : 10px solid transparent;
}

#NEWS .news_tab ul li .tab_all { color : #5c8f57; }
#NEWS .news_tab ul li .tab_oka { color : #5c8f57; }
#NEWS .news_tab ul li .tab_kag { color : #5c8f57; }

#NEWS .news_tab ul li a.active.tab_all::after { border-top : 10px solid #5c8f57; }
#NEWS .news_tab ul li a.active.tab_oka::after { border-top : 10px solid #5c8f57; }
#NEWS .news_tab ul li a.active.tab_kag::after { border-top : 10px solid #5c8f57; }

#NEWS .news_tab ul li a.active.tab_all, #NEWS .news_tab ul li .tab_all:hover { background : #5c8f57; color : #fff; }
#NEWS .news_tab ul li a.active.tab_oka, #NEWS .news_tab ul li .tab_oka:hover { background : #5c8f57; color : #fff; }
#NEWS .news_tab ul li a.active.tab_kag, #NEWS .news_tab ul li .tab_kag:hover { background : #5c8f57; color : #fff; }