@charset "UTF-8";
/* css Project [stance] */

@import url("main.css");

/* PC */
@media print, screen and (min-width: 961px) {
/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.waku_area {
	padding: 0 0 50px 0;
	margin: 0 auto;
}

/*---------------------------------------------------- */
/* List */
/*---------------------------------------------------- */
/* Waku */
.waku_list {
	padding: 0 0 0 0;
	margin: 0;
	height: auto;
	counter-reset: titleNum;
}

.waku_list .listbox {
	padding: 10px 0;
	margin: 0;
	
	height: auto;
	counter-increment: titleNum;
}

/* h5 */
.waku_list .listbox .list-title {
	padding: 0 0 10px 0;
	margin: 0;
	
	height: auto;
}

.waku_list .listbox .list-title h5 {
	padding: .2em 0 0 2em;
	margin: 0;
	height: auto;
	position: relative;
	font-size: 136%;
	font-weight: 600;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.4;
}

.waku_list .listbox .list-title h5::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(titleNum, circle);
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: #329b54;
  border-radius: 100%;
  color: #329b54;
  font-size: .9em;
  text-align: center;
}

/* P */
.waku_list .listbox .moji_list {
	padding: 0;
	margin: 0;
	height: auto;
}

.waku_list .listbox .moji_list p {
	padding: 0;
	margin: 0;
	font-size: 116%;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}




}


/* Tablet */
@media only screen and (max-width: 960px) and (min-width: 569px) {
/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.waku_area {
	padding: 0 0 40px 0;
	margin: 0 auto;
}

/*---------------------------------------------------- */
/* List */
/*---------------------------------------------------- */
/* Waku */
.waku_list {
	padding: 0 0 0 0;
	margin: 0;
	height: auto;
	counter-reset: titleNum;
}

.waku_list .listbox {
	padding: 10px 0;
	margin: 0;
	
	height: auto;
	*counter-increment: titleNum; 
}

/* h5 */
.waku_list .listbox .list-title {
	padding: 0 0 10px 0;
	margin: 0;
	
	height: auto;
}

.waku_list .listbox .list-title h5 {
	padding: .1em 0 0 2em;
	margin: 0;
	height: auto;
	position: relative;
	font-size: 124%;
	font-weight: 600;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.4;
}

.waku_list .listbox .list-title h5::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(titleNum, circle); 
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-color: #329b54;
  border-radius: 100%;
  color: #329b54;
  font-size: .9em;
  text-align: center;
}

/* P */
.waku_list .listbox .moji_list {
	padding: 0;
	margin: 0;
	height: auto;
}

.waku_list .listbox .moji_list p {
	padding: 0;
	margin: 0;
	font-size: 108%;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}



}


/* SP */
@media only screen and (max-width: 568px)  {
/*---------------------------------------------------- */
/* Waku */
/*---------------------------------------------------- */
.waku_area {
	padding: 0 0 30px 0;
	margin: 0 auto;
}

/*---------------------------------------------------- */
/* List */
/*---------------------------------------------------- */
/* Waku */
.waku_list {
	padding: 0 0 0 0;
	margin: 0;
	height: auto;
	*counter-reset: titleNum;
}

.waku_list .listbox {
	padding: 10px 0;
	margin: 0;
	
	height: auto;
	counter-increment: titleNum;
}

/* h5 */
.waku_list .listbox .list-title {
	padding: 0 0 10px 0;
	margin: 0;
	
	height: auto;
}

.waku_list .listbox .list-title h5 {
	padding: 0 0 0 2em;
	margin: 0;
	height: auto;
	position: relative;
	font-size: 16px;
	font-weight: 600;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.4;
}

.waku_list .listbox .list-title h5::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(titleNum, circle); 
  width: 22px;
  height: 22px;
  line-height: 22px;
  background-color: #329b54;
  border-radius: 100%;
  color: #329b54;
  font-size: .9em;
  text-align: center;
}

/* P */
.waku_list .listbox .moji_list {
	padding: 0;
	margin: 0;
	height: auto;
}

.waku_list .listbox .moji_list p {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: #383a3b;
	text-decoration: none;
	text-align: left;
	line-height: 1.6;
}



}