@charset "utf-8";
/* ========================================================================
		index.css
======================================================================== */



/* indexMainimg */
#indexMainimg{
	clear:both;
	position:relative;
	width:100%;
}
#indexMainimg h1{
	position:absolute;
	top:50px;left:0;
	background:#0A3385;
	color:#FFF;
	font-size:58px;font-weight:bold;
	padding:0.2em 1em 0.2em 1.8em;
	z-index:2;
	line-height:1.5em;
}
#indexMainimg .mainImg{
	position:absolute;
	top:-200px;right:0;
	z-index:1;
	width:930px;height:540px;
}
@media screen and (max-width: 767px) {
#indexMainimg h1{
	font-size:2.4em;;
	padding:0.5em;
	text-align:center;
	}

}

/* indexAbout */
#indexAbout{
	clear:both;
	margin-top:420px;
	margin-bottom:100px;
}
#indexAbout h2{
	font-size:30px;
	margin-bottom:1em;font-weight:bold;
	padding-top:0.5em;
}
#indexAbout p{
	margin-bottom:1.8em;
	line-height:1.7em;
}
#indexAbout button, #indexIRA button{
	margin-bottom:1em;
}
#indexAbout img{
	width:100%;
}


@media screen and (max-width: 767px) {
#indexAbout .yasu{
	width:200px;
}
}

/* indexRyugaku */

#indexRyugaku{
	background:#ECEDF2;
	padding:90px 0;
}
#indexRyugaku h2, #indexIRA h2{
	font-size:38px;
	text-align:center;
	font-weight:bold;
	margin-bottom:1em;
}
#indexRyugaku .center{
	font-size:18px;
	margin-bottom:1em;
}
#indexRyugaku h3{
	font-size:18px;
	font-weight:bold;
}
#indexRyugaku a h3{
	color:#004EA2;
}
#indexRyugaku a:hover, #indexRyugaku a h3:hover{
	text-decoration:none;
	color:#4DA6E8;
}

/* indexSupport */

#indexSupport{
	background:#0A3385;
	padding:90px 0;
	color:#FFF;
	text-align:center;
}
#indexSupport h2{
	font-size:38px;
	font-weight:bold;
	margin-bottom:1em;
}
#indexSupport .center{
	font-size:18px;
	margin-bottom:1em;
}
#indexSupport a{
	color:#0A3385;
	font-weight:bold;
	font-size:20px;
	line-height:1.2em;
}
#indexSupport a:hover{
	text-decoration:none;
	color:#4DA6E8;
}
#indexSupport i{
	font-size:1.8em;
	margin:0.2em 0 0.4em 0;
}


/* indexTour */
#indexTour{
}
#indexTour h2{
	font-size:38px;
	font-weight:bold;
	margin:1em 0 0.8em 0;
}
#indexTour h3{
	font-size:24px;
	font-weight:bold;
}
#indexTour a{
	color:#0A3385;
}
#indexTour a:hover{
	text-decoration:none;
	color:#4DA6E8;
}
#indexTour i{
	margin-right:0.5em;
}
#indexTour img{
	width:100%;
}

/* indexSNS */
#indexSNS, #indexIRA{
	background:#FAFAFA;
	padding:90px 0;
}
#indexSNS img, #indexIRA img{
	width:100%;
	margin:0 0 20px 0;
	filter: drop-shadow(3px 0px 3px rgba(0,0,0,0.08));
}


/* スマホ用 */
@media screen and (max-width: 767px) {
#indexSNS #FB, #indexIRA{
		width: 100%;
		max-width: 500px;
	}
#indexSNS img, #indexIRA img{
	margin:0 0 40px 0;
}
}
 
/* PC用 */
@media screen and (min-width: 768px) {
#indexSNS #FB{
		width: 100%;
	}
}