/* 蠎贋ｸ区鋤豌� */
/* -------------------------------------------------- */
#nPcBis, #nPcCldVtl { background-color: #ff8944;}


#about { padding: 64px 0;}
#about img {
  display: block;
  width: 100%;
  height: auto;
}
#abtCon { position: relative; margin-bottom: 60px;}
#abtConTxt { position: relative; z-index: 1;}
#abtConTxt h2 {
  font-size: 2.827rem;
  text-align: left;
  line-height: 1.4;
  margin-bottom: 44px;
  padding: 0 16px;
}
#abtConTxtLi {
  box-sizing: border-box;
  width: 50%;
  padding: 0 16px;
}
#abtConTxtLiIn { border: 4px solid #ff6c16;}
#abtConTxtLiIn h3 {
  font-size: 1.414rem;
  text-align: center;
  padding: 32px 0;
}
#abtConTxtLiIn ul { padding: 0 2px;}
#abtConTxtLiIn li {
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 0 2px 4px;
}
#abtConTxtLiIn span {
  background-color: #ff6c16;
  color: #fff;
  font-size: 1.414rem;
  text-align: center;
  display: block;
  padding: 16px 0;
}
#abtConImg {
  position: absolute;
  top: 100px;
  right: 32px;
  width: 500px;
  margin: 0;
}
#abtWkImg, #abtWkTxt {
  box-sizing: border-box;
  float: right;
  width: 50%;
  padding: 0 16px;
}
#abtWkImg { position: relative;}
#abtWkImg figure { margin: 0;}
#abtWkImgIcon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 4px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  bottom: -16px;
  right: -16px;
  z-index: 1;
  width: 128px;
  height: 128px;
}
#abtWkTxt h3 {
  font-size: 1.999rem;
  line-height: 1;
  margin-bottom: 16px;
}


/* 菴上∪縺��蟇ｿ蜻ｽ繧剃ｼｸ縺ｰ縺呎鋤豌励す繧ｹ繝�Β */
#system { padding: 64px 0;}
#system figure { margin: 0 0 32px; padding: 0 16px;}
#system img {
  display: block;
  width: 100%;
  height: auto;
}
#stmBtn {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 16px;
  padding: 32px 0;
}
#stmBtn h3 {
  font-size: 1.414rem;
  text-align: center;
  margin-bottom: 32px;
}
#stmBtn a {
	background-color: #ff6c16;
	border-radius: 8px;
	box-shadow: 0 4px #c36832;
  box-sizing: border-box;
	color: #fff;
  font-size: 1.414rem;
  font-weight: bold;
	line-height: 60px;
	text-align: center;
  display: block;
	position: relative;
  width: 288px;
	height: 60px;
  margin: 0 auto;
	-webkit-transition: none;
					transition: none;
}
#stmBtn a:hover { box-shadow: 0 0 #c36832; top: 4px;}
#stmBtn i {
  font-size: 2.827rem;
  position: relative;
  top: -1px;
  margin-right: 2px;
}


/* 繧ｿ繝ｼ繝薙Φ繝ｻ繝ｦ繝九ャ繝医�迚ｹ蠕ｴ */
#chara { padding: 64px 0;}
#chrPit figure, #chrPitTxt {
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 0 16px;
}
#chrPit figure { margin: 0;}
#chrPit img {
  display: block;
  width: 100%;
  height: auto;
}

#chrPit2 figure {
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 0 16px;
}

#chrPit2 figure { margin: 0;}
#chrPit2 img {
  display: block;
  width: 100%;
  height: auto;
}


.chrPitTxt { padding-bottom: 48px;}
.chrPitTxtTtl {
  border-bottom: 4px solid #ff6c16;
  position: relative;
  margin-bottom: 16px;
  padding-left: 108px;
}
.chrPitTxtTtl div {
  background-color: #ff6c16;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100px;
}
.chrPitTxtTtl span {
  color: #fff;
  text-align: center;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.chrPitTxtTtl h3 {
  font-size: 1.414rem;
  line-height: 1.4;
  padding: 8px 0;
}
.chrPitTxt p { margin-bottom: 16px;}

.mokut {
	background-color: #fff;
	border: 4px solid #86d825;
	margin-bottom: 52px;
	padding: 20px;
	margin-right: 16px;
	margin-left: 16px;	
}

.mokut h3 {
	font-size: 1.414rem;
	text-align: center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 27px;
	padding-left: 0;
}

.red{
	color: #C00;	
}

.mokutekiUl li{
	margin-left:15px;
	list-style-position: outside;
	list-style-type: disc;
}