@media screen and (min-width: 768px) and (max-width: 1920px) {

/* Webフォントを定義 */
@font-face {
    font-family: 'Noto Sans Japanese';/* フォント名 */
    /* フォーマットごとにパスを指定 */
    src: url('../font/NotoSansJP-VariableFont_wght.ttf') format('truetype');
}

main p,span,li {
    font-family: 'Noto Sans Japanese';
    line-height: 1.8;
}

/* ページタイトル */
.harassment-title {
    margin-top: 4vw;
    margin-bottom: 3vw;
}

/* コンテンツタイトル */
.content-title {
    font-size: 2.62vw;
    background: linear-gradient(transparent 0%, transparent 50%, #009D96 50%, #009D96 100%);
    padding-right: 4vw;
    padding-left: 4vw;
}


/* 各セクション */
.section {
    padding-right: 4vw;
    padding-left: 4vw;
    margin-bottom: 3vw;
}


/* セクションタイトル */
.section-title {
    color: #009D96;
    font-weight: bold;
    font-size: 1.32vw;
    margin-bottom: 1vw;
}

/* 文章 */

/* 全体 */
.explain {
    font-size: 1vw;
    margin-bottom: 1vw;
}

.explain-small {
    font-size: 0.8vw;
}

/* リンク */
a {
    font-size: 1vw;
    color: #009D96;
    text-decoration: underline;
}

/* 各セクション内の最後 */
/* 相談窓口のpの下 */
.section p:last-child,
.web-consultation p,
.tell-consultation p {
    margin-bottom: 0;
}

/* リスト */
li {
    font-size: 1vw;
    list-style: inside; /* 文頭に・ */
    text-indent: -1.5em;
    padding-left: 1.5em;
}

.nest-list {
    padding-left: 1.5em;
}

.number-item {
    list-style: none;
    counter-increment: cnt; 
}

.number-item::before {
    content: "("counter(cnt)")";
}

/* 以上 */
.content-end {
    padding-right: 4vw;
    padding-left: 4vw;
    margin-bottom: 2vw;
    font-size: 1vw;
    text-align: right;
}

/* カスハラ */

/* カスハラの注意書き */
.customer-harassment > .section li:last-child {
    font-size: 0.8vw;
    list-style: none;
}

/* 求職者 */
.web-consultation {
    margin-bottom: 1vw;
}


/* 上に戻るボタン */
#return-top {
    display: flex;
    position: fixed;
    right: 0.5vw;
    bottom: 0;

}

#return-img {
    border: none;
    width: 4vw;
}

#return-top > a {
    display: inline-block;
    width: 100%;
    height: auto;
}


/* footer */
/* 全体の背景と余白 */
#footer {
    background-color: #f0f0f0;
    height: 16.5vw;
    padding: 1vw 1vw; 
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ロゴと文章と地図を横並び+余白 */
#footer-div {
    display: flex;
    justify-content: center;
}

#footer-left {
    flex-direction: column;
}

/* 各ブロックの幅 */
#footer-left,
#footer-center,
#footer-right {
    width: 33vw;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

/* ロゴ部分 */
/* ロゴのサイズ調整 */
.footer-img {
    height: 8.1vw;
    width: auto;
}

/* IR情報 */
.ir_customer,
.ir_recruit {
    color: #009D96;
    font-size: 0.8vw;
}

.ir-wrapper_sp {
    display: none;
}

/* 会社情報部分 */
/* 社名･営業時間･infoの余白 */
.company-name,
.time,
.info {
    margin: 0 0 1.7vw 0;
}

/* アクセスの余白 */
.access {
    margin: 0;
}



/* 地図部分 */
/* 地図のサイズ調整 */
#footer-right > iframe {
    height: 16vw;
    width: 16vw;
    margin: 15px;
}


}

/* スマホ用表示 */
@media screen and (max-width: 767px) {

/* Webフォントを定義 */
@font-face {
    font-family: 'Noto Sans Japanese';/* フォント名 */
    /* フォーマットごとにパスを指定 */
    src: url('../font/NotoSansJP-VariableFont_wght.ttf') format('truetype');
}

main p,span,li {
    line-height: 1.5;
}

/* コンテンツタイトル */
.content-title {
    font-size: 3.7vw;
    background: linear-gradient(transparent 0%, transparent 50%, #009D96 50%, #009D96 100%);
    padding-right: 4vw;
    padding-left: 4vw;
}


/* 各セクション */
.section {
    padding-right: 4vw;
    padding-left: 4vw;
    margin-bottom: 3vw;
}


/* セクションタイトル */
.section-title {
    color: #009D96;
    font-weight: bold;
    font-size: 2.6vw;
}

/* 文章 */
/* 福利厚生 */
/* 全体 */
.explain {
    font-size: 2vw;
    margin-bottom: 3vw;
}

/* リスト */
li {
    font-size: 2vw;
    list-style: inside; /* 文頭に・ */
    text-indent: -1.5em;
    padding-left: 1.5em;
}

/* 以上 */
.content-end {
    padding-right: 4vw;
    padding-left: 4vw;
    margin-bottom: 2vw;
    font-size: 2vw;
    text-align: right;
}

/* カスハラ */

/* カスハラの注意書き */
.customer-harassment > .section li:last-child {
    font-size: 1.5vw;
    list-style: none;
}



/* footer */
/* 背景と縦の長さ */
#footer {
    background-color: #f0f0f0;
    height: auto;
    padding: 3vw; 
    width: auto;
    overflow: hidden;
    font-size: 2.5vw;
}

/* 文章と地図を縦並び+余白 */
#footer-div {
    flex-direction: column;
    align-items: center;
    width: auto;
}

#footer-center,
#footer-right {
    width: auto;
    justify-content: center;
    display: flex;
}

#center-explain {
    padding-left: 9vw;
}

/* ロゴ非表示 */
#footer-left {
    display: none;
}

/* 会社情報部分 */
/* 社名･営業時間･infoの余白 */
.company-name,
.time,
.info {
    margin: 0 0 1.7vw 0;
}

/* アクセスの余白 */
.access {
    margin: 0;
}

/* IR情報 */
.ir_customer,
.ir_recruit {
    color: #009D96;
    font-size: 2.5vw;
}

/* 地図部分 */
/* 地図のサイズ調整 */
#footer-right > iframe {
    height: 40vw;
    width: 90vw;
    margin: 15px;
}
}