@charset "UTF-8";

.calendar_wrap {
    overflow: hidden;
    margin-top: 120px;
    margin-bottom: 80px;
    margin-left: 32px;
    margin-right: 32px;

    .calendar {
        display: flex;
        justify-content: center;

        h1 {
            margin-bottom: 32px;
            text-align: center;
            letter-spacing: 0.3em;
        }

        iframe {
            max-width: 100%;
        }

        iframe.pc {
            display: block;
        }

        iframe.sp {
            display: none;
        }

    }
}




/*=======min-width:768px======= */
@media screen and (max-width:768px) {
    .calendar_wrap .calendar h1 {
        font-size: 24px;
    }

    iframe.pc {
        display: none;
    }

    iframe.sp {
        display: block;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
}