@charset "utf-8";
/* CSS Document */

/* Light*/
.min3{
	font-family: 'Noto Serif JP';
    font-style: normal;
    font-weight: 300;
 }
/*Regular*/ 
.min4{
	font-family: 'Noto Serif JP';
    font-style: normal;
    font-weight: 400;
 }
/*Medium*/ 
.min5{
	font-family: 'Noto Serif JP';
    font-style: normal;
    font-weight: 400;
 }
/*SemiBold*/ 
.min6{
	font-family: 'Noto Serif JP';
    font-style: normal;
    font-weight: 600;
 }
/*Bold*/ 
.min7{
	font-family: 'Noto Serif JP';
    font-style: normal;
    font-weight: 700;
 }
/*Black*/ 
.min9{
	font-family: 'Noto Serif JP';
    font-style: normal;
    font-weight: 900;
 }
 
 /* Light*/
.go3{
	font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 300;
 }
 /* DemiLight*/
.go35{
	font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 350;
 }
/*Regular*/ 
.go4{
	font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 400;
 }
/*Medium*/ 
.go5{
	font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 500;
 }
/*Bold*/ 
.go7{
	font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 700;
 }
/*Black*/ 
.go9{
	font-family: 'Noto Sans CJK JP';
    font-style: normal;
    font-weight: 900;
 }

.switch {
	visibility:hidden;
}
html,body{
    width: 100%;
}
body{
	color:#000000;
	background:#ffffff;
	letter-spacing:0.05em;
}
body a{
	color:#000000;
}

/*文字色*/
.red{
	color:#970000;
}
.white{
	color:#FFF;
}

/*リンク設定*/
a:hover,
a img:hover,
.sbtn:hover{
	position:relative;
	top: 1px;
	left: 1px;
	opacity:1;
	cursor:pointer;
}


/*マージン設定*/
.margin_bottom10{
	margin-bottom:10px;
}
.margin_bottom20{
	margin-bottom:20px;
}
.margin_bottom30{
	margin-bottom:30px;
}
.margin_bottom40{
	margin-bottom:40px;
}

.margin_top10{
	margin-top:10px;
}
.margin_top20{
	margin-top:20px;
}
.margin_top30{
	margin-top:30px;
}
.margin_top40{
	margin-top:40px;
}

.font_size13{
	font-size:1.3em;
}

/*ヘッダー設定*/
#header_cont{
	overflow:hidden;
	margin:0 auto;
	padding-top:7px;
	width:1024px;
	height:82px;
}

#logo_cont{
	float:left;
	width:375px;
	height:auto;
}

#ex_text{
	float:left;
	padding:13px 0 0 20px;
	width:629px;
	height:auto;
	text-align:left;
}

#ex_text img{
	float:right;
	padding-right:2px;
}

#top_intro{
	margin:60px auto 30px;
	width:890px;
	height:auto;
}

.gray_back{
	background:#e2e2e2;
	width:100%;
	height:280px;
}

.white_cont{
	padding:30px 80px 30px;
	margin:-250px auto 0;
	width:750px;
	height:auto;
	background:#ffffff;
	text-align:left;
}

#sdgs_ex img{
	display:block;
	margin:0 auto 30px;
}

#sdgs_ex div.white_cont h2{
    margin-bottom: 30px;
	font-size:1.85em;
	text-align:center;
}


#efforts{
	margin:50px auto 0px;
	padding:30px 0 160px;
	width:100%;
	height:auto;
	background:url(/p/kenhirosdgs/img/top_sky.jpg) no-repeat bottom;
	background-size:cover;
}

#efforts h3{
	margin:20px auto 30px;
	font-size:1.7em;
}

#goals_cont{
	margin:0 auto;
	width:790px;
	height:auto;
	text-align:left;
}

#goals_cont img{
	margin:5px 5px;
}

#news{
	padding:30px 0 380px;
	width:100%;
	height:280px;
	background:#960b31;
	color:#ffffff;
	line-height:1.7em;
}

#news p{
	padding:0 0 10px;
}

#news h4{
	text-align:center;
	font-size:1.8em;
}

#ticker,
#new_cont,
.new_cont2{
	display:flex;
	flex-wrap: wrap; 
    margin: -80px auto 80px;
    padding: 5px 0 20px;
	width:990px;
	height:auto;
}

#news img{
	display:block;
	margin:20px auto;
}

.new_white{
	margin:0 1% 20px;
	padding-bottom:10px;
	width:31%;
	height:auto;
	text-align:left;
	background:#ffffff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.new_white.sbtn:hover{
	background:#eafaff;
}

.new_white img{
	width:100%;
	height:auto;
}

.new_title{
	display:block;
	margin:0 auto;
	padding:0 0 10px;
	width:90%;
	min-height:56px;
	font-size:1.1em;
}

.goal_img,.goal_img2{
	margin:0 auto;
	width:90%;
	height:auto;
}

.goal_img img,
.goal_img2 img{
	margin-right:5px;
	width:64px;
	height:auto;
}

.more a{
	display:block;
	margin:10px auto 20px;
	padding:5px 0 0;
	width:80%;
	height:auto;
	text-align:center;
	border-radius:30px;
	border:1px solid #9a9a9a;
	background:#ffffff;
	color:#000000;
}

.more a:hover{
	background:#000000;
	border-color:#000000;
	color:#ffffff;
}

#message_cont{
	background:#ffffff;
    margin: -350px auto 60px;
	padding:40px 80px 20px;
	width:830px;
	height:auto;
	text-align:left;
	background:#ffffff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

#message_cont p{
	margin-bottom:15px;
}

#message{
	margin:-30px auto 0;
	width:100%;
	height:560px;
	background:url(/p/kenhirosdgs/img/top_green.jpg) no-repeat bottom;
	background-attachment: fixed;
}

#message h5{
	padding:90px 0 40px;
	font-size:1.9em;
	letter-spacing:0.5em;
}

#p_photo{
	margin:20px auto 5px;
	width:100%;
	height:auto;
	text-align:center;
	line-height:0;
}

#p_photo img{
	margin:0;
}

#p_name{
	margin:40px auto 20px;
	text-align:right;
}

img#gakusei{
	margin: 50px auto 0;
}

img.p_small{
	margin:10px auto 40px !important;
	width:450px !important;
	height:auto;
}

.gray_cap{
	background:#eeeeee;
	margin-top:40px !important;
}

#footer_img{
	text-align:center;
}

#footer_img img{
	display:block;
	margin:40px auto;
}


/*フッター*/
footer{
	clear:both;
	margin:50px auto 0;
	padding:30px 0 40px;
	background:#d6d6d6;
	text-align:center;
}

footer a{
	text-decoration:underline;
}


#logo_cont img#ken_logo{
	display:block;
	margin:3px 0 5px 2px;
}

/*トップへ戻るボタン*/
.page-top{
	margin: 0 ;
	padding: 0 ;
}
.page-top p{
	z-index:3;
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
} 
.move-page-top {
    display: block;
    background: #0098d8;
    width: 80px;
    height: 80px;
    border-radius: 40px 40px 40px 40px;
    color: #fff;
    line-height: 80px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px) {

#sp_nav,
#sp_footer,
.sp_only{
    display:none !important;
}
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
スマートフォン向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

@media screen and (max-width: 769px) {

body{
}

.sp_only{
	display:block;
}

.sp_none,
#logo_cont,
#ex_text{
	display:none;
}

img{
	width:100%;
	height:auto;
}

img.p_small{
	width:100% !important;
}

.br_none br{
	display:none;
}

#header_cont {
    padding-top: 0;
    width: 100%;
	height:auto;
}

/*メニューnaver設定*/
#sp_nav a{
	display:none;
}

#sp_nav{
	color:#FFFFFF;
	font-size:0;
}

.naver.enabled a {
	display:block !important;
	position:relative;
    float: none;
    margin: 0;
    padding: 4px 0 4px 7%;
    border-bottom: 1px solid #484848;
	width: 93%;
    text-align: left;
	font-size:16px;
}

.naver.enabled span.past,
.naver.enabled span.future,
.naver.enabled span.news,
.naver.enabled span.link{
	display:block;
	padding-left:0%;
	text-align:center;
	background-color:#0098d8;
	color:#FFFFFF;
}

.naver.enabled span.future{
	background-color:#900000;
}

.naver.enabled span.news{
	background-color:#034e10;
}

.naver.enabled span.link{
	background-color:#404040;
}

.naver.enabled a:hover,
#sp_foot_list li a:hover{
	position:relative;
	top: 0px;
	left: 0px;
	opacity:1;
}

.naver.enabled a::after {
    position: absolute;
    top: 50%;
    right: 6%;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #7e7e7e;
    border-right: 1px solid #7e7e7e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.naver a {
    background: #1f1f1f;
    color: #fff;
    display: block;
    float: left;
    margin: 0 1px 0 0;
    padding: 0 0 0 20px;
    text-decoration: none;
}


#top_intro,
.white_cont,
#goals_cont{
	margin:30px auto 0;
	width:90%;
	height:auto;	
}

#top_intro{
	margin-bottom:20px;
}

#news{
	margin:0 auto;
	padding:30px 5%;
	width:90%;
    height: 600px;
}


.white_cont{
	margin:-250px auto 0;
	padding:20px 5%;
	width:80%;
	height:auto;
}

#sdgs_ex div.white_cont h2 {
    margin-bottom: 30px;
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: center;
}

.bar{
	display:block;
	margin:0 auto;
	width:90%;
	height: 5px;;
}

#efforts img,
#news img{
	width:10%;
	height:auto;
}

#goals_cont img {
    width: 21%;
    height: auto;
}

#goals_cont img {
    margin: 5px 2%;
}

#efforts h3 {
    margin: 10px auto 0;
	font-size: 1.4em;
}

#message {
	margin:0 auto;
    height: 500px;
    background-attachment: inherit;
}

#message_cont {
	padding:20px 5% 20px;
	margin:-350px auto 50px;
	width:80%;
	height:auto;	
}

#message h5 {
    padding: 50px 0 40px;
}

#p_photo {
    width: 80%;
}


#copy img{
	width:auto;
	height:auto;
}

footer{
	margin:0 auto;
	padding:20px 5% 40px;
	width:90%;
	height:auto;
}

footer div#copy,
footer div#copy a{
    font-size: 0.95em;
    line-height: 1.7em;
    color: #4a4a4a;
}

.width90{
	width:90%;
	height:auto;
}

.width80{
	width:80%;
	height:auto;
}

.width70{
	width:70%;
	height:auto;
}

.width50{
	width:50%;
	height:auto;
}

.width30{
	width:30%;
	height:auto;
}

#footer_img img {
    margin: 25px auto;
}

#footer_img img.foot_sdgs{
	margin-top:-10px;
}

#menu_all{
	background:#900;
}

img#gakusei{
	margin:20px auto 0;
	width:70%;
	height:auto;
}

#p_name {
    text-align: center;
}

iframe{
	margin:20px auto 0;
	width:100%;
	height:auto;
}

}

@media print{
#sp_nav,
footer h5,
#sp_foot_list,
#sp_footer_insta,
.sp_only{
	display: none;
}

}