@charset "utf-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");


html, body {
    overflow-x: hidden;
  }

body{
    font-family: 'Roboto', 'Zen Kaku Gothic New', sans-serif;
    line-height: 1.6;
    
}


/* スマホ (768px未満) */
@media (max-width: 767px) {
    main {width: 95%; margin: auto; }
}

/* タブレット (768px ~ 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    main { max-width: 88%; margin: auto; }
}

/* パソコン (1025px以上) */
@media (min-width: 1025px) {
    main {max-width: 78%; margin: auto; }
}


.body01{background-color:#fdfdfd;background-image:repeating-linear-gradient(45deg,rgba(253,230,124,.25),rgba(253,230,124,.25) 1px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10px),repeating-linear-gradient(315deg,rgba(253,230,124,.25),rgba(253,230,124,.25) 1px,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10px)}

@media screen and (max-width:430px){.body01{background-color:rgba(253,230,124,.1);background-image: none;}}




/* ーーーーーーーーーーーーーーーーーー */
/* (1) header  PCヘッダー */ /* ナビメニュー含む */
/* ーーーーーーーーーーーーーーーーーー */

header {
    width: 100%; display: flex; justify-content: center; background-color: #fdfdfd;}

.header_container {display: flex; justify-content: center; align-items: center; width: 100%;
 margin-top: .5rem;}

.logo {display: flex;}

h1 {font-size: .8rem; margin-left: 1rem; }

.catch_phrase {text-align: center; font-size: .8rem; background-color: #333333; font-weight: 600;  padding: 0 .5em 0 .5em; letter-spacing: 0.1em; color: #fdfdfd;}

.company_name { font-weight: 600; text-align: center; font-size: .8rem; margin-top: .3rem;
                padding: 0 .5em 0 .5em; color: #333333; border-bottom: 2px solid #333333;
                border-top: 2px solid #333333; letter-spacing: 0.1em;}

.navi_menu {margin-left: 1rem;}

.navi_menu ul {margin: 0 auto; padding: 0; display: flex; justify-content: center; list-style: none;}

.navi_menu ul {border-left: 1px solid #333333;}

.navi_menu ul li {border-right: 1px solid #333333; position: relative; flex-grow: 1; text-align: center; }

.navi_menu ul li a {text-decoration: none; color: #333333; background-color: transparent; padding: 0 10px 0 10px; font-size: 0.8rem; font-weight: 500; }

.navi_menu ul li a:hover {color: #fdfdfd; font-weight: 500; background-color: #90d2f2; }

.contact {display: flex; align-items: flex-end; justify-content: space-between;}

.tel_icon {display: flex; height: 1.5rem; margin-left: 1.5rem; margin-right: 1rem; margin-bottom:.4rem; }

/* ★　phone_numberは箱　numberは実際の番号 */
.phone_number {display: flex; justify-content: center; flex-direction: column; letter-spacing: 0.13em; }

.number { font-size: 1em; font-weight: 800; color: #333333; letter-spacing: 0.22em;}

.hours {font-size: 0.8em; font-weight: 800; color: #333333;}

/* slick thumnail */
.thumbnail-slide {max-width: 100%; overflow: hidden; }

/* ーーーーーーーーーーーーーーーーーー */
/* (2) header  ヘッダーレスポンシブル */ 
/* ーーーーーーーーーーーーーーーーーー */

/* スマホ less 767 ~767 */
@media (max-width: 767px) {
    header {height: 80px;}
.header_container {display: flex; justify-content: center; align-items: center; gap: 10px; }

.logo {display: flex; align-items: center; }

.logo img {height: 60px; width: 60px; }

/* display block */
.catch_phrase, .company_name { display: block; }
    
/* display none */
.navi_menu, .contact, .lower-menu { display: none; }
}

/* タブレット less 1024  768~1024 */
@media (min-width: 768px) and (max-width: 1024px) {
    header { height: 90px; }
    h1 { font-size: .8rem; }

.phone_number { font-size: .8rem; }
    
.logo img { width: 52px; height: 52px; }
    
.header_container {max-width: 1024px; }

/* display none */
#burger,.catch_phrase,.company_name  { display: none; }
}

/* PC more 1025  */
@media (min-width: 1025px) {
    header { height: 90px; }
    h1 { font-size: .8rem; }
    
.phone_number { font-size: .8rem; }
    
.logo img { width: 52px; height: 52px; }

.header_container { max-width: 1600px; }

/* display none */
#burger {display: none;}
}


/* ーーーーーーーーーーーーーーーーーー */
/* (3) sub-hero image */ 
/* ーーーーーーーーーーーーーーーーーー */

.page-hero-container{width:95vw;margin-left:calc(50% - 47.5vw);height:auto;background-color:#fdfdfd;text-align:center}
#page-hero-image{width:100%;height:auto;display:block;margin:0 auto}
@media screen and (max-width:767px){#page-hero-image{content:url(../images/hero2ndsp.webp)}}


/* ーーーーーーーーーーーーーーーーーー */
/* (5) h-tag 　　&あしらい*/ 
/* ーーーーーーーーーーーーーーーーーー */


/* .h2b{margin:0 auto;position:relative; padding:.5rem 3rem;border-radius:5px;outline:2px solid #26466d;width:50%;outline-offset:5px;background:linear-gradient(-45deg,transparent 0 20px,#fdfdfd 20px calc(100% - 20px),transparent calc(100% - 20px)),repeating-linear-gradient(-45deg,#26466d 0 2px,#fdfdfd 2px 6px);color:#fdfdfd;text-align:center;letter-spacing:.3rem} */


.page-hero-container{position:relative;width:100%;height:auto}#page-hero-image{width:100%;display:block}

.h2b{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);padding:2.5rem 2rem;border-radius:5px;outline-offset:5px;background:rgba(253,253,253,.5);color:#26466d;text-align:center;letter-spacing:.3rem;font-size:1.5rem;display: inline-block;min-width: 300px;white-space:nowrap;}.h2b::before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid rgba(144,230,242,.8);border-radius:7px;pointer-events:none;z-index:0;padding:2rem}

.letter-large{font-size:1.8rem;font-weight:500;letter-spacing:.1rem;color:#26466d}
.letter-small{font-size:1rem;font-family:serif;font-weight:700;letter-spacing:-.05rem;margin-top:-.5rem;color:rgba(38,70,109,.8);border-bottom:solid 1px rgba(144,230,242);display:block}


.h3a {
    width: 100%;max-width: 78%;margin: 0 auto;background-color: rgba(253,253,253,.7);color: #26466d;padding: 1rem 2rem;font-size:1.3rem;font-weight:500;letter-spacing: .2rem;box-sizing: border-box;
  }
  
  @media (max-width: 767px) {
    .h3a { max-width: 95%; overflow-wrap: break-word;}
  }
  @media (min-width: 768px) and (max-width: 1024px) {
    .h3a { max-width: 88%; }
  }
  @media (min-width: 1025px) {
    .h3a { max-width: 78%; }
  }

  .h3back{width:95vw;margin-left:calc(50% - 47.5vw);height:7rem;margin-top: 2rem; background-image:repeating-linear-gradient(45deg,var(--c) 0,var(--c) 20px,var(--t) 20px,var(--t) 32px,var(--c) 32px,var(--c) 44px,var(--t) 44px,var(--t) 56px,var(--c) 56px,var(--c) 68px,var(--t) 68px,var(--t) 80px,var(--c) 0),repeating-linear-gradient(-45deg,var(--c) 0,var(--c) 20px,var(--t) 20px,var(--t) 32px,var(--c) 32px,var(--c) 44px,var(--t) 44px,var(--t) 56px,var(--c) 56px,var(--c) 68px,var(--t) 68px,var(--t) 80px,var(--c) 0),linear-gradient(to bottom right,rgba(144,210,242,0.3),rgba(144,210,242, 0.2));--c:rgba(255,255,255,.5);--t:transparent;display:flex;align-items:center}

.h4a{position:relative;z-index:1;display:block;width:fit-content;padding:.5rem 2rem;margin:.6rem auto;color:#26466d;font-size:1.2rem;font-weight:500;letter-spacing:.2rem;background:rgba(253,253,253,.8);text-align:center;max-width: 80%;overflow-wrap: break-word; }

.article-back-yellow{position:relative;border:.5px solid rgba(144,210,242,.5);border-radius:10px;background-color:rgba(253,253,253,.8);margin-bottom:1.5rem;overflow:hidden;z-index:1}.article-back-yellow::before{content:"";position:absolute;top:0;left:0;width:100%;height:4rem;background:repeating-linear-gradient(45deg,rgba(144,210,242,.5),rgba(144,210,242,.5) 1px,#fdfdfd 0,#fdfdfd 7px);z-index:0}


.upper-h2{display:flex;justify-content:center;align-items:center;margin:20px auto 10px}.upper-h2 img{height:5rem;width:auto}


h5{margin-bottom:.5rem;font-size:1.1rem;color:rgba(38,70,109,.8);font-weight:400;position:relative;padding-left:2.5rem;background:linear-gradient(to right,rgba(144,210,242,.2) 0%,rgba(144,210,242,0) 100%)}h5::before{content:"\f1b2";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;left:1rem;top:0;color:#90d2f2}

.simple-line{border-width: 1px 0 0 0;border-style: solid;border-color: #90d2f2;width:70%;margin: 1.5rem auto;}

.dia-line{position:relative;overflow:visible;margin:2rem auto 1rem;text-align:center;color:#3a5e85;border-width:2px 0 0 0;border-style:double;border-color:#3a5e85;width:70%;background:#fdfdfd}.dia-line::before{position:absolute;top:-.8rem;left:0;display:inline-block;content:'･･･';background:#fdfdfd;padding:0 .2rem}.dia-line::after{position:absolute;top:-.8rem;right:0;display:inline-block;content:'･･･';background:#fdfdfd;padding:0 .2rem}

/* .dia-line{position:relative;overflow:visible;margin:0 auto 1rem;text-align:center;color:#90d2f2;border-width:2px 0 0 0;border-style:double;border-color:#90d2f2;width:70%}.dia-line::after{position:absolute;top:-.8rem;right:0;display:inline-block;content:'･･･';background:#fdfdfd}

.dia-line2{position:relative;overflow:visible;margin:2rem auto;text-align:center;color:#90d2f2;border-width:2px 0 0 0;border-style:double;border-color:#90d2f2;width:70%}.dia-line2::after{position:absolute;top:-.8rem;left:0;display:inline-block;content:'･･･';background:#fdfdfd} */

.double-line{position:relative;margin:1.5rem 0;padding:.1rem 0}.double-line::before,.double-line::after{content:"";position:absolute;left:0;width:100%;background-color:#90d2f2}.double-line::before{top:0;height:.5px}.double-line::after{bottom:0;height:.3px}

.double-line2{position:relative;margin:1.5rem 0;padding:.1rem 0}.double-line2::before,.double-line2::after{content:"";position:absolute;left:0;width:100%;background-color:rgba(51,51,51,.5)}.double-line2::before{top:0;height:.5px}.double-line2::after{bottom:0;height:.3px}


.midashi-tag{position:relative;padding:.1rem 2.5rem .1rem 3.5rem; margin:1rem auto;border:1px solid #90d2f2;border-radius:5px;width:fit-content;background-image:linear-gradient(90deg,transparent 0 30px,#fdfdfd 30px),repeating-linear-gradient(135deg,#90d2f2 0 3px,transparent 3px 6px);color:rgb(38,70,109,.8);font-size:.8rem;font-weight:500}


/* ｈ２タグ内の文字（大小） */
.letter-large{font-size:2rem;font-weight:700;letter-spacing:.1rem;color:#26466d}.letter-small{font-size:1rem;font-weight:700;letter-spacing:.1rem;color:#26466d}

/* スパンタグの文字変更用 */

.wordyl{color:#26466d; background-color:rgba(253,230,124,.3);border-radius: 10px; border:solid 1px rgba(253,230,124,.4);padding: 0 1rem;}

.wordbl{color:#26466d; background-color:rgba(144,210,242,.3);border-radius: 10px; border:solid 1px rgba(144,210,242,.4);padding: 0 1rem;}

.wordgr{color:#26466d; background-color:rgba(154,213,121,.3);border-radius: 10px; border:solid 1px rgba(154,213,121,.4);padding: 0 1rem;}

.wordrc{color:#26466d; background-color:rgba(254,193,174,.3);border-radius: 10px; border:solid 1px rgba(254,193,174,.4);padding: 0 1rem;}



/* ーーーーーーーーーーーーーーーーーー */
/* (6) テキストエリア/ 
/* ーーーーーーーーーーーーーーーーーー */



.article-left{width:90%;margin:0 auto}
.article-left img{width:50%;height:auto;float:left;margin-right:16px}
.article-right{width:90%;margin:0 auto}
.article-right img{width:50%;height:auto;float:right;margin-right:16px;}

.article-center{width:90%;margin:0 auto}



/* 下線用 */
.underline-text {border-bottom: 1px dashed #90d2f2;padding-bottom: 0.2rem; }


/* イメージ用 */
.ninety{width:90%;height:auto;display:block;max-width:100%;margin:0 auto}

/* 文章囲みダブル線 */
.kakomi-ao-double {margin: 2rem 0;border: solid 1px #90d2f2;border-radius:10px}

/* 行間を0.5空ける >><p class="half-space">-----------</p>*/


.half-space{text-align:center; margin-bottom:.3rem;}.half-space::before{content:"";display:block;height:.3rem}.half-space::after{content:"";display:block;width:80%;margin:0 auto;border:1px dotted rgba(144,210,242);height:0}


/* ステップ説明 */
.step-container{margin:2rem auto;width:95%}.step{padding:.5rem 1.5rem;border-radius:10px;margin-bottom:20px;position:relative}.step .stepnumber{margin:0;color:#26466d;padding:0 1.5rem;border-radius:10px}.step p{font: weight 300}.step1{background-color:rgba(144,210,242,.2);border:solid 1px rgba(144,210,242)}.step1 .stepnumber{background-color:rgba(144,210,242);width:fit-content}.step2{background-color:rgba(144,210,242,.2);border:solid 1px rgba(144,210,242)}.step2 .stepnumber{background-color:rgba(144,210,242);width:fit-content}.step1::after{content:'';position:absolute;left:50%;transform:translateX(-50%);border-left:1.5rem solid transparent;border-right:1.5rem solid transparent;border-top:1rem solid rgba(144,210,242,.8);bottom:-20px}

/* アクセント用のロゴ */
.accent-log {display: block;margin: 2rem auto 0.5rem auto; height: 2rem;}


/* UL/LI リスト */

ul{list-style: none;}

.ullist{border:solid 1px #90d2f2;border-radius:8px;padding:.3rem .5rem;position:relative;color:#26466d;list-style-type:none;margin:0 auto;max-width:600px}.ullist li{line-height:1.5rem;padding:.5rem 0 .5rem 2rem;border-bottom:dashed 1px #90d2f2;position:relative;}.ullist li:before{position:absolute;font-family:"Font Awesome 5 Free";content:"\f14a";font-weight: 900;left:.5rem;color:#90d2f2}.ullist li:last-of-type{border-bottom:none}

/* flex-box 箱×３のパターン */
.shintaku-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem}.shintaku-kakomi-ao-double{flex:1 1 30%;min-width:240px;border:solid 1px #90d2f2;border-radius:10px;padding:1rem;box-sizing:border-box}.highlight{color:#26466d;background-color:rgba(144,210,242,.3);font-size:1.1rem;text-align:center}







/* ---------------------------------------------------------------------- */
/* ーーーーーーーーーーーーーーーーーー */
/* (7) accoridon menu/ 
/* ーーーーーーーーーーーーーーーーーー */

.faq{padding:0 2rem}
.faq dt{border-radius:3px;margin-bottom:1rem;background:#fdfdfd;border:1px solid #90d2f2;text-indent:-2rem;padding:5px 1em 5px 3em}
.faq dt::before {font-family: "Font Awesome 5 Free";font-weight: 900;content: "\f078";color:#90d2f2;padding-right:1rem;}
.faq dd{padding:5px 1rem 30px 3rem; margin-bottom :2rem;}
.openclose{cursor:pointer}.openclose{cursor:pointer}

/* アコーディオン背景 */

.sect-back01{background-color: rgba(253,230,124,.04);border:1px solid rgba(253,230,124,.8);border-radius: 10px;;margin-top: 2rem;}


/* アコーディオンhタグ */
.h2faq{display:inline-block;padding:.3rem 1rem;border:4px double rgba(51,51,51,.5);font-size:1.2rem;text-align:center;letter-spacing:.5rem;color:rgba(51,51,51,.5);margin-left:3rem;margin-top:1rem}

.h3faq{width:fit-content; margin: 1.5rem auto;padding:.3rem 2rem;border-bottom:4px double rgba(51,51,51,.5);font-size:1.1rem;text-align:center;color:rgba(51,51,51,.5)}


/* ---------------------------------------------------------------------- */
/* ーーーーーーーーーーーーーーーーーー */
/* (8) 一覧表のスタイル（例：在留資格一覧） 
/* ーーーーーーーーーーーーーーーーーー */

table{width:100%;border-collapse:collapse;margin-top:20px;font-weight: 300;font-size: smaller;}
th,td{border:1px solid #26466d;padding:10px;}th{background-color:rgba(144,210,242,.2);color:rgb(38,70,109);text-align:center;}
tr:nth-child(odd){background-color:rgba(51,51,51,.03);}



/* ---------------------------------------------------------------------- */
/* ーーーーーーーーーーーーーーーーーー */
/* (9) 背景CSS 
/* ーーーーーーーーーーーーーーーーーー */



/* 区切り線 */

    .interstamp{display:flex;justify-content:center;align-items:center;margin-bottom: .8rem;}
    .interstamp img{height:auto;width:80%;
	@media (min-width:768px){width:90%}
	@media (min-width:1025px){width:100%}}
  


/* ---------------------------------------------------------------------- */
/* ーーーーーーーーーーーーーーーーーー */
/* (10) ボタン 
/* ーーーーーーーーーーーーーーーーーー */

.link-btn{display:flex;justify-content:flex-end;margin:1rem 1rem 1rem auto}.link-btn a{display:inline-flex;align-items:center;gap:.5rem;padding:.1rem .75rem;text-decoration:none;background:#FDFDFD;border:1px solid #444;border-radius:5px;color:#444;font-weight:500;letter-spacing:.1rem;white-space:nowrap}.link-btn a::before{content:"\f144";font-family:"Font Awesome 5 Free";font-weight:900;font-size:1rem;margin-right:.5rem}.link-btn a:hover{background:rgba(253,253,253,.5);color:#444}

/* ---------------------------------------------------------------------- */
/* ーーーーーーーーーーーーーーーーーー */
/* (11) FAQボックス 
/* ーーーーーーーーーーーーーーーーーー */

.faq-box{width:960px;max-width:100%;justify-content:center}

.faq-box-section{border:1px solid rgba(51,51,51,.3);border-radius:10px;padding:2rem 2rem;margin-bottom:1.5rem;margin-top:1rem;background:#fdfdfd}

.faq-title{font-weight:500;margin-left:2rem;margin-bottom:1rem;}

.faq-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}

.faq-button{background-color:rgba(253,230,124,.1);border:solid 1px #90d2f2;color:#333333;padding:10px 15px;border-radius:5px;cursor:pointer;text-align:center;font-size:16px;width:30%;transition:background-color 0.3s ease}

.faq-button:hover{background-color:rgba(144,210,242,.2)}


@media (max-width: 767px) {
    .faq-buttons {
        flex-direction: column;
        max-width: 400px;
        margin: auto;
        gap:15px;
    }
    .faq-button {
        width: 100%;
        justify-content: center;
    }
}


/* ---------------------------------------------------------------------- */
/* ーーーーーーーーーーーーーーーーーー */
/* (12) 記事前のメニュー部分 
/* ーーーーーーーーーーーーーーーーーー */


.menu-container{border:1px solid #90d2f2;background-color: rgb(144,210,242,0.1); padding:10px;border-radius:10px;margin:0 auto}
.menu-section{margin-bottom:.5rem}
.menu-heading{font-size:.9rem;color:#26466d;padding:5px;margin-left:1rem}
.menu-heading a{color:inherit;text-decoration:none;display:flex;align-items:center}
.menu-heading a::before{font-family:"Font Awesome 5 Free";content:"\f105";font-weight:900;margin-right:.5rem}
.small-menu{padding:5px;margin-top:-.5rem;margin-bottom:1rem;margin-left:1.5rem}
.small-menu ol{display:flex;justify-content:flex-start;padding:0;list-style:none;flex-wrap:wrap;}
.small-menu ol li{white-space:normal;padding:.5rem;margin-bottom:-.5rem;}
.small-menu ol li::before{content:"｜\00a0";margin-right:.5rem}
.small-menu-item{font-size:.9rem;color:#26466d;padding:3px 0}
.small-menu-item a{text-decoration:none;color:#26466d}
.small-menu-item a::before {font-family: "Font Awesome 5 Free"; content: "\f101"; font-weight: 900;margin-right:.5rem}

/* PC画面用の「　no-wrap 指定」 */
@media (min-width: 768px) {.small-menu ol li {white-space: nowrap;}}







/* FIN 事務所情報 */

.book-stamp{display:flex;justify-content:center;align-items:center}
.book-stamp img{height:auto;width:70%;
	@media (min-width:768px){width:60%}
	@media (min-width:1025px){width:40%}}

#footer-contents {background: rgb(253,230,124,0.3);color: #333333; font-size: .8rem; padding: 3rem; display: block; justify-content:space-around; align-items: flex-start; }



#footer-contents .l-footer {margin-bottom: 50px;}

.office-details {
    background-image: url("../images/back-info.webp");
    background-size: cover; 
    background-position: center; /* 画像を中央に配置 */
    background-repeat: no-repeat; /* 画像の繰り返しを無効にする */
}

.contact-info {padding: 2rem; }
.contact-info p { margin: .2rem ; padding:5px;color: #333333;}
.contact-info a { color: #0073e6; text-decoration: none; }
.contact-info a:hover { text-decoration: underline;}
.info-item { background-color:rgb(144,210,242,0.3); color: #999999;font-size:.8rem;
text-align:center;letter-spacing:.3rem; }

@media screen and (min-width:768px) {
#footer-contents {display: flex; justify-content: space-around;}
#footer-contents .l-footer {margin-bottom: 0;width: 50%;}
#footer-contents .r-footer {width:50%; padding-left: 3%;}
}

@media screen and (min-width:1025px) {
	.l-footer {padding: 0 3rem;}}

.iframe-box {width: 100%;height: 0;padding-top: 100%; position: relative;}
.iframe-box iframe {position: absolute;left: 0; top: 0; width: 90%; height: 90%; border-radius: 10px; overflow: hidden; filter: brightness(.95);  margin: auto;}

.footer-width{display:flex;justify-content:center;gap:2rem;max-width:800px;flex-wrap:wrap;margin-top: 2rem; margin-bottom: 1rem;}

#menu-footer{display:flex;justify-content:center;align-items:center;text-align:center; 
	background-color:rgba(252,229,124,.9);background-image:linear-gradient(to left,rgba(253,253,253,0) 0%,rgba(253,253,253,0) 11.1%,rgba(253,253,253,.20) 11.1%,rgba(253,253,253,.20) 22.2%,rgba(253,253,253,.30) 22.2%,rgba(253,253,253,.30) 33.3%,rgba(253,253,253,.40) 33.3%,rgba(253,253,253,.40) 44.4%,rgba(253,253,253,.50) 44.4%,rgba(253,253,253,.50) 55.6%,rgba(253,253,253,.60) 55.6%,rgba(253,253,253,.60) 66.7%,rgba(253,253,253,.70) 66.7%,rgba(253,253,253,.70) 77.8%,rgba(253,253,253,.80) 77.8%,rgba(253,253,253,.80) 88.9%,rgba(253,253,253,.90) 88.9%,rgba(253,253,253,.90) 100%),linear-gradient(to top,rgba(253,253,253,0) 0%,rgba(253,253,253,0) 11.1%,rgba(253,253,253,.20) 11.1%,rgba(253,253,253,.20) 22.2%,rgba(253,253,253,.30) 22.2%,rgba(253,253,253,.30) 33.3%,rgba(253,253,253,.40) 33.3%,rgba(253,253,253,.40) 44.4%,rgba(253,253,253,.50) 44.4%,rgba(253,253,253,.50) 55.6%,rgba(253,253,253,.60) 55.6%,rgba(253,253,253,.60) 66.7%,rgba(253,253,253,.70) 66.7%,rgba(253,253,253,.70) 77.8%,rgba(253,253,253,.80) 77.8%,rgba(253,253,253,.80) 88.9%,rgba(253,253,253,.90) 88.9%,rgba(253,253,253,.90) 100%);}

#menu-footer a { text-decoration: none;color: inherit;}

#menu-footer ul{margin:0;padding:0;list-style:none;flex:1;min-width:150px}

#menu-footer .title { font-weight: 700; color: #333333; padding-bottom: 5px;}


footer { background-color: rgba(252,229,124,.8); font-size: .8rem; text-align: center; padding: 20px;color: #333333; 
}

footer small {font-size: 100%;}