@charset "UTF-8";

/* **************************************************

Name: interview_top_responsive.css

Create: 2021.11.26
Update: 2021.11.26

***************************************************** */


/* common
----------------------------------------------------- */
@media screen and (max-width: 767px) {
	.onlyPc {
		display: none;
	}
}


/* base reset
----------------------------------------------------- */
@media screen and (min-width: 995px) and (max-width: 1304px) {
	.OptionWideRWD .GridSet {
		width: auto;
		max-width: 1300px;
		margin: 0;
	}
}

@media screen and (max-width: 994px) {
	.JS #Contents {
		padding: 0;
	}
    .JS .GridSet {
        margin: 0;
    }
    .JS .Grid4 {
        padding: 0;
    }
    .JS h2 {
        margin: 0;
    }
}


/* brandingBlockArea
----------------------------------------------------- */
@media screen and (max-width: 767px) {
    #BrandingBlockArea {
        background-image: url(/image/jp/science-edu/interview/bg_branding_block_mobile.jpg);
        height: auto;
        padding: 64px 12px 70px 16px;
    }
    #BrandingBlockArea h2 {
        font-size: 7.1vw;
        margin-left: -4px;
    }
    #BrandingBlockArea p {
        font-size: 93.75%;
        line-height: 24px;
        text-align: left;
    }
}


/* title
----------------------------------------------------- */
@media screen and (max-width: 767px) {
    #Contents .ColumnTitle {
        font-size: 162.5%;
        padding: 60px 0 50px;
    }
}


/* Pickup
----------------------------------------------------- */
@media screen and (max-width: 1344px) {
    .Pickup {
        padding-left: 22px;
        padding-right: 22px;
    }
}
@media screen and (max-width: 767px) {
    .Pickup {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .PickupMain {
        display: block;
    }
    .PickupMain__Sentence {
        padding: 16px 10px 33px 13px;
    }
    .PickupMain__Photo {
        width: 100%;
    }
    .PickupMain__Text h5 {
        margin-left: -3px;
        text-align: center;
    }
}


/* Archive
----------------------------------------------------- */
@media screen and (max-width: 1304px) {
    .Archive {
        padding: 0 22px 32px!important;
    }
    .ArchiveList {
        width: calc( 50% - 10px );
    }
    .Archive__Photo {
        height: auto;
    }
}
@media screen and (max-width: 767px) {
    .ArchiveList {
        width: 100%;
        margin-bottom: 32px;
    }
    .Archive__Photo {
        height: auto;
        margin-bottom: 25px;
        overflow: visible;
    }
}


/* PermitNumber
----------------------------------------------------- */
@media screen and (max-width: 1306px) {
    #PermitNumber {
        height: auto;
        padding: 16px;
    }
}