/*  ページ内アコーディオンの中に他金利のページへのリンクを設置　*/
/* 対象ページURL:https://www.joyobank.co.jp/kinri/yokin.html */

.kinri_recoparts{width:100%;margin-top:4rem;}
.kinri_recoparts span {font-size: 1.4rem;text-align: left;padding-top: 0%;display: block;}
.kinri_recoparts p{font-size: 1.6rem;font-weight: bold;text-align: center;margin-bottom: 1%;}
.kinri_recoparts .flex{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;margin-top: 4rem;}
.kinri_recoparts .flex .item{width:45%;padding:15px;box-sizing:border-box;background-color:#e9eff6;margin:2%;border:1px solid #000084;}
.kinri_recoparts .nisa{position:relative;}
.kinri_recoparts .nisa::before{content:"";position:absolute;aspect-ratio:1/0.5;top:-5em;right:-4.2em;width:clamp(89px,14vw,154px);
background-image:url(/kinri/images/nisa_no1_hukidashi.png);background-size:contain;vertical-align:middle;background-repeat:no-repeat;animation:floating-y 0.95s ease-in-out infinite alternate-reverse;}
@keyframes floating-y{0%{transform:translateY(0%);}10%{transform:translateY(3%);}20%{transform:translateY(0%);}100%{transform:translateY(0%);}}
.kinri_recoparts .flex img{display:block;margin:0 auto;text-align:center;width:100%;}
@media screen and (min-width:769px){.kinri_recoparts .flex .item{width:20%;}}
@media screen and (max-width:768px){.kinri_recoparts .nisa::before{top:-9vw;right:-3.2vw;width:24vw;}.kinri_recoparts span {padding-top: 5%;}.kinri_recoparts p {margin-bottom: 12%;font-size: 1.4rem;}}