@charset "UTF-8";

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

	base

-------------------------------- */
.page #content {
	background: #E6EEF8;
	padding-top: 8rem;
}

#content .wrapper {
	background: #fff;
	width: 84rem;
	margin: 0 auto 1rem;
	padding: 5rem 0 ;
}

#content section {
	width:74rem;
	margin:0 auto;
}
#content section section {
	width:65rem;
	margin:0 auto 4rem;
}

#content dl ,
#content ul ,
#content p {
	font-size:1.4rem;
	letter-spacing:0.1rem;
	line-height:1.8;
	margin-bottom:2.8rem;
}


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

	Title
	
-------------------------------- */
#content h1.imgTitle,
#content h2.imgTitle {background-size: contain;}

#content h1.supporter {
	background-image: url("../images/supporter/title_NakAmigo.png") ;
	width: 33rem;
	line-height:23rem;
	margin:0 auto 7rem;
}

#content section.nakamigo h1 {
	background-image: url("../images/supporter/title_nakamigoboshu.png") ;
	width: 52rem;
	line-height:10rem;
	margin:0 auto 3rem;
}

#content h2.imgTitle { margin-bottom:2rem; }
section.nakamigo h2	 { background-image: url("../images/supporter/tx_nakamigo.png"); width:41.2rem; line-height: 6rem;}
section.nakamigo3 h2 { background-image: url("../images/supporter/tx_nakamigo3.png"); width:37rem; line-height: 6rem;}
section.about h2		 { background-image: url("../images/supporter/tx_about.png"); width:20rem; line-height: 2.8rem;}
section.detail h2		 { background-image: url("../images/supporter/tx_detail.png"); width:15.6rem; line-height: 2.8rem;}
section.entry h2		 { background-image: url("../images/supporter/tx_entry.png"); width:24rem; line-height: 2.8rem;}
section.requirement h2 { background-image: url("../images/supporter/tx_requirement.png"); width:10.4rem; line-height: 2.8rem;}
section.note h2			 { background-image: url("../images/supporter/tx_note.png"); width:15rem; line-height: 2.8rem;}

#content section.formsupporter h1 { background-image: url("../images/supporter/title_entryform.png"); width:46rem; line-height: 5rem; margin: 0 auto 2rem;}
#content section.formsupporter .comment { font-size: 1rem; color: #606060; text-align: center;}

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

	Img
	
-------------------------------- */
#content figure { 
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
 }
figure img {
  -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
}

#content .nakamigo3 figure img { width: 21rem;}
#content .detail figure img { width: 32rem;}


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

	style

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

#content section.nakamigo3 ul li {	list-style-type: decimal;}


#content section.formVolunteer {
	width:800px;
	background:#f9fdef;
	padding:0 0 3rem;
}
.formVolunteer h2  { display:inline-block; font-size:14px; margin:0 0 4rem; padding:.6rem 1.5rem; color:#fff; background:#000;}
.formVolunteer p { width:80%; margin:0 auto 2rem;}


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

	DL , UL

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

#content ul {padding-left: 2rem;}
#content ul li {
	margin-bottom:.3rem;
	list-style-position:outside;
	list-style-type: disc;
}

#content ul.contact li { list-style:none;}


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

	Thanks

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

section.thanks { }

section.thanks a {
	display:block;
	padding: 2rem 0;
	text-align: center;
	letter-spacing: .2rem;
	background: #00B48C;
	color: #fff;
	border-radius: 3rem;
	transition: .3s;
}
section.thanks a:hover {
	background: #74E1B7;
}