@media screen and (max-width: 767px) {
    .pc{
        display: none!important;
    }

    .sp{
        display: block;
    }

    .offset-1,.offset-2{
        margin-left: 0;
    }

    /* column */
    .top-ser-content,.top-kyoninka,.comp-book,.foot-info,.foot-sitemap,.ser-works-top,.cp-snow-flex,.resort-photo1,.lice-outline,.kizou,.resort-photo3,.resort-text-t,.rental-kagayaki,.jojuan-info,.award-img,.mpcc-hoshin{
        flex-direction: column;
    }

    /* width 100 */
    .cp-snow-flex ul,.cp-snow-flex figure,.kizou div,.lice-outline figure,.lice-outline ul,.logo-content img,.resort-photo-l,.resort-photo-r,.resort-photo3-res04,.resort-photo3-img,.resort-text-t table,.rental-kagayaki-r,.rental-kagayaki-l,.award-content img,.foot-info figure,.foot-info img,.jojuan-riyo,.jojuan-map,.award-img .col-md-6{
        width: 100%;
    }

    /* index */
    body{
        font-feature-settings: "palt";
    }

    p{
        font-size: 15px;
    }

    .drawer-navbar{
        z-index: 9999;
    }

    .drawer-navbar .drawer-brand{
        display: block;
        width: 40%;
    }

    .drawer-navbar .drawer-brand figure{
        margin: 0;
    }

    .drawer-navbar .drawer-menu{
        padding-bottom: 4rem;
    }

    .drawer-dropdown-menu-item{
        line-height: 2em;
    }

    .swiper-text{
        top: 30%;
    }

    .swiper-text h1{
        font-size: 10px;
    }

    .swiper-text p{
        font-size: 15px;
    }

    .container-video{
        height: 50vh;
    }

    .container-video #video{
        height: 50vh;
    }

    .top-news{
        margin: 50px auto;
    }

    .top-news dl{
        flex-direction: column;
        flex-wrap: nowrap;
        width: 100%;
        height: 200px;
        overflow: scroll;
    }

    .top-news dt,.top-news dd{
        width: 100%;
        padding: 10px 0;
        font-size: 15px;
    }

    .top-ser-title{
        text-align: center;
    }

    .top-ser-title h2{
        margin-top: 0;
    }

    .top-ser-l{
        margin-bottom: 50px;
    }

    .top-ser-l,.top-ser-r,.top-kyoninka-content{
        padding: 20px;
    }

    .top-comp{
        flex-wrap: wrap;
        margin-top: 100px;
    }

    .top-comp .col-md-3{
        width: 50%;
    }

    .comp-btn p{
        font-size: 18px;
    }

    .comp-book-sp{
        flex-direction: column-reverse!important;
    }

    .foot-sitemap{
        padding: 50px;
        text-align: center;
    }

    .foot-sitemap h4{
        width: 100%;
        border-bottom: none;
        font-weight: normal;
        padding-bottom: 0;
    }

    .foot-sitemap li{
        line-height: normal;
    }

    .top-bnr{
        margin-top: 50px;
    }

    .top-bnr .col-md-6{
        margin: 20px 0;
    }

    /* 共通 */
    .common-text{
        top: 20%!important;
    }

    .common-text h2{
        font-size: 24px;
        padding-left: 20px;
        letter-spacing: .2em;
    }

    .common-text h4{
        font-size: 18px;
        padding-left: 20px;
        letter-spacing: 0;
    }

    .common-head-s .common-text{
        display: flex;
        flex-wrap: wrap;
    }

    .common-head-s .common-text h2{
        margin-top: 5px;
    }

    .common-head-s .common-text h4{
        margin-top: 10px;
    }

    .license .common-head-s .common-text h2,.bunko .common-head-s .common-text h2,.resort .common-head-s .common-text h2,.jojuan .common-head-s .common-text h2{
        font-size: 20px!important;
    }

    .license .common-head-s .common-text h4,.bunko .common-head-s .common-text h4,.resort .common-head-s .common-text h4,.jojuan .common-head-s .common-text h4{
        margin: 0;
    }

    .rinen-t h2,.rinen-t h4{
        margin-top: 0!important;
        margin-bottom: 0;
    }

    .keiei,.syaze{
        margin: 50px auto;
    }

    .syaze h3{
        font-size: 30px;
    }

    /* 事業内容 */
    .service .container{
        padding: 20px;
    }

    .ser-works{
        margin-bottom: 50px;
    }

    .ser-btn-text{
        position: inherit;
        top: 0;
        left: 0;
        transform: none;
    }

    .ser-works-content{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        width: 100%;
        margin: 10px auto;
    }

    .ser-works-img{
        width: 40%;
    }

    .ser-works-content dl{
        width: 50%;
        margin-left: 20px;
    }

    .ser-works-content dt{
        font-size: 14px;
    }

    .ser-works-genre{
        padding-left: 0;
    }

    .ser-works-genre::before{
        display: none;
    }

    .works-content th,.works-content td{
        display: block;
        width: 100%;
        padding: 10px 0;
    }

    .ser-works-text{
        overflow-x: scroll;
    }

    .ser-works-text table{
        width: 100%;
        min-width: 600px;
        border-collapse: collapse;
    }

    .ser-works-text td,.ser-works-text td:first-child{
        width: 20%;
    }

    /* item */
    .item-content{
        margin-top: 20px;
        padding: 20px;
    }

    .item-content h3{
        position: static;
        width: 100%;
    }

    .item-content .col-md-6{
        margin-top: 30px;
    }

    .cp-feature-1 h3{
        font-size: 20px;
    }

    .cp-snow-flex li{
        padding-right: 0;
    }

    .resort-photo1,.resort-text{
        margin: 50px auto;
    }

    .resort-text span{
        display: block;
    }

    .rental-teian th,.rental-teian td{
        display: block;
        width: 100%;
    }

    .rental-teian td{
        padding-left: 0;
        font-size: 15px;
        margin-top: 10px;
    }

    .rental-teian, .rental-subtit, .rental-kagayaki, .rental-corp, .rental-korei-text,.seismic-content{
        margin-top: 30px;
    }

    .rental-subtit h3{
        font-size: 20px;
    }

    .seismic-photo{
        justify-content: space-evenly;
    }

    .seismic-6{
        width: 45%;
    }

    /* company */
    .company-top-content{
        position: static;
    }

    .company-list .col-md-10,.profile-content,.greeting-content .container{
        margin: 50px auto;
    }

    .mpcc-content,.profile-content,.logo-content{
        padding: 20px;
    }

    .profile-content th,.profile-content td{
        display: block;
        width: 100%;
        padding: 10px 0;
    }

    .profile-content td{
        font-size: 15px;
    }

    .yakuin-sp tr{
        display: flex;
    }

    .yakuin-sp tr:first-child{
        display: block;
    }

    .yakuin-sp th{
        width: 100%!important;
    }

    .yakuin-sp td{
        display: inline-block;
        width: 50%;
    }

    .yakuin-sp td:last-child{
        padding-right: 0;
    }

    .greeting-content .container figure{
        width: 40%;
    }

    .keiei li ,.syaze li{
        font-size: 15px;
        line-height: 1.5em;
    }

    .lice-outline ul{
        margin-left: 0;
    }

    .lice-outline li{
        font-size: 15px;
    }

    /* contact */
    .contact-content{
        margin: 50px 0;
    }

    .contact-tel .tel span{
        display: block;
        padding-left: 0;
    }

    .contact-mail th,.contact-mail td{
        display: block;
        width: 100%;
    }

    /* event */
    .event-content h3{
        font-size: 20px;
    }

    /* award */
    .award-img .col-md-6{
        margin: 20px auto;
    }

    /* 地域貢献 */
    .chiiki{
        margin: 50px 0;
    }

    .chiiki-title h3{
        font-size: 24px;
    }

    .chiiki-list dt,.chiiki-list dd{
        font-size: 14px;
    }

    .sp-award .col-md-4{
        width: 45%;
    }

    /* SDGs */
    .sdgs .common-text{
        flex-direction: row;
        align-items: end;
    }

    .sdgs .common-text h4{
        font-size: 12px;
    }

    .sdgs-logo{
        margin: 50px 0;
    }

    .sdgs-greeting{
        margin-bottom: 50px;
    }

    .sdgs-gre-text p,.sdgs-sup-text p{
        letter-spacing: 0;
        line-height: 1.5em;
    }

    .sdgs-gre-text img{
        width: 50%;
    }

    .sdgs-title h3{
        font-size: 24px;
    }

    .sdgs-initiative .col-md-10{
        background: none
    }

    .sdgs-init-content{
        flex-direction: column;
    }

    .sdgs-init-content div{
        width: 100%;
    }

    .sdgs-init-center{
        display: none;
    }

    .sdgs-init-sp-concept{
        text-align: center;
    }

    .sdgs-init-sp-concept h3{
        font-family: 'Noto Serif JP', serif;
        color: #0075c2;
    }

    .sdgs-init-item-1,.sdgs-init-item-2,.sdgs-init-item-3,.sdgs-init-item-4{
        margin: 30px 0;
    }

    .sdgs-init-item-1 ul,.sdgs-init-item-2 ul,.sdgs-init-item-3 ul,.sdgs-init-item-4 ul{
        display: flex;
        justify-content: center;
    }

    .sdgs-init-item-1 li,.sdgs-init-item-2 li,.sdgs-init-item-3 li,.sdgs-init-item-4 li{
        width: 20%;
    }

    .sdgs-init-item-1 img,.sdgs-init-item-2 img,.sdgs-init-item-3 img,.sdgs-init-item-4 img{
        width: 100%;
    }

    .sdgs-init-item-1 h4,.sdgs-init-item-2 h4,.sdgs-init-item-3 h4,.sdgs-init-item-4 h4{
        font-family: 'Noto Serif JP', serif;
        color: white;
        padding: 10px 20px;
    }

    .sdgs-init-item-1 h4{
        background-color: #f15a24;
    }

    .sdgs-init-item-2 h4{
        background-color: #39b54a;
    }

    .sdgs-init-item-3 h4{
        background-color: #fbb03b;
    }

    .sdgs-init-item-4 h4{
        background-color: #0075c2;
    }

    .sdgs-init-item-1 a p,.sdgs-init-item-2 a p,.sdgs-init-item-3 a p,.sdgs-init-item-4 a p{
        padding: 10px;
        text-align: center;
    }

    .sdgs-init-item-1 i,.sdgs-init-item-2 i,.sdgs-init-item-3 i,.sdgs-init-item-4 i{
        font-size: 12px;
        padding-left: 10px;
    }

    .sdgs-init-item-1 a p{
        color: #f15a24;
        border: 1px solid #f15a24;
    }

    .sdgs-init-item-2 a p{
        color: #39b54a;
        border: 1px solid #39b54a;
    }

    .sdgs-init-item-3 a p{
        color: #fbb03b;
        border: 1px solid #fbb03b;
    }

    .sdgs-init-item-4 a p{
        color: #0075c2;
        border: 1px solid #0075c2;
    }

    .sdgs-mission h3,.sdgs-vision-text h3,.sdgs-task h3{
        border-bottom: 1px solid #006837;
        color: #006837;
        font-weight: bold;
    }

    .sdgs-mission h3 span,.sdgs-vission-text h3 span,.sdgs-task h3 span{
        font-size: 14px;
        font-weight: normal;
        padding-left: 10px;
    }

    .sdgs-mission li,.sdgs-task li{
        font-size: 15px;
    }

    .img-sp img{
        width: 100%;
    }

    .iso{
        margin-top: 50px;
    }

    .iso-text{
        margin-top: 20px;
    }

    .iso-date{
        flex-direction: column-reverse;
    }

    .iso-date th,.iso-date td{
        font-size: 14px;
    }

    .women{
        margin-top: 50px;
    }

    .women-title h3,.women-directer h3{
        font-size: 26px;
    }

    .women-directer{
        margin: 50px auto;
    }

    .women-directer figure img{
        width: 50%;
    }

    .women-kouryu{
        padding: 10px;
        flex-direction: column;
    }

    .health-mt h2{
        font-size: 20px;
    }

    .health-mt h4{
        font-size: 12px;
        letter-spacing: 1px;
    }

    .health .women-directer{
        margin-top: 0;
    }

    .health .women-directer h3{
        font-size: 20px;
    }

    .health-img{
        flex-direction: column;
    }

    .women-directer .health-img img{
        width: 100%!important;
        margin: 20px 0;
    }

    .health-greeting{
        margin-bottom: 50px;
    }

    .hegr-text{
        width: 100%;
    }

    .hegr-text figure{
        width: 100%;
    }

}

@media screen and (max-width: 960px) {
    .yakuin-sp td:last-child{
        padding-right: 0;
    }
}