@charset "UTF-8";

img{
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: -15px;
}
a{
  display: block;
  max-width: 600px;
  width: 80%;
  margin: auto;
  padding: 1rem 0;
}
body{
  margin: 0;
  background: #CBF0FB;
}
main,header{
  max-width: 780px;
  margin: auto;
}
.yureru-j {
    animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
.main-header {
    background: url('../images/fv.png') no-repeat center/contain;
    width: 100%;
    aspect-ratio: 390 / 502; 
    max-height: 1004px;
    max-width: 780px;
    position: relative;
}
.main-header a{
    position: absolute;
    inset: 0;
    margin: auto;
    margin-bottom: 10px;
    max-width: 600px;
    height: 12.82vw;
    max-height: 140px;
}
.yureru-j img {
    max-width: 100%;               /* レスポンシブ対応 */
    height: auto;
}
.b_img{
    background: url('../images/sec01.png') no-repeat center/contain;
    width: 100%;
    aspect-ratio: 390 / 557; 
    max-height: 1114px;
    max-width: 780px;
    position: relative;
}

.b_img a{
    position: absolute;
    inset: 0;
    margin: auto;
    margin-bottom: 0px;
    max-width: 600px;
    height: 12.82vw;
    max-height: 140px;
}
.b_img{
    background: url('../images/sec03.png') no-repeat center/contain;
    width: 100%;
    aspect-ratio: 390 / 1026; 
    max-height: 2052px;
    max-width: 780px;
    position: relative;
}

.b_img a{
    position: absolute;
    inset: 0;
    margin: auto;
    margin-bottom: 0px;
    max-width: 600px;
    height: 12.82vw;
    max-height: 140px;
}