@charset "UTF-8";

/*======================================================
「寄付したい」の設定
======================================================*/

/*------------------------------------------------------
背景
------------------------------------------------------*/

.page-top-wrapper-donation{
    background:#E4E1E6;
    margin-bottom:2em;
}

/*------------------------------------------------------
上の画像
------------------------------------------------------*/

.caption{
    font-size: 1.2rem;
    line-height: 1.4;
}


/*------------------------------------------------------
ボタン
------------------------------------------------------*/

/* hover時 */
.btn-radius-corner a:hover:before {
    color: #333;
}
.btn-hover-silver a:hover:before {
    color: #333;
}
/* 幅を500pxにする場合 */
.button-center{
    max-width: 500px;
    margin: 0 auto;
}

/* ダウンロードアイコン */
.btn-radius-corner-dl{
    text-align:center;
    border:transparent;
    background: transparent;
    outline:none;
    display: block;
    width:100%;
}

.btn-radius-corner-dl a{
    display: block;
    display: flex;
    align-items: center;
    padding:1.5em 1em;
    /* padding:10px 20px; */
    border:1px solid #ccc;
    border-radius:20px;
    box-shadow: 3px 3px 3px rgba(3, 3, 3, 0.2);
    background: #fff;
    font-size:1.6rem;
}
.btn-radius-corner-dl a:hover{
    color: #333;
}

.btn-radius-corner-dl a::before{
    font-family:"Font Awesome 6 Pro";
    content:"\e094";
    margin-right:0.5em;
    font-weight: 400;
    color:#1064BB;
}

.btn-radius-corner-dl a:hover:before{
    color:#333;
}

/*======================================================
ボタンのホバーの色 <button>に指定（追加）
======================================================*/

.btn-hover-gray a:hover{background:#f2f2f2;} /* 灰色 */

/*------------------------------------------------------
見出し
------------------------------------------------------*/ 

.page-title-dona {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  background: #E1D0EA;
  padding: 0.5em 1em;
}

.page-title-dona {
  font-size: clamp(1.8rem, 3vw, 2.4rem);
  background: #E1D0EA;
  padding: 0.5em 1em;
}

.title-underline-dona{
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    padding:0.5em;
    border-bottom: 4px solid #986FAD;
}

.page-title-dona2{
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    background: #DEEFEB;
    padding: 0.5em 1em;
}

.title-bg-dona2{
    background: #F5F5F5;
}

.lefttriangle{
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 20px;
}

.title-bg{
    margin-bottom: 1em;
}

/*------------------------------------------------------
●印
------------------------------------------------------*/  

.ico-circle-before{
    position:relative;
    padding-left:1.5em;
}

.ico-circle-before::before{
    font-family:"Font Awesome 6 Pro";
    content:"\f111";
    color:#986FAD;
    font-size:80%;
    position:absolute;
    top:50%;
    left:10px;
    transform:translateY(-50%);
}

/*------------------------------------------------------
table（カスタム）
------------------------------------------------------*/ 

.ta th, .ta td {
  padding: 1em;
  border: 1px solid #999;
  text-align: left;
}

/*------------------------------------------------------
枠
------------------------------------------------------*/

.box-line {
    border: 1px solid #999;
}

/*------------------------------------------------------
共通
------------------------------------------------------*/

@media screen and (max-width:768px){    
    /*スマホのみ*/

    .title-bg{
    line-height: 1.5;}

}

/*------------------------------------------------------
賛助会員一覧
------------------------------------------------------*/

.sanjo_list{
    margin-bottom: 40px;
}

.sanjo_list li{
    margin-bottom: 1rem;
}

.sanjo_list li::before{
    content: "\f0da";
    font-family: "Font Awesome 6 Pro";
    color: #999;
    margin-right: 0.5em;
    font-weight: bold;
}