@charset "utf-8";

/*
=================================
 header
=================================
*/

/*------------------------------
 main-img
------------------------------ */
#header #main-img {
	height: 0;
	margin-top: 33px;
	visibility: hidden;
}



/*
=================================
 main
=================================
*/

#main {
	margin-top:37px;
	padding-top: 47px;
	background-image: url(../img/info/bg-main.png);
}

/*------------------------------
 bg-01
------------------------------ */
#main #bg-01 {
	margin: 0;
	padding: 0 0 30px 0;
	background: url(../img/graduate/bg-01.jpg) no-repeat center bottom;
}
#main #bg-01 .section {
	margin: 0 auto 10px;
	padding: 0;
}




/*------------------------------
 triple-box
------------------------------ */
.triple-box {
	margin: 30px 0 10px 0;
	overflow: hidden;
}
.triple-box > div {
	width: 345px;
	margin: 0 22px 0 0;
	padding: 0 0 30px 0;
	/*background-color: #F0F0F0;*/
	float: left;
}
.triple-box > div:last-child {
	margin-right: 0;
}
.triple-box > div h3 {
	margin: 0;
	padding: 15px 0;
	color: #FFF;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align: center;
	background: #32B4C3;
}
.triple-box > div p,
.triple-box > div ul {
	margin: 0 15px;
}
.triple-box > div p {
	margin-bottom: 20px;
	padding: 20px 0;	
}
.triple-box > div li {
	margin-bottom: 5px;
}
.triple-box > div li::before {
	margin-right: 4px;
	content: url(../img/common/circle-01.png);
}
.triple-box > div li.float {
	margin-right: 15px;
	float: left;
}

/*------------------------------
ballon
------------------------------ */
.balloon {
  position: relative;
  display: inline-block;
 margin: 1.5em 0;
  padding: 7px 10px;
  width: 345px;
	height:50px;
  color: #000000;
  font-size: 12px;
  background: #e6e6e6;
  /*border: solid 3px #555;*/
  box-sizing: border-box;
text-align:center;
}

/*.balloon:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 30%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}*/

.balloon:after{
  content: "";
  position: absolute;
  bottom: -25px;
  left: 20%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #e6e6e6;
  z-index: 1;
}

.balloon p {
	margin: 0;
	padding: 0;
}

/*------------------------------
gra_txt
------------------------------ */

.gra_txt01 {padding:10px 20px;
			background-color:#C1D7F3;
			color:#c13740;
			font-size:18px;
			text-align:center;}

/*------------------------------
#gra
------------------------------ */


div#gra00,div#gra01,div#gra02,div#gra03,div#gra04,div#gra05,div#gra06{
    margin-top: -130px; /* リンク位置上昇分 */
    padding-top: 130px; /* 上昇分を戻す分 */
}