@charset "utf-8";

@import url("../../style/variables.css");/*変数定義*/
	
:root{
  --pink:#105FD6;
}

#kobetu{
  > p{
    text-align: left;
    width:min(760px,100%);
    margin:0 auto;
  }
}

#tokuchou{
  div{
    h3{
      color:var(--pink);
      border-bottom:2px solid var(--pink);
    }
    aside{
      margin:1em auto 0 auto;
      background:#ffffe6;
      padding:20px;
      text-align: left;
      font-size: 1.1rem;
      font-weight: 600;
      color:red;
      border-radius: 10px;
      border:1px solid red;
    }
  }
}

#cause_nav{
  margin:50px auto 0 auto;
  display:flex;
  justify-content: center;
  flex-wrap:wrap;
  gap:.5em 1em;
  a{
    display:inline-block;
    padding:.3em .7em;
    border-radius: 10px;
    border:2px solid var(--pink);
    color:rgb(var(--baceFontColor));
    font-size: 1.2rem;
    font-weight: 600;
    svg{
      margin:0 .3em 0 0 ;
      fill:var(--pink);
    }
    &:hover{
      background:#ffffb3;
    }
  }
}

#shudan{
  > p{
    width:min(740px,100%);
    text-align: left;
    margin:0 auto;
  }
  > article{
    margin:30px auto 0 auto;
    padding:30px 0 0 0 ;
    border-top:1px dotted gray;
    h4{
      font-size: 1.3rem;
      font-weight: 600;
    }
    > p{
      margin:10px auto 0 auto;
    }
    &:nth-last-of-type(1){
      border-bottom:1px dotted gray;
      padding-bottom:30px;
    }
  }
}

table.jugyou_table{
  tr{
    td{
      span{
        display:block;
        font-size: .9rem;
      }
    }
  }
}

.cause_other{
  width:min(860px,100%);
  margin:20px auto 0 auto;
  border:3px solid var(--pink);
  padding:20px;
  border-radius: 10px;
  h3{
    text-align: left;
    font-size: 1.3rem;
    font-weight: 600;
    color:var(--pink);
  }
  p{
    margin:.7em auto 0 auto;
    text-align: left;
  }
}