@charset "utf-8";
html,
body{
width:100%;
height:100%;
padding:0;
border:none;
}
body{
background-color: var(--beigue);
overflow-wrap: break-word;
}
article,header {
width:100%;
max-width:100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

:root {
--darkbrown:#4c4136;
--navy:#003f73;
--blue:#367eb2;
--beigue:#f9f7eb;
--beigue-line:#e3dcba;
}


/* COMMON */
/* bg */
.bg_blue {
background: var(--paleblue);
}

/* text */
.blue {
color: var(--blue);
font-weight: 500;
}
.navy {
color: var(--navy);
font-weight: 500;
}

/* link / button */
a.underline {
border-bottom: 1px solid var(--font-color);
}
a.text_link{
color: var(--navy);
display: inline-block;
position: relative; 
line-height: 1.5;  
}
a.text_link:after {
content: "";
position: absolute;
top: 0.55em;
right: -1em;
width: 0.45em; 
height: 0.45em;
border-top: 1px solid var(--navy);
border-right: 1px solid var(--navy);
transform: rotate(45deg);
display: inline-block;
}
.btn_arrow {
display: inline-block;
padding-right: 36px;
background: url(../images/arrow_next.svg) no-repeat right bottom 10px;
background-size: 30px;
}
.btn_arrow.prev {
padding-left: 36px;
padding-right: 0;
background-image: url(../images/arrow_prev.svg);
background-position: left bottom 10px;
}
.box_btn_contact {
display: inline-block;
padding: 1.2rem 3rem;
background: #fff;
font-size: var(--18px);
text-align: center;
border-radius: 6px;
box-shadow: 0 6px 0 rgba(0, 0, 0, .1);
}
.box_btn_contact:before {
content: "";
display: inline-block;
margin-right: 8px;
vertical-align: middle;
width: 20px;
height: 24px;
background: url(../images/icon_request.svg) no-repeat center center;
background-size: 100%;
transform: translateY(-2px);
}
.box_btn_arrow {
position: relative;
display: inline-block;
padding: 10px 30px 11px 15px;
text-align: center;
line-height: 1;
font-size:min(2.93vw , 16px);
background-color: var(--blue);
color: #fff;
font-weight: 600;
border-radius: min(1vw , 6px);
}
.box_btn_arrow:after {
position: absolute;
top:11px;
right:10px;
content: "";
display:inline-block;
width: 7px;
height: 7px;
border-top:2px solid #9abed9;
border-right:2px solid #9abed9;
transform: rotate(45deg);
}
.box_btn_arrow.prev {
padding: 10px 15px 11px 30px;
}
.box_btn_arrow.prev:after {
right:auto;
left:10px;
transform: rotate(-135deg);
}


.box_btn_arrow {
position: relative;
display: inline-block;
padding: 8px 30px 8px 15px;
text-align: center;
border: 1px solid #e8e4d2;
line-height: 1;
background-color: #fff;
font-size:min(2.93vw , 16px);
font-weight: 300;
color: var(--font-color);
border-radius: min(1vw , 6px);
}
.box_btn_arrow:after {
position: absolute;
top:10px;
right:10px;
content: "";
display:inline-block;
width: 7px;
height: 7px;
border-top:1px solid var(--blue);
border-right:1px solid var(--blue);
transform: rotate(45deg);
}
.box_btn_arrow.prev {
padding: 8px 15px 8px 30px;
}
.box_btn_arrow.prev:after {
right:auto;
left:10px;
transform: rotate(-135deg);
}

.bottom_nav .box_btn_arrow {
padding: 10px 30px 11px 12px;
background-color: var(--blue);
color: #fff;
font-weight: 600;
}
.bottom_nav .box_btn_arrow:after {
top:11px;
border-top:2px solid #9abed9;
border-right:2px solid #9abed9;
}
.bottom_nav .box_btn_arrow.prev {
padding: 10px 12px 11px 30px;
}

.wrap_movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.wrap_movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

hr{
height: 0;
margin: 0;
padding: 0;
border: 0;
}
hr.beigue {
margin: 3rem auto;
width: calc(100% - 30px);
max-width: 1260px;
border-top: 1px solid var(--beigue-line);
}
object {
width: 100%;
height: auto;
display: block;
}
object + .replay{
text-align: right;
}
object + .replay a{
font-size:min(2vw , 12px);
border-bottom: var(--font-color) 1px dotted;
display: inline-block;
cursor: pointer;
}
.svg_animation {
opacity: 0;
transition: opacity 0.6s ease;
width:100%;
height:auto;
}
.svg_animation.visible {
opacity: 1;
}





@media screen and (min-width:768px) {
.btn_arrow {
padding-right: 55px;
background-size: 40px;
background-position: right bottom 15px;
}
.box_btn_contact {
padding: 1.5rem 4rem;
font-size: var(--19px);
border-radius: 10px; 
box-shadow: 0 8px 0 rgba(0, 0, 0, .1);
}
.box_btn_contact:before {
margin-right: 12px;
width: 28px;
height: 32px;
transform: translateY(-4px);
}
.btn_arrow.prev {
padding-left: 55px;
background-position: left bottom 15px;
}
}/* COMMON min-width:768px */

@media screen and (min-width:1320px) {
.box_btn_arrow,
.bottom_nav .box_btn_arrow {
font-size: var(--16px);
padding: 15px 50px 15px 30px;
}
.bottom_nav .box_btn_arrow {
font-size: var(--17px);
}
.box_btn_arrow.prev,
.bottom_nav .box_btn_arrow.prev {
padding: 15px 30px 15px 50px;
}
.box_btn_arrow:after,
.bottom_nav .box_btn_arrow:after {
top:17px;
right: 20px;
width: 12px;
height: 12px;
}
.box_btn_arrow.prev:after,
.bottom_nav .box_btn_arrow.prev:after {
left: 20px;
}

}/* COMMON min-width:1320px */





/* HEADER */
.sp_header {
position: relative;
width: 100%;
height: 50px;
box-sizing: border-box;
padding: 7px 0 7px 10px;
z-index: 20;
}
.home .sp_header {
display: none;
}
.sp_header .logo {
width: 55%;
max-width: 160px;
}
.sp_header .logo a {
display: block;
}
/* hamburger menu */
.hmenu-wrapper{
position:fixed;
top:0;
right:5px;
z-index: 999;
}
.hmenu{
width: 46px;
height:46px;
position:relative;
cursor:pointer;
display: inline-block;
float:right;
z-index: 999;
}
.hmenu1{top:13px;}
.hmenu2{top:24px;}
.hmenu3{top:35px;}
.hmenu1,.hmenu2,.hmenu3{
position:absolute;
left:11px;
height:3px;
width: 30px;
transition: all 0.3s ease-out;
display: inline-block;
background-color:var(--navy);
}
.hmenuclick1,
.hmenuclick3 {
top:24px;
width: 34px;
}
.hmenuclick1{transform: rotate(40deg);}
.hmenuclick2{opacity:0;}
.hmenuclick3{transform: rotate(-40deg);}
.hmenu-back{
display: none;
position: fixed;
background-color:#fff;
opacity: 1;
z-index: 997;
width: 100%;
height: 100%;
top:0;
left:0;
}
.hmenu-nav {
display: none;
position:fixed;
top: 0;
width: 100%;
height: 100%;
padding: 1rem 9vw;
box-sizing: border-box;
z-index: 998;
}
.hmenu-nav .logo {
padding: 10px 0;
}
.hmenu-nav > nav {
width: 100%;
height: 100%;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
text-align: center;
}
.hmenu-nav a {
position: relative;
display: block;
padding:5px 0;
text-align: center;
font-size: 16px;
font-weight: 500;
color: var(--navy);
}
.hmenu-nav hr {
border-top: #a7bfd5 solid 1px;
}
.hmenu-nav a.other {
font-size: 13px;
display: inline-block;
width: 49%;
box-sizing: border-box;
}
.hmenu-nav a.other:after {
background: url(../images/icon_other.svg) center center no-repeat;
content: "";
display: inline-block;
height: 12px;
width: 14px;
margin-left: 5px;
}
.header {display: none;}

@media screen and (min-width:768px) {
.sp_header,
.hmenu-wrapper{
display: none;
}
.header {
display: block;
position: fixed;
z-index: 100;
background: var(--beigue);
transition: all .2s;
}
.home .header {
background: transparent;
}
.header.scroll-nav {
background: rgba(247, 243, 227, 0.8);
z-index: 1000;
}
.header .col12 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.header .logo {
width: 30vw;
max-width: 270px;
transition: all .2s;
}
.header .gnav {
display: flex;
justify-content: flex-end;
align-items: center;
width: calc(100% - 30vw);
}
.header .gnav a {
position: relative;
display: block;
padding: 10px 0;
margin-left: 20px;
font-weight: 700;
font-size: var(--16px);
color: var(--navy);
}
.header.scroll-nav .gnav a {
padding: 0;
position: relative;
}

body.coldcare .gnav a.coldcare:after,
body.throatcare .gnav a.throatcare:after,
body.infection .gnav a.infection:after,
body.news .gnav a.news:after{
content: "";
width: 100%;
bottom: 0;
height: 2px;
display: inline-block;
background-color: var(--blue);
position: absolute;
right: 0;
left: 0;
bottom: -10px;
}
body.coldcare .header.scroll-nav .gnav a.coldcare:after,
body.throatcare .header.scroll-nav .gnav a.throatcare:after,
body.infection .header.scroll-nav gnav a.infection:after,
body.news .header.scroll-nav .gnav a.news:after {
transform:translateY(5px);
}


.header.scroll-nav .logo {
max-width: 180px;
}
.header .gnav a.request {
display: inline-block;
background-color: #f29130;
color: #fff;
font-size: 16px;
font-weight: bold;
border: none;
border-radius: min(1vw , 8px);
padding: 1rem 4rem 1rem 1.2rem;
line-height: 1;
cursor: pointer;
background-image: url('/cs/nodo-kansou/images/icon_other_white.svg');
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 20px 20px;
}
}/* header min-width:768px */

@media screen and (min-width:1320px) {
.header .gnav a {
margin: 0 2rem;
}
.header .gnav {
width: 70vw;
}
}/* header min-width:1080px */












/* FOOTER */
.footer {
border-top:var(--beigue-line) solid 1px;
}
.footer .col12 {
padding-left: 0;
padding-right: 0;
}
.footer .logo {
text-align: center;
}
.footer .logo > a {
display: inline-block;
width: 60%;
max-width: 185px;
}
.footer .menu {
margin-top: 2px;
text-align: center;
font-size: var(--14px);
}
.footer .menu a {
color: var(--navy);
display: inline-block;
padding: .2rem min(2vw , 1rem);
}
.footer .menu a.other:after {
background: url(../images/icon_other.svg) center center no-repeat;
content: "";
display: inline-block;
height: min(2vw , 12px);
width: min(3vw , 14px);
margin-left: min(1vw , 5px);
}
.footer .copyright {
padding: min(5vw , 3rem);
text-align: center;
font-size: var(--11px);
color: #FFF;
background-color: var(--darkbrown);
}
.footer-top-btn {
opacity: 0;
position: fixed;
bottom:20px;
right:10px;
width: 30px;
height: 30px;
z-index: 90;
}
.footer-top-btn:before {
position: absolute;
top:10px;
left:4px;
content: "";
display: block;
width: 20px;
height: 20px;
border-top: 2px solid var(--blue);
border-left: 2px solid var(--blue);
transform: rotate(45deg);
}
.footer .menu a:first-child {
width:40%;
margin-bottom: 1em;
}

.bottom_nav{
border-top:var(--beigue-line) solid 1px;
border-bottom:var(--beigue-line) solid 1px;
width: 100%;
max-width: 100%;
margin-top: min(4vw, 6rem);
}
.bottom_nav .col12{
display: flex;
justify-content: space-between;
}
.news .bottom_nav .col12{
justify-content: center;
}

@media screen and (min-width:768px) {
.footer-top-btn {
bottom:10px;
right:30px;
width: 50px;
height: 50px;
}
.footer-top-btn:before {
top:18px;
left:9px;
width: 30px;
height: 30px;
}
.footer .menu {
font-size: var(--14px);
}
.footer .menu a {
padding: .4rem 1rem;
}
.footer .menu a:first-child {
width:16.67%;
margin-right: 2%;
margin-bottom: 0;
}
}/* min-width:768px */














/* title header */

.header_title{
color: var(--navy);
font-size:min(6vw , 38px);
text-align: center;
line-height: 1.5;
margin-top: min(10vw , 4rem);
padding-bottom: min(4vw , 2rem);
font-feature-settings: "palt";
}
.headr_line{
color: var(--navy);
font-size:min(4.5vw , 28px);
font-weight: 500;
font-feature-settings: "palt";
}
.headr_line:before{
display: block;
width: min(12vw , 75px);
height: 2px;
content: "";
background-color: var(--navy);
margin: 0 0 min(10vw , 1.7rem);
}
.header_blue{
font-size:min(4vw , 22px);
font-weight: 500;
color: var(--navy);
padding-bottom: min(8vw , 2rem);
}










/* HOME */
/* fv */
.fv{
background: #fff url(../images/fv_image_sp.jpg) no-repeat right top;
background-size: cover;
height:min(120vw , 720px);
}
.fv .fv_copy{
font-size:min(6vw , 36px);
letter-spacing: min(1vw , 7px);
margin: 3vw 0 0;
}
.fv .fv_copy.letterSpan2{
margin: 0 0 10vw;
}
.fv_copy.letterSpan2 span:nth-child(-n+7) {
color: var(--blue);
}
.fv h1{
width: min(56vw , 445px);
}
.home_about{
background: url(../images/about_back.svg) no-repeat right -67vw top;
background-size: 160vw;
padding-bottom: min(10vw , 8rem);
}
.about_text{
display: inline-flex;
align-items: center;
gap: 4%;
margin: min(2vw , 5rem) 0 min(8vw , 5rem) ;
}
.about_doctor{
border-radius: min(5vw , 2rem);
background-color: #fff;
padding: min(2vw , 1rem);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
margin: 0 auto;
}
.about_doctor .inner{
background-color: #fcfbfa;
padding: min(4vw , 2rem) min(3vw , 6rem) min(8vw , 6rem);
}
.about_doctor .inner hr{
border-top:#f1efe4 2px solid;
border-bottom:#ffff 2px solid;
margin-bottom: min(5vw , 4rem);
}
.about_doctor_title{
text-align: center;
margin-bottom: min(4vw , 1rem);
}
.about_doctor_title img{
width: min(70vw , 416px);
}
.about_doctor .box_btn_arrow.on-sp{
margin: min(8vw , 4rem) auto 0;
}
.home_title{
font-size:min(6vw , 34px);
color: var(--navy);
margin-bottom: min(8vw , 2rem);
}
.home_title:before{
display: block;
width:min(10vw , 76px);
background-color: var(--navy);
height: 2px;
content: "";
margin-bottom: min(4vw , 1rem);
}
.home_contents_links .col4 figure img,
.home_contents_links .col8 figure img{
border-radius: min(4vw , 2rem);
border: 4px solid #fff;
}
.home_contents_links h3{
font-size:min(4.5vw , 22px);
color: var(--navy);
margin: min(2vw , 1rem) 0;
font-weight: 500;
}
.home_coldcare{
background: #edf6fa url(../images/home_coldcare_back.jpg) no-repeat center top;
background-size: 120%;
}
.home_throatcare{
background:#fcf7f2 url(../images/home_throatcare_back.jpg) no-repeat center top;
background-size: 120%;
}
.home_infection{
background:#ede5dd url(../images/home_infection_back.jpg) no-repeat center top;
background-size: 120%;
}
.home_contents_links .col4,
.home_contents_links .col8{
width: 95%;
}
.home_contents_title{
width: 90%;
}
.home_contents_title p,
.home_infection .home_contents_links .col4 p{
display: inline-block;
font-size:min(3.8vw , 19px);
}
.accordion .show_more {
position: relative;
display: inline-block;
padding-right: min(4vw ,1.5rem);
cursor: pointer;
margin-bottom: min(4vw ,1rem) 0;
margin-left: min(1vw , 1rem);
color: var(--navy);
}
.accordion .show_more::after {
content: "";
position: absolute;
top: 36%;
right: 0;
width: 6px;
height: 6px;
border-right: 1px solid var(--navy);
border-bottom: 1px solid var(--navy); /* 下向き */
transform: translateY(-50%) rotate(45deg); /* 下向き */
}
.accordion .show_more.open::after {
border-bottom: none;
border-top: 1px solid var(--navy); /* 上向き */
transform: translateY(-50%) rotate(-45deg); /* 上向き */
top: 65%;
}
.detail{
line-height: 1.5;
margin-top: min(4vw , .8rem);
}

@media (min-width: 768px) {
.fv{
background: #fff url(../images/fv_image.jpg) no-repeat center top;
background-size: cover;
}
.fv .fv_copy{
margin: 14rem 0 0;
}
.fv .fv_copy.letterSpan2{
margin: 0 0 7rem;
}
.home_about{
background: url(../images/about_back.svg) no-repeat right -12vw top;
background-size:1400px;
}
.max_60_pc{
max-width: 65%;
}
.home_contents_links{
justify-content: space-between;
}
.home_contents_links .col4{
width: 32%;
}
.home_contents_links .col8{
width: 66%;
}
}/* min-width: 768px */
@media (max-width: 767px) {
.flex-sp{
display: flex;
}
}/* max-width: 768px */









/* news */
body.home section.news{
background-color: #fff;
}
.list_news {
border-top:var(--beigue-line) solid 1px;
}
.list_news a {
border-bottom:var(--beigue-line) 1px solid;
position:relative;
font-weight:500;
display: block;
}
.list_news .news_date,
.list_news .news_title {
display: block;
padding: 5vw 0;
box-sizing: border-box;
}
.list_news .news_date {
font-family: var(--font-family-en);
font-weight: 500;
font-size: var(--14px);
padding-right:2rem;
color: var(--blue);
padding-bottom: 0;
}
.list_news .news_title {
padding-top: 1vw;
}
.list_news a[target="_blank"] span:last-child:after {
border: none;
transform: none;
content: "";
background: url(../images/icon_other.svg) 0px 0px no-repeat;
background-size: 14px;
display: inline-block;
height: 12px;
right: -20px;
top: 0;
bottom: 0;
position: absolute;
width: 14px;
margin: auto;
}
.container.pd-6em.news_detail {
padding-bottom: calc(3rem - 15px);
}
.news_detail .date {
margin: 1rem 0 4rem;
font-family: var(--font-family-en);
font-weight: 500;
font-size: var(--15px);
color: var(--navy);
}
.news_detail p + p {
margin-top: 2rem;
}
.news_detail figure,
.news_detail .wrap_movie {
margin: 2rem 0;
}
.news_detail h3 {
padding: 2em 0 1em;
font-size: var(--20px);
font-weight: 700;
color: var(--navy);
}
.news_detail .date + h3 {
padding-top:0;
}
.news_detail a{
border-bottom:1px dotted var(--font-color);
}
.news_detail a.noborder {
border-bottom: none;
}
.news_detail strong{
font-weight: 600;
}
.news_detail ul,
.news_detail ol {
margin-top:1rem;
padding-left: 2rem;
}
.news_detail ul li{
list-style-type: circle;
list-style-position: outside;
}
.news_detail ol li{
list-style-type: decimal;
list-style-position: outside;
}
.news_detail a[target="_blank"],
.news_detail a[href$=".pdf"] {
display: inline-block;
margin-left: 20px;
position: relative;
}
.news_detail a[target="_blank"]::before {
background: url(../images/icon_other.svg) 0px 0px / 14px no-repeat;
content: "";
display: block;
height: 12px;
left: -19px;
top: 8px;
position: absolute;
width: 14px;
}
.news_detail a[href$=".pdf"]::before {
background: url(../images/icon_pdf.svg) 0px 0px / 12px no-repeat;
content: "";
display: block;
height: 16px;
left: -18px;
top: 6px;
position: absolute;
width: 13px;
}
.home .list_news a {
display: none;
}
.home .list_news a:nth-of-type(-n+2) {
display: block;
}


@media screen and (min-width:768px) {
.list_news a{
display:flex;
align-items: center;
}
.list_news .news_date,
.list_news .news_title {
display: inline-block;
margin: 2rem 0;
padding: 2rem 2rem 2rem 0;
}
.news_detail figure,
.news_detail .wrap_movie {
margin: 3rem 0;
}
.news_detail a[href$=".pdf"]::before,
.news_detail a[target="_blank"]::before{
top: 11px;
}
}/* news min-width:768px */













.kv_image{
text-align: center;
}
.kv_image img{
border-radius: min(4vw , 4rem);
border: #fff solid min(1.5vw, 1rem);
box-sizing: border-box;
}
.kv_svg > div{
background-color: #fff;
border-radius: min(4vw , 4rem);
}
.kv_svg > div{
padding:4vw 1vw;
}
@media screen and (min-width:768px) {
.kv_svg > div{
padding:1rem 8rem;
}
}
.header_image{
background: url(../images/header_image_coldcare.jpg) no-repeat 60% top;
background-size: auto 100%;
justify-content: center;
padding-top: 9rem;
padding-left: .5rem;
padding-right: .5rem;
display: flex;
height: 6vw;
position: relative;
}
.throatcare .header_image{
background: url(../images/header_image_throatcare.jpg) no-repeat 60% top;
background-size: auto 100%;
}
.infection .header_image{
background: url(../images/header_image_infection.jpg) no-repeat 70% top;
background-size: auto 100%;
}
.news .header_image{
background: url(../images/header_image_news.jpg) no-repeat 50% top;
background-size: auto 100%;
}
.header_image a{
color: #7f9fb9;
font-size: min(3.2vw, 21px);
line-height: 1.3;
padding: 1rem min(1vw , 2rem) 1.4rem;
background-color: #fff;
border-radius: 4px;
margin: 0 min(1vw, .5rem);
display: inline-block;
position: relative;
top:0;
height: 7vw;
font-weight: 500;
min-width: min(29vw, 280px);
text-align: center;
align-content: center;
z-index: 100;
box-shadow: 0px 3px 1px 0px rgb(0 0 0 / 10%);
}
.header_image a span{
transform: translateY(2px);
display: inline-block;
}
.header_image a.current{
background-color: var(--navy);
color: #fff;
pointer-events: none;
}
.header_image .section_title{
text-align: center;
font-size: min(4vw, 22px);
color: var(--navy);
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50% , -80%);
letter-spacing: 2px;
}
@media screen and (min-width:768px) {
.header_image{
height:140px;
}
.header_image a{
border-radius: 24px;
top: 117px;
height: 25px;
}
.header_image a span{
transform: translateY(0);
}
.header_image .section_title{
transform: translate(-50% , 40%);
}
}/* min-width:768px */





dl.survey {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: min(4vw , 2rem);
background-color: #fff;
}
dl.survey dt, dl.survey dd {
margin: 0;
padding: 0.25em 0;
}
dl.survey dt {
font-weight: bold;
width: 6em; /* 項目名の幅 */
}
dl.survey dd {
flex: 1;
}
dl.survey .item {
width: 50%;
display: flex;
}
@media (max-width: 767px) {
dl.survey .item {
width: 100%;
}
}





/* column */
.column{
background-color: #fff;
border-radius: min(4vw , 2rem);
border: #ebe6d3 min(3vw , 13px) solid;
padding: min(6vw , 6rem);
position: relative;
}
.column:before{
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50% , -22px);
background: url(../images/column_head.png) no-repeat;
width: min(20vw , 76px);
height: min(10vw , 27px);
background-size: cover;
}
.header_double_line{
padding: min(4vw , .6rem);
border-top: var(--beigue-line) solid 1px;
border-bottom: var(--beigue-line) solid 1px;
margin: min(4vw , 1.5rem) 0 min(6vw , 3rem);
}
.table_beigue{
border:none;
}
.table_beigue th,
.table_beigue td{
border:none;
border-right: #fff 2px solid;
border-bottom: #fff 2px solid;
text-align: center;
vertical-align: middle;
padding: min(1vw, 10px);
line-height: 1.5;
}
.table_beigue th{
background-color: #f7f3e3;
}
.table_beigue td{
background-color: #f9f7eb;
}


.infection .col2 figcaption{
font-size: min(3vw , 17px);
text-align: center;
padding-top: min(3vw , 1rem);
}