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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none outside none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

html {
	overflow-y: scroll;
	scroll-behavior: smooth; /*ページ内リンク　ゆっくりスクロール*/
}
body{
font:80%/1.5 "Meiryo","メイリオ",verdana,Sans-Serif;
color:#000;
-webkit-text-size-adjust: 100%;
background:#fff;
}
html>/**/body {}
* + html body {font-family: "メイリオ","Meiryo";}

object, embed	{vertical-align: top;}
hr, legend	{display: none;}
img {-ms-interpolation-mode: bicubic;
    image-rendering: -webkit-optimize-contrast;
    -webkit-backface-visibility: hidden;}

li	{list-style-type: none;}
p, dd, blockquote {text-align: justify;text-justify: inter-ideograph;}
a	{overflow: hidden;outline: none;}

strong {font-weight: bold;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}


/*汎用共通設定　マージン*/
.mb10{
	margin-bottom: 10px !important;
}
.mb20{
	margin-bottom: 20px !important;
}
.mb30{
	margin-bottom: 30px !important;
}
.mb40{
	margin-bottom: 40px !important;
}
.mb50{
	margin-bottom: 50px !important;
}
.mt10{
	margin-top: 10px !important;
}
.mt20{
	margin-top: 20px !important;
}
.mt30{
	margin-top: 30px !important;
}
.mt40{
	margin-top: 40px !important;
}
.mt50{
	margin-top: 50px !important;
}

/*共通デザイン　パーツ設定　始*/
.UnderLineG{
	border-top: solid 1px #ccc;
	padding: 2% 0 0 0;
}

/*共通デザイン　パーツ設定　終*/
body {
	color: #333;
	font-size: 13px;
	line-height: 1.7;
	background-color: #fff;
}

a{
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	color: #000;
	transition: all 0.2s linear;
}
a.link2{
	color: #29abe2;
}
a.link2:hover {
	text-decoration: underline;
}

a.img:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

a.link:hover {
	text-decoration: underline;
}
a.link:before {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	content: '\f101\00a0';
}
a.ext:after {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f35d';
}
a.pdf:after {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f1c1';
}
a[href^="tel:"] {
	cursor: default;
	font-size: 105%;
	font-weight: bold;
	color: #29abe2;
}

header{
	width: 100%;
	position: fixed;
	z-index: 1000;
}

#container{
	position: relative;
}
#container_form{
	padding-top: 80px;
	position: relative;
}
/*準備中ページ*/
#container_pre{
	padding-top: 125px;
	position: relative;
}

nav.gNavPC{
	display: block;
	width: 100%;
	position: fixed;
	z-index: 1200;
	margin-top: -50px;
}
nav.gNavPC ul{
	width: 100%;
	height: 50px;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
nav.gNavPC ul li{
	width: 15%;
	max-width: 170px;
	height: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	overflow: hidden;
	background-color: #fff;
}
nav.gNavPC ul li a{
	display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 19px 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	
	background-color: #fff;
}
nav.gNavPC ul li a span{
	display: inline-block;
	white-space: nowrap;
}
nav.gNavPC ul li.index a:hover,
nav.gNavPC ul li.index.current a{
	color: #fff;
	background-color: #29abe2;
}
nav.gNavPC ul li.information a:hover,
nav.gNavPC ul li.information.current a{
	color: #fff;
	background-color: #ff7bab;
}
nav.gNavPC ul li.backnumber a:hover,
nav.gNavPC ul li.backnumber.current a{
	color: #fff;
	background-color: #ff943b;
}
nav.gNavPC ul li.result a:hover,
nav.gNavPC ul li.result.current a{
	color: #fff;
	background-color: #cc9900;
}
nav.gNavSP{
	display:none;
	width: 100%;
}
nav.breadcrumb{
	width: 91%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 0px 10px 55px ;
}
nav.breadcrumb ul{
	width: 100%;
}
nav.breadcrumb ul li{
	display: inline-block;
	
	font-size: 14px;
}
nav.breadcrumb ul li:after {
	content: '\00a0＞';
}
nav.breadcrumb ul li:last-child:after {
	content: '';
}
nav.breadcrumb ul li a{
	color: #29abe2;
	text-decoration: underline;
}
#homeMain{
	width: 100%;
}
#homeMain .upper{
	width: 100%;
	height: 100%;
	max-height: 600px;
	background-color: #fff8d8;
}
@media only screen and (max-width: 1200px){
	#homeMain .upper{
		width: 100%;
		height: 100%;
	background-color: #FFF;
	}
}
/*　-------------------テーマ　テキスト-------------------*/
#Thema{
width: 100%;
  height: 100%;
}
#Thema .content{
	width: 100%;
	max-width: 1140px!important;
	padding: 30px 20px 30px 20px;
	margin: 0 auto;
}
.Thema_txt{
		font-size: 18px;
		color: #0a6eb4;
		line-height: 1.6;
}
.Thema_ttl b{
	color: #0a6eb4;
	font-size: 22px;
	text-align: center;
}
@media only screen and (max-width: 1140px){
		#Thema .content{
		width: 90%!important;
		max-width: 1000px;
		padding: 20px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px){
	#Thema .content{
		width: 90%!important;
		max-width: 767px;
		padding: 20px;
		margin: 0 auto;
	}
		.Thema_txt{
			font-size: 14px;
	}
	.Thema_ttl b{
		color: #0a6eb4;
		font-size: 16px;
		text-align: center;
	}
}


/* -------------------NEWS　お知らせ枠------------------- */
#news_Area{
	width: 100%;
	background-color: #e5f5fc;
}
#news_Area .news_box{
		width: 100%;
		height: auto;
	display: flex;
	margin: 0px auto;
	max-width: 1200px;
/*	max-height: 140px;
*/}
#news_Area .news_box h1{
	width: 15%;
	height: auto;
	color: #0a6eb4;
	font-weight: bold;
	font-size: 30px;
	padding: 30px 30px 0px 30px;
	
}

#news_Area .news_box ul{
	width: 88%;
	margin:30px auto 0 auto;
	/*border-bottom: solid 1px #CCC;*/
}
#news_Area .news_box ul li.news_date{
	font-size: 14px;
	line-height: 1.4;
}
#news_Area .news_box ul li p{
	font-size: 16px;
	line-height: 1.4;
	margin: 0px 0 10px 0;
	text-align: left;
}
.hr_news{
	border-bottom:solid 1px rgb(10, 110, 180);
}

@media only screen and (max-width: 767px){
	#news_Area .news_box{
		display: block;
		margin: 0px auto;
		width: 90%;
		max-height: 350px;

	}
		#news_Area .news_box h1{
		width: 100%;
		font-size: 25px;
		max-width: 767px;
		padding: 0 0;
		margin: 0px auto;
		border-bottom:solid 1px rgb(10, 110, 180);

	}

	#news_Area .news_box ul{
		width: 100%;
		padding: 0 0;
		margin: 10px auto;
	}
		#news_Area .news_box ul li p{
		font-size: 14px;
		line-height: 1.6;
		padding: 0 0 5px 0!important;
		margin: 0px!important;
	}
	#news_Area .news_box ul li.news_date{
		font-size: 12px;
		line-height: 1.4;
	}
}


/*最新のWFPチャリティーエッセイコンテストはこちら*/
#newsiteLink {
	width: 100%;
	text-align: center;
    /*background-color: #deecfa;*/
    background-color: #fbeaea;
/*  background-color: #FFFFFF;
     margin-top: 2px*/
}
#newsiteLink p{
	text-align: center;
    margin: 0 auto;
    padding: 15px 5px;
    /*font-weight: bold;*/
    display: block;
    font-size: 16px;
    line-height:1.5;
}
#newsiteLink a{
	width: 100%;
    /*max-width: 580px;*/
	text-align: center;
    margin: 5px auto 0 auto;
    /*font-weight: bold;*/
	/*display: block;*/
	font-size: 16px;
    color: #0a6eb4;
}
#newsiteLink a:hover{
    color: #29abe2;
}

#newsiteLink p span{
	display: block;
	margin-bottom: 15px;
}

#newsiteLink p{
	text-align: center;
    margin: 0 auto;
    padding: 15px 5px;
    /*font-weight: bold;*/
    display: block;
    font-size: 16px;
    line-height:1.5;
}
#newsiteLink a{
	width: 100%;
    /*max-width: 580px;*/
	text-align: center;
    margin: 5px auto 0 auto;
    /*font-weight: bold;*/
	/*display: block;*/
	font-size: 16px;
    color: #0a6eb4;
}
#newsiteLink a:hover{
    color: #29abe2;
}

#newsiteLink p span{
	display: block;
	margin-bottom: 15px;
}

@media only screen and (max-width: 767px){
#newsiteLink p,#newsiteLink a{
	font-size: 14px;
	text-align: left;
}	
#newsiteLink p{
	padding: 15px 10px;
}
#newsiteLink p span{
	text-align: center;
}
}

/*　背景色が白　*/
#newsiteLink2 {
	width: 100%;
	text-align: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid #e5f5fc;
}
#newsiteLink2 p{
	text-align: center;
    margin: 0 auto;
    padding: 15px 5px;
    /*font-weight: bold;*/
    display: block;
    font-size: 16px;
    line-height:1.5;
}
#newsiteLink2 a{
	width: 100%;
    /*max-width: 580px;*/
	text-align: center;
    margin: 5px auto 0 auto;
    /*font-weight: bold;*/
	/*display: block;*/
	font-size: 16px;
    color: #0a6eb4;
}
#newsiteLink2 a:hover{
    color: #29abe2;
}

#newsiteLink2 p span{
	display: block;
	margin-bottom: 15px;
}

#newsiteLink2 p{
	text-align: center;
    margin: 0 auto;
    padding: 15px 5px;
    /*font-weight: bold;*/
    display: block;
    font-size: 16px;
    line-height:1.5;
}
#newsiteLink2 a{
	width: 100%;
    /*max-width: 580px;*/
	text-align: center;
    margin: 5px auto 0 auto;
    /*font-weight: bold;*/
	/*display: block;*/
	font-size: 16px;
    color: #0a6eb4;
}
#newsiteLink2 a:hover{
    color: #29abe2;
}

#newsiteLink2 p span{
	display: block;
	margin-bottom: 15px;
}

@media only screen and (max-width: 767px){
#newsiteLink2 p,#newsiteLink2 a{
	font-size: 14px;
	text-align: left;
}	
#newsiteLink2 p{
	padding: 15px 10px;
}
#newsiteLink2 p span{
	text-align: center;
}
}


/*本アップ前*/
#newsiteLink_pre {
	width: 100%;
	text-align: center;
    background-color: #fff;
}
#newsiteLink_pre p{
	text-align: center;
    margin: 0 auto;
    /*font-weight: bold;*/
    display: block;
    font-size: 16px;
    line-height:1.5;
    padding: 20px 10px 0 10px;
}
#newsiteLink_pre a:before{
content: '\f105';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
    padding: 0 5px;
}

#newsiteLink_pre a{
	width: 100%;
    max-width: 450px;
	text-align: center;
    margin: 0 auto 0 auto;
    font-weight: bold;
    display: block;
    font-size: 16px;
    background-color:#ff9000;
    color: #fff;
    padding: 7px 2px;
    border-radius: 10px;
}

#newsiteLink_pre a:hover{
    opacity: 0.8;
}





/*協賛募集*/
#BnrSponsorship {
	width: 100%;
	text-align: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
    /*background-color: #fcf0f5;*/
    padding: 30px 0;
}
#BnrSponsorship p:first-child{
	text-align: center;
    padding: 0 20px;
}

#BnrSponsorship .appBtn{
	box-sizing: border-box;
	width: 100%;
	max-width: 280px;
	background-color: #ff7bab;
	position: relative;
	z-index: 1;
	transition: all 0.2s linear;
	margin-bottom: 0.4em;
    margin: 20px auto 0 auto;
}


#BnrSponsorship .appBtn:before{
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -0.6em;
	content: '\f105';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
#BnrSponsorship .appBtn a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 18px 12px;
	line-height: 1.0;
}
#BnrSponsorship .appBtn:hover{
	opacity: 0.8;
}


@media only screen and (max-width: 767px){
#BnrSponsorship .appBtn{
	max-width: 90%;
}
}
/*入賞作品発表*/
#BnrResult {
	width: 100%;
	text-align: center;
	padding: 20px 0 30px 0;
    border-bottom: 1px solid #e5f5fc;

}
#BnrResult .pc{
	width: 100%;
	max-width: 753px;
	margin:0 auto;
}
#BnrResult .btn_result img{
	width: 279px;

}
#BnrResult .btn_result a{
	margin: 0 10px 10px 10px;

}
#BnrResult a:hover{
	opacity: 0.8;
}

@media only screen and (max-width: 767px){
	#BnrResult .btn_result a{
		display: block;
		margin: 10px 0 10px 0;
	}
	#BnrResult .btn_result img{
		width: 80%;
		max-width: 279px;
	}
		#homeMain .lower{
		width: 100%;
		position: relative;
		z-index: 100;
		padding: 0 0 30px 0;
	}
	#homeMain img{
	width: 100%;
	height: 100%;
}

}
#homeMain .lower{
	width: 100%;
    position: relative;
    z-index: 100;
	padding: 0 0 0px 0;
}
#homeMain .content{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
#homeMain .pc{
	display: block;
	width: 100%;
}
#homeMain .sp{
	display: none;
	width: 100%;
}
	#homeMain img{
	width: 100%;
	height: auto;
}


#homeMain .lower .note{
	position: absolute;
	left: 0;
	top: 80% !important;
	z-index: 200;
	width: 100%;
	text-align: center;
	line-height: 1.6;
	font-size: 12px;
	color: #534741;
	bottom: 0;
}
@media only screen and (max-width: 1000px){
	#homeMain .content{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	}
}
@media only screen and (max-width: 767px){
	#homeMain .content{
	width: 100%;
	max-width: 767px;
	margin: 0 auto;
}

	#homeMain .lower .note{
		top: 97% !important;
		font-size: 12px;
		box-sizing: border-box;
		width: 85%;
		left: 5%;
		text-align: left;
		padding-left: 1em;
		text-indent: -1em;
	}
}

/*募集要項　ボタンリンク　始*/
.btn_common01{
	box-sizing: border-box;
	width: 90%;
	max-width: 300px;
	margin: 10px  auto 40px auto;
	background-color: #0a6eb4;
	position: relative;
	z-index: 1;
	transition: all 0.2s linear;
	text-align: center;
}
.btn_common01:before{
	position: absolute;
	top: 25%;
	right: 2%;
	content: '\f105';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
.btn_common01 a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 12px 18px 13px;
	line-height: 1.0;
}
.btn_common01:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
@media only screen and (max-width: 767px){
	.btn_common01 a{
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		display: block;
		padding: 12px 18px 12px;
		line-height: 1.0;
		margin-top: 70px;
	}
}
/*募集要項　ボタンリンク　終*/

/*準備中ページ*/
#homePre{
    max-width: 1000px;
    margin: 50px auto;
    text-align: center;
    padding: 0 40px;
}
#homePre h2{
    color: #ff7bab;
    font-size: 20px;
    border-bottom: solid 1px #ff7bab;
    font-weight: bold;
    padding: 0 0 5px 0;
    margin-bottom: 15px;
}
#homePre p{
    text-align: center;
    font-size: 16px;
}
#homePre .appBtn{
	box-sizing: border-box;
	width: 100%;
	max-width: 280px;
	background-color: #ff7bab;
	position: relative;
	z-index: 1;
	transition: all 0.2s linear;
	margin-bottom: 0.4em;
	margin: 20px auto 0 auto;
}


#homePre .appBtn:before{
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -0.6em;
	content: '\f105';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
#homePre .appBtn a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 18px 12px;
	line-height: 1.0;
}
#homePre .appBtn a span.ext:after {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f35d';
}
#homePre .appBtn a span.pdf:after {
	font-weight: normal;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f1c1';
}
#homePre .appBtn:hover{
	opacity: 0.8;
}

@media only screen and (max-width: 767px){
#homePre h2{
    text-align: left;
    font-size: 18px;
    line-height: 1.3;
}
#homePre p{
    text-align: left;
}
} 



#homeAbout{
	width: 100%;
	padding-top: 50px;
}
#homeAbout h2{
	width: 100%;
	border-top: 2px solid #29abe2;
	
	text-align: center;
	
	margin-bottom: 30px;
}
#homeAbout h2 span{
	display: inline-block;
	width: 294px;
	margin-top: -16px;
}
#homeAbout h2 span img{
	width: 100%;
	height: auto;
}

#homeAbout h3{
	width: 100%;

	font-size: 20px;
	font-weight: bold;
	color: #0a6eb4;
	line-height: 1.3;

	text-align: center;
	
	margin-bottom: 20px;
}

#homeAbout ul.special{
	width: 100%;
	
	display: flex;
	justify-content: center;
	
	margin-bottom: 40px;
}
#homeAbout ul.special li{
	width: 100%;
	max-width: 280px;
	
	text-align: center;
}
#homeAbout ul.special li .photo{
	width: 100%;
	line-height: 0;
	text-align: center;
}
#homeAbout ul.special li .photo img{
	width: 100%;
	max-width: 224px;
	height: auto;
}
#homeAbout ul.special li .name{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	
	font-size: 18px;
	font-weight: bold;
	
	margin-bottom: 3px;
}

#homeAbout ul.special li .title{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	
	font-size: 14px;
	line-height: 1.3;
}


#homeAbout .judges{
	width: 100%;
		
	padding: 30px 0 30px;
	margin-bottom: 10px;
	
	background-color: #deecfa;
}
#homeAbout .judges > ul{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
		
	display: flex;
	justify-content: center;
}
#homeAbout .judges > ul > li.chair{
	width: 38%;
	
	text-align: center;
}
#homeAbout .judges > ul > li.members{
	width: 62%;
}

#homeAbout .judges > ul > li.chair .photo{
	width: 100%;
	line-height: 0;
	text-align: center;
	}
#homeAbout .judges > ul > li.chair .photo img{
	width: 100%;
	max-width: 224px;
	height: auto;
}
#homeAbout .judges > ul > li.chair .name{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	
	font-size: 18px;
	font-weight: bold;
	
	margin-bottom: 3px;
}
#homeAbout .judges > ul > li.chair .title{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	
	font-size: 14px;
	line-height: 1.3;
}

#homeAbout .judges > ul > li.members h3{
	text-align: left;
}
#homeAbout .judges > ul > li.members > ul{
	width: 100%;
		
	display: flex;
	flex-wrap: wrap;
}
#homeAbout .judges > ul > li.members > ul li{
	width: 50%;
	
	padding-bottom: 35px;
}
#homeAbout .judges > ul > li.members > ul li .name{
	width: 86%;
	text-align: left;
	
	font-size: 18px;
	font-weight: bold;
	
	padding-bottom: 3px;
	border-bottom: 1px solid #0a6eb4;
	margin-bottom: 10px;
}
#homeAbout .judges > ul > li.members > ul li .title{
	width: 86%;
	text-align: left;
	
	font-size: 14px;
	line-height: 1.3;
}

/**/

#oubo1_Area {
	width:100%;
	margin: 0 auto;
}
#oubo1_Area .oubo1_flex {
	width: 100%;
	display: flex;
}
#oubo1_Area .oubo1_flex .oubo1_box1 {
	width: 78%;
}
#oubo1_Area .oubo1_flex .oubo1_box2 {
	width: 20%;
}
#oubo1_Area .oubo1_flex .oubo1_box2 img {
	width: 100%;
}
@media only screen and (max-width: 767px){
	#oubo1_Area .oubo1_flex {
		width: 100%;
		display: block;
	}
	#oubo1_Area .oubo1_flex .oubo1_box1 {
		width: 100%;
		margin:  auto;
	}
	#oubo1_Area .oubo1_flex .oubo1_box2 {
		width: 50%;
			margin:  auto;

	}
}
/**/


#application{
	width: 100%;
	padding: 0 0 35px;
}
#application h2{
	width: 100%;
	padding: 15px 0;
	
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	line-height: 1.0;
	
	text-align: center;
	
	background-color: #0a6eb4;
	
	margin-bottom: 20px;
}

#application dl{
	box-sizing: border-box;
	width: 96%;
	max-width: 1160px;
	margin: 0 auto;
	
	border-top: 1px solid #999;
	
	display: flex;
	flex-wrap: wrap;
	
	margin-bottom: 20px;
	
}
#application dl dt{
	box-sizing: border-box;
	width: 15%;
	padding: 15px;
	
	background-color: #deecfa;
	
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	
	font-size: 16px;
	font-weight: bold;
	color: #0a6eb4;
}
#application dl dd{
	box-sizing: border-box;
	width: 85%;
	padding: 15px;
	
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;

	font-size: 16px;
	line-height: 1.4;
}

#application dl.outline{
	margin-bottom: 10px;	
}
#application dl.outline dt{
	background-color: #ebebeb;
	
	font-size: 14px;
	color: #333;
}
#application dl.outline dd{

	font-size: 14px;
}
#application dl.outlineSP{
	display:none;
	margin-bottom: 10px;	
}



#application .theme{
	font-size: 105%;
}
#application .term{
	color: #cc0000;
}
#application .term > .label{
	display: inline-block;
	white-space: nowrap;
}
#application dl dd p{
	margin-bottom: 0.5em;
}
#application .catTitle{
	font-size: 16px;
	font-weight: bold;
	color: #0a6eb4;

	margin-bottom: 0.5em;
}


.oubo_btn{
    display:-webkit-flex;
    display: flex;
    margin-bottom: 10px;
}
.oubo_btn p:last-child{
/*    margin-left: 10px;
*/}

@media only screen and (max-width: 767px){
.oubo_btn {
    display:-webkit-block;
	display: block;
	margin: 10px 0;
}
.oubo_btn p:last-child{
    margin-left: 0;
}
} 



#application dl dd .appBtn{
	box-sizing: border-box;
	width: 100%;
	max-width: 310px;
	background-color: #89c33f;
	position: relative;
	z-index: 1;
	transition: all 0.2s linear;
	margin-bottom: 0.4em;
	text-align: center;
}

#application dl dd .appBtn:first-child{
	background-color:#29abe2;
}

#application dl dd .appBtn:before{
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -0.6em;
	content: '\f105';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
#application dl dd .appBtn a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 18px 12px;
	line-height: 1.0;
}
#application dl dd .appBtn a span.ext:after {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f35d';
}
#application dl dd .appBtn a span.pdf:after {
	font-weight: normal;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f1c1';
}
#application dl dd .appBtn:hover{
	opacity: 0.8;
}

#application dl dd .appBtn2{
	box-sizing: border-box;
	width: 100%;
	max-width: 310px;
	background-color: #89c33f;
	position: relative;
	z-index: 1;
	transition: all 0.2s linear;
	margin-bottom: 0.4em;
		text-align: center;
}

#application dl dd .appBtn2:before{
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -0.6em;
	content: '\f105';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
#application dl dd .appBtn2 a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 18px 12px;
	line-height: 1.0;
}
#application dl dd .appBtn2 a span.ext:after {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f35d';
}
#application dl dd .appBtn2 a span.pdf:after {
	font-weight: normal;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f1c1';
}
#application dl dd .appBtn2:hover{
	opacity: 0.8;
}


/*no_link*/
#application dl dd .appBtn .no_link{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 18px 12px;
	line-height: 1.0;
}
#application dl dd .appBtn .no_link span.ext:after {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f35d';
}
#application dl dd .appBtn .no_link span.pdf:after {
	font-weight: normal;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f1c1';
}

@media only screen and (max-width: 767px){
#application dl dd .appBtn .no_link{
	font-size: 14px;
}
}

/*no_link_end*/


/*close*/
#application dl dd .appBtn .close{
	display: block;
	color: #CC0000;
	font-weight:bold;
	padding: 10px 0 0 0;
}
/*close_end*/

#application dl dd .note{
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
}
#application dl dd .note2{
	font-size: 14px;
	color: #c00;
	padding-left: 1em;
	text-indent: -1em;
}

#application .contactName{
	display: inline-block;
	font-size: 105%;
	white-space: nowrap;
}
#application .contactNo{
	display: inline-block;
	font-size: 105%;
	white-space: nowrap;
}

#application dl dd ul.sponsor{
	width: 100%;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#application dl dd ul.sponsor li{
	box-sizing: border-box;
	width: 48%;
	padding: 0 5%;
}
#application dl dd ul.sponsor li .logo{
	width: 100%;
	text-align: center;
	line-height: 0;
	margin-bottom: 10px;
}
#application dl dd ul.sponsor li .logo img{
	width: 180px;
	height: auto;
}
#application dl dd ul.sponsor li .logo2{
	width: 100%;
	text-align: center;
	line-height: 0;
	margin-bottom: 10px;
}
#application dl dd ul.sponsor li .logo2 img{
	width: 150px;
	height: auto;
}

#application dl dd ul.sponsor li .linkBtn{
	box-sizing: border-box;
	width: 100%;
	background-color: #fbeaea;
	
	position: relative;
	z-index: 1;

	transition: all 0.2s linear;
	
	margin-bottom: 1em;
}
#application dl dd ul.sponsor li .linkBtn:hover{
	opacity: 0.8;
}
#application dl dd ul.sponsor li .linkBtn:before{
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -0.6em;
	content: '\f105';
	color: #e60012;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
#application dl dd ul.sponsor li .linkBtn a{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
#application dl dd ul.sponsor li .linkBtn a .photo{
	display: block;
	width: 80px;
	line-height: 0;
}
#application dl dd ul.sponsor li .linkBtn a .photo img{
	width: 80px;
	height: auto;
}
#application dl dd ul.sponsor li .linkBtn a .text{
	display: block;
	line-height: 1.5;
	
	font-size: 14px;
	font-weight: bold;
	padding: 0 20px 0 15px;
}


#application .corpNote {
	width: 96%;
	max-width: 1160px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.5;
}
#application .corpNote:before {
	content: '★';
	color: #0a6eb4;
}
#application .corpNote a[href^="tel:"] {
	font-weight: normal;
}



.linkAboutWFP{
	box-sizing: border-box;
	width: 90%;
	max-width: 440px;
	margin: 0 auto;
	background-color: #ff7bab;
	position: relative;
	z-index: 1;
	transition: all 0.2s linear;
	margin-bottom: 30px;
	text-align: center;
}
.linkAboutWFP:before{
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -0.6em;
	content: '\f105';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
.linkAboutWFP a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	
	display: block;
	padding: 14px 18px 12px;
	line-height: 1.0;
}
.linkAboutWFP:hover{
	opacity: 0.8;
}

.linksponsorship{
	box-sizing: border-box;
	width: 90%;
	max-width: 440px;
	
	margin: 0 auto;
	
	background-color: #0a6eb4;
	
	position: relative;
	z-index: 1;

	transition: all 0.2s linear;
	
	margin-bottom: 30px;
}
.linksponsorship:before{
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -0.6em;
	content: '\f105';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
.linksponsorship a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	
	display: block;
	padding: 14px 18px 12px;
	line-height: 1.0;
}
.linksponsorship:hover{
	opacity: 0.8;
}

.linkRedcup{
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
	
	margin-bottom: 50px;
}
.linkRedcup a{
	width: 100%;
	display: inline-block;
	border: 1px solid #dc0011;
}
.linkRedcup a:hover{
	opacity: 0.8;
}
.linkRedcup a img{
	width: 100%;
	height: auto;
}
.linkRedcup .pc{
	display: block;
	width: 100%;
}
.linkRedcup .sp{
	display: none;
	width: 100%;
}






#information{
	width: 100%;
	padding-top: 20px;
}
#information h1{
	width: 100%;
	border-top: 2px solid #ff7bab;
	
	text-align: center;
	
	margin-bottom: 20px;
}
#information h1 span{
	display: inline-block;
	width: 220px;
	margin-top: -16px;
}
#information h1 span img{
	width: 100%;
	height: auto;
}

#information h2{
	width: 100%;
	background-color: #eee;	
	margin-bottom: 20px;
}
#information h2 span{
	max-width: 1200px;
	padding: 2px 0 10px;
	font-size: 22px;
	font-weight: bold;
	margin:0px auto 20px auto;
	line-height: 1.3;
	display: block;
}
#information h2 span:before {
    content: url(./img/icon_information.png);
    margin: 6px;
    position: relative;
    top: 6px;
}
#information h3{
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ff7bab;
	margin-bottom: 10px;
}
#information h3 .text{
	border-left: 3px solid #ff7bab;
	padding-left: 5px;
	margin-bottom: 5px;
	line-height: 1.3;
}
#information h3 .copy{
	font-size: 14px;
	font-weight: normal;
}
#information h3 .title{
	font-size: 18px;
	font-weight: bold;
}
#information p{
	font-size: 14px;
	line-height: 1.6;
	
	margin-bottom: 0.5em;
}

#information .content{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	padding-bottom: 30px;
}
#information p.lead{
	width: 100%;
	font-size: 16px;
	line-height: 1.6;

	margin-bottom: 20px;
}
#information p.lead strong{
	color: #c00;
}


#information .mapImage{
	width: 25%;
}
#information .mapImage img{
	width: 100%;
	height: auto;
}
#information .mapText{
	width: 73%;
}
/*ピンクボタンペー内リンク用*/
#information .scroll_btn{
	box-sizing: border-box;
	width: 100%;
	max-width: 240px;
	background-color: #ff7bab;
	margin:  3% 0;
	position: relative;
	z-index: 1;
	transition: all 0.2s linear;
	margin-bottom: 1em;
	text-align: center;
}
#information .scroll_btn:before{
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -0.6em;
	content: '\f105';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
#information .scroll_btn a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 18px 13px;
	line-height: 1.0;
}
/*#information .scroll_btn a:after{
    font-family: "Font Awesome 5 Free";
    content: '\00a0\f35d';
    font-size: 80%;
    vertical-align: 10%;
}
*/
#information .scroll_btn a span.pdf:after {
	font-weight: normal;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f1c1';
}
#information .scroll_btn:hover{
	opacity: 0.8;
}
/*国連WFPの活動*/
#information ul.activity{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
#information ul.activity li{
	width: 31%;
	padding-bottom: 20px;
}
#information ul.activity li .photo{
	width: 100%;
}
#information ul.activity li .photo img{
	width: 100%;
	height: auto;
}

.bule_link a{
	color: #29abe2;
	text-decoration: underline;
}


/* 世界の子どもを飢餓から救う */
#information ul.hope{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.hope_txt{
	font-size: 16px !important;
	line-height: 1.6;
}

#information ul.hope li:nth-child(-n+3){
	width: 23%;
}
#information ul.hope li:nth-child(4){
	width: 28%;
	margin:0px 0px 0px 15px;
}

#information ul.hope li .photo{
	width: 100%;
}
#information ul.hope li .photo img{
	width: 100%;
	height: auto;
}
#information ul.hope{
	width: 100%;
	margin: 0 auto;
}
#information ul.hope li{
	width: 90%;
	margin: 0 auto;
}
@media only screen and (max-width: 767px){
	#information ul.hope{
	width: 90%;
	margin: 0 auto;
}
#information ul.hope li:nth-child(-n+3){
	width: 100%;
	margin:0px 0px 10px 0px;
}
	#information ul.hope li:nth-child(4){
			width:100%;
	margin:0px 0px 10px 10px;
	}
}

/* クイズ */
#information ul.quiz{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.quiz_txt{
	font-size: 16px !important;
	line-height: 1.6;
	padding:  0 0 20px 0 !important;
	margin: 0 0 20px 0 !important;
	word-break: break-all;
}
.quiz_txt b {
	color: #ff7bab;	
	font-size: 16px;
}
#information ul.quiz li:nth-child(1){
	width: 70%;
}
#information ul.quiz li:nth-child(2){
	width: 28%;
	margin:0px 0px 0px 15px;
}
.quiz_move{
		width: 100%;
	max-width: 400px;
		height: 100%!important;
	max-height: 300px;
	margin-bottom: 30px;

}
#information ul.quiz li .photo{
	width: 100%;
}
#information ul.quiz li .photo img{
	width: 100%;
	height: auto;
}
#information ul.quiz{
	width: 100%;
	margin: 0 auto;
}
#information ul.quiz li{
	width: 90%;
	margin: 0 auto;
}
#information ul.quiz li p.quiz_txt a{
color: #29abe2;
	text-decoration: underline;
}

@media only screen and (max-width: 767px){
	#information ul.quiz{
	width: 90%;
	margin: 0 auto;
}
#information ul.quiz li:nth-child(1){
	width: 100%;
	margin:0px 0px 10px 0px;
}
	#information ul.quiz li:nth-child(2){
			width:100%;
	margin:0px 0px 10px 10px;
	}
}

.hr_grey{
	border-bottom:solid 1px #DDD;
}
/* ---------------------アクション------------------------ */

#information ul.action{
	width: 100%;
}
#information ul.action li{
	width: 100%;
	margin: 0 auto;
}
#information ul.action li.action_wrap{
	padding:  0px 0 20px 0;
	margin: 0 0 20px 0;
}
.action_txt{
	font-size: 16px !important;
	line-height: 1.6;
}
.action_txt b {
	color: #ff7bab;	
	font-size: 16px;
}
.action_box{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
#information ul.action li ul.action_box li:nth-child(1){
	width: 70%;
	text-align: left;
	margin:0px 0px 0px 0px!important;
}
#information ul.action li ul.action_box li:nth-child(2){
	width: 28%;
	margin:0px 0px 0px 0px!important;
   text-align: right;
}
.action_move{
	width: 100%;
	max-width: 400px;
	height: 100%!important;
	max-height: 300px;
	margin-bottom: 30px;
}
#information ul.action li .photo{
	width: 100%;
}
#information ul.action li .photo img{
	width: 100%;
	height: auto;
}
#information ul.action{
	width: 100%;
	margin: 0 auto;
}
#information ul.action li p.action_txt a{
	color: #29abe2;
	text-decoration: underline;
}
@media only screen and (max-width: 767px){
	#information ul.action li.action_wrap{
		width: 90%;
		margin: 10px auto!important;
	}
	.action_box{
		width: 100%!important;
		display: block;
	}
	#information ul.action li ul.action_box li{
		margin: 10px 0!important;
	}
	#information ul.action li ul.action_box li:nth-child(1){
		width: 100%;
		margin:0px 0px 0px 0px!important;
	}
	#information ul.action li ul.action_box li:nth-child(2){
		width: 100%;
		margin:0px 0px 0px 0px!important;
	}
}


/*SDGs 関連*/
#information ul.sdgs_box{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
#information ul.sdgs_box li dl{
    width: 100%;
	display: flex;
}
#information ul.sdgs_box li dl dd p span.title{
font-weight: bold;
font-size: 14px;
}

#information ul.sdgs_box li dl dd p{
margin-left: 10px;
}

#information ul.sdgs_box li{
	width: 30%;
	padding-bottom: 20px;
}
#information .content .whats_sdgs{
    width: 100%;
    margin: auto;
}
@media only screen and (max-width: 767px){
    #information .content .whats_sdgs{
        width: 90%;
        margin: auto;
        }
    #information .supportImage2{
        width: 100%;
        max-width: 767px;
        margin: 0 auto;
        text-align: center;
        line-height: 0;
        margin-bottom: 30px;
    }
	    #information .supportImage3{
        width: 100%;
        max-width: 767px;
        margin: 0 auto;
        text-align: center;
        line-height: 0;
        margin-bottom: 30px;
    }

}

/*出典*/
#information p.syutten{
    width: 100%;
    padding-bottom: 20px;
    text-align: right;
}

#information ul.support{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
#information ul.support li{
	width: 48%;
	padding-bottom: 5px;
}
#information ul.support li img{
	width: 100%;
	height: auto;
}

#information .supportImage{
	width: 90%;
	max-width: 750px;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
	margin-bottom: 30px;
}
#information .supportImage img{
	width: 100%;
	height: auto;
}
#information .supportImage .pc{
	display: block;
	width: 100%;
}
#information .supportImage .sp{
	display: none;
	width: 100%;
}

#information .supportImage2{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	line-height: 0;
	margin-bottom: 30px;
}
#information .supportImage2 img{
	width: 100%;
	height: auto;
}
#information .supportImage2 .pc{
	display: block;
	width: 100%;
}
#information .supportImage2 .sp{
	display: none;
	width: 90%;
    margin: auto;
}
#information .supportImage3{
	width: 100%;
	max-width: 512px;
	line-height: 0;
	margin-bottom: 30px;
}
#information .supportImage3 img{
	width: 100%;
	height: auto;
}
#information .supportImage3 .pc{
	display: block;
	width: 100%;
}
#information .supportImage3 .sp{
	display: none;
	width: 90%;
    margin: auto;
}


#information ul.program{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
#information ul.program li{
	width: 22%;
	padding-bottom: 20px;
}
#information ul.program li .photo{
	width: 100%;
	margin-bottom: 10px;
}
#information ul.program li .photo img{
	width: 100%;
	height: auto;
}


#information .relatedLinks{
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
 	padding: 15px 25px;
	background-color: #deecfa;
	margin-bottom: 20px;
}
#information .relatedLinks h4{	
	font-size: 18px;
	color: #306daf;
	font-weight: bold;
	
	margin-bottom: 5px;
}
#information .relatedLinks ul{
	padding-left: 2em;
}
#information .relatedLinks ul li{
	width: 100%;
}
#information .relatedLinks ul li a{
	font-size: 16px;
}
#information .relatedLinks ul li a:hover {
	text-decoration: underline;
}
#information .relatedLinks ul li a:before {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	content: '\f101\00a0';
	font-size: 70%;
	color:#0356A0;
	vertical-align: 10%;
}
#information .relatedLinks ul li a:after {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f35d';
	font-size: 80%;
	vertical-align: 10%;
}

/* 世界の課題、飢餓とは  プロフィール  */
#effect{
	width: 100%;
}
#effect .profile{
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 10px;
	border: 1px solid #ccc;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 25px;
}
#effect .profile .photo{
	width: 18%;
	text-align: center;
}
#effect .profile .photo img{
	width: 100%;
	height: auto;
	margin: 0 10px;

}
#effect .profile .text{
	width: 82%;
	margin: auto;
	padding: 0 3%;
}
#effect .profile p.name{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 20px;
}
#effect .profile p.name b{
	color: #ff7bab;
}
#effect .profile p.outline{
	font-size: 14px;
	line-height: 1.4;
}


/* 今世界では　ブルー枠 */
#information .moreLinks{
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 25px;
	border:solid 1px #BBBBBB;
	margin-bottom: 30px;
}
#information .moreLinks h4{	
	font-size: 18px;
	color: #306daf;
	font-weight: bold;
	
	margin-bottom: 5px;
}
#information .moreLinks ul{
	padding-left: 2em;
}
#information .moreLinks ul li{
	width: 100%;
}
#information .moreLinks ul li a{
	font-size: 16px;
	color: #29abe2;
  text-decoration: underline;
}
#information .moreLinks ul li a:hover {
	text-decoration: underline;
}
#information .moreLinks ul li a:before {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	content: '\f101\00a0';
	font-size: 70%;
	color:#0356A0;
	vertical-align: 10%;
}
#information .moreLinks ul li a:after {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	font-size: 80%;
	vertical-align: 10%;
}

@media only screen and (max-width: 767px){
#information .moreLinks{
		box-sizing: border-box;
		width: 90%;
		margin: -20px auto 30px auto;
	}
}

/*バックナンバー*/
#backnumber{
	width: 100%;
	padding-top: 20px;
}
#backnumber h1{
	width: 100%;
	border-top: 2px solid #ff943b;
	text-align: center;
	margin-bottom: 20px;
}
#backnumber h1 span{
	display: inline-block;
	width: 220px;
	margin-top: -16px;
}
#backnumber h1 span img{
	width: 100%;
	height: auto;
}

#backnumber .content{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	padding-bottom: 30px;
}
#backnumber p.lead{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 30px;
}

#backnumber ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

/*最終行を左寄せにするための記述*/
#backnumber ul::after{
	content: "";
    display: block;
    width: 31%;
    height: 0;
}


#backnumber ul li{
	width: 31%;
	padding-bottom: 30px;
}
#backnumber ul li img{
	width: 100%;
	height: auto;
	
	line-height: 0;
	border: 1px solid #ccc;
}
#backnumber ul li a:hover{
	opacity: 0.8;
}


#message{
	width: 100%;
	padding-top: 20px;
}
#message h1{
	width: 100%;
	text-align: center;
	background-color: #fae5e5;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 20px;
}

#message .profile{
	box-sizing: border-box;
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	padding: 20px 10px;
	border: 1px solid #ccc;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 25px;
}
#message .profile .photo{
	width: 18%;
	text-align: center;
}
#message .profile .photo img{
	width: 70%;
	height: auto;
}
#message .profile .text{
	width: 82%;
}

#message .profile p.name{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 8px;
}
#message .profile p.outline{
	font-size: 14px;
	line-height: 1.4;
}



#message .mainCopy{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	
	font-size: 22px;
	font-weight: bold;
	
	border-bottom: 1px solid #c00;
	
	margin-bottom: 20px;
}

#message .content{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	padding-bottom: 30px;
}
#message .bodyText{
	width: 100%;
	padding-bottom: 20px;
}
#message .imagePhoto{
	width: 25%;
	padding-bottom: 20px;
}
#message .imagePhoto img{
	width: 100%;
	height: auto;
}

#message .bodyText p{
	font-size: 16px;
	margin-bottom: 0.8em;
	line-height: 1.5;
}
#message .bodyText p.footNote{
	font-size: 14px;
	padding-top: 1em;
	margin-bottom: 0.5em;
}

#message .content .footLink{
	width: 100%;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	text-align: right;
}
#message .content .footLink a{
	display: block;
	padding-right: 1.5em;
	font-size: 12px;
	line-height: 1.4;
	text-decoration: underline;
	color: #29abe2;
}
#message .content .footLink a:hover{
	text-decoration: none;
}

#message .content .footLinkL{
	width: 100%;
	border-top: 1px solid #ccc;
		padding-top: 0px;
	margin-bottom: 40px;
	text-align: left;
}
#message .content .footLinkL a{
	display: block;
	padding-left: 1.5em;
	margin-top: -13px;
	font-size: 12px;
	line-height: 1.4;
	text-decoration: underline;
	color: #29abe2;
}
#message .content .footLinkL a:hover{
	text-decoration: none;
}
/*#message .content .footLinkL .next{

	box-sizing: border-box;
	width: 100%;
	
	position: absolute;
	z-index: 1;

	transition: all 0.2s linear;
	
	margin-bottom: 1em;
	margin-top: -4px;
}*/
#message .content .footLinkL .next:before{
	position: relative;
	top: 5px;
	right: 0;
	margin-top: -5px;
	content: '\f100';
	color: #29abe2;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
#message .content .footLink .next{

	box-sizing: border-box;
	width: 100%;
	
	position: relative;
	z-index: 1;

	transition: all 0.2s linear;
	
	margin-bottom: 1em;
}
#message .content .footLink .next:before{
	position: absolute;
	top: 5px;
	right: 0;
	margin-top: -0.6em;
	content: '\f101';
	color: #29abe2;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}

/*ルビ調整*/
[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.2em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.5em;
}

#message_txt rt {
    display: none;
}

#message_txt span{
   letter-spacing:5px;
}

@media only screen and (max-width: 767px){
    [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.7em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.4em;
    }
    #message_txt span{
       letter-spacing:8px;
    }
}    
    
/*原稿用紙ダンロード_PC*/
#download{
	width: 100%;
	padding-top: 20px;
}
#download h1{
	width: 100%;
	text-align: center;
	background-color: #edf6e2;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 20px;
}

#download .lead{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 30px;
}

#download .bodyText{
	width: 100%;
	padding-bottom: 20px;
}

#download .content{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 30px;
}

#download h2.mainCopy{
	width: 100%;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #89c33f;
	margin-bottom: 20px;
}

#download .bodyText p{
	font-size: 16px;
	margin-bottom: 0.8em;
	line-height: 1.5;
}

#download .kankyouText p{
	font-size: 14px;
	line-height: 1.5;
}

/*ボタン*/
.download_btn{
    display:-webkit-flex;
    display: flex;
    margin-bottom: 30px;
}
.download_btn p:last-child{
    margin-left: 10px;
}

#download .download_btn .appBtn{
	box-sizing: border-box;
	width: 100%;
	max-width: 280px;
	background-color: #89c33f;
	position: relative;
	z-index: 1;
	transition: all 0.2s linear;
	margin-bottom: 0.4em;
	text-align: center;
}
#download .download_btn .appBtn:before{
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -0.6em;
	content: '\f105';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
#download .download_btn .appBtn a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 18px 12px;
	line-height: 1.0;
    white-space: nowrap;
}
#download .download_btn a span.ext:after {
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f35d';
}
#download .download_btn a span.pdf:after {
	font-weight: normal;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f1c1';
}
#download .download_btn a span.word:after {
	font-weight: normal;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f1c2';
}
#download .download_btn .appBtn:hover{
	opacity: 0.8;
}


/*応募概要_PC*/
#oubo{
	width: 100%;
	padding-top: 20px;
    font-size: 16px;
}
#oubo h1{
	width: 100%;
	text-align: center;
	background-color: #deecfa;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 20px;
}

#oubo .lead{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 30px;
}

#oubo .bodyText{
	width: 100%;
	padding-bottom: 20px;
}

#oubo .oubo_gaiyou{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 30px;
}
#oubo .oubo_gaiyou div{
    width: 50%;
    box-sizing: border-box;
}
#oubo .oubo_gaiyou div:first-child{
    padding-right:20px;
}
#oubo .oubo_gaiyou div:last-child{
    padding-left:20px;
}
#oubo .oubo_gaiyou div h2{
    font-weight: bold;
    border-bottom: solid 1px #0a6eb4;
    margin-bottom: 20px;
}
#oubo .oubo_gaiyou div p{
    text-align: center;
}

#oubo .oubo_gaiyou div p img{
    width: 100%;
    max-width: 210px;
}

#oubo .oubo_gaiyou div p a{
    cursor: pointer;
    cursor: hand;
    display: block;
}

#oubo .oubo_poster{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	justify-content: space-between;
	padding-bottom: 30px;
}

#oubo .oubo_poster div h2{
    font-weight: bold;
    border-bottom: solid 1px #0a6eb4;
    margin-bottom: 20px;
}
#oubo .oubo_poster div p{
    margin-bottom: 20px;
}
#oubo .oubo_poster div ul{
    display: flex;
	justify-content: space-between;
}
#oubo .oubo_poster div ul li{
    width: 22%;
}
#oubo .oubo_poster div ul li img{
    width: 100%;
    max-width: 210px;
}
#oubo .oubo_poster div ul li img a{
    cursor: pointer;
    cursor: hand;
    display: block;
}

/*学習シート*/
#oubo .gakusyu_sheet{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	justify-content: space-between;
	padding-bottom: 30px;
}

#oubo .gakusyu_sheet div h2{
    font-weight: bold;
    border-bottom: solid 1px #0a6eb4;
    margin-bottom: 20px;
}
#oubo .gakusyu_sheet div p{
    margin-bottom: 20px;
}
#oubo .gakusyu_sheet div p img{
    width: 100%;
    max-width: 800px;
}
#oubo .gakusyu_sheet div p img a{
    cursor: pointer;
    cursor: hand;
    display: block;
}




/*協賛のご案内_PC*/
#sponsorship{
	width: 100%;
	padding-top: 20px;
    font-size: 16px;
}

#sponsorship h1{
	width: 100%;
	text-align: center;
	background-color: #deecfa;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 20px;
}

#sponsorship .lead{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 30px;
}
#sponsorship .content{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 30px;
}

#sponsorship h2.mainCopy{
	width: 100%;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #0a6eb4;
	margin-bottom: 20px;
}
/*ボタン*/
#sponsorship .download_btn{
    display:-webkit-flex;
    display: flex;
}
#sponsorship .download_btn p:last-child{
    margin-left: 10px;
}

#sponsorship .download_btn .appBtn{
	box-sizing: border-box;
	width: 280px;
	background-color: #0a6eb4;
	position: relative;
	z-index: 1;
	transition: all 0.2s linear;
	/*margin-bottom: 1em;*/
}
#sponsorship .download_btn .appBtn:before{
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -0.6em;
	content: '\f105';
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
#sponsorship .download_btn .appBtn a{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 18px 12px;
	line-height: 1.0;
    white-space: nowrap;
}
#sponsorship .download_btn a span.pdf:after {
	font-weight: normal;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f1c1';
}
#sponsorship .download_btn a span.word:after {
	font-weight: normal;
	font-family: "Font Awesome 5 Free";
	content: '\00a0\f1c2';
}
#sponsorship .download_btn .appBtn:hover{
	opacity: 0.8;
}
#sponsorship .contact{
    border: solid 1px #999;
    width: 100%;
    padding: 15px;
    margin-top: 20px;
}
#sponsorship .contact h3{
    font-weight: bold;
}

/*
.kankyouText p span.bold{
    font-weight: bold;
}
*/

/*入賞作品発表_PC*/
#result{
	width: 100%;
	padding-top: 20px;
}
#result h1{
	width: 100%;
	border-top: 2px solid #cc9900;
	text-align: center;
	margin-bottom: 20px;
}
#result h1 span{
	display: inline-block;
	width: 266px;
	margin-top: -16px;
}
#result h1 span img{
	width: 100%;
	height: auto;
}

#result h2{
	width: 100%;
	
	padding: 2px 0 10px;

	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;

	text-align: center;
	
	background-color: #eee;
	
	margin-bottom: 20px;
}
#result h2:before {
    content: url(./img/icon_information.png);
    margin: 6px;
    position: relative;
    top: 6px;
}

#result p{
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 0.5em;
}

#result .content{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	padding-bottom: 30px;
}
#result .content2{
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	padding-bottom: 30px;
}


#result ul.aisatsu{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
#result ul.aisatsu li.aisatsu_l{
	width:65%;
	padding-bottom: 20px;
}
#result ul.aisatsu li.aisatsu_r{
	width:35%;
	padding-bottom: 20px;
}
#result p.lead{
	width: 95%;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 20px;
}
#result p.lead strong{
	color: #c00;
}
#result ul.aisatsu li.aisatsu_r .BnrBook{
	border: solid 1px #cc9900;
}

#result ul.aisatsu li.aisatsu_r .BnrBook a,
#result ul.aisatsu li.aisatsu_r .BnrBook a img{
	display: block;
	width: 100%;
}
#result ul.aisatsu li.aisatsu_r .BnrBook a:hover{
	opacity: 0.8;
}


#result .link_essay_wfp .pc{
	display: block;
	width: 100%;
}
#result .link_essay_wfp .sp{
	display: none;
	width: 100%;
}

#result .link_essay_wfp{
	text-align: center;
}
#result .link_essay_wfp a, #result .link_essay_wfp a img{
	width: 100%;
	max-width: 639px;
	height: auto;
	display: block;
	margin: 0 auto;
}

#result .link_essay_wfp a:hover{
	opacity: 0.8;
}
#result .link_essay a:hover{
	opacity: 0.8;
}

#result ul.link_essay{
	width: 100%;

	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
#result ul.link_essay li{
	width: 31%;
	padding-bottom: 20px;
}
#result ul.link_essay li img{
	width: 100%;
	height: auto;
}
#result ul.link_essay li .photo img{
	width: 100%;
	height: auto;
}

#result .content table.kasaku{
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #999;
}
#result .content table.kasaku th, #result .content table.kasaku td{
	padding: 10px;
	border: solid 1px #999;
	line-height: 1.3;
}
#result .content table.kasaku th{
	background-color: #cc9900;
	color: #fff;
	font-weight: bold;
}
#result .content table.kasaku td.bumon{
	background-color: #f5ebcc;
	font-weight: bold;
	
}
.kasaku td span{display: block; padding-bottom:7px;}
.kasaku td span:last-child{padding-bottom:0px;}
@media only screen and (max-width: 767px){
#result .content table.kasaku th, #result .content table.kasaku td{display: block; border-bottom-style: none; margin: 0;}
#result .content table.kasaku{border-botton:solid 1px #999; border-top-style: none; border-left-style: none;border-right-style: none;}
}

#result ul.shinsa_photo{
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto;
}
#result ul.shinsa_photo li{
	width: 50%;
	padding-bottom: 20px;
	text-align: center;
}
#result ul.shinsa_photo li img{
	width: 95%;
	height: auto;
	
}

/*表彰式*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*表彰式 リンク*/
#result .cereBtn{
	box-sizing: border-box;
	width: 100%;
	max-width: 240px;
	background-color: #cc9900;
	position: relative;
	z-index: 1;
	transition: all 0.2s linear;
	margin-bottom: 1em;
	text-align: center;
	margin: 20px auto 20px auto;
 }
#result .cereBtn a{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	display: block;
	padding: 14px 18px 12px;
	line-height: 1.0;
}

#result .cereBtn:before{
    position: absolute;
    top: 50%;
    right: 2%;
    margin-top: -0.6em;
    content: '\f105';
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    z-index: -1;
}
#result .cereBtn:hover{
	opacity: 0.8;
}

#txt_ce{
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 20px;
}

#result ul.ceremony{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto;
}
#result ul.ceremony li{
	width: 30%;
	padding-bottom: 20px;
	text-align: center;
	line-height: 1.3
}
#result ul.ceremony li img{
	width: 100%;
	height: auto;
	
}

#result ul.ceremony li img{
	width: 100%;
	height: auto;
	
}
#result .photo_main{
	text-align: center;
	width: 100%;
	margin:20px auto 20px auto;
}
#result .photo_main p{
	text-align: center;
}
#result .photo_main img{
	display: block;
	margin: 0 auto 5px auto;
	max-width: 700px;
	width: 100%;
}
#result .photo_main2{
	text-align: center;
	width: 100%;
	margin:20px auto 20px auto;
}
#result .photo_main2 p{
	text-align: center;
}
#result .photo_main2 img{
	display: block;
	margin: 0 auto 5px auto;
	max-width: 700px;
	width: 100%;
}

@media only screen and (max-width: 767px){
#txt_ce{width: 90%;}
#result ul.ceremony li{
	width: 90%; margin: 0 auto;
}
#result .photo_main{
	width: 90%;
}
#result .photo_main p{
	text-align: left;
	width: 90%;
}
#result .photo_main2{
	width: 100%;
}
#result .photo_main2 p{
	text-align: left;
	width: 100%;
}

}


/*入賞作品発表_PC*/
#result_essay{
	width: 100%;
	padding-top: 20px;
}
#result_essay h1{
	width: 100%;
	border-top: 2px solid #cc9900;
	text-align: center;
	margin-bottom: 20px;
}
#result_essay h1 span{
	display: inline-block;
	width: 266px;
	margin-top: -16px;
}
#result_essay h1 span img{
	width: 100%;
	height: auto;
}

#result_essay h2{
	width: 100%;
	
	padding: 2px 0 10px;

	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;

	text-align: center;
	
	background-color: #eee;
	
	margin-bottom: 20px;
}
#result_essay h2:before {
    content: url(./img/icon_information.png);
    margin: 6px;
    position: relative;
    top: 6px;
}

#result_essay .mainCopy{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
}
#result_essay .mainName{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	font-size: 14px;
	border-bottom: 1px solid #cc9900;
	margin-bottom: 20px;
	text-align: right
}

#result_essay .content{
	width: 96%;
	max-width: 800px;
	margin: 0 auto;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	padding-bottom: 30px;
}
#result_essay .bodyText{
	width: 96%;
	padding-bottom: 20px;
	margin: 0 auto;
}
#result_essay .bodyText p{
	font-size: 16px;
	margin-bottom: 0.8em;
	line-height: 1.5;
}

#result_essay .comment{
	width: 100%;
	max-width: 800px;
	background-color: #faf5e5;
	padding: 20px;
	margin-bottom: 30px;
}
#result_essay .comment li.commentText span,
#result_essay .comment li.commentText2 span{
	font-weight: bold;
	color:  #cc9900;
}

#result_essay .comment ul{
	width: 100%;
	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin: 0 auto;
}
#result_essay .comment ul li.commentPhoto{
	width: 20%;
	text-align: center;
}
#result_essay .comment ul li.commentText{
	width: 80%;
	-ms-flex:0 1 auto;
}
result_essay .comment ul li.commentText2{
	width: 100%;
}
#result_essay .comment ul li.commentPhoto img{
	/*width: 90%;*/
	max-width:130px;
	height: auto;
	margin-right: 20px;
}
#result_essay .Link{
	border-top: 1px solid #ccc;
	padding-top: 20px;
	width:100%;
}
#result_essay .Link table{
	width:100%;
}
#result_essay .Link table th,#result_essay .Link table td{
	padding: 5px 20px;
	/*white-space: nowrap;*/
}
#result_essay .Link table td a{
	padding: 5px 20px 5px 3px;
	/*white-space: nowrap;*/
	text-decoration: none;
	color: #29abe2;
}

#result_essay .Link table td a:hover{
	text-decoration: underline;
}

@media only screen and (max-width: 767px){
#result_essay .Link table th,#result_essay .Link table td{
	display: block;
}
}


.pageTop{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: right;
}
.pageTop a{
	display: inline-block;
	width: 74px;
	line-height: 0;
}
.pageTop a img{
	width: 100%;
	height: auto;
}
.pageTop a:hover{
	opacity: 0.8;
}




nav.fNav{
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 15px 0 15px;
	
	line-height: 1.0;
}
nav.fNav ul{
	width: 100%;
	text-align: center;
}
nav.fNav ul li{
	display: inline-block;
	white-space: nowrap;
	
	padding: 0 18px;
}
nav.fNav ul li a{
	display: block;
	font-size: 16px;
    line-height: 1;
	font-weight: bold;
    padding: 5px}

nav.fNav ul li a:hover{
	text-decoration: underline;
}

nav.sns{
	width: 100%;
	background-color: #ebebeb;
	padding: 20px 0;
}
nav.sns ul{
	width: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
nav.sns ul li{
	display: block;
	white-space: nowrap;
	
	padding: 0 5px;
}




nav.sns ul li a{
	display: block;
	width: 40px;
	height: auto;
	position: relative;
	
	background-color: #999;
	border-radius: 50%;
}
nav.sns ul li a:hover{
	opacity: 0.8;
}
nav.sns ul li a:before{
	content: "";
	display: block;
	padding-top: 100%;
}
nav.sns ul li a span{
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	height: 100%;

	text-align: center;
	
	font-family: Webooks, Arial, Helvetica, "sans-serif";
	color: #fff;
	font-size: 20px;
	line-height: 1.0;

	
	transition: all 0.2s linear;
}

nav.sns ul li a span:before{
	content: "";
	height: 100%;
	vertical-align: middle;
	width: 0px;
	display: inline-block;
}
 
nav.sns ul li a span > *{
	vertical-align: middle;
	display: inline-block;
}






footer{
	width: 100%;
}
footer .copyright{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	
	background-color: #204a76;

	font-size: 12px;
	color: #fff;
	line-height: 1.5;
	padding: 8px 0;
}

/*.fa-twitter::before,
.fa-twitter-square::before {
font-family: vk_sns;
content: “\e606”;
	font-weight: 400;
}
*/




/* Responsive Structure
-----------------------------------------------------------------------------------------------------------------------------------------*/

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


header .upper{
	height: 43px;
}
header .upper{
	height: 43px;
}

#container{
    /*入賞作品発表前*/
/*	padding-top: 100px;
*/    /*入賞作品発表後*/
/*padding-top: 114px;
*/    }
/*準備中ページの場合*/
#container_pre{
	/*padding-top: 100px;*/
    padding-top: 96px;
}

nav.gNavSP{
	display: block;
	width: 100%;
	position: relative;
	/*z-index: 80;*/
	
	margin-top: 0;
}
nav.gNavSP ul{
	width: 100%;
	height: 40px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	align-items: center;
}
nav.gNavSP ul li{
	box-sizing: border-box;
    /*入賞作品発表前用*/
/*	width: 33.33%;
	max-width: 33.33%;
    height: 40px;
*/    /*入賞作品発表後用*/
	width: 50%;
	max-width: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	overflow: hidden;
    border-top: 1px solid #d6d6d6;

}


nav.gNavSP ul li a{
	display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
    font-weight: bold;
    padding: 12px 0;
    font-size: 11px;
    line-height: 1;
	background-color: #fff;
}
nav.gNavSP ul li a span{
	display: inline-block;
	white-space: nowrap;
}
nav.gNavSP ul li.index a:hover,
nav.gNavSP ul li.index.current a{
	color: #fff;
	background-color: #29abe2;
}
nav.gNavSP ul li.information a:hover,
nav.gNavSP ul li.information.current a{
	color: #fff;
	background-color: #ff7bab;
}
nav.gNavSP ul li.backnumber a:hover,
nav.gNavSP ul li.backnumber.current a{
	color: #fff;
	background-color: #ff943b;
}
nav.gNavSP ul li.result a:hover,
nav.gNavSP ul li.result.current a{
	color: #fff;
	background-color: #cc9900;
}
nav.gNavPC{
	display: none;
	width: 100%;

}

nav.breadcrumb{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 10px;
}
nav.breadcrumb ul li{
	font-size: 12px;
}


#homeMain .pc{
	display: none;
	width: 100%;
}
#homeMain .sp{
	display: block;
	width: 100%;
}

#BnrResult .sp{
	width: 90%;
	max-width: 500px;
	margin:0 auto;
}





#homeAbout{
	padding-top: 50px;
}
#homeAbout h2{
	width: 100%;
	border-top: 2px solid #29abe2;
	
	text-align: center;
	
	margin-bottom: 20px;
	
}
#homeAbout h2 span{
	display: inline-block;
	width: 200px;
	margin-top: -16px;
}

#homeAbout h3{
	font-size: 15px;
	line-height: 1.3;

	margin-bottom: 20px;
}

#homeAbout ul.special{

	flex-wrap: wrap;
	
	margin-bottom: 10px;
}
#homeAbout ul.special li{
	width: 100%;
	max-width: 100%;
	
	padding-bottom: 20px;
}
#homeAbout ul.special li .photo{
	
	margin-bottom: 12px;
}
#homeAbout ul.special li .photo img{
	max-width: 180px;
}
#homeAbout ul.special li .name{
	font-size: 14px;
	
	margin-bottom: 3px;
}

#homeAbout ul.special li .title{
	font-size: 12px;
	line-height: 1.3;
}


#homeAbout .judges{
	width: 100%;
		
	padding: 30px 0 10px;
	margin-bottom: 10px;
	
	background-color: #deecfa;
}
#homeAbout .judges > ul{
	width: 100%;
	max-width: 100%;
		
	display: flex;
	flex-wrap: wrap;
}
#homeAbout .judges > ul > li.chair{
	width: 100%;
	
	text-align: center;
	
	padding-bottom: 40px;
}
#homeAbout .judges > ul > li.members{
	width: 100%;
}

#homeAbout .judges > ul > li.chair .photo{
	
	margin-bottom: 12px;
}
#homeAbout .judges > ul > li.chair .photo img{
	max-width: 180px;
}
#homeAbout .judges > ul > li.chair .name{
	font-size: 14px;
	
	margin-bottom: 3px;
}
#homeAbout .judges > ul > li.chair .title{
	
	font-size: 12px;
	line-height: 1.3;
}

#homeAbout .judges > ul > li.members h3{
	text-align: center;
}
#homeAbout .judges > ul > li.members > ul{
	width: 100%;
		
	display: flex;
	flex-wrap: wrap;
}
#homeAbout .judges > ul > li.members > ul li{
	width: 100%;
	
	padding-bottom: 15px;
}
#homeAbout .judges > ul > li.members > ul li .name{
	width: 86%;
	max-width: 280px;
	margin: 0 auto;
	
	font-size: 14px;
	
	padding-bottom: 2px;
	border-bottom: 1px solid #0a6eb4;
	margin-bottom: 8px;
}
#homeAbout .judges > ul > li.members > ul li .title{
	width: 86%;
	max-width: 280px;
		margin: 0 auto;
	
	font-size: 12px;
	line-height: 1.3;
}

#application{
	padding: 0 0 20px;
}
#application h2{
	padding: 12px 0;
	
	font-size: 18px;
	
	margin-bottom: 0px;
}

#application dl{
	width: 100%;
	
	border-top: none;
	
	margin-bottom: 20px;
	
}
#application dl dt{
	width: 100%;
	padding: 6px;
	
	border-left: none;
	border-bottom: none;
	
	font-size: 14px;
	
	text-align: center;
}
#application dl dd{
	width: 100%;
	padding: 8px 5% 15px;
	
	border-right: none;
	border-bottom: none;

	font-size: 14px;
}

	
#application dl.outline{
	display: none;
	margin-bottom: 10px;
	
}	
	
	
	
	
	
	
#application dl.outlineSP{
	display: block;
	margin-bottom: 10px;
	
		border-bottom: 1px solid #999;
}
#application dl.outlineSP dt{
	font-size: 12px;
}
#application dl.outlineSP dd{
	font-size: 12px;
}


#application dl dd .appBtn{
	max-width: none;
}
#application dl dd .appBtn a{
	font-size: 14px;
	padding: 14px 18px 12px;
	line-height: 1.0;
}
#application dl dd .appBtn2{
	max-width: none;
}
#application dl dd .appBtn2 a{
	font-size: 14px;
	padding: 14px 18px 12px;
	line-height: 1.0;
}


#application dl dd .note{
	font-size: 12px;
}
#application dl dd .note2{
	font-size: 12px;
}



#application dl dd ul.sponsor{
	width: 100%;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#application dl dd ul.sponsor li{
	box-sizing: border-box;
	width: 100%;
	padding: 0 0;
}
#application dl dd ul.sponsor li .logo{
	margin-bottom: 10px;
}
#application dl dd ul.sponsor li .logo img{
	width: 120px;
	height: auto;
}
#application dl dd ul.sponsor li .logo2{
	margin-bottom: 10px;
}
#application dl dd ul.sponsor li .logo2 img{
	width: 100px;
	height: auto;
}

#application dl dd ul.sponsor li .linkBtn{	
	margin-bottom: 1em;
}
#application dl dd ul.sponsor li .linkBtn a .photo{
	width: 60px;
}
#application dl dd ul.sponsor li .linkBtn a .photo img{
	width: 60px;
}
#application dl dd ul.sponsor li .linkBtn a .text{
	font-size: 12px;
	padding: 0 20px 0 15px;
}


#application .corpNote {
	width: 90%;
	font-size: 12px;
}


.linksponsorship{
	margin-bottom: 20px;
}
.linksponsorship a{
	font-size: 14px;
}

.linkAboutWFP{
	margin-bottom: 20px;
}
.linkAboutWFP a{
	font-size: 14px;
}
.linkRedcup{
	max-width: 440px;
	
	margin-bottom: 30px;
}
.linkRedcup .pc{
	display: none;
}
.linkRedcup .sp{
	display: block;
}







#information{
	width: 100%;
	padding-top: 20px;
}
#information h1{
	
	margin-bottom: 10px;
}
#information h1 span{
	width: 180px;
	margin-top: -16px;
}

#information h2{
	width: 100%;
	padding: 0px 0px 0px 6px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;

	margin-bottom: 20px;
}
#information h2 span:before {
    content: url(./img/icon_information.png);
    margin: 6px;
    position: relative;
    top: 6px;
}
#information h3{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #ff7bab;
	margin-bottom: 10px;
}
#information h3 .text{
	border-left: 3px solid #ff7bab;
	padding-left: 5px;
	margin-bottom: 5px;
	line-height: 1.3;
}
#information h3 .copy{
	font-size: 12px;
	font-weight: normal;
}
#information h3 .title{
	font-size: 16px;
	font-weight: bold;
}
#information p{
	width: 100%;
	margin: 0 auto;

	
	font-size: 12px;
	line-height: 1.6;
	
	margin-bottom: 0.5em;
	
	
}

#information .content{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	padding-bottom: 30px;
}
#information p.lead{
	width: 90%;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 20px;
}
#information p.lead2{
	width: 100%;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 20px;
}

#information p.lead strong{
	color: #c00;
}


#information .mapImage{
	width: 90%;
	margin: 0 auto;
}
#information .mapText{
	width: 90%;
	margin: 0 auto;
}
/* ピンクボタン　ページ内リンク用 */
#information .scroll_btn{
	width: 90%;
	max-width: 100%;
	margin: 1em auto;
}
#information .scroll_btn a{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	
	display: block;
	padding: 14px 18px 12px;
	line-height: 1.0;
}

#information ul.activity{
	width: 90%;
	margin: 0 auto;

}
#information ul.activity li{
	width: 100%;
	padding-bottom: 20px;
}
	
    
#information ul.sdgs_box{
	width: 90%;
	margin: 0 auto;

}
#information ul.sdgs_box li{
	width: 100%;
	padding-bottom: 20px;
}


#information p.syutten{
    width: 90%;
    margin: 0 auto;

}    
    
#information ul.support{
	width: 90%;
	margin: 0 auto;
}
#information ul.support li{
	width: 100%;
	/*padding-bottom: 10px;*/
}

#information .supportImage{
	margin-bottom: 30px;

}
#information .supportImage .pc{
	display: none;
}
#information .supportImage .sp{
	display: block;
}
    
    
#information .supportImage2{
	margin-bottom: 30px;

}
#information .supportImage2 .pc{
	display: none;
}
#information .supportImage2 .sp{
	display: block;
}

#information .supportImage3{
	margin-bottom: 30px;

}
#information .supportImage3 .pc{
	display: none;
}
#information .supportImage3 .sp{
	display: block;
}

#information ul.program{
	width: 90%;
	margin: 0 auto;
}
#information ul.program li{
	width: 100%;
	padding-bottom: 20px;
}


#information .relatedLinks{
	
	padding: 15px 25px;
	
	
	margin-bottom: 30px;
}
#information .relatedLinks h4{	
	font-size: 14px;
	
	margin-bottom: 5px;
}
#information .relatedLinks ul{
	padding-left: 0;
}

#information .relatedLinks ul li a{
	font-size: 12px;
}
	






#backnumber{
	width: 100%;
	padding-top: 20px;
}
#backnumber h1{	
	margin-bottom: 20px;
}
#backnumber h1 span{
	width: 180px;
	margin-top: -16px;
}

#backnumber .content{
	
	padding-bottom: 30px;
}
#backnumber p.lead{
	font-size: 14px;
	text-align: left;
	

	margin-bottom: 30px;
}

#backnumber ul{
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
}
#backnumber ul li{
	width: 100%;
	padding-bottom: 20px;
}







#message{
	width: 100%;
	padding-top: 10px;
}
#message h1{
	font-size: 15px;
	padding: 10px 0;
	margin-bottom: 10px;
}

#message .profile{
	box-sizing: border-box;
	padding: 20px 20px;
	flex-wrap: wrap;
	margin-bottom: 25px;
}
#message .profile .photo{
	width: 100%;
	text-align: center;
	margin-bottom: 10px
}
#message .profile .photo img{
	max-width: 100px;
}
#message .profile .text{
	width: 100%;
}

#message .profile p.name{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 8px;
}
#message .profile p.outline{
	font-size: 12px;
	line-height: 1.4;
}


/* 今世界では　人物紹介 */
#effect{
	width: 90%;
	margin: 0 auto;
}
#effect .profile{
	box-sizing: border-box;
	padding: 20px 20px;
	flex-wrap: wrap;
	margin-bottom: 25px;
}
#effect .profile .photo{
	width: 100%;
	text-align: center;
	margin-bottom: 10px
}
#effect .profile .photo img{
	max-width: 767px;
	width: 100%;
}
#effect .profile .text{
	width: 100%;
}

#effect .profile p.name{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
	#effect .profile p.name b{
	font-size: 16px;
	}
#effect .profile p.outline{
	font-size: 14px;
	line-height: 1.4;
}


#message .mainCopy{
	width: 90%;
	font-size: 16px;
	margin-bottom: 20px;
}

#message .content{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 30px;
}
#message .bodyText{
	width: 100%;
	padding-bottom: 20px;
}
#message .imagePhoto{
	width: 100%;
	padding-bottom: 20px;
}
#message .imagePhoto img{
	width: 100%;
	height: auto;
}

#message .bodyText p{
	font-size: 14px;
	margin-bottom: 0.8em;
	line-height: 1.5;
}
#message .bodyText p.footNote{
	font-size: 12px;
	padding-top: 1em;
	margin-bottom: 0.5em;
}

#message .content .footLink{
	width: 100%;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	text-align: right;
}
#message .content .footLink a{
	display: block;
	padding-right: 1.5em;
	font-size: 12px;
	line-height: 1.4;
	text-decoration: underline;
	color: #29abe2;
}
#message .content .footLink a:hover{
	text-decoration: none;
}

#message .content .footLink .next{

	box-sizing: border-box;
	width: 100%;
	
	position: relative;
	z-index: 1;

	transition: all 0.2s linear;
	
	margin-bottom: 1em;
}
#message .content .footLink .next:before{
	position: absolute;
	top: 5px;
	right: 0;
	margin-top: -0.6em;
	content: '\f101';
	color: #29abe2;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
    
    
       
/*ダウンロード_SP*/
#download{
	width: 100%;
	padding-top: 10px;
}
#download h1{
	font-size: 15px;
	padding: 10px 0;
	margin-bottom: 10px;
}

#download h2.mainCopy{
	width: 100%;
	font-size: 16px;
	margin-bottom: 10px;
}

#download .content{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
}
#download .lead{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 0px;
}
#download .bodyText{
	width: 100%;
	padding-bottom: 20px;
}

#download .bodyText p{
	font-size: 14px;
	margin-bottom: 0.8em;
	line-height: 1.5;
}

#download .kankyouText p{
    font-size: 12px;
} 
    
/*応募票_SP*/
#oubo{
	width: 100%;
	padding-top: 10px;
    font-size: 14px;
}
#oubo h1{
	font-size: 15px;
	padding: 10px 0;
	margin-bottom: 10px;
}
#oubo .lead{
	width: 90%;
	padding-bottom: 15px;
} 
#oubo .oubo_gaiyou{
	width: 90%;
	max-width: 800px;
}
#oubo .oubo_poster{
	width: 90%;
} 
	
#oubo .gakusyu_sheet{
	width: 90%;
} 
    
    
/*協賛案内_SP*/
#sponsorship{
	width: 100%;
	padding-top: 10px;
    font-size: 14px;
}
#sponsorship h1{
	font-size: 15px;
	padding: 10px 0;
	margin-bottom: 10px;
}

#sponsorship h2.mainCopy{
	width: 100%;
	font-size: 16px;
	margin-bottom: 10px;
}

#sponsorship .content{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 20px;
}
#sponsorship .lead{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 0px;
}
#sponsorship .bodyText{
	width: 100%;
	padding-bottom: 20px;
}

#sponsorship .bodyText p{
	font-size: 14px;
	margin-bottom: 0.8em;
	line-height: 1.5;
}

#sponsorship .kankyouText p{
    font-size: 12px;
}    

/*ボタン*/
#download .download_btn{
    display: block;
    margin-bottom: 20px;
    width: 100%;
}
#download .download_btn p:last-child{
    width: 100%;
    margin-left: 0;
}

#download .download_btn .appBtn{
	max-width: initial;/* 初期状態にリセット */
}
#download .download_btn .appBtn a{
	font-size: 14px;
} 
    
/*入賞結果発表_SP*/
#result{
	width: 100%;
	padding-top: 20px;
}
#result h1{	
	margin-bottom: 20px;
}
#result h1 span{
	width: 180px;
	margin-top: -16px;
}
#result h2{
	font-size: 18px;
}
#result.content{
	padding-bottom: 30px;
}
#result p.lead{
	font-size: 14px;
	text-align: left;
}

#result ul.aisatsu{
	width: 90%;
	display: block;
	
	margin: 0 auto;
}
#result ul.aisatsu li.aisatsu_l{
	width:100%;
}
#result ul.aisatsu li.aisatsu_r{
	width:100%;
}
#result .link_essay_wfp .pc{
	display: none;
	width: 100%;
}
#result .link_essay_wfp .sp{
	display: block;
	width: 90%;
	margin: 0 auto;
}
#result ul.link_essay_wfp{
	width: 90%;
	display: block;
	text-align: center;
	margin: 0 auto;
}
#result ul.link_essay{
	width: 90%;
	display: block;
	text-align: center;
	margin: 0 auto;
}
#result ul.link_essay li{
	width:100%;
	padding-bottom: 20px;
}
#result ul.link_essay li img{
	width: 100%;
	max-width: 639px;
	height: auto;
}	
	
#result ul.shinsa_photo{
	width: 100%;

}



	
	
/*入賞結果発表_作文_SP*/
#result_essay h1 span img{
	max-width: 200px;
}
#result_essay .content{
	width: 90%;
}
#result_essay h2{
	font-size:18px;
}
#result_essay .mainCopy{
	font-size:16px;
}
#result_essay .mainName{
	font-size:12px;
}
#result_essay .bodyText p{
		font-size:14px;
}
#result_essay .comment{
	padding: 10px;
	margin-bottom: 30px;
}
#result_essay .comment ul{
	display:block;
}
#result_essay .comment ul li.commentPhoto{
	width: 100%;
	text-align: center;
}
#result_essay .comment ul li.commentText{
	width: 100%;
}
#result_essay .comment ul li.commentPhoto img{
	width: 100%;
	margin-right: 0;
	max-width: 100px;
	
}	



#result .content table.kasaku td br.sp{
	display: block;
}
    
	
	
.pageTop{
	width: 100%;
	text-align: center;

	background-color: #ebebeb;
}
.pageTop a{
	width: 100%;
	text-align: center;
	
	padding: 8px 0;
}
.pageTop a img{
	width: 74px;
	height: auto;
}




nav.fNav{
	width: 100%;
	border-top: 2px solid #ccc;
	padding: 0;
}
nav.fNav ul{
	width: 100%;
	text-align: left;
}
nav.fNav ul li{
	width: 100%;
	display: block;
	padding: 0;
	
	border-bottom: 2px solid #ccc;
		
	position: relative;
	z-index: 1;

	transition: all 0.2s linear;
}
nav.fNav ul li:before{
	position: absolute;
	top: 50%;
	right: 5%;
	margin-top: -0.6em;
	content: '\f105';
	color: #0a6eb4;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	z-index: -1;
}
nav.fNav ul li:hover{
	opacity: 0.8;
}
nav.fNav ul li a{
	display: block;
	width: 90%;
	padding: 10px 5%;

	font-size: 12px;
	font-weight: bold;
}
nav.fNav ul li a:hover{
	text-decoration: none;
}
nav.sns{
	width: 100%;
	background-color: #fff;
	padding: 10px 0;
}
}



/*rリード文　エリア　追加*/
#homeMain #ReadArea{
	width: 100%;
    position: relative;
    z-index: 100;
    background-color: #e5f5fc;
}

#ReadArea .ReadCont{
	width: 90%;
	max-width: 500px;
	margin:0 auto;
}
#ReadArea {
	width: 100%;
	text-align: center;
	padding: 20px 0 30px 0;
}
#ReadArea .ReadCont{
	width: 100%;
	max-width:1200px;
	margin:0 auto;
}