@charset "utf-8";

/* CSS INFORMATION -====================================================
File name : info.css
Description :　インフォメーション共通css
===================================================================== */


/* =====================================================================
*    会社概要
* =================================================================== */

.company_list li:first-child {
    border-top: 1px solid #efefef;
}

.company_list li {
    padding: calc(50 / 630 * 100%) 0;
    border-bottom: 1px solid #efefef;
}

.company_list dl {
    font-size: 2.8rem;
}

.company_list dt {
    font-weight: 700;
    margin-bottom: calc(30 / 630 * 100%);
}

.company_list .googleMap {
    width: 100%;
    padding-top: calc(400 / 630 * 100%);
    margin-top: 1em;
}

.company_list .googleMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.company_list strong {
    display: block;
    font-size: 3.6rem;
}

@media screen and (min-width: 768px) {
    .company_list li {
        padding: calc(26 / 1000 * 100%) 0;
    }

    .company_list dl {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 2rem;
    }

    .company_list dt {
        width: calc(250 / 1000 * 100%);
        margin: 0;
    }

    .company_list dd {
        width: calc(700 / 1000 * 100%);
    }

    .company_list .googleMap {
        padding-top: calc(500 / 1000 * 100%);
    }

    .company_list strong {
        font-size: 2rem;
    }
}


/* =====================================================================
*    会社概要 (English)
* =================================================================== */

.company_en .ttl_wrap,
.company_en .company_list {
    font-family: 'Inter', sans-serif;
}

.company_en .ttl_wrap {
    margin-bottom: calc(50 / 630 * 100%);
}

.company_en .company_list:not(:last-child) {
    margin-bottom: calc(120 / 630 * 100%);
}

@media screen and (min-width: 768px) {
    .company_en .ttl_wrap {
        margin-bottom: calc(60 / 940 * 100%);
    }

    .company_en .company_list:not(:last-child) {
        margin-bottom: calc(80 / 940 * 100%);
    }
}


/* =====================================================================
*    組織図
* =================================================================== */

.organization .ttl_wrap {
    margin-bottom: calc(80 / 630 * 100%);
}

@media screen and (min-width: 768px) {
    .organization .img_chart {
        width: calc(700 / 940 * 100%);
        margin: 0 auto;
    }
}


/* =====================================================================
*    ネットワーク局・グループ会社
* =================================================================== */

.group .contents {
    padding-bottom: calc(120 / 750 * 100%);
}

.network_box {
    padding-top: calc(600 / 630 * 100%);
}

.network_map {
    background: url(../images/info/group/map.png) no-repeat center top/contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: calc(164 / 630 * 100%);
}

.network_map a {
    display: none;
}

.network_list {
    border: 5px solid #efefef;
    padding: 0 1.5em;
    margin-top: calc(40 / 630 * 100%);
    z-index: 2;
}

.network_list li {
    padding: 1em 0;
}

.network_list li:not(:last-child) {
    border-bottom: 1px solid #efefef;
}

.network_list li a {
    display: inline-block;
    line-height: 1;
    padding-left: 1.5em;
}

.network_list li a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: .7em;
    height: .7em;
    border-radius: 50%;
}

.network_list .star a::before {
    content: '★';
    font-size: 3.5rem;
    width: auto;
    height: auto;
    top: -.1em;
    left: -.2em;
    color: #f39800;
}

.network_list .star a {
    font-weight: 700;
    font-size: 2.6rem;
}

.network_list .cov a::before {
    background-color: #2f57aa;
}

.network_list .blu a::before {
    background-color: #0088ac;
}

.network_list .pur a::before {
    background-color: #750485;
}

.network_list .gre a::before {
    background-color: #009900;
}

.network_list .red a::before {
    background-color: #e10000;
}

.network_list .yel a::before {
    background-color: #8b5f00;
}

.network_list .vio a::before {
    background-color: #c150c6;
}

.group_list li:not(:last-child) {
    margin-bottom: 1.8em;
}

.group_list li a {
    font-size: 2.6rem;
    font-weight: 700;
    padding: .7em 1em;
    overflow: hidden;
    background-color: #efefef;
}

.group_list li a span {
    padding-right: 2em;
}

.group_list li a span::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: url(../images/common/icon_blank.png) no-repeat center/contain;
    width: .9em;
    height: .9em;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
}

@media screen and (max-width: 767px) {
    .network_list li a::after {
        content: '';
        display: inline-block;
        margin-left: 0.8em;
        background: url(../images/common/icon_blank.png) no-repeat center/contain;
        width: .9em;
        height: .9em;
    }
}


/* .group_list li a::before {
    content: '';
    position: absolute;
    top: -.75em;
    left: -.75em;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background-color: #ff9900;
} */


/* .group_list li a.nolink::before {
    background-color: #d9d8d5;
} */

.group_list li p {
    margin-top: 1em;
}

.cLink {
    text-decoration: underline !important;
    display: inline !important;
    padding: 2rem;
    font-size: 3rem;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .group .contents {
        padding-bottom: 0;
    }

    .cLink {
        font-size: 2rem;
    }

    .network_box {
        padding-top: calc(650 / 940 * 100%);
    }

    .network_list {
        background-color: #fff;
        padding: 1.5em 1.7em 1em;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .network_list:first-child {
        height: calc(400 / 1300 * 100vw);
        min-height: 400px;
        margin-top: 0;
    }

    .network_list:nth-child(2) {
        width: calc(550 / 940 * 100%);
        margin: calc(30 / 940 * 100%) 0 0 0;
    }

    .network_list li {
        padding: .4em 0;
    }

    .network_list li:not(:last-child) {
        border-bottom: 0;
    }

    .network_list li a {
        font-size: 1.5rem;
    }

    .network_list li a::before {
        width: .9em;
        height: .9em;
    }

    .network_list .star a::before {
        font-size: 2.2rem;
    }

    .network_list .star a {
        font-size: 1.6rem;
    }

    /*マップのリンク*/
    .network_map {
        right: 0;
        width: calc(646 / 1560 * 100%);
        max-width: 646px;
        margin: calc(210 / 1560 * 100%) auto 0;
        background-position: center top;
    }

    .network_map a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 1.5em;
        height: 2em;
    }

    .network_map .ytv {
        margin: calc(440 / 646 * 100%) 0 0 calc(283 / 646 * 100%);
    }

    .network_map .stv {
        margin: calc(88 / 646 * 100%) 0 0 calc(493 / 646 * 100%);
    }

    .network_map .rab {
        margin: calc(171 / 646 * 100%) 0 0 calc(498 / 646 * 100%);
    }

    .network_map .abs {
        margin: calc(212 / 646 * 100%) 0 0 calc(466 / 646 * 100%);
    }

    .network_map .tvi {
        margin: calc(220 / 646 * 100%) 0 0 calc(519 / 646 * 100%);
    }

    .network_map .ybc {
        margin: calc(258 / 646 * 100%) 0 0 calc(490 / 646 * 100%);
    }

    .network_map .mmt {
        margin: calc(268 / 646 * 100%) 0 0 calc(538 / 646 * 100%);
    }

    .network_map .fct {
        margin: calc(307 / 646 * 100%) 0 0 calc(507 / 646 * 100%);
    }

    .network_map .ntv {
        margin: calc(408 / 646 * 100%) 0 0 calc(504 / 646 * 100%);
    }

    .network_map .teny {
        margin: calc(297 / 646 * 100%) 0 0 calc(434 / 646 * 100%);
    }

    .network_map .tsb {
        margin: calc(390 / 646 * 100%) 0 0 calc(405 / 646 * 100%);
    }

    .network_map .knb {
        margin: calc(344 / 646 * 100%) 0 0 calc(373 / 646 * 100%);
    }

    .network_map .ktk {
        margin: calc(325 / 646 * 100%) 0 0 calc(344 / 646 * 100%);
    }

    .network_map .fbc {
        margin: calc(394 / 646 * 100%) 0 0 calc(292 / 646 * 100%);
    }

    .network_map .ybs {
        margin: calc(408 / 646 * 100%) 0 0 calc(440 / 646 * 100%);
    }

    .network_map .sdt {
        margin: calc(455 / 646 * 100%) 0 0 calc(411 / 646 * 100%);
    }

    .network_map .ctv {
        margin: calc(458 / 646 * 100%) 0 0 calc(365 / 646 * 100%);
    }

    .network_map .jrt {
        margin: calc(498 / 646 * 100%) 0 0 calc(227 / 646 * 100%);
    }

    .network_map .rnc {
        margin: calc(467 / 646 * 100%) 0 0 calc(206 / 646 * 100%);
    }

    .network_map .rkc {
        margin: calc(518 / 646 * 100%) 0 0 calc(137 / 646 * 100%);
    }

    .network_map .rnb {
        margin: calc(480 / 646 * 100%) 0 0 calc(139 / 646 * 100%);
    }

    .network_map .nkt {
        margin: calc(389 / 646 * 100%) 0 0 calc(194 / 646 * 100%);
    }

    .network_map .htv {
        margin: calc(418 / 646 * 100%) 0 0 calc(149 / 646 * 100%);
    }

    .network_map .kry {
        margin: calc(405 / 646 * 100%) 0 0 calc(111 / 646 * 100%);
    }

    .network_map .fbs {
        margin: calc(430 / 646 * 100%) 0 0 calc(55 / 646 * 100%);
    }

    .network_map .tos {
        margin: calc(452 / 646 * 100%) 0 0 calc(84 / 646 * 100%);
    }

    .network_map .nib {
        margin: calc(455 / 646 * 100%) 0 0 calc(0 / 646 * 100%);
    }

    .network_map .kkt {
        margin: calc(498 / 646 * 100%) 0 0 calc(35 / 646 * 100%);
    }

    .network_map .umk {
        margin: calc(506 / 646 * 100%) 0 0 calc(82 / 646 * 100%);
    }

    .network_map .kyt {
        margin: calc(538 / 646 * 100%) 0 0 calc(26 / 646 * 100%);
    }

    .group_list li:not(:last-child) {
        margin-bottom: calc(40 / 940 * 100%);
    }

    .group_list li a {
        font-size: 1.6rem;
        padding: .7em 1.5em;
    }

    .group_list li a:hover {
        background-color: #fff0cc;
        color: #f39800;
    }

    .group_list li a:hover span::before {
        background-image: url(../images/common/icon_blank_h.png);
    }

    .group_list li p {
        margin-top: 1em;
        padding: 0 1em;
    }

    /* .affiliates_box .group_list {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .affiliates_box .group_list li {
        width: calc(450 / 940 * 100%);
    } */
}

@media screen and (min-width: 1300px) {
    .network_box {
        padding-top: 0;
    }

    .network_map {
        margin: calc(450 / 1560 * 100%) auto 0;
    }

    .network_list:first-child {
        width: calc(530 / 940 * 100%);
        height: calc(500 / 1920 * 100vw);
    }

    .network_list:nth-child(2) {
        width: calc(370 / 940 * 100%);
        margin: calc(300 / 940 * 100%) 0 0 auto;
    }

    .network_list li a {
        display: block;
    }
}

@media screen and (min-width: 1920px) {
    .network_list:first-child {
        height: 462px;
    }
}


/* =====================================================================
*    決算情報
* =================================================================== */

.ir_table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1.5em;
}

.ir_table thead tr>* {
    background-color: #000;
    color: #fff;
    letter-spacing: .1em;
}

.ir_table .highLightHead {
    background-color: #f39800;
}

.ir_table tr>* {
    padding: 1em;
    border: 1px solid #d9d8d5;
}

.ir_table tbody th {
    font-weight: 400;
}

.ir_table tbody td {
    text-align: right;
}

.ir_table .highLight {
    background-color: #fdf7e6;
}

.ir_table::-webkit-scrollbar {
    background: #efefef;
    height: 0.5em;
    border-radius: 1em;
}

.ir_table::-webkit-scrollbar-track {
    background: #efefef;
    border: none;
    width: 100%;
    border-radius: 1em;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

.ir_table::-webkit-scrollbar-thumb {
    background: #f39800;
    border-radius: 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ir_graph img {
    margin-top: calc(80 / 630 * 100%);
}

.btn_ir {
    background-color: #f39800;
    padding: 1.5em 0;
    text-align: center;
    margin-top: calc(100 / 630 * 100%);
}

.btn_ir span {
    font-size: 2.6rem;
    letter-spacing: .1em;
    padding-left: 2.5em;
    color: #fff;
}

.btn_ir span::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../images/common/icon_pdf.png) no-repeat center/contain;
    width: 1.5em;
    height: 1.8em;
}

.btnShareholders {
    font-size: 2.4rem;
    color: #fff !important;
    background-color: #f39800;
    padding: 1.5em 0;
    text-align: center;
    margin-top: calc(100 / 630 * 100%);
}

@media screen and (min-width: 768px) {
    .ir_table {
        font-size: 1.4rem;
    }

    .ir_table::-webkit-scrollbar {
        height: .5em;
    }

    .ir_graph {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .ir_graph img {
        width: calc(433 / 940 * 100%);
        margin-top: calc(80 / 940 * 100%);
    }

    .btn_ir {
        width: calc(614 / 800 * 100%);
        padding: 2em 0;
        margin: calc(100 / 940 * 100%) auto 0;
    }

    .btn_ir:hover,
    .btnShareholders:hover {
        background-color: #000;
    }

    .btn_ir span {
        font-size: 2rem;
    }

    .ir_table::-webkit-scrollbar {
        height: 1em;
    }

    .btnShareholders {
        font-size: 2rem;
        width: calc(614 / 800 * 100%);
        padding: 2em 0;
        margin: calc(100 / 940 * 100%) auto 0;
    }
}

@media screen and (min-width: 1200px) {
    .ir_table {
        overflow: hidden;
    }
}

@media screen and (min-width: 1920px) {
    .ir_table {
        font-size: 1.4rem;
    }
}


/* =====================================================================
*    株主の皆様へ
* =================================================================== */

.txt_date {
    font-size: 2rem;
    text-align: right;
    margin-top: calc(-45 / 630 * 100%);
}

.txt_start {
    text-align: center;
    font-weight: 700;
    margin: 1.5em 0;
}

.txt_start,
.txt_start+p,
.qa .txt_end,
.qa_list1,
.qa_list2 h4 {
    font-size: 2.8rem;
    line-height: 1.9;
}

.qa_list1 {
    margin-top: calc(80 / 630 * 100%);
}

.qa_list1 li {
    margin-bottom: 2em;
}

.qa ol h4 {
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: .3em;
}

.qa ol h4,
.security_list li {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.qa ol h4 span {
    margin: -.25em .3em 0 0;
}

.qa ol h4 span,
.security_list li span {
    font-family: 'Inter', sans-serif;
    font-size: 4rem;
    color: #f39800;
}

.txt_end {
    text-align: right;
}

.qa_list2 li {
    margin-bottom: 3em;
}

.qa_list2 li h4 {
    margin-bottom: 1em;
}

.qa_list2 p {
    background-color: #efefef;
    border-radius: .5em;
    padding: 1em 1.2em 1.5em;
}

.qa_list2 p::before {
    content: 'A.';
    display: block;
    top: 0;
    left: 0;
    font-family: 'Inter', sans-serif;
    font-size: 4rem;
    color: #ffb300;
}

.qa_list2 strong {
    font-weight: 700;
    color: #f39800;
}

.qa_contact {
    font-weight: 700;
    text-align: center;
    font-size: 2.8rem;
}

.qa_contact dt {
    background-color: #ff9900;
    color: #fff;
    padding: .2em 2.5em;
    display: inline-block;
    border-radius: 2em;
    letter-spacing: .05em;
    z-index: 1;
}

.qa_contact dd {
    border: 3px solid #efefef;
    padding: 1.5em 1em;
    line-height: 2.2;
    margin-top: -1em;
}

@media screen and (min-width: 768px) {
    .qa .contents {}

    .txt_date {
        font-size: 1.4rem;
        margin-top: calc(-45 / 940 * 100%);
    }

    .txt_start {
        font-size: 2rem;
    }

    .txt_start+p,
    .qa .txt_end,
    .qa_list1,
    .qa_list2 h4 {
        font-size: 1.6rem;
    }

    .qa_list1 {
        margin-top: calc(70 / 940 * 100%);
    }

    .qa_list1 li {
        margin-bottom: calc(50 / 940 * 100%);
    }

    .qa_list1 p {
        padding-left: 1.75em;
    }

    .qa ol h4 {
        font-size: 1.8rem;
    }

    .qa ol h4:nth-child(2) {
        margin-top: -.7em;
    }

    .qa ol h4 span {
        margin: -.2em .3em 0 0;
    }

    .qa ol h4 span,
    .security_list li span {
        font-size: 2.4rem;
    }

    .qa_list2 p {
        border-radius: 1em;
        padding: 2em 2em 2em 4em;
    }

    .qa_list2 p::before {
        position: absolute;
        font-size: 2.4rem;
        margin: 1em 0 0 1em;
    }

    .qa_contact {
        font-size: 1.8rem;
    }

    .qa_contact dd {
        padding: 3em 1em;
    }
}


/* =====================================================================
*    アルバイト募集
* =================================================================== */

.arbeit .sub_ttl .ja,
.security .sub_ttl .ja {
    letter-spacing: 0;
}

.apply_list {
    width: calc(530 / 630 * 100%);
    margin: auto;
}

.apply_list li:not(:last-child) {
    margin-bottom: 2.5em;
}

.apply_list a {
    margin-bottom: .5em;
}

.apply_list p {
    font-weight: 700;
}

.apply_list p::before,
.ttl_place::before {
    content: '●';
    top: 0;
    left: 0;
    color: #ff9900;
    margin-right: .5em;
}

.apply_ytv>p {
    font-weight: 700;
    margin-bottom: 3em;
}

.work_box h5 {
    text-align: center;
    background-color: #302d28;
    color: #fff;
    padding: .5em 1em;
    margin-bottom: .8em;
    font-size: 2.8rem;
    font-weight: 700;
}

.work_list {
    border-top: 1px solid #ecebea;
}

.work_list>li {
    padding: 1.2em 0;
    border-bottom: 1px solid #ecebea;
}

.work_list dt {
    font-weight: 700;
}

.work_list li>dl>dt {
    color: #ff9900;
    font-size: 2.6rem;
    margin-bottom: 1.2em;
}

.work_list dl dl {
    margin-bottom: .8em;
}

.work_list dl dl dt {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.work_list dl dl dd {
    padding-left: 2em;
}

.work_list .cloumn2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5em;
}

.work_list .cloumn2 dt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 0;
}

.work_list .address {
    display: block;
    font-weight: 700;
    padding: 1em 2em;
    margin-top: 3em;
    background-color: #efefef;
}

.ttl_place {
    font-weight: 700;
    display: block;
}

.work_list ul li::before {
    content: '・';
    color: #ff9900;
    margin-right: .3em;
}

.arbeit .googleMap {
    border: 4px solid #efefef;
    padding-top: calc(360 / 630 * 100%);
    margin-top: 1em;
}

.work_list iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .7em;
}

@media screen and (min-width: 768px) {
    .apply_list {
        width: 100%;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .apply_list li {
        width: calc(440 / 940 * 100%);
        margin-bottom: 0 !important;
    }

    .apply_list li:not(:nth-last-child(-n+2)) {
        margin-bottom: 3.5em !important;
    }

    .apply_list a img {
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

    .apply_list a:hover img {
        opacity: .5;
    }

    .apply_ytv>p {
        font-size: 1.8rem;
        line-height: 1.6;
        margin-bottom: 1.5em;
    }

    .work_box h5 {
        padding: 1.5em 1em;
        margin-bottom: 1em;
        font-size: 2rem;
    }

    .work_list>li {
        padding: 1.5em 0;
    }

    .work_list li>dl>dt {
        width: calc(200 / 940 * 100%);
        font-size: 1.6rem;
        margin-bottom: 0;
    }

    .work_list li>dl>dd {
        width: calc(715 / 940 * 100%);
    }

    .work_list dl dl {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: .8em;
    }

    .work_list dl dl dt:nth-child(2) {
        width: 100%;
    }

    .work_list dl dl dd {
        padding-left: 1.5em;
    }

    .arbeit .googleMap {
        padding-top: calc(360 / 720 * 100%);
        margin-top: 2.5em;
    }
}


/* =====================================================================
*    情報セキュリティ基本方針
* =================================================================== */

.security {}

.security_list {
    margin: 2em 0;
}

.security_list li {
    margin-bottom: 1.5em;
}

.security_list li span {
    margin: -.4em .3em 0 0;
}

.txt_security_date {
    margin-top: 1em;
    text-align: right;
}

@media screen and (min-width: 768px) {
    .security_list li {
        margin-bottom: 2.5em;
    }

    .security_list li span {
        margin: -.35em .5em 0 0;
    }
}


/* =====================================================================
*　ytv社内見学のご案内
* =================================================================== */

.phone-number {
    font-size: 4rem;
    font-weight: bold;
}

/* =====================================================================
*　add
* =================================================================== */

.no-link {
    font-size: 2.6rem;
    font-weight: 700;
    padding: .7em 1em;
    overflow: hidden;
    background-color: #efefef;
    display: block;
}

@media screen and (min-width: 768px) {
    .no-link {
        font-size: 1.6rem;
        padding: .7em 1.5em;
    }
}