@charset "UTF-8";

#wapper{
  font-size : 1em;
  line-height : 1.5;
  margin: auto;
  width : 390px;
}

.lead{
  text-align : center;
  line-height : 40px;
  margin-top : 5px;
  margin-bottom : 5px;
  width : 390px;
  height : 40px;
  font-size : 1.2em;
}

.border{
    width: 390px;
    border-top : 1px solid #ff6851;
    border-bottom: solid 1px #ff6851;  /* 二重線の上の線になる一本線をひく */
    margin-bottom: 6px;            		/* 二重線の下の線の位置を確保する */
    position: relative;            		/* 外側の線の位置を調整する時の基準点になるようにする    */
}
 
.border::before{
    content: '';                /* 擬似要素に実体を持たせる */
    width: 390px;                /* 二重線の下の線になる要素の幅を指定する */
    height: 3px;                /* 線を表示させるために1pxだけ高さを入れる */
    border-bottom: solid 3px #1ac01a;   /* 二重線の下の線になる一本線の枠線をひく*/
    position: absolute;         /* 二重線の下の線の位置を自由に動かせるようにする */
    left: 0px;                 	/* 二重線の下の線の位置を、内側の線の左に揃える */
    bottom: -6px;               /* 二重線の下の線の位置を、内側の線から下に-2pxずらす */
}

.indent{
    padding-left: 1em;
    text-indent: -1.3em;
    text-align: justify;
    line-height : 2;
    margin-top : 1em;
}

 /*該当するフレーズをハイライト*/
 mark{
      background-color: #c9f5e8;
     /* color: #000;
      font-style: normal; italic; normal
      font-weight: bold;*/
 }

#button{
  font-size : 1em;
  background-color : #fdf5d2;
  margin: auto;
  display: grid;
  place-content: center;
  height : 25px;
  width : 170px;
}