@charset "UTF-8";

@media screen and (max-width: 1024px) {
    /*******************************
    #document
    *******************************/
    #document ul {
        padding-left: 0;
    }
    #document .box {
        width: 100%;
    }
}

@media screen and (max-width: 599px) {
    /*******************************
    #flow02
    *******************************/
    #flow02 {
        width: 90%;
        margin: 0 auto 3.5em;
    }
    #flow02 h2 {
        font-size: 120%;
        padding: 15px 0 15px 5%;
        margin-bottom: 20px;
    }
    #flow02 .each .each01::before {
        left: 50%;
        transform: translate(-50%, 0);
    }
    #flow02 .each .each01 a.pdf {
        display: block;
        margin: 0.75em 0 0
    }
    #flow02 .each .each01 .dl01 {
        display: block;
        position: relative;
    }
    #flow02 .each .each01 .dl01 dt {
        width: 100%;
    }
    #flow02 .each .each01 .dl01 dd {
        width: 100%;
        padding: 1em 3.5%;
        font-size: 87.5%;
    }
    #flow02 .each .each01 .dl01 dt .number {
        font-size: 0.75em;
    }
    #flow02 .each .each01 .dl01 dt .txt {
        font-size: 120%;
    }
    #flow02 .list0101 li dl {
        width: 63%;
        margin-right: 2%;
    }
    #flow02 .each .each01 .dl01 .list0101 li dl dt {
        line-height: 1.3;
        font-size: 112.5%;
    }
    #flow02 .each .each01 .dl01 .list0101 li dl dt span {
        display: block;
    }
    #flow02 .each .each01 .dl01 .list0101 li dl dd {
    }
    #flow02 .list0101 li {
        align-items: center;
    }
    #flow02 .list0101 li .img0101 {
        width: 35%;
    }
    #flow02 .list0101 li .img0101 img {
        height: auto;
        margin-top: 0.4em;
    }
    #flow02 .list0101 li:not(:last-child) {
        margin-bottom: 1em;
    }
    #flow02 .each .each01 .dl01 .account01 dd {
        font-size: 100%;
    }
    #flow02 .each .each01 .dl01 .account01 {
        padding: 1.65em 2.5% 0.5em;
    }
    #flow02 .each .each01 .list0301 li {
        font-size: 87.5%;
        line-height: 1.3;
    }
    #flow02 .each .each01 .list0301 li:nth-child(odd)::after {
        border-width: 1.2em 1.2em;
        top: 5em;
        right: -11.15%;
    }
    #flow02 .each .each01 .dl01 dt .icon01 {
        position: absolute;
        top: -2em;
        right: -2.5%;
        font-size: 80%;
        width: 6em;
        height: 6em;
    }
    #flow02 .each .each01 .list0401 {
        flex-wrap: wrap;
        margin-top: 0;
    }
    #flow02 .each .each01 .list0401 li {
        width: 47%;
        box-sizing: border-box;
        margin-top: 1.5em;
        position: relative;
        font-size: 87.5%;
        line-height: 1.3;
    }
    #flow02 .each .each01 .list0401 li:not(:nth-child(4n))::after {
        display: none;
    }
    #flow02 .each .each01 .list0401 li:nth-child(odd) {
        margin-right: 6%;
    }
    #flow02 .each .each01 .list0401 li:nth-child(odd)::after {
        display: block;
        content: "";
        line-height: 1;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent;
        border-width: 1.2em 1.2em;
        border-left-color: #5393d7;
        border-right: 0;
        position: absolute;
        top: 11em;
        right: -11.75%;
        transform: translate(0,-50%);
    }
    #flow02 .each .each01 .box0601 img {
        width: 150vw;
        max-width: 150vw;
    }
    #flow02 .each .each01 .box0602 {
        padding: 0.75em 3.5%;
    }
    #flow02 .each .each01 .box0701 .img0701 {
        width: 47%;
    }
    
    /*******************************
    #day
    *******************************/
    #day {
        width: 93.3%;
        margin: 0 auto 37px auto;
    }
    #day h2 {
        font-size: 120%;
        padding: 15px 0 15px 5%;
        margin-bottom: 20px;
    }
    #day .inner {
        width: 100%;
    }
    #day .scroll {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    #day table {
        width: 820px;
    }
    #day table th {
        font-size: 80%;
    }
    #day table td {
        font-size: 80%;
    }
    #day table tr:first-child th:nth-child(2) {
        height: 27px;
        width: 90px;
    }
    #day table tr:nth-child(2) th {
        height: 27px;
        width: 65px;
    }
    #day table tr:nth-child(n+3) th:first-child {
        height: 40px;
        width: 50px;
    }
    #day table tr:first-child th:nth-child(4) {
        width: 200px;
    }
    #day table tr:first-child th:nth-child(5) {
        width: 120px;
    }
    #day table tr:first-child th:nth-child(6) {
        width: 120px;
    }
    #day table .arrow img {
        width: 30px;
    }
    #day .impTxt {
        font-size: 80%;
        margin-top: 10px;
    }
    #day ul li {
        font-size: 66.6%;
        text-indent: -1em;
        padding-left: 1em;
    }
    #day .atTxt {
        font-size: 66.6%;
    }
    /*******************************
    #document
    *******************************/
    #document {
        width: 93.3%;
        margin: 0 auto 37px auto;
    }
    #document h2 {
        font-size: 120%;
        padding: 15px 0 15px 5%;
        margin-bottom: 20px;
    }
    #document dl {
        width: 92.9%;
    }
    #document dl:nth-child(n+3) {
        margin-top: 23px;
        padding-top: 25px;
        border-top: 1px solid #00336a;
    }
    #document dl dd {
        padding-top: 20px;
    }
    #document dl dt .title img {
        width: 20px;
        margin-right: 8px;
    }

    #document .type03 {
        display: block;
    }
    #document .type03 dt {
        width: 100%;
    }
    #document .type03 dt .title {
        font-size: 100%;
    }
    #document .type03 dd {
        width: 100%;
        letter-spacing: 0;
    }
    #document .type03 dd .box {
        margin-bottom: 25px;
    }
    #document .type03 dd .box .title {
        font-size: 86.6%;
        padding: 6px;
        margin-bottom: 14px;
    }
    #document .type03 dd ul {
        font-size: 80%;
        padding-left: 0;
    }
    #document .type03 dd ul li {
        margin-bottom: 5px;
    }
    #document .type03 dd p {
        padding-left: 0;
        font-size: 66.6%;
    }
    #document .type03 .linkPdf {
      padding-top: 5px;
      /* text-indent: -20px; */
      padding-left: 20px;
    }
    #document .type03 .linkPdf a {
      padding-left: 20px;
    }
    #document .type03 .linkPdf a::before {
      width: 18px;
      height: 20px;
      margin-top: -10px;
    }
    #document .type03 .kouza .txt {
        font-size: 80%;
    }
    #document .type03 .box03 p {
        padding-left: 1.5em;
        font-size: 75%;
    }
    #document .type03 .box03 ul  {
        font-size: 75%;
        margin: 0.75em 0 0 1.8em;
        padding-left: 1.5em;
    }
    #document .type03 .box03 .indent01 {
        padding-left: 2.5em;
    }
    
    /*******************************
    .cta
    *******************************/
    .cta {
        margin-top: 3em;
    }
    .cta__wrap {
        width: 90%;
        margin: 0 auto;
    }
    .cta__content {
        width: 100%;
    }
    .cta__img {
        width: 100%;
        height: 230px;
        border-radius: 8px 8px 0 0;
        overflow: hidden;
    }
    .cta__img {
        height: 200px;
    }
    .cta__txt {
        padding: 20px 20px 0 20px;
    }
}