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% ;
}

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

/*クラス名を付けた要素にスタイルを適用*/
.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 ;
}

.capt1 li {
 list-style: none;
 margin:0 0 0 -8%;
 width:90%;
 max-width:600px;
 padding-left: 1.3em;
 position: relative;
 text-align:left;
}

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

.capt2 li {
 list-style: none;
 padding-left: 1.3em;
 position: relative;
}

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

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

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

.item11 {
  margin : 1% 0 1% 0 ;
  width:90%;
  max-width : 260px ;
  height : 25px;
}
.item12 {
  margin : 0.5% 0 1.5% 1% ;
  width:90%;
  max-width : 500px ;
  height : 50px;
  text-align:top;
}
.item13 {
  margin : 1% 0 1% 0 ;
  width:90%;
  max-width : 270px ;
  height : 25px;
}
.item14 {
  margin : 1% 0 1% 0 ;
  width:90%;
  max-width : 230px ;
  height : 25px;
}
.item15 {
  margin : 0.5% 0 1.5% 1% ;
  width:90%;
  max-width : 500px ;
  height : 100px;
  text-align:top;
}

.wrapper350 {
  display: inline-block ;
  width:100%;
  max-width:350px;
}
.reason-lft {
  float:left;
  width:30%;
}
.reason-rgt {
  float:right;
  width:70%;
}

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

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