@charset "utf-8";
/* ===================================================================
CSS information

 file name  :pass.css

=================================================================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
img, abbr, acronym, fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
/*--- default */
body {
	/*background:url(../images/bk_repeat.png) #FBF4B9;*/
	background: #fff;
	color: #333;
	font-size: 18px;
	/*font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;*/
	font-family: 'Noto Sans Japanese', sans-serif;
	line-height: 2.0;
}
* {
	box-sizing: border-box;
}
html, body {
	height: 100%;
}
body {
	overflow-x: hidden;
}
/*
  FLUIDITY v0.1.0
  @mrmrs - http://mrmrs.cc
  MIT
*/
/*

  Responsive Utilities

*/
img, canvas, iframe, video, svg, select, textarea {
	max-width: 100%;
}
/* Wrap tables or pre elements in a div with this class */
.overflow-container {
	overflow-x: scroll;
}
/*
  Aspect ratios for media objects i.e canvas, iframe, video, svg etc.
  Defaults to 16x9
*/
.aspect-ratio {
	height: 0;
	padding-top: 56.25%;
	position: relative;
}
.aspect-ratio--object {
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background: url(../images/back.png);
}
a:link {
	color: #198ffd;
	text-decoration: none;
}
a:visited {
}
a:hover {
	text-decoration: none;
	overflow: hidden;
	outline: none;
	color: #12AAF4;
}
img {
	vertical-align: bottom;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
a:active {
	color: #12AAF4;
}
/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
/* clearfix */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*¥*//*/
 height: auto;
 overflow: hidden;
 /**/
}
.indn1em {
	padding-left: 1em;
	text-indent: -1em;
}
.left {
	float: left;
	margin: 0 10px 10px 0;
}
.right {
	float: right;
	margin: 0 0 10px 10px;
}
.center {
	text-align: center;
	margin: 10px 0;
}

br.sp{
	display:none;
	
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	margin: 0 0 0 0;
}
/*----------------------------------------------------
	pageTop
----------------------------------------------------*/

#totop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 3000;
}
/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #FFFFFF;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #c8ecfb;
}
#header .inner {
	width: 980px;
	margin: 0 auto 0 auto;
	background: #FFFFFF;
}
#header .inner ul li {
	float: left;
	margin: 20px 3px 0;
}
#header p {
	float: left;
	margin: 4px 10px 0 0;
	padding: 0;
}
#header h2 {
	float: left;
	margin: 0 0 0 15px;
	line-height: 5.2;
}
#header h1 {
	padding-top: 10px;
}
/*----------------------------------------------------
	#canvasArea
----------------------------------------------------*/

#canvasArea {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/mainbg.png) repeat;
	border-bottom: 1px solid #c8ecfb;
}
#canvasArea h2 {
	margin: 0 auto;
	padding: 0;
	width:980px;
}
/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	clear: both;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#contents .box {
	margin: 0 auto;
	padding: 100px 0;
	width: 100%;
}
#contents .box:nth-child(odd) {
	background: url(../images/clover1.png) bottom repeat #fef8ea;
}
#contents .box:nth-child(even) {
	background: url(../images/clover2.png) bottom repeat #bcd74f;
}
#contents .box .inner {
	margin: 0 auto;
	padding: 100px;
	width: 980px;
	background: url(../images/kami.png) right bottom no-repeat;
}
#contents h2 {
	padding: 100px 50px;
	font-size: 24px;
	color: #84b926;
	text-align:center;
}
#contents p {

	text-indent:1em;
	background: url(../images/line.png) repeat left bottom;
	/*background-size: 305px 30px;*/
	line-height: 60px;
	padding: 0 0 0 0;
		text-align: justify !important;
	text-justify: inter-ideograph !important;


	
}
#contents p:first-child{
	padding: 0 0 5px 0;
}


#contents p span{

	
}



/* テキスト */

#contents #scholarshipList {
padding: 100px 0;
		background: url(../images/clover2.png) bottom repeat #bcd74f;
}
#contents #scholarshipList .box {
	position: relative;
	margin:100px auto 0;
	padding: 100px;
	width: 980px;
	background:#FFFFFF;
}
#contents #scholarshipList h2 {
	padding: 2px 10px;
	border-bottom: 1px solid #E0E0E0;
	border-left: 5px solid #7EC0FF;
	margin-bottom: 20px;
}
#contents #scholarshipList h3 {
	padding: 2px 10px;
	border-left: 5px solid #7EC0FF;
	margin-bottom: 10px;
}
#contents #scholarshipList ul li {
	float: left;
	width: 48%;
	border-bottom: 1px solid #E0E0E0;
	margin: 4px;
}
#contents #scholarshipList ul li:before {
	content: "▶";
	color:#26C506;
	font-size:12px;
	padding:0 0 4px 0;
}
/*---area1-------------------------------------------------*/


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
.pagetop {
	position: relative;
	margin: 20px auto 0;
}
.pagetop a {
	display: block;
	width: 30%;
	margin: 20px auto 0;
	font-size: 12px;
	background: #64d233;
	color: #ffffff;
	padding: 5px;
	text-align: center;
}
#footer {
	position: relative;
	clear: both;
	width: 100%;
	margin-top:0;
	padding: 15px 0;
	border-top: 1px solid #ddd;
	text-align: center;
	font-size:12px;
}

/*追加*/
.area01,
.area02,
.area03,
.area04,
.area05,
.area06,
.area07,
.area08,
.area09,
.area10,
.area11,
.area12,
.area13,
.area14,
.area15,
.area16 {
	position: relative;
	width:100%;
}
.area01 img {
	position: absolute;
	top:0;
	left:22%;
	width:240px;
}
.area03 img {
	position: absolute;
	bottom:30px;
	right:22%;
	width: 200px;
}
.area05 img {
	position: absolute;
	bottom:100px;
	left:20%;
	width: 220px;
}
.area07 img {
	position: absolute;
	bottom:0;
	right:24%;
	width: 220px;
}
.area09 img {
	position: absolute;
	top:20px;
	right:20%;
	width:220px;
}
.area11 img {
	position: absolute;
	bottom: 0;
	right:10%;
	width: 200px;
}
.area13 img {
	position: absolute;
	bottom: 0;
	right:40%;
	width: 180px;
}
.area15 img {
	position: absolute;
	bottom: 0;
	right:15%;
	width: 200px;
}

@media only screen and (max-width: 768px) {
br.sp{
	display:block;
	
}
#canvasArea h2 {
	width:100%;
	
}

#contents .box {
	width:100%;
	padding: 50px 0;
}

#header .inner,
#contents .box .inner,
#footer-inner{
	width:92%;
}


#contents #scholarshipList .box {
	padding:50px 20px;
	width:96%;
}




#scholarshipList ul li {
	float: none;
	width: 100%;
	font-size:16px;
	border-bottom: 1px solid #E0E0E0;
	margin: 4px;
}


.area01 img {

	width:30%;
}
.area03 img {

	width:30%;
}
.area05 img {

	width:30%;
}
.area07 img {

	width:30%;
}
.area09 img {

	width:30%;
}
.area11 img {

	width:30%;
}
.area13 img {

	width:30%;
}
.area15 img {

	width:30%;
}


}

@media only screen and (max-width: 767px) {
#header h1 {
	padding-top: 14px;
	font-size: 14px;
}
#contents {
	width: 100%;
}

#contents h2 {
	padding:100px 0;
	font-size:20px;

}








#header .inner,
#contents .box .inner,
#footer-inner{
	width:98%;
}

#contents .box .inner {
	padding:50px 30px;
	
	
}
/*
#contents p {
	line-height: 40px;
	padding: 0 0 8px 0;
}
*/

#contents p {
	background: url(../images/line_sp.png) repeat left bottom;
	line-height: 46px;
}



.header h1 img {
	width: 100%;
}
#contents #scholarshipList ul li {
	float: none;
	width:96%;

}
#scholarshipList ul li {
	float: none;
	width: 100%;
	padding: 10px 0;
}




}