html {
    min-width: auto;
}

@media screen and (min-width: 501px) and (max-width: 1430px) {
    /* ヘッダ */
    .phone_div_header {
        display:none;
    }
    .header__buttonBlock {
        width: auto;
    }
    .header__hamburger {
        width: auto;
    }
    .headerLogoutButton {
        width: 80px;
    }
    .headerFavoriteButton {
        width: 80px;
    }
    .headerMypageButton {
        width: 80px;
    }
    /* ハンバーガーメニュー */
    .hamburgerMenu__inner {
        max-width: 500px;
        margin: auto;
    }
    .hamburgerFooterSnsList__item {
        width: 80px;
    }
    .hamburgerFooter__logo {
        width: calc(500px * .7);
    }
    /* タイムスケジュール */
    .pageOccupationDetail__block--schedule {
        overflow: revert;
    }
    .pageOccupationDetailSchedule::after {
        left: 2px;
        margin: 0;
    }
    .pageOccupationDetailSchedule__item {
        justify-content: left;
        left: 72px;
        width: 90%;
    }
    .pageOccupationDetailSchedule__item:nth-child(2n) {
        left: 72px;
        right: auto;
        flex-direction: revert;
    }
    .pageOccupationDetailSchedule__item:nth-child(2n)>div:nth-child(2) {
        margin: 0 0 0 32px;
    }
    .pageOccupationDetailSchedule__item:nth-child(2n)>div:first-child::before {
        left: -72px;
        right: auto;
    }
    .pageOccupationDetailSchedule__item:nth-child(2n)>div:first-child::after {
        left: -74px;
        right: auto;
    }
    .pageOccupationDetailSchedule__item:not(:first-child) {
        margin: 16px 0 0;
    }
    .pageOccupationDetailSchedule__work {
        width: 65%;
    }
    /* こだわり検索 */
    .pageSearchAllClearButton__span::after {
        top: 50%;
        margin-top: -10px;
    }
    /* 企業様向け */
    .pageHotelFlowList__figure {
        padding: 25%;
    }
    /* 運営会社 */
    .pageCompany__figure {
        border: none;
    }
    .pageCompany__figure::before {
        display: none;
    }
    .pageCompany__figure::after {
        display: none;
    }
    .pageCompany__figure--wide::before {
        display: none;
    }
    .pageCompany__figure--wide::after {
        display: none;
    }
    .pageCompany__address__term {
        width: 20% !important;
    }
    /* マイページ */
    .pageMypageList {
        justify-content: space-between;
    }
    .pageMypageList__item {
        flex: 1;
        width: auto;
    }
    .pageMypageList__item:not(:nth-child(4n+1)) {
        margin-left: 5%;
    }
    .pageMypageConditionList__item--area {
        margin: 0 2% 2% 0;
        min-width: calc((100% - 2% * 5) / 5);
    }
    /* 求人詳細 */
    .SearchDetail__Nav {
        width: calc(100% - 104px - 210px);
    }
}

@media screen and (min-width: 501px) and (max-width: 1370px) {
    /* ヘッダ */
    .phone_div_header {
        display: none;
    }
    .header__block {
        flex: 1;
        width: auto;
    }
    /* リゾートバイトとは */
    .topAbout__figure {
        flex: 1;
        width: auto;
        height: auto;
    }
    .topAbout__figure:not(:first-child) {
        margin: 0 0 0 4%;
    }
}

@media screen and (min-width: 501px) and (max-width: 1280px) {
    /* 新着求人 */
    .recruitList--4>* {
        width: calc((100% - 2% * 2) / 3) !important;
    }
    .recruitList--4>*:not(:nth-child(4n+1)) {
        margin-left: 0 !important;
    }
    .recruitList--4>*:not(:nth-child(3n+1)) {
        margin-left: 2% !important;
    }
    .recruitList--4>*:nth-child(n+4) {
        margin-top: 40px !important;
    }
    /* 求人一覧 */
    .recruitList--3>* {
        width: calc((100% - 2% * 1) / 2) !important;
    }
    .recruitList--3>*:not(:nth-child(3n+1)) {
        margin-left: 0 !important;
    }
    .recruitList--3>*:not(:nth-child(2n+1)) {
        margin-left: 2% !important;
    }
    .recruitList--3>*:nth-child(n+3) {
        margin-top: 40px !important;
    }
    /* 初めての方へ */
    .about_main_image {
        display: none;
    }
    .pageAboutIntrot__block {
        width: 80%;
    }
    .pageAboutIntroColumn {
        align-items: center;
    }
}

@media screen and (min-width: 501px) and (max-width: 1150px) {
    /* ヘッダ */
    .phone_div_header {
        display: block;
    }
    .header__navi {
        display: none;
    }
    .header__button {
        align-items: stretch;
    }
    .header__buttonBlock {
        display: flex;
        justify-content: flex-end;
        width: auto;
    }
    .headerMypageButton {
        display: none;
    }
    .header__hamburger {
        display: block;
    }
    .headerSignupButton {
        display: none;
    }
    .hamburgerButton {
        display: block;
        width: 80px;
        padding: 18px 0 0;
    }
    .hamburgerButton__inner {
        height: auto;
    }
    .hamburgerMenu {
        display: block;
    }
    /* 特集一覧 */
    .featureList {
        display: block;
    }
    .featureList--2>* {
        width: auto;
    }
    .featureList--2>*:nth-child(n+2) {
        margin-top: 24px;
    }
    .featureList--2>*:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    /* 主な職種 */
    .pageOccupationDetail__column {
        display: block;
    }
    .pageOccupationDetail__imageBlock {
        width: auto;
        margin: 0 0 16px;
    }
    .pageOccupationDetail__text {
        width: auto;
    }
    /* 仕事を探す */
    .topSearch__inner {
        padding: 64px;
    }
    /* 運営会社 */
    .pageCompany__figure:first-child {
        width: 100%;
    }
    .pageCompany__block {
        width: 100%;
        margin: 32px 0 0;
    }
}

@media screen and (min-width: 501px) and (max-width: 960px) {
    /* サイドメニュー */
    .sideMenu {
        display: none;
    }
    .pageFeature__main {
        width: 100%;
        margin: 0;
    }
    .pageFeatureDetail__main {
        width: 100%;
        margin: 0;
    }
    .pageOccupation__main {
        width: 100%;
        margin: 0;
    }
    .pageOccupationDetail__main {
        width: 100%;
        margin: 0;
    }
    .pageAbout__main {
        width: 100%;
        margin: 0;
    }
    .pageMaterial__main {
        width: 100%;
        margin: 0;
    }
    .pageSearchList__main {
        width: 100%;
        margin: 0;
    }
    .pageSearchFeature__main {
        width: 100%;
        margin: 0;
    }
    .pageHotel__main {
        width: 100%;
        margin: 0;
    }
    .pageCompany__main {
        width: 100%;
        margin: 0;
    }
    .pagePrivacy__main {
        width: 100%;
        margin: 0;
    }
    .pageSearchDetail__main {
        width: 100%;
        margin: 0;
    }
    .pageMypageFavorite__main {
        width: 100%;
        margin: 0;
    }
    /* 仕事を探す */
    .topSearch__area {
        display: block;
    }
    .topSearch__section--map {
        width: auto;
    }
    .topSearch__section--map>.topSearchMapTitle {
        width: auto;
    }
    .topSearch__section--prefecture {
        width: auto;
    }
    .topSearch__section--localArea {
        width: auto;
    }
    /* 新着特集 */
    .topFeature__content {
        display: block;
    }
    .topFeature__main {
        width: 100%;
    }
    .topFeature__list {
        width: 100%;
        margin-top: 16px;
    }
    /* 新着求人 */
    .recruitList--4>* {
        width: calc((100% - 2% * 1) / 2) !important;
    }
    .recruitList--4>*:not(:nth-child(3n+1)) {
        margin-left: 0 !important;
    }
    .recruitList--4>*:not(:nth-child(2n+1)) {
        margin-left: 2% !important;
    }
    .recruitList--4>*:nth-child(n+3) {
        margin-top: 40px !important;
    }
    /* こだわり検索 */
    .pageSearch__area {
        display: block;
    }
    .pageSearch__section {
        padding: 48px;
    }
    .pageSearch__section--map {
        width: auto;
    }
    .pageSearch__functionHead_map {
        width: auto;
    }
    .pageSearch__section--prefecture {
        width: auto;
    }
    .pageSearch__block--map {
        margin-top: 0;
    }
    /* 主な職種 */
    .pageOccupationList__item {
        display: block;
    }
    .pageOccupationList__imageBlock {
        width: auto;
    }
    .pageOccupationList__image {
        margin: 0 0 16px;
    }
    .pageOccupationList__image:not(:first-child) {
        margin: 0 0 16px;
    }
    .pageOccupationList__textBlock {
        width: auto;
    }
    /* マージン率 */
    .pageMaterial__term {
        width: 35%;
    }
    .pageMaterial__description {
        width: 65%;
        padding-top: 0;
        padding-bottom: 0;
    }
    /* 求人詳細 */
    .SearchDetail__Nav {
        width: calc(100% - 65px);
    }
}

@media screen and (min-width: 501px) and (max-width: 822px) {
    /* ヘッダ */
    .phone_div_header {
        display: none;
    }
}

@media screen and (min-width: 501px) and (max-width: 680px) {
    /* 新着求人 */
    .recruitList--4>* {
        width: 100% !important;
    }
    .recruitList--4>*:not(:nth-child(3n+1)) {
        margin-left: 0 !important;
    }
    .recruitList--4>*:not(:nth-child(2n+1)) {
        margin-left: 0 !important;
    }
    .recruitList--4>*:nth-child(n+2) {
        margin-top: 40px !important;
    }
    /* 求人一覧 */
    .recruitListHead__function {
        display: block;
    }
    .recruitListHead__function > * {
        width: auto;
        margin: 0 0 24px;
    }
    .recruitListHead__button {
        width: 100%;
        margin: 0;
        padding: 14px 16px;
    }
    .recruitList--3>* {
        width: 100% !important;
    }
    .recruitList--3>*:not(:nth-child(3n+1)) {
        margin-left: 0 !important;
    }
    .recruitList--3>*:not(:nth-child(2n+1)) {
        margin-left: 0 !important;
    }
    .recruitList--3>*:nth-child(n+2) {
        margin-top: 40px !important;
    }
    /* 求人詳細 */
    .slider {
        width: 100%;
    }
    .pageSearchDetail__basic__information {
        order: 3;
        padding: 16px 0 0 0;
        width: 100%;
    }
    .pageSearchDetail__basic__gallery {
        order: 2;
    }
    /* 特集 */
    .pageFeatureDetail__column {
        display: block;
    }
    .pageFeatureDetail__imageBlock {
        width: auto;
        margin: 0 0 16px;
    }
    .pageFeatureDetail__text {
        width: auto;
    }
    /* エリア */
    .pageSearchFeature__column {
        display: block;
    }
    .pageSearchFeature__imageBlock {
        width: auto;
        margin: 0 0 16px;
    }
    .pageSearchFeature__text {
        width: auto;
    }
    /* 初めての方へ */
    .pageAboutIntrot__block {
        width: auto;
    }
    .flowList__item {
        display: block;
    }
    .flowList__image {
        width: auto;
    }
    .flowList__definition {
        width: auto;
        margin: 16px 0 0;
    }
    /* マージン率 */
    .pageMaterial__data {
        display: block;
    }
    .pageMaterial__data__figure {
        width: auto;
        margin: 0 0 48px;
    }
    .pageMaterial__data__block {
        width: auto;
    }
    .pageMaterial__data {
        padding: 48px 0 0;
    }
    /* 運営会社 */
    .pageCompany__section {
        padding: 32px;
    }
    /* マイページ */
    .pageMypageList {
        flex-wrap: wrap;
    }
    .pageMypageList__item {
        flex: none;
        width: 47.5%;
    }
    .pageMypageList__item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    .pageMypageList__item:nth-child(2n) {
        margin-left: 5%;
    }
    .pageMypageList__item:nth-child(n+3) {
        margin-top: 5%;
    }
    .pageMypageInfoEditButton {
        min-width: 100%;
    }
    .pageMypageInfoPersonalUpdateButton {
        min-width: 100%;
    }
    /* 求人詳細 */
    .SearchDetail__Nav {
        bottom: -999em;
    }
}