@charset "UTF-8";
@import url(../../css/base.css);
/*==================================================================*/
/* style css　*/
/*==================================================================*/
/* -------------------------------------------- */
/* title-area */
/* -------------------------------------------- */
.title-area {
	width:900px;
	margin:0 auto;
}

.title-area h1 {
	margin-bottom:40px;
	font-size:2.7em;
	text-align:center;
	letter-spacing:3px;
}

.title-area .read {
	margin-bottom:60px;
	text-align:center;
}

/* -------------------------------------------- */
/* topicpath */
/* -------------------------------------------- */
#topicpath {
	margin-bottom:40px;
}

/* -------------------------------------------- */
/* content */
/* -------------------------------------------- */
.content {
	width:960px;
	margin:0 auto 120px;
}

.content dl {
	margin-bottom:50px;
}

.content dl dt {
	margin-bottom:0.5em;
	font-weight:bold;
}

.content dl dd {
	padding-left:1em;
}

.content dl dd p {
	margin-bottom:1em;
}

.content dl dd ul li {
	position:relative;
	padding-left:17px;
}

.content dl dd ul li:after {
	position:absolute;
	content:"";
	width:5px;
	height:5px;
	top:9px;
	left:4px;
	border-radius:50%;
	background-color:#000;
}

.content dl dd .block:first-child {
	padding-top:1em;
}

.content dl dd .block .title {
	font-weight:bold;
}

.content dl dd .block .main {
	padding-left:1em;
}

/*===========================================================================*/
/*  phone  */
/*===========================================================================*/
@media screen and (max-width: 1000px) {
  /* title-area
  ------------------------------------------------------------------------ */
  .title-area {
		width:95%;
		margin-bottom:60px;
  }

  .title-area h1 {
		font-size:2.5em;
		line-height:1.4;
  }

  /* content
  ------------------------------------------------------------------------ */
  .content {
		width:95%;
		margin-bottom:80px;
  }
}
/*===========================================================================*/
/*  phone  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  /* title-area
  ------------------------------------------------------------------------ */
  .title-area {
		margin-bottom:40px;
  }

  .title-area h1 {
		margin-bottom:30px;
		font-size:1.7em;
		letter-spacing:normal;
  }

  .title-area .read {
		margin-bottom:40px;
		text-align:left;
  }

  /* content
  ------------------------------------------------------------------------ */
  .content {
		margin-bottom:60px;
  }

  .content dl {
		margin-bottom:30px;
  }
}