/*!
Theme Name: 京都医塾2023
Author: nishio
Description: xxx
Version: 1.0.0
*/
@import url(font/fontawesome-free-6.4.2-web/css/all.min.css);
@import url(css/header.css);
@import url(css/footer.css);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
:root{
    --common-blue: #0f3668;
    --common-blue-rgb: 15,54,104;
    --common-blue02: #297aa9;
    --common-red: #af1e2b;
    --common-orange: #d85026;
    --common-sans-serif: sans-serif;
    --common-serif: serif;
/*
    --common-sans-serif: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    --common-serif: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
*/
    --vw: 1vw;
}

* {
    box-sizing: border-box
}
html {
    font-size: 62.5%
}
body {
/*    padding-top: 75pt;*/
    font-size: 1.4rem;
    line-height: 1.5;
    font-family: var(--common-sans-serif)
}
:is(h1,h2,h3,h4,h5,h6){
    font-family: var(--common-serif)
}
body.scroll-lock {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
::selection {
    background: rgba(0, 0, 0, .8);
    color: #fff
}
::-moz-selection {
    background: rgba(0, 0, 0, .8);
    color: #fff
}
h1, h2, h3, h4, h5 {
    font-weight: 600;
    letter-spacing: .2rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
img {
    max-width: 100%;
    height: auto
}
.container {
    max-width: 75pc
}
.container, .container_l {
    width: calc(100% - 40px);
    margin: 0 auto;
    display: block
}
.container_l {
    max-width: 100pc
}
.container_s {
    width: calc(100% - 40px);
    max-width: 920px;
    margin: 0 auto;
    display: block
}
.scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px
}
.scrollbar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .05);
    border-radius: 2px
}
.scrollbar:hover::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .2)
}
.grecaptcha-badge {
    visibility: hidden
}
.tc_red {
    color: #af1e2b
}
.marker_yellow{
    background:linear-gradient(transparent 60%, #ff6 60%);
}
.marker_red{
    background:linear-gradient(transparent 80%, var(--common-red) 80%);
}
a.commonlink{
    padding: 1em 0;
    background: #f5f5f5;
    color: #111;
    font-family: sans-serif;
    letter-spacing: .1em;
    text-decoration: none;
    text-align: center;
    display: block;
    position: relative;
}
a.commonlink::after{
    content: "\e5df";
    font-family: material icons;
    text-align: center;
    line-height: 16px;
    color: #fff;
    background: var(--common-red);
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    right: 20px;
}
.more{
    text-align: center;
}
.more a.commonlink{
    width: auto;
    margin: 0 auto;
    padding: 1em 4em 1em 3em;
    display: inline-block;
}

.common_more a{
    padding-left: 24px;
    font-family: sans-serif;
    text-decoration: none;
    color: #111;
    display: inline-block;
    position: relative;
}
.common_more a::before{
    content: "\e5df";
    font-family: material icons;
    text-align: center;
    line-height: 16px;
    color: #fff;
    background: #ddd;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
}

#common_header {
    margin: 75pt 0 60px
}
#common_header .topimg {
    margin: -75pt 0 60px
}
#common_header .wrap h1 {
    width: 100%;
    position: relative;
    font-size: 3rem;
    letter-spacing: .4rem
}
#common_header .wrap h1:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #ddd;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
#common_header .wrap h1 span {
    padding: 0 30px 0 0;
    display: inline-block;
    background: #fff;
    position: relative
}
#common_body {
    margin: 60px 0 75pt
}
#common_body h2 {
    margin-bottom: 60px;
    font-size: 3.6rem
}
#common_body h3 {
    margin: 60px 0 40px;
    font-size: 3rem
}
#common_body p {
    font-size: 1.6rem;
    line-height: 1.8;
    font-family: var(--common-sans-serif);
}
#common_body li {
    margin: 10px 0;
    font-size: 1.6;
    line-height: 1.8
}
#common_body ul.point_list {
    max-width: 40pc;
    margin: 40px 0 75pt;
    padding: 1pc 40px;
    border: 1px solid #ddd;
    position: relative
}
#common_body ul.point_list:before {
    content: "POINT:";
    font-family: sans-serif;
    font-weight: 600;
    letter-spacing: .1rem;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    display: inline-block;
    background: #fff;
    position: absolute;
    top: -15px;
    left: 15px
}
#common_body ul.point_list li {
    margin: 4px 0;
    font-size: 1.4rem;
    font-family: var(--common-sans-serif);
}
#common_body ul.nav_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}
#common_body ul.nav_list li {
    margin-right: 20px
}
#common_body ul.nav_list li a {
    padding: 10px 10px 10px 40px;
    color: #333;
    text-decoration: none;
    font-size: 1.6rem;
    display: inline-block;
    position: relative;
    border-radius: 4px
}
#common_body ul.nav_list li a:before {
    content: "\f0d7";
    font-family: font awesome\ 5 free;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1pc;
    text-align: center;
    color: #666;
    width: 1pc;
    height: 1pc;
    margin-top: -8px;
    display: block;
    background: #eee;
    position: absolute;
    left: 10px;
    top: 50%
}
#column {
    display: flex;
    flex-direction: row
}
#column #main {
    flex: 1
}
#column #sub {
    width: 30%;
    min-width: 15pc;
    padding: 0 0 75pt 75pt
}
#column #sub .sticky {
    padding: 75pt 0 0;
    position: sticky;
    top: 0
}
#column #sub ul.link_list {
    margin: 0;
    padding: 0;
    list-style: none
}
#column #sub ul.link_list li {
    border-bottom: 1px solid #eee
}
#column #sub ul.link_list li a {
    padding: 1pc 40px 1pc 20px;
    display: block;
    text-decoration: none;
    font-size: 1.6rem;
    color: #333;
    position: relative
}
#column #sub ul.link_list li a:before {
    content: "\f054";
    font-family: font awesome\ 5 free;
    font-weight: 600;
    font-size: 10px;
    text-align: center;
    line-height: 20px;
    color: #999;
    width: 40px;
    height: 20px;
    margin-top: -10px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0
}
#column #sub ul.link_list li a:after {
    content: "";
    width: 0;
    height: 1px;
    background: #999;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    transition: width .5s ease
}
#pager {
    padding: 20px 0 40px
}
#pager .pager .wp-pagenavi {
    display: flex;
    flex-direction: row;
    justify-content: center
}
#pager .pager .wp-pagenavi .pages {
    display: none
}
#pager .pager .wp-pagenavi a.first, #pager .pager .wp-pagenavi a.last, #pager .pager .wp-pagenavi a.page, #pager .pager .wp-pagenavi span.current, #pager .pager .wp-pagenavi span.extend {
    height: 36px;
    padding: 0 9pt;
    font-size: 1.6rem;
    font-weight: 600;
    text-decoration: none;
    line-height: 36px;
    display: inline-block
}
#pager .pager .wp-pagenavi a.first, #pager .pager .wp-pagenavi a.last, #pager .pager .wp-pagenavi a.page {
    color: #bbb
}
#pager .pager .wp-pagenavi a.first, #pager .pager .wp-pagenavi a.last {
    display: none
}
#pager .pager .wp-pagenavi a.nextpostslink, #pager .pager .wp-pagenavi a.previouspostslink {
    width: 0;
    padding-left: 36px;
    height: 36px;
    margin: 0 10px;
    display: inline-block;
    overflow: hidden;
    letter-spacing: -9999px;
    position: relative
}
#pager .pager .wp-pagenavi a.nextpostslink:before, #pager .pager .wp-pagenavi a.previouspostslink:before {
    width: 2pc;
    height: 2pc;
    margin-top: -1pc;
    display: block;
    font-family: font awesome\ 5 free;
    font-weight: 600;
    line-height: 2pc;
    text-align: center;
    letter-spacing: 0;
    color: #666;
    background: #d9d9d9;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: .8
}
#pager .pager .wp-pagenavi a.previouspostslink:before {
    content: "\f0d9"
}
#pager .pager .wp-pagenavi a.nextpostslink:before {
    content: "\f0da"
}
#f_fix{
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 2;
    background: #fff;
    transition: bottom .2s;
    z-index: 100;
}
#f_fix > button{
    height: 30px;
    padding: 0 1em;
    border: none;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: -30px;
    right: 0;
    cursor: pointer;
}
#f_fix > button::before{
    content: "close";
    font-family: var(--common-sans-serif);
}
#f_fix ul.contact{
    margin: 0;
    padding: 2px;
    list-style: none;
    display: flex;
    gap: 2px;
}
#f_fix ul.contact li{
    flex: 1;
}
#f_fix ul.contact li a{
    height: 56px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: var(--common-red);
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
}
#f_fix ul.contact li a span{
    font-size: 1.6rem;
    letter-spacing: .1em;
    text-indent: .1em;
    font-weight: 600;
}
#f_fix ul.contact li a small{
    font-family: var(--common-sans-serif);
}
#f_fix.close{
    bottom: -60px;
}
#f_fix.close > button{
    height: 40px;
    border-radius: 20px;
    background: var(--common-blue02);
    color: #fff;
    top: -48px;
    right: 8px;
}
#f_fix.close > button::before{
    content: "お問い合わせはこちら";
}
#common_links {
    padding: 40px 0;
    background: #fff
}
#common_links ul.link_list {
    max-width: 50pc;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}
#common_links ul.link_list li {
    width: 50%;
    padding: 4px
}
#common_links ul.link_list li a {
    padding: 20px 30px;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-family: var(--common-serif);
    font-size: 2rem;
    color: #333;
    background: #f5f5f5
}
#common_links ul.link_list li a:after {
    content: "\f0da";
    font-family: font awesome\ 5 free;
    font-weight: 600;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    line-height: 20px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    display: block;
    background: #af1e2b;
    position: absolute;
    top: 50%;
    right: 1pc
}
#common_links ul.link_list li.contact {
    width: 100%
}
#common_links ul.link_list li.tel {
    padding: 20px 0;
    text-align: center;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#common_links ul.link_list li.tel a {
    padding: 4px 4px 4px 24px;
    display: inline-block;
    background: 0;
    font-weight: 600;
    font-size: 2.4rem;
    letter-spacing: .1rem;
    text-indent: .1rem
}
#common_links ul.link_list li.tel a:after {
    content: "\f095";
    font-size: 1pc;
    background: 0;
    color: #333;
    left: 0;
    right: auto
}
#common_links ul.link_list li.tel small {
    font-weight: 300;
    font-size: 1.4rem
}
#common_links ul.link_list li.geneki a {
    padding: 20px;
    background: 0;
    border: 1px solid #ddd
}
#common_links ul.link_list li.geneki a:after {
    display: none
}
#common_links ul.link_list li.geneki a p {
    margin: 0 0 1pc;
    font-size: 1.4rem
}
#common_links ul.link_list li.geneki a img {
    max-width: 20pc;
    width: 100%;
    margin: 0 auto;
    display: block
}
#common_links .sitelink{}
/*
#common_links .sitelink ul.sitelink_list{
    width: 100%;
    max-width: 800px;
    margin: 0 auto 20px;
    padding: 0 0 20px;
    list-style: none;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #ddd;
}
#common_links .sitelink ul.sitelink_list li{
    flex: 1;
    padding: 4px;
}
#common_links .sitelink ul.sitelink_list li a{
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none;
    line-height: 60px;
    border: 1px solid #ddd;
    color: #111;
    transition: border-color .2s;
}
#common_links .sitelink ul.sitelink_list li a::before{
    content: "";
    width: 20px;
    height: 20px;
    background: #af1e2b;
    display: block;
    position: absolute;
    top: calc(50% - 10px);
    right: 10px;
}
#common_links .sitelink ul.sitelink_list li a::after{
    content: "";
    width: 6px;
    height: 10px;
    background: #fff;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    right: 16px;
}
#main .sitelink ul.sitelink_list li a:hover{
    border-color: #111;
}
*/
#common_links .sitelink ul.sitelink_list {
    margin: 0 auto 20px;
    padding: 0 0 20px;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  #common_links .sitelink ul.sitelink_list li {
    border-radius: 4px;
    border: 1px solid #ddd;
    overflow: hidden;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
  #common_links .sitelink ul.sitelink_list li > .img {
    background: #fff;
    width: 100%;
    height: auto;
    position: relative;
    z-index: auto;
  }
  #common_links .sitelink ul.sitelink_list li > .img picture {
    width: 100%;
  }
  #common_links .sitelink ul.sitelink_list li > .img picture img {
    display: block;
    transition: opacity 0.2s;
  }
  #common_links .sitelink ul.sitelink_list li .link {
    width: 100%;
    height: 100%;
    margin: 0;
    border-top: 1px solid #ddd;
    transition: border-color 0.2s;
  }
  #common_links .sitelink ul.sitelink_list li .link a {
    width: 100%;
    padding: 0.75em 0;
    display: block;
    color: #111;
    text-decoration: none;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 300;
    position: relative;
  }
  #common_links .sitelink ul.sitelink_list li .link a::after {
    content: "\e5df";
    font-family: material icons;
    font-size: 24px;
    text-align: center;
    line-height: 24px;
    color: var(--common-red);
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    right: 8px;
    background: none;
    margin-top: 0;
  }

:is(a,button).snsicon::before{
    font-family: "font awesome 5 brands";
    font-weight: 300;
}
:is(a,button).snsicon.line::before{ content: "\f3c0";}
:is(a,button).snsicon.youtube::before{ content: "\f167";}
:is(a,button).snsicon.instagram::before{ content: "\f16d";}
:is(a,button).snsicon.twitter::before{ content: "\f099";}
:is(a,button).snsicon.x::before{ content: "\e61b";}
:is(a,button).snsicon.tiktok::before{ content: "\e07b";}
:is(a,button).snsicon.facebook::before{ content: "\f082";}

:is(a,button).snsicon.colored.line::before{ color: #00B900;}
:is(a,button).snsicon.colored.youtube::before{ color: #DA1725;}
:is(a,button).snsicon.colored.instagram::before{ color: #CF2E92;}
:is(a,button).snsicon.colored.twitter::before{ color: #1DA1F2;}
:is(a,button).snsicon.colored.x::before{ color: #0f1419;}
:is(a,button).snsicon.colored.tiktok::before{ color: #000;}
:is(a,button).snsicon.colored.facebook::before{ color: #1877f2;}

.mainColumn{
    margin-bottom: 100px;
    display: grid;
    grid-template-columns: 1fr 260px;
    gap: 4vw;
}
.mainColumn > #main{}
.mainColumn > #sub{}
.mainColumn > #sub .subSticky{
    position: sticky;
    top: 160px;
}

@media(pointer:fine) {
    a.commonlink:hover{
        background: #eee;
    }
    .common_more a:hover{
        text-decoration: underline;
    }
    .common_more a:hover::before{
        background: var(--common-red);
    }

    #column #sub ul.link_list li a:hover:after {
        width: 100%
    }
    #pager .pager .wp-pagenavi a.first:hover, #pager .pager .wp-pagenavi a.last:hover, #pager .pager .wp-pagenavi a.page:hover {
        color: #333
    }
    #pager .pager .wp-pagenavi a.nextpostslink:hover:before, #pager .pager .wp-pagenavi a.previouspostslink:hover:before {
        opacity: 1
    }
    #common_body ul.nav_list li a:hover:before {
        background: #af1e2b;
        color: #fff
    }
    #common_links ul.link_list li a:hover {
        background: #eee
    }
    #common_links ul.link_list li.tel a:hover {
        background: 0
    }
    #common_links ul.link_list li.geneki a:hover {
        border-color: #bbb;
        background: 0
    }
    #common_links .sitelink ul.sitelink_list li:hover {
        border-color: #bbb;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        position: relative;
        z-index: 1;
    }
    #common_links .sitelink ul.sitelink_list li:hover .img picture img {
        opacity: 0.8;
    }
      #common_links .sitelink ul.sitelink_list li:hover .link {
        border-color: #bbb;
    }
    #common_links .sitelink ul.sitelink_list li:hover .link a {
        color: var(--common-red);
    }
}
@media screen and (min-width:1024px) {}
@media screen and (max-width:1023.98px){
    body {
        padding-top: 5pc
    }
    #common_header {
        margin: 40px 0
    }
    #common_header .wrap h1 {
        font-size: 2rem
    }
    #common_header .wrap h1 span {
        padding-right: 20px
    }
    #common_body {
        margin: 40px 0
    }
    #common_body h2 {
        margin-bottom: 40px;
        font-size: 2.4rem
    }
    #common_body ul.nav_list {
        flex-direction: column
    }
    #common_body ul.nav_list li {
        margin: 0
    }
    #column {
        flex-direction: column
    }
    #column #sub {
        width: calc(100% + 40px);
        min-width: inherit;
        margin-left: -20px;
        padding: 40px 20px;
        background: #fafafa
    }
    #column #sub>* {
        max-width: 460px;
        margin: 0 auto
    }
    #pager .pager .wp-pagenavi a.nextpostslink, #pager .pager .wp-pagenavi a.previouspostslink {
        padding-left: 28px
    }
    #pager .pager .wp-pagenavi a.nextpostslink:before, #pager .pager .wp-pagenavi a.previouspostslink:before {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        line-height: 20px;
        left: 50%
    }
    .mainColumn{
        margin-bottom: 100px;
        grid-template-columns: 1fr;
        gap: 0;
    }
}
@media screen and (min-width:768px) {
    .onlySP {
        display: none
    }
}
@media screen and (max-width:767.98px) {
    .onlyPC, header #h_main .logo {
        display: none
    }
    #f_fix {
        display: block
    }
    #common_links ul.link_list {
        flex-direction: column
    }
    #common_links ul.link_list li {
        width: 100%;
        padding: 4px 0
    }
    #common_links ul.link_list li a {
        font-size: 1.6rem
    }
    #common_links ul.link_list li a:after {
        line-height: 1pc;
        width: 1pc;
        height: 1pc;
        margin-top: -8px;
        right: 9pt
    }

/*
    #common_links .sitelink ul.sitelink_list{
        flex-direction: column;
    }
    #common_links .sitelink ul.sitelink_list li a::before{
        width: 16px;
        height: 16px;
        top: calc(50% - 8px);
    }
    #common_links .sitelink ul.sitelink_list li a::after{
        width: 4px;
        height: 8px;
        top: calc(50% - 4px);
        right: 16px;
    }
*/
    #common_links .sitelink ul.sitelink_list {
        grid-template-columns: 1fr;
        gap: 0;
    }
    #common_links .sitelink ul.sitelink_list li {
        margin-top: -1px;
        display: flex;
        flex-direction: row;
        border-radius: 0;
    }
    #common_links .sitelink ul.sitelink_list li:first-child {
        margin-top: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    #common_links .sitelink ul.sitelink_list li:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    #common_links .sitelink ul.sitelink_list li .img {
        width: 140px;
        height: 100%;
        background: #fff;
    }
    #common_links .sitelink ul.sitelink_list li .img picture {
        width: 100%;
        height: 100%;
        display: block;
    }
    #common_links .sitelink ul.sitelink_list li .img picture img {
        width: 100%;
        height: 100%;
        display: block;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
    #common_links .sitelink ul.sitelink_list li .link {
        border-top: none;
        border-left: 1px solid #ddd;
    }
    #common_links .sitelink ul.sitelink_list li .link a {
        padding: 1em;
        text-align: left;
        background: #fff;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .mainColumn{
        margin-bottom: 0;
    }
    .mainColumn > #sub{
        width: calc(100% + 8vw);
        margin-left: -4vw;
        margin-top: 60px;
        padding: 40px 4vw;
        background: #fafafa;
    }
}