@charset 'UTF-8';
/*
* JAL Card - SP
* top.css
*
*/
.js-ready
{
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;

    opacity: 0;
}

/* --------------------------------
   key visual
-------------------------------- */
.kv
{
    position: relative;
    z-index: 1;
/*
    width: 100%;
    padding: 16.2% 0 25%;

    background: url(../img/kv_bg.jpg) center 0 no-repeat;
    background-position: 0 95%;
    background-size: cover;*/
}


.kv_content
{
    position: relative;

    /*width: calc(575px / 2);*/
    /*height: calc(629px / 2);*/
    margin: 0 auto;
    /*padding: 8.28125% 0 20.875%;*/

    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-duration: 1s;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    /*background: url(../img/kv_title_bg.png) 0 0 no-repeat;*/
    background-size: cover;
}
.kv_content:after
{
    position: absolute;

    content: '';

    background-repeat: no-repeat;
    background-position: 0 0;
}
.kv_content:after
{
    position: absolute;
    top: -4%;
    right: -80%;
    left: 0;

    width: calc(146px / 2);
    height: calc(126px / 2);
    margin: 0 auto;

    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    transition-duration: 2s;
    -webkit-transform: translate(30px, 10px);
        -ms-transform: translate(30px, 10px);
            transform: translate(30px, 10px);

    opacity: 0;
    /*background-image: url(../img/kv_title_obj_01.png);*/
    background-size: cover;
}


.kv_title
{
    /*width: calc(447px / 2);*/
    /*margin: 6% auto;*/
    margin: 0 auto 10px;
}

.kv_txt{
  font-size: 1.75rem;
}


.is-ing .kv_content
{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}
.is-ing .kv_content:after
{
    transition-delay: 1s;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);

    opacity: 1;
}

.is-ing .kv_title
{
    transition-delay: .9s;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

.mod-note-ul {
  margin-top: 20px;
}
.mod-note-ul:first-child {
  margin-top: 0;
}
.mod-section-title_1st + .mod-note-ul,
.mod-section-title_2nd + .mod-note-ul,
.mod-section-title_3rd + .mod-note-ul,
.mod-section-title_4th + .mod-note-ul,
.mod-section-title_5th + .mod-note-ul {
  margin-top: 0;
}
.mod-note-ul > li {
  position: relative;
  padding-left: 1.5em;
  margin-left: 0.5em;
  font-size: 1.2em;
  line-height: 1.5em;
  color: #555;
  margin-top: 8px;
}
.mod-note-ul > li:first-child {
  margin-top: 0;
}
.mod-note-ul > li > span:first-child {
  position: absolute;
  top: 0;
  left: 0;
}