@charset "UTF-8";

a:active {
  text-decoration: underline;
}

a:hover {
  color: #337ab7;
  text-decoration: underline;
}

a:link {
  text-decoration: underline;
}

a:visited {
  text-decoration: underline;
}

body {
  background-color: #ffffff;
  color: #696969;
  font-family: -apple-system, BlinkMacSystemFont, "YuGothic", "YuGothic M", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

h1 {
  font-size: 24px;
  font-weight: bold;
}

h2 {
  font-size: 18px;
  font-weight: bold;
}

hr.dots {
	border-top: 2px dotted #ff9900;
}

hr.warning {
	border-top: 1px solid #faebcc;
  margin-bottom: 5px;
  margin-top: 5px;
}

hr.white {
	border-top: 1px solid #ffffff;
  margin-bottom: 15px;
  margin-top: 0px;
}

.bar {
	background-image: url(../images/bg_bar.png);
	background-repeat: repeat-x;
	height: 7px;
}

.block-5 {
  height: 5px;
}

.block-15 {
  height: 15px;
}

.block-30 {
  height: 30px;
}

.block-30w {
  width: 30px;
}

.btn-icon-left {
  float: left;
}

.btn-icon-right {
  float: right;
}

.circle {
  border: 2px solid #666666;
  border-radius: 50%;
  display: inline-block;
  font-size: 14px;
  height: 20px;
  line-height: 18px;
  margin: 0px 2px;
  text-align: center;
  width: 20px;
}

.fr-auth {
	background-color: aliceblue;
	border: 3px solid #66ccff;
	border-radius: 5px;
  padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	vertical-align: middle;
}

.fr-com {
	background-color: aliceblue;
	border: 3px solid #66ccff;
	border-radius: 5px;
  padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	vertical-align: middle;
}

.form-txt {
  font-size: 16px;
}

.form-txt-postal {
  font-size: 20px;
  width: 80px;
}

.img-solarin {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 256px;
  min-width: 128px;
  width: 25%;
}

.img-solarin-lg {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 30%;
}

.img-solarin-md {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 40%;
}

.img-solarin-sm {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 60%;
}

.img-solarin-xs {
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
}

.inner {
  display: inline-block;
  text-align: left;
}

.li-arw-gry {
  margin-left: -25px;
}

.li-arw-gry li {
  list-style: none;
  padding-bottom: 5px;
  position: relative;
}

.li-arw-gry li::before {
	border-bottom: 2px solid #696969;
	border-right: 2px solid #696969;
	content: '';
	display: block;
	height: 6px;
	left: -1em;
	position: absolute;
	top: 0.5em;
	transform: rotate(-45deg);
	width: 6px;
}

.li-arw-wht {
  margin-left: -25px;
}

.li-arw-wht li {
  list-style: none;
  padding-bottom: 5px;
  position: relative;
}

.li-arw-wht li::before {
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	content: '';
	display: block;
	height: 6px;
	left: -1em;
	position: absolute;
	top: 0.5em;
	transform: rotate(-45deg);
	width: 6px;
}

.li-ast {
  margin-left: -25px;
}

.li-ast li {
  list-style: none;
  padding-bottom: 5px;
  position: relative;
}

.li-ast li::before {
	content: '※';
	display: block;
	left: -1em;
	position: absolute;
}

.li-num {
  counter-reset: cnt;
}

.li-num li {
  list-style: none;
  position: relative;
}

.li-num li:before {
  background-color: tan;
  border-radius: 50%;
  color: #ffffff;
  content: counter(cnt);
  counter-increment: cnt;
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  margin-left: -30px;
  text-align: center;
  width: 20px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-bottom: auto;
  margin-top: auto;
}

.outer {
  text-align: center;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.px-5{
  padding-left: 5px;
  padding-right: 5px;
}

.py-5{
  padding-bottom: 5px;
  padding-top: 5px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.px-15{
  padding-left: 15px;
  padding-right: 15px;
}

.py-15{
  padding-bottom: 15px;
  padding-top: 15px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.px-30{
  padding-left: 30px;
  padding-right: 30px;
}

.py-30{
  padding-bottom: 30px;
  padding-top: 30px;
}

.stela-c {
	background-color: lemonchiffon;
}

.stela-h {
	background-color: #ff9900;
	color: #ffffff;
	text-align: center;
}

.td-bat-err {
  background-color: #ffdddd;
  border-bottom: 1px solid aliceblue;
  padding: 5px 10px;  
}

.td-bat-nml {
  background-color: #ffffff;
  border-bottom: 1px solid aliceblue;
  padding: 5px 10px;
}

.td-c {
  text-align: center;
}

.td-l {
  text-align: left;
}

.td-r {
  text-align: right;
}

.th-bat {
  background-color: #66ccff;
  border-bottom: 1px solid aliceblue;
  color: #ffffff;
  padding: 5px 10px;
}

.txt-postal {
  font-size: 20px;
}

.txt-res {
  font-size: 20px;
}