body,html{
    overflow-x: hidden;
}




.btnadd{
    background-color: #025DA4;
    height: 288px;
    padding-top: 20px;
}

#aaaaa{
    width: 340px;
    object-fit: contain;
}

.btnaddtitlewrap{
    margin: 0 auto;
    text-align: center;
}

.btnadd__btnfield--one{
width: 75%;
margin: 0 auto;
margin-bottom: 25px;
/* フレックスボックスの設定 */
display: flex;
justify-content: center;
justify-content: space-between;
}


.botan{
    background-color: #FAEA01;
    /* ボックスの内側の影の設定*/
    box-shadow: 0 0 10px #ffffff inset,
    0 0 5px #ffffff inset,
    0 0 5px #ffffff inset,
    0 0 5px #ffffff inset;
    border-radius:10px;
    /* 自身を囲ってるdivに合わせてサイズ設定*/
    display:block;
    padding-top: 10px;
    width:100%;
    height:100%;
    font-family: sans-serif,Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,;
    line-height: 27px;	
    text-align: center;
    border:none;
    font-size: 21px;
    color: #315A92;
    font-weight:bold;
}

.btnshadow{
    /* ボタンの影の設定*/
    box-shadow: 4px 9px 8px 7px rgba(0,0,0,0.4);
    /* ボタンのサイズを設定(この設定値がボタンの大きさになります)*/
    width:32%;
    height:35px;
    /* 子要素のボタンにborder-radiusを指定しているので親要素の自身にもこれ付けないとはみ出ておかしくなるので調整*/
    border-radius:10px;  
}


.btnadd__btnfield--two{
    width: 75%;
    margin: 0 auto;
    /* フレックスボックスの設定 */
    display: flex;
    justify-content: center;
    justify-content: space-between;
    }

.botan2{
    background-color: #FAEA01;
    /* ボックスの内側の影の設定*/
    box-shadow: 0 0 10px #ffffff inset,
    0 0 5px #ffffff inset,
    0 0 5px #ffffff inset,
    0 0 5px #ffffff inset;
    border-radius:10px;
    /* 自身を囲ってるdivに合わせてサイズ設定*/
    display:block;
    padding-top: 10px;
    width:100%;
    height:100%;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    line-height: 27px;	
    text-align: center;
    border:none;
    font-size: 21px;
    color: #315A92;
    font-weight:bold;
}

.btnshadow2{
    /* ボタンの影の設定*/
    box-shadow: 4px 9px 8px 7px rgba(0,0,0,0.4);
    /* ボタンのサイズを設定(この設定値がボタンの大きさになります)*/
    width:23.5%;
    height:35px;
    /* 子要素のボタンにborder-radiusを指定しているので親要素の自身にもこれ付けないとはみ出ておかしくなるので調整*/
    border-radius:10px;  
}



/* ホバーアクション */

.botan:hover{
    cursor: pointer;
    background-color: #CEC221;
  }
  .botan2:hover{
    cursor: pointer;
    background-color: #CEC221;
  }

  .btnaddsp{
      display: none;       
}



@media(max-width: 1000px) {
    .botan2{
        font-size: 17px;
    }
    .botan{
        font-size: 17px;
    }

}
@media(max-width: 840px) {
    .botan2{
        font-size: 16px;
    }
    .botan{
        font-size: 16px;
    }

}
@media(max-width: 750px) {
    .botan2{
        font-size: 15px;
    }
    .botan{
        font-size: 15px;
    }
}











@media(max-width: 700px) {
    .btnadd{
        display: none;
        background-color: #025DA4;
        height: 400px;
        padding-top: 20px;
    }

    .btnaddsp{
        display: block;
        background-color: #025DA4;
        height: 400px;
        padding-top: 20px;
    }

    .btnaddsp__btnfield--one{
        width: 85%;
        margin: 0 auto;
        margin-bottom: 25px;
        /* フレックスボックスの設定 */
        display: flex;
        justify-content: center;
        justify-content: space-between;
        }

        #aaaaa{
            width: 300px;
            object-fit: contain;
        }

        .botan{
            background-color: #FAEA01;
            /* ボックスの内側の影の設定*/
            box-shadow: 0 0 10px #ffffff inset,
            0 0 5px #ffffff inset,
            0 0 5px #ffffff inset,
            0 0 5px #ffffff inset;
            border-radius:10px;
            /* 自身を囲ってるdivに合わせてサイズ設定*/
            display:block;
            padding-top: 10px;
            width:100%;
            height:100%;
            font-family: sans-serif,Arial,"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,;
            line-height: 27px;	
            text-align: center;
            border:none;
            font-size: 16px;
            color: #315A92;
            font-weight:bold;
        }
        
        .btnshadow{
            /* ボタンの影の設定*/
            box-shadow: 4px 9px 8px 7px rgba(0,0,0,0.4);
            /* ボタンのサイズを設定(この設定値がボタンの大きさになります)*/
            width:48%;
            height:35px;
            /* 子要素のボタンにborder-radiusを指定しているので親要素の自身にもこれ付けないとはみ出ておかしくなるので調整*/
            border-radius:10px; 
        }

}

@media(max-width: 360px) {
    .botan2{
        font-size: 14px;
    }
    .botan{
        font-size: 14px;
    }
    #aaaaa{
        width: 200px;
        object-fit: contain;
    }
    .btnaddsp{
        display: block;
        background-color: #025DA4;
        height: 330px;
        padding-top: 20px;
    }

   .btnshadow{
        /* ボタンの影の設定*/
        box-shadow: 4px 9px 8px 7px rgba(0,0,0,0.4);
        /* ボタンのサイズを設定(この設定値がボタンの大きさになります)*/
        width:48%;
        height:28px;
        /* 子要素のボタンにborder-radiusを指定しているので親要素の自身にもこれ付けないとはみ出ておかしくなるので調整*/
        border-radius:10px; 
    }

    .botan{
        line-height: 17px;	
    }

}

@media(max-width: 310px) {
    .botan2{
        font-size: 12px;
    }
    .botan{
        font-size: 12px;
    }
}