@media screen and (min-width: 769px), print {
    .mypage {
        background-color: #e7eef6;
        padding: 72px 0 100px;
    }
    .mypage-video {
        margin-top: 40px;
    }
    .mypage-ttl {
        position: relative;
        padding: 15px 0 18px;
        margin-bottom: 32px;
        font-size: 2.8rem;
        font-weight: 500;
        line-height: 1.5;
        color: #005bab;
        border-bottom: 2px solid #ccc;
    }
    .mypage-ttl:after {
        content: "";
        display: block;
        width: 120px;
        height: 2px;
        background: #005bab;
        position: absolute;
        bottom: -2px;
        left: 0;
    }
    .mypage .txt {
        font-size: 1.6rem;
        line-height: 30px;
    }
    .mypage .box {
        margin-top: 32px;
        margin-bottom: -20px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .mypage .box-item {
        width: 540px;
        padding: 30px 36px;
        background-color: #fff;
        -moz-box-shadow: 0px 10px 20px 0px rgba(0, 64, 121, 0.13);
            box-shadow: 0px 10px 20px 0px rgba(0, 64, 121, 0.13);
        margin-bottom: 20px;
    }
    .mypage .box-item:nth-child(2n) {
        margin-left: 20px;
    }
    .mypage .box-item .date {
        text-align: center;
        -moz-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: 1px;
        color: #fff;
        background-color: #005bab;
        -moz-border-radius: 10px;
            border-radius: 10px;
        padding: 8px 20px;
    }
    .mypage .box-item .video-list {
        padding: 0 10px;
        margin-top: 22px;
    }
    .mypage .box-item .video-list li {
        position: relative;
        padding-left: 35px;
    }
    .mypage .box-item .video-list li:before {
        content: "";
        width: 22px;
        height: 15px;
        background: url("/img/icon_youtube.png") no-repeat;
        -moz-background-size: contain;
            background-size: contain;
        position: absolute;
        left: 0;
        top: 8px;
    }
    .mypage .box-item .video-list li a {
        display: inline;
        font-size: 1.6rem;
        line-height: 30px;
        letter-spacing: 1px;
        color: #005bab;
        border-bottom: 1px solid #005bab;
        -webkit-transition: border 0.3s, opacity 0.3s;
        -moz-transition: border 0.3s, opacity 0.3s;
        transition: border 0.3s, opacity 0.3s;
    }
    .mypage .box-item .video-list li a:hover {
        border-color: transparent;
        opacity: 0.8;
    }
    .mypage .link-to {
        font-size: 1.6rem;
        line-height: 1;
        border-bottom: 1px solid #005bab;
        padding-bottom: 8px;
        color: #005bab;
        position: absolute;
        top: 36px;
        right: 35px;
        -webkit-transition: opacity 0.3s ease, border-color 0.3s;
        -moz-transition: opacity 0.3s ease, border-color 0.3s;
        transition: opacity 0.3s ease, border-color 0.3s;
    }
    .mypage .link-to:hover {
        opacity: 0.8;
        border-color: transparent;
    }
    .mypage-mailing {
        margin-top: 56px;
    }
    .mypage-mailing .mypage-ttl {
        margin-bottom: 40px;
    }
    .mypage-mailing .info {
        position: relative;
    }
    .mypage-mailing .info + .info {
        margin-top: 30px;
    }
    .mypage-mailing .info-row {
        background-color: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -moz-box-shadow: 0px 10px 20px 0px rgba(0, 64, 121, 0.13);
            box-shadow: 0px 10px 20px 0px rgba(0, 64, 121, 0.13);
    }
    .mypage-mailing .info-row > p {
        width: 300px;
        height: 92px;
        background-color: #005bab;
        color: #fff;
        font-size: 1.6rem;
        line-height: 36px;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .mypage-mailing .info-row span {
        font-family: "Montserrat", sans-serif;
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 36px;
        padding: 0 29px;
        letter-spacing: 1px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .mypage-subscribe {
        margin-top: 56px;
    }
    .mypage-subscribe .mypage-ttl {
        margin-bottom: 41px;
    }
    .mypage-subscribe .subscribe-row {
        position: relative;
        background-color: #fff;
        -moz-box-shadow: 0px 10px 20px 0px rgba(0, 64, 121, 0.13);
            box-shadow: 0px 10px 20px 0px rgba(0, 64, 121, 0.13);
        padding: 31px 29px;
    }
    .mypage-subscribe .subscribe-row input {
        display: none;
    }
    .mypage-subscribe .subscribe-row input:checked ~ label:after {
        opacity: 1;
        -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }
    .mypage-subscribe .subscribe-row input + label {
        display: block;
        font-size: 1.6rem;
        line-height: 30px;
        letter-spacing: 0.8px;
        padding-left: 37px;
        position: relative;
        cursor: pointer;
    }
    .mypage-subscribe .subscribe-row input + label:before, .mypage-subscribe .subscribe-row input + label:after {
        content: "";
        -moz-border-radius: 50%;
            border-radius: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .mypage-subscribe .subscribe-row input + label:before {
        width: 26px;
        height: 26px;
        left: 1px;
        background-color: #e7eef6;
    }
    .mypage-subscribe .subscribe-row input + label:after {
        width: 14px;
        height: 14px;
        background: #00a0e9;
        left: 6.5px;
        -webkit-transform: scale(0.8);
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
        opacity: 0;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: opacity 0.3s, transform 0.3s, -moz-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
    }
    .mypage-subscribe .date-list {
        margin-top: 30px;
    }
    .mypage-subscribe .date-list__item {
        position: relative;
        background-color: #fff;
        -moz-box-shadow: 0px 10px 20px 0px rgba(0, 64, 121, 0.13);
            box-shadow: 0px 10px 20px 0px rgba(0, 64, 121, 0.13);
    }
    .mypage-subscribe .date-list__item + .date-list__item {
        margin-top: 20px;
    }
    .mypage-subscribe .date-list__item .c-checkbox {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 100%;
    }
    .mypage-subscribe .date-list__item .c-checkbox input {
        display: none;
    }
    .mypage-subscribe .date-list__item .c-checkbox input:checked ~ label:after {
        opacity: 1;
    }
    .mypage-subscribe .date-list__item .c-checkbox label {
        position: relative;
        width: 100%;
        padding: 30px 29px 32px 66px;
        display: block;
        cursor: pointer;
        font-size: 1.6rem;
        line-height: 30px;
        letter-spacing: 0.7px;
        position: relative;
    }
    .mypage-subscribe .date-list__item .c-checkbox label:before, .mypage-subscribe .date-list__item .c-checkbox label:after {
        content: "";
        position: absolute;
        top: 0;
        left: 30px;
        margin: auto;
    }
    .mypage-subscribe .date-list__item .c-checkbox label:before {
        width: 26px;
        height: 26px;
        background: #e7eef6;
        bottom: 0;
    }
    .mypage-subscribe .date-list__item .c-checkbox label:after {
        width: 22px;
        height: 19px;
        opacity: 0;
        background: url("/img/btn_check.png") no-repeat;
        -moz-background-size: contain;
            background-size: contain;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s;
        bottom: 4px;
        left: 34px;
    }
    .mypage-subscribe .deselect {
        border: none;
        outline: none;
        -webkit-appearance: none;
            -moz-appearance: none;
                appearance: none;
        cursor: pointer;
        position: relative;
        -webkit-transition: border 0.3s;
        -moz-transition: border 0.3s;
        transition: border 0.3s;
        font-size: 1.6rem;
        color: #005bab;
        float: right;
        margin-top: 21px;
        background-color: transparent;
        border-bottom: 1px solid #005bab;
    }
    .mypage-subscribe .deselect:hover {
        border-color: transparent;
    }
    .contact.address {
        text-align: left;
        padding: 70px 0 90px;
    }
    .contact.address .row {
        max-width: 900px;
        margin: 0 auto;
    }
    .contact.address .contact-des {
        text-align: left;
    }
    .contact.address .contact-form {
        margin-top: 56px;
    }
    .contact.address .c-form_input::-webkit-input-placeholder {
        color: #282828;
    }
    .contact.address .c-form_input::-moz-placeholder {
        color: #282828;
    }
    .contact.address .c-form_input:-ms-input-placeholder {
        color: #282828;
    }
    .contact.address .c-form_input::placeholder {
        color: #282828;
    }
    .contact.address-confirm .form-row {
        background-color: #fff;
        -moz-border-radius: 6px;
            border-radius: 6px;
        font-size: 1.6rem;
        line-height: 30px;
        padding: 13px 30px;
    }
    .contact.address-confirm .form-row p {
        font-weight: 500;
        color: #005bab;
        margin-right: 33px;
    }
    .contact.address-confirm .form-row span {
        color: #282828;
        display: inline-block;
        letter-spacing: 1px;
    }
    .contact.address-confirm .btn {
        margin-top: 50px;
    }
    .contact.address-complete {
        padding: 112px 0 140px;
    }
    .contact.address-complete .contact-ttl {
        font-weight: 500;
    }
    .contact.address-complete .btn {
        margin-top: 28px;
    }
    .contact.magazine {
        padding: 132px 0 140px;
    }
    .contact.magazine .wrapBtn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 42px;
    }
    .contact.magazine .wrapBtn .btn {
        width: 360px;
        margin: 0;
    }
    .contact.magazine .wrapBtn .btn-back {
        margin-right: 20px;
    }
    .event-items {
        background: #fff;
        -moz-box-shadow: 0 10px 20px 0 rgba(0, 64, 121, 0.13);
             box-shadow: 0 10px 20px 0 rgba(0, 64, 121, 0.13);
        margin-top: 35px;
    }
}

@media screen and (max-width: 768px) {
    .mypage {
        background-color: #e7eef6;
        padding: 14.32292vw 0 13.67188vw;
    }
    .mypage-video {
        margin-top: 6.77083vw;
        padding-bottom: 2.60417vw;
    }
    .mypage-ttl {
        position: relative;
        padding: 1.82292vw 0 2.99479vw;
        margin-bottom: 6.38021vw;
        font-size: 4.6875vw;
        font-weight: 500;
        line-height: 1.5555555;
        color: #005bab;
        letter-spacing: 0.05em;
        border-bottom: 0.39063vw solid #ccc;
    }
    .mypage-ttl:after {
        content: "";
        display: block;
        width: 15.625vw;
        height: 0.39063vw;
        background: #005bab;
        position: absolute;
        bottom: -0.26042vw;
        left: 0;
    }
    .mypage .txt {
        font-size: 3.64583vw;
        line-height: 5.98958vw;
    }
    .mypage .box {
        margin-top: 3.90625vw;
        margin-bottom: -3.90625vw;
        display: block;
    }
    .mypage .box-item {
        padding: 7.8125vw 6.51042vw 7.42188vw;
        background-color: #fff;
        -moz-box-shadow: 0 1.30208vw 2.60417vw 0 rgba(0, 64, 121, 0.13);
            box-shadow: 0 1.30208vw 2.60417vw 0 rgba(0, 64, 121, 0.13);
        margin-bottom: 3.90625vw;
    }
    .mypage .box-item .date {
        text-align: center;
        -moz-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
        font-size: 3.64583vw;
        font-weight: 500;
        line-height: 7.8125vw;
        letter-spacing: 0.13021vw;
        color: #fff;
        background-color: #005bab;
        -moz-border-radius: 1.30208vw;
            border-radius: 1.30208vw;
        padding: 1.5625vw 2.60417vw;
    }
    .mypage .box-item .video-list {
        padding: 0 1.30208vw;
        margin-top: 3.77604vw;
    }
    .mypage .box-item .video-list li {
        position: relative;
        padding-left: 5.72917vw;
    }
    .mypage .box-item .video-list li:before {
        content: "";
        width: 4.16667vw;
        height: 2.86458vw;
        background: url("/img/icon_youtube_sp.png") no-repeat;
        -moz-background-size: contain;
            background-size: contain;
        position: absolute;
        left: 0;
        top: 1.82292vw;
    }
    .mypage .box-item .video-list li a {
        display: inline;
        font-size: 3.64583vw;
        line-height: 5.98958vw;
        letter-spacing: 0.13021vw;
        color: #005bab;
    }
    .mypage .link-to {
        font-size: 3.64583vw;
        line-height: 1;
        border-bottom: 0.26042vw solid #005bab;
        padding-bottom: 1.82292vw;
        color: #005bab;
        float: right;
        margin-top: 3.51563vw;
    }
    .mypage-mailing {
        margin-top: 7.8125vw;
    }
    .mypage-mailing .mypage-ttl {
        margin-bottom: 7.42188vw;
    }
    .mypage-mailing .info {
        position: relative;
        padding-bottom: 9.63542vw;
    }
    .mypage-mailing .info + .info {
        margin-top: 3.90625vw;
    }
    .mypage-mailing .info-row {
        background-color: #fff;
        -moz-box-shadow: 0 1.30208vw 2.60417vw 0 rgba(0, 64, 121, 0.13);
            box-shadow: 0 1.30208vw 2.60417vw 0 rgba(0, 64, 121, 0.13);
        font-size: 3.64583vw;
        line-height: 5.98958vw;
        padding-bottom: 3.64583vw;
    }
    .mypage-mailing .info-row > p {
        padding: 2.47396vw 2.60417vw;
        margin-bottom: 3.64583vw;
        background-color: #005bab;
        color: #fff;
        text-align: center;
    }
    .mypage-mailing .info-row span {
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        padding: 0 3.77604vw;
        letter-spacing: 0.13021vw;
    }
    .mypage-subscribe {
        margin-top: 5.46875vw;
    }
    .mypage-subscribe .mypage-ttl {
        margin-bottom: 7.68229vw;
    }
    .mypage-subscribe .subscribe-row {
        position: relative;
        background-color: #fff;
        -moz-box-shadow: 0 1.30208vw 2.60417vw 0 rgba(0, 64, 121, 0.13);
            box-shadow: 0 1.30208vw 2.60417vw 0 rgba(0, 64, 121, 0.13);
        padding: 3.77604vw 2.60417vw 3.77604vw 3.77604vw;
        margin-bottom: 9.76563vw;
    }
    .mypage-subscribe .subscribe-row input {
        display: none;
    }
    .mypage-subscribe .subscribe-row input:checked ~ label:after {
        opacity: 1;
        -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }
    .mypage-subscribe .subscribe-row input + label {
        display: block;
        font-size: 3.64583vw;
        line-height: 5.98958vw;
        letter-spacing: 0vw;
        padding-left: 5.46875vw;
        position: relative;
        cursor: pointer;
    }
    .mypage-subscribe .subscribe-row input + label:before, .mypage-subscribe .subscribe-row input + label:after {
        content: "";
        -moz-border-radius: 50%;
            border-radius: 50%;
        position: absolute;
        top: 0.65104vw;
    }
    .mypage-subscribe .subscribe-row input + label:before {
        width: 4.42708vw;
        height: 4.42708vw;
        left: 0vw;
        top: 0.78125vw;
        background-color: #e7eef6;
    }
    .mypage-subscribe .subscribe-row input + label:after {
        width: 2.60417vw;
        height: 2.60417vw;
        background: #00a0e9;
        left: 0.91146vw;
        top: 1.69271vw;
        -webkit-transform: scale(0.8);
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
                transform: scale(0.8);
        opacity: 0;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: opacity 0.3s, transform 0.3s, -moz-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
    }
    .mypage-subscribe .subscribe-row .link-to {
        position: absolute;
        right: 0;
        bottom: -9.63542vw;
    }
    .mypage-subscribe .date-list {
        margin-top: 3.90625vw;
    }
    .mypage-subscribe .date-list__item {
        position: relative;
        background-color: #fff;
        -moz-box-shadow: 0 1.30208vw 2.60417vw 0 rgba(0, 64, 121, 0.13);
            box-shadow: 0 1.30208vw 2.60417vw 0 rgba(0, 64, 121, 0.13);
    }
    .mypage-subscribe .date-list__item + .date-list__item {
        margin-top: 3.90625vw;
    }
    .mypage-subscribe .date-list__item .c-checkbox {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        width: 100%;
    }
    .mypage-subscribe .date-list__item .c-checkbox input {
        display: none;
    }
    .mypage-subscribe .date-list__item .c-checkbox input:checked ~ label:after {
        opacity: 1;
    }
    .mypage-subscribe .date-list__item .c-checkbox label {
        position: relative;
        width: 100%;
        padding: 3.77604vw 3.77604vw 3.90625vw 10.54688vw;
        display: block;
        cursor: pointer;
        font-size: 3.64583vw;
        line-height: 5.98958vw;
        letter-spacing: 0.13021vw;
        position: relative;
    }
    .mypage-subscribe .date-list__item .c-checkbox label:before, .mypage-subscribe .date-list__item .c-checkbox label:after {
        content: "";
        position: absolute;
        top: 0;
        left: 3.90625vw;
        margin: auto;
    }
    .mypage-subscribe .date-list__item .c-checkbox label:before {
        width: 4.42708vw;
        height: 4.42708vw;
        background: #e7eef6;
        bottom: 0;
    }
    .mypage-subscribe .date-list__item .c-checkbox label:after {
        width: 4.29688vw;
        height: 3.64583vw;
        opacity: 0;
        background: url("/img/btn_check.png") no-repeat;
        -moz-background-size: contain;
            background-size: contain;
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s;
        bottom: 1.04167vw;
        left: 4.55729vw;
    }
    .mypage-subscribe .deselect {
        border: none;
        outline: none;
        -webkit-appearance: none;
            -moz-appearance: none;
                appearance: none;
        cursor: pointer;
        position: relative;
        font-size: 3.64583vw;
        line-height: 5.98958vw;
        color: #005bab;
        float: right;
        padding-bottom: 0.39063vw;
        margin-top: 2.60417vw;
        background-color: transparent;
        border-bottom: 0.26042vw solid #005bab;
    }
    .contact.address {
        text-align: left;
        padding: 14.19271vw 0 15.75521vw;
    }
    .contact.address .contact-form .btn {
        margin-top: 9.50521vw;
    }
    .contact.address-confirm .contact-form {
        margin-top: 10.54688vw;
    }
    .contact.address-confirm .contact-form .btn {
        margin-top: 11.32813vw;
    }
    .contact.address-confirm .form-row {
        background-color: #fff;
        -moz-border-radius: 1.30208vw;
            border-radius: 1.30208vw;
        font-size: 3.64583vw;
        line-height: 5.98958vw;
        padding: 3.64583vw;
    }
    .contact.address-confirm .form-row + .form-row {
        margin-top: 3.90625vw;
    }
    .contact.address-confirm .form-row p {
        font-weight: 500;
        color: #005bab;
    }
    .contact.address-confirm .form-row span {
        color: #282828;
        display: block;
        letter-spacing: 0.26042vw;
    }
    .contact.address-complete {
        padding: 31.11979vw 0 32.16146vw;
    }
    .contact.address-complete .contact-ttl {
        font-weight: 500;
    }
    .contact.address-complete .btn {
        margin-top: 11.32813vw;
    }
    .contact.magazine {
        padding: 29.29688vw 0 30.59896vw;
    }
    .contact.magazine .contact-des {
        text-align: center;
    }
    .contact.magazine .wrapBtn {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-top: 10.15625vw;
    }
    .contact.magazine .wrapBtn .btn {
        width: 42.1875vw;
        margin: 0;
    }
    .contact.magazine .wrapBtn .btn-back {
        margin-right: 2.60417vw;
    }
    .page-maga .mv__ttl--en {
        letter-spacing: 0.13021vw;
    }
    .event-items {
        background: #fff;
        -moz-box-shadow: 0 1.30208vw 2.60417vw 0 rgba(0, 64, 121, 0.13);
             box-shadow: 0 1.30208vw 2.60417vw 0 rgba(0, 64, 121, 0.13);
        padding: 4.5572916vw;
    }
}