body {
  margin: 0;
  font-size : 16px ;
  line-height : 140% ;
}
table {
  font-size : 16px ;
  line-height : 140% ;
}
b {
  font-size : 18px ;
  font-weight : bold ;
  line-height : 140% ;
}

/*半角数字限定時のエラー*/
.error { display: none; }

input:invalid + .error {
  display: block;
  color: #ff198c;
  font-weight: bold;
}

.load-fade {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
}
.load-fade.is-show {
  opacity: 1;
  visibility: visible;
}

.capt1 {
  margin:0 0 0 -17%;
}
/*リストマークにシステムテキストを使う*/
.capt1 li {
  list-style: none;
  padding-left: 1.3em;
  position: relative;
  font-size:0.9em;
  color:#8d661f;
  line-height:140%;
}

.capt1 li:before {
  display: block;
  content: "（";
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
}

.capt2 {
  margin:0 0 0 -17%;
  list-style: none;
  font-size:0.9em;
  color:#8d661f;
}

.capt3 {
  margin:0 0 0 -17%;
  list-style: none;
  font-size:0.9em;
  color:#e60039;
}

/* パソコン端末のスタイル */
ul.compatible {
  list-style: none;
  margin: 1% 0 0 5%;
  text-align: left;
  width: 85%;
}

/* 横幅解像度550px以下の端末のスタイル */
@media screen and (max-width: 550px) {
  ul.compatible {
    list-style: none;
    margin: 1% 0 0 -5%;
    text-align: left;
    width: 90%;
  }
}

/*クラス名を付けた要素にスタイルを適用*/
.title1 {
  margin : 0 ;
  font-size:1.1em;
  name : title ;
}

.title2 {
  margin : 0 ;
  font-size:1.3em;
}

.item01 {
  margin : 2% 0 3% 0 ;
  border : 1px solid #bfbfbf ;
  border-radius : 5px ;
  width : 90% ;
  max-width : 600px ;
  padding : 2% 3% 2% 3% ;
  background : #fff ;
  text-align : center ;
}

.board1 {
  margin : 1% 0 0 0 ;
  height:200px;
  width : 90% ;
  max-width : 600px ;
  padding : 0.5% ;
  background : #f0ebf8 ;
}
.board2 {
  margin : 1% 0 0 0 ;
  height:100px;
  width : 90% ;
  max-width : 600px ;
  padding : 0.5% ;
  background : #f0ebf8 ;
}


.btn {
  text-decoration: none;
  background: #8ca9ff;
  padding: 3px 15px;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
}


.fin {
  margin : 4% 0 4% 1.5% ;
  border : 1px solid #ffd9ec ;
  border-radius : 5px ;
  width : 90% ;
  max-width : 600px ;
  background : #fff ;
}

.item11 {
  border:none;
  outline:0;
  resize:none;
  margin : 0 0 1% -1% ;
  height:90px;
  width:90%;
  max-width : 610px ;
  background : #f0f8ff ;
  text-align:center;
  font-size :18px ;
  font-weight :bold ;
  color :#4c4c4c ;
}

.item12 {
  margin : 1% 0 1% 0 ;
  width:90%;
  max-width : 260px ;
  height : 25px;
}
.item13 {
  margin : 1% 0 1% 0 ;
  width:90%;
  max-width : 270px ;
  height : 25px;
}
.item14 {
  margin : 1% 0 1% -1% ;
  width:95%;
  max-width : 400px ;
  height : 25px;
}
.item15 {
  margin : 1% ;
  width:10%;
  max-width : 40px ;
  height : 25px;
}
.item16 {
  margin : 1% 0 1% 1% ;
  width:10%;
  max-width : 40px ;
  height : 25px;
}
.item17 {
  margin : 0.5% 0 0 0 ;
  width:90%;
  max-width : 500px ;
  height : 30px;
}
.item18 {
  margin : 0.5% 0 1.5% 1% ;
  width:90%;
  max-width : 500px ;
  height : 60px;
  text-align:top;
}

.wrapper350 {
  display: inline-block ;
  width:100%;
  max-width:350px;
}
.account-lft {
  float:left;
  width:10%;
  text-align:center;
}
.account-rgt {
  display:inline-block;
  float:left;
  width:100%;
}

/* 携帯端末の解像度についてのみ電話リンクを有効にする */
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/* パーツのwidthとは関係なくレスポンスする端末横幅を指定して並べ替え */
@media (max-width: 600px) {
  .account-lft, .account-rgt {
    float: none;
    margin: 0;
    width: auto;
  }
}