*{
    margin:0;
    padding:0;
}

.main{
   margin:5px 5%;  /* 触らない */
}

/* 見出し */
.midasi{
    position: relative;  /* 触らない */
    width: 95%;  /* 見出しの横幅 */
    color: white;  /*文字色*/
    padding: 0.5em;  /*文字周りの余白*/
    display: inline-block;  /*おまじない*/
    line-height: 1.3;  /*行高*/
    background: #5f2c71 ;  /*背景色*/
    vertical-align: middle;
    border-radius: 25px 0px 0px 25px;  /*左側の角を丸く*/
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Yu Gothic','klee',sans-serif;
}

.midasi:before {
    content: '●';  /* 見出しの● */
    color: white;
    margin-right: 8px;
  }

/* 見出しここまで */ 

 /* 本文 */
p{
    margin: 2em 3% 0 3%;
    color: #14001A;
    font-family: 'Yu Gothic','Klee','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    /* font-weight: bolder ;   太文字にするとダサい*/
}
/* 本文ここまで */

/* 外部リンク */
.jamp a{
    text-decoration: none;
    color:#14001A;
    font-size: 16px;
    font-family: 'klee','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Yu Gothic',sans-serif;
    font-weight: bold;
}

.jamp a:hover{
    color: gray;
}

/* 外部リンクの枠*/
.box20 {
    position: relative;
    padding: 0.25em 1em;
    margin: 0.5em 2em;
    display: inline-block;
    top: 0;
    background: #ece4f4;
    font-size: 16px;
}
.box20:before, .box20:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 10px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

.box20 p {
    margin: 0; 
    padding: 0;
}

/* 外部リンクここまで */

/* アコーディオン */
/*ボックス全体*/
.accbox {
    margin: 0 5% 1% 5%;
    padding: 0;
    width: 90%;
    max-width: 1100px;
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 1px 0;
    padding : 13px 12px;
    color: #5f2c71;
    font-weight: bold;
    background: #E6E6E6;
    cursor :pointer;
    transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
    background : #5f2c71;
    color:  #fff;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #fff;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f078';
}
/* アコーディオンここまで */


/* ボックス内の見出し */
.komidasi{
    font-weight: bold;
}


/* 紫の破線のボックス */
.box6  a{
    text-decoration: none;
    color: #14001A;
}
.box6 a:hover{
    color: orangered;
}
.box6 {
    padding: 0.5em 1em;
    margin: 5% 5% 2% 5%;
    max-width: 1060px;
    background: #fff;
    border: dashed 2.5px  #5f2c71;/*点線*/
    border-radius: 10px;/*角の丸み*/
    width: 87%;
}
.box6 p {
    margin: 0; 
    padding: 0;
    font-size: 15px;
}

/* ボックスここまで */

.kaigyo{
    display: none;
}

/* 線 */
hr{
    margin: 2em;
}

/* フッター替わり */
.menu{
   margin: 0 5%;
}

/* 色が変わるボタン */
.btn-flat-simple {
    position: relative;
    display: inline-block;
    margin: 5px 2%;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #5f2c71;
    background: #E6E6E6;
    transition: .4s;
  }
  
  .btn-flat-simple:hover {
    background: #5f2c71;
    color: #f6f5f5;
  }

  .contact{
      font-size: 16px;
      margin: 20px 2% 40px 2%;
  }
/* ボタンここまで */


    
/* 改行 */
.kaigyo{
    display: none;
}


/* スマホ対応 */
  @media screen and (max-width: 820px) {
    
    .midasi{
        font-size: 22px;
    }

    .jamp a{
        text-decoration: none;
        color:black;
        font-size: 14px;
    }

    .box6{
        margin: 2em 5%;
        padding: 0.5em 0.3em;
    }
     
    .kaigyo{
        display: inline;
    }

    .kaigyo{
        display: inline;
    }

    .contact{
        font-size: 14px;
    }
    .accshow p{
        font-size: 13px;
    }
  }