@media screen and (min-width:769px) {
      body {
        background-color: #f5fafd !important;
      }
      header {
        width: 100%;
        padding: 24px 16px;
        box-sizing: border-box;
        text-align: center;
        border-bottom: 4px solid #003B5C;
        background-color: #fff;
      }
      header h2 {
        font-size: 2.4rem;
        margin-bottom: 0;
        color: #555555;
      }
      #K3_container {
        width: 100%;
        max-width: 1312px;
        display: flex;
        padding: 0;
        box-sizing: border-box;
        font-size: 2.0rem;
        padding: 64px 0;
        background: none !important;
      }
      #K3_txt {
        width: 65%;
        padding: 0 30px;
        box-sizing: border-box;
        position: relative;
      }
      .K3_txt_ttl01 {
        color: #003B5C;
        font-size: 6.4rem;
        font-weight: bold;
        margin: 0;
        line-height: 1.3;
      }
      .k3_txt_txt01 {
        font-size: 2.0rem;
        line-height: 1.6;
        margin: 36px 0 0;
      }
      .K3_check_list {
        background: #ffffff;
        padding: 36px;
        box-sizing: border-box;
        width: 100%;
        margin: 36px 0 0;
        border-radius: 16px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      }
      .K3_txt_ttl02 {
        color: #003B5C;
        font-size: 2.8rem;
        font-weight: bold;
        margin: 0;
        background: url(../img/img.png) no-repeat left center;
        background-size: 68px 30px;
        padding-left: 76px;
      }
      #K3_txt ul {
        margin: 20px 0 0;
        line-height: 1.8;
        font-weight: bold;
        padding-left: 0px;
      }
      #K3_txt ul li {
        background: url(../img/img02.png) no-repeat left center;
        background-size: 24px 24px;
        list-style: none;
        padding-left: 32px;
        line-height: 2.0;
      }
      .k3_txt_txt02 {
        font-size: 90%;
        margin-top: 24px;
      }
      .k3_txt_img {
        text-align: center;
      }
      .k3_txt_img img {
        width: 100%;
        max-width: 600px;
        margin-top: 50px;
      }
      #K3_content {
        width: 35%;
        max-width: 526px;
        min-width: 330px;
        align-self: flex-start;
        padding: 1.5rem 3rem 0;
        background: #fff;
        box-sizing: border-box;
        border-radius: 16px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      }
      .footer01 {
        width: 100%;
        height: auto;
        padding: 0 30px;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
      }
      .footer01 p {
        font-size: 80%;
        margin: 16px 0 0;
        line-height: 1.8;
        color: #555555;
        font-size: 1.6rem;
      }
      .footer02 {
        display: none;
      }
      .form-control {
        height: 45px;
        font-size: 14.85px;
        border: 1px solid #e0e0e0;
        border-radius: 2px;
      }
      form.form .pd-text select.text {
        border: 1px solid #5a5a5a;
        background-color: #fff;
        box-sizing: border-box;
        padding: 5px 15px;
        height: 40px;
        width: 100%;
      }
      form.form .submit input {
        background-color: #0067A8 !important;
        padding: 16px 20px !important;
        height: auto !important;
        font-size: 1.4rem !important;
        border-radius: 8px !important;
      }
      form.form .submit input:hover {
        opacity: 0.8;
      }
    }

    @media screen and (min-width:0px) and (max-width:768px) {
        body {
        background-color: #f5fafd !important;
      }

      header {
        width: 100%;
        padding: 16px 16px;
        box-sizing: border-box;
        text-align: center;
        border-bottom: 4px solid #003B5C;
        background-color: #fff;
      }
      header img {
        width: auto;
        height: 48px;
      }
      header h2 {
        font-size: 1.6rem;
        margin-top: 10px;
        margin-bottom: 0;
        color: #555555;
      }

      #K3_container {
        width: 100%;
        max-width: 1312px;
        display: block;
        padding: 0;
        box-sizing: border-box;
        font-size: 2.0rem;
        background: none !important;
      }
      #K3_txt {
        width: 100%;
        padding: 25px 20px 0;
        box-sizing: border-box;
        position: relative;
      }
      .K3_txt_ttl01 {
        color: #003B5C;
        font-size: 3.0rem;
        font-weight: bold;
        margin: 0;
        line-height: 1.3;
      }
      .k3_txt_txt01 {
        font-size: 1.8rem;
        line-height: 1.6;
        margin: 24px 0 0;
      }
      .K3_check_list {
        background: #ffffff;
        padding: 24px 16px;
        box-sizing: border-box;
        width: 100%;
        margin: 36px 0 0;
        border-radius: 16px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      }
      .K3_txt_ttl02 {
        color: #003B5C;
        font-size: 2.0rem;
        font-weight: bold;
        margin: 0;
        background: url(../img/img.png) no-repeat left center;
        background-size: 50px 22px;
        padding-left: 58px;
      }
      #K3_txt ul {
        margin: 20px 0 0;
        line-height: 1.8;
        font-weight: bold;
        padding-left: 0px;
      }
      #K3_txt ul li {
        background: url(../img/img02.png) no-repeat left center;
        background-size: 18px 18px;
        list-style: none;
        padding-left: 24px;
        line-height: 1.6;
        font-size: 1.6rem;
        margin-top: 10px;
      }
      #K3_txt ul li:first-child {
        margin-top: 0;
      }
      .k3_txt_txt02 {
        font-size: 80%;
        margin-top: 16px;
        line-height: 1.6;
      }
      .k3_txt_img {
        text-align: center;
      }
      .k3_txt_img img {
        width: 100%;
        max-width: 600px;
        margin-top: 50px;
      }
      #K3_content {
        width: calc(100% - 40px);
        box-sizing: border-box !important;
        align-self: flex-start;
        background: #fff;
        box-sizing: border-box;
        padding: 5px 16px 0 !important;
        margin: 36px 20px 0 !important;
        border-radius: 16px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      }
      .footer01 {
        display: none;
      }
      .footer02 {
        width: 100%;
        height: auto;
        margin-top: 36px;
        padding: 16px 20px;
        box-sizing: border-box;
        display: block;
        font-size: 1.4rem;
        border-top: 4px solid #003B5C;
        background-color: #fff;
        text-align: center;
      }

      .footer02 img {
        width: 100%;
        max-width: 350px;
      }

      .footer02 p {
        font-size: 80%;
        margin: 10px 0 0;
        line-height: 1.8;
        color: #555555;
      }

      .form-control {
        height: 45px;
        font-size: 14.85px;
      }
      input,
      select,
      textarea {
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
      }

      .btn {
        font-size: 10px;
      }
      form.form .pd-text select.text {
        border: 1px solid #5a5a5a;
        background-color: #fff;
        box-sizing: border-box;
        padding: 5px 15px;
        height: 40px;
        width: 100%;
      }
    }