@charset "utf-8";

:root {
  --color-brown: #553629;
  --color-lightbrown: #8F6D51;
  --color-lightyellow: #FFEDBA;
  --color-orange: #FF491D;
  --color-gray: #B2B2B2;
  --color-blue: #0064B6;
}

/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

parts

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/

/* Grid Layout
****************************************************/
.d-grid { display: grid; }
.gap30px { gap: 30px; }
@media screen and (min-width: 600px) {
  .pc_gtc270px { grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); }
}
@media screen and (max-width: 599px) {
  .sp_gtc-2column { grid-template-columns: 1fr 1fr; }
}

/* Flexbox
****************************************************/
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.flex-wrap { flex-wrap: wrap; }
.justify-content-center { justify-content: center; }
.align-items-center { align-items: center; }
.flex-1 { flex: 1; }
.flex-0-1-30 { flex: 0 1 30px; }
.flex-0-1-50pr { flex: 0 1 50%; }
.flex-0-1-70pr { flex: 0 1 70%; }
.column-gap05 { column-gap: 5px; }
.column-gap10 { column-gap: 10px; }
.column-gap20 { column-gap: 20px; }
.column-gap80 { column-gap: 80px; }
@media screen and (min-width: 600px) {
	.d-md-flex { display: flex; }
	.d-md-inline-flex { display: inline-flex; }
	.flex-md-row { flex-direction: row; }
	.flex-md-row-reverse { flex-direction: row-reverse; }
	.flex-md-column { flex-direction: column; }
	.flex-md-column-reverse { flex-direction: column-reverse; }
	.justify-content-md-start { justify-content: flex-start; }
	.justify-content-md-end { justify-content: flex-end; }
	.justify-content-md-center { justify-content: center; }
	.justify-content-md-between { justify-content: space-between; }
	.justify-content-md-around { justify-content:space-around; }
	.justify-content-md-evenly { justify-content: space-evenly; }
	.align-items-md-start { align-items: flex-start; }
	.align-items-md-end { align-items: flex-end; }
	.align-items-md-center { align-items: center; }
	.align-items-md-baseline { align-items: baseline; }
	.align-items-md-stretch { align-items: stretch; }
	.align-self-md-start { align-self: flex-start; }
	.align-self-md-end { align-self: flex-end; }
	.align-self-md-center { align-self: center; }
	.align-self-md-baseline { align-self: baseline; }
	.align-self-md-stretch { align-self: stretch; }
	.flex-md-grow-0 { flex-grow: 0; }
	.flex-md-shrink-0 { flex-shrink: 0; }
	.flex-md-grow-1 { flex-grow: 1; }
	.flex-md-shrink-1 { flex-shrink: 1; }
	.flex-md-nowrap { flex-wrap: nowrap; }
	.flex-md-wrap { flex-wrap:wrap; }
	.flex-md-wrap-reverse { flex-wrap: wrap-reverse; }
	.order-md-1 { order: 1; }
	.order-md-2 { order: 2; }
	.order-md-3 { order: 3; }
	.order-md-4 { order: 4; }
	.order-md-5 { order: 5; }
	.align-content-md-start { align-content: flex-start; }
	.align-content-md-end { align-content: flex-end; }
	.align-content-md-center { align-content: center; }
	.align-content-md-around { align-content: space-around; }
	.align-content-md-stretch { align-content: stretch; }
	.flex-md-item-text { width: 65%; }
	.flex-md-item-half { width: 47%; }
	.flex-md-item-onethird { width: 33%; }
	.flex-md-item-quarter { width: 22%; }
}

/* display
****************************************************/
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; }

/* width
****************************************************/
.mw30 { min-width: 30px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w10pr { width: 10%; }
.w20pr { width: 20%; }
.w30pr { width: 30%; }
.w40pr { width: 40%; }
.w50pr { width: 50%; }
.w60pr { width: 60%; }
.w70pr { width: 70%; }
.w80pr { width: 80%; }
.w90pr { width: 90%; }
.w100pr { width: 100%; }
@media screen and (min-width:600px) {
  .w-md-10pr { width: 10%; }
  .w-md-20pr { width: 20%; }
  .w-md-30pr { width: 30%; }
  .w-md-40pr { width: 40%; }
  .w-md-50pr { width: 50%; }
  .w-md-60pr { width: 60%; }
  .w-md-70pr { width: 70%; }
  .w-md-80pr { width: 80%; }
  .w-md-90pr { width: 90%; }
  .w-md-100pr { width: 100%; }
}

/* height
****************************************************/
.h30 { height: 30px; }
.h40 { height: 40px; }

/* margin
****************************************************/
.mg10 { margin: 10px; }
.mg20 { margin: 20px; }
.mg30 { margin: 30px; }
.mg40 { margin: 40px; }
.mg50 { margin: 50px; }
.mg60 { margin: 60px; }
.mg70 { margin: 70px; }
.mg80 { margin: 80px; }
.mg90 { margin: 90px; }
.mg100 { margin: 100px; }
/* top */
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mt110 { margin-top: 110px; }
.mt120 { margin-top: 120px; }
.mt130 { margin-top: 130px; }
.mt140 { margin-top: 140px; }
.mt150 { margin-top: 150px; }
.mt160 { margin-top: 160px; }
.mt170 { margin-top: 170px; }
.mt180 { margin-top: 180px; }
.mt190 { margin-top: 190px; }
.mt200 { margin-top: 200px; }
/* right */
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }
.mr-auto { margin-right: auto; }
/* bottom */
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
/* left */
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }
.ml-auto { margin-left: auto; }
@media screen and (min-width:600px) {
  .mg-md-10 { margin: 10px; }
  .mg-md-20 { margin: 20px; }
  .mg-md-30 { margin: 30px; }
  .mg-md-40 { margin: 40px; }
  .mg-md-50 { margin: 50px; }
  .mg-md-60 { margin: 60px; }
  .mg-md-70 { margin: 70px; }
  .mg-md-80 { margin: 80px; }
  .mg-md-90 { margin: 90px; }
  .mg-md-100 { margin: 100px; }
  /* top */
  .mt-md-10 { margin-top: 10px; }
  .mt-md-20 { margin-top: 20px; }
  .mt-md-30 { margin-top: 30px; }
  .mt-md-40 { margin-top: 40px; }
  .mt-md-50 { margin-top: 50px; }
  .mt-md-60 { margin-top: 60px; }
  .mt-md-70 { margin-top: 70px; }
  .mt-md-80 { margin-top: 80px; }
  .mt-md-90 { margin-top: 90px; }
  .mt-md-100 { margin-top: 100px; }
  /* right */
  .mr-md-10 { margin-right: 10px; }
  .mr-md-20 { margin-right: 20px; }
  .mr-md-30 { margin-right: 30px; }
  .mr-md-40 { margin-right: 40px; }
  .mr-md-50 { margin-right: 50px; }
  .mr-md-60 { margin-right: 60px; }
  .mr-md-70 { margin-right: 70px; }
  .mr-md-80 { margin-right: 80px; }
  .mr-md-90 { margin-right: 90px; }
  .mr-md-100 { margin-right: 100px; }
  .mr-md-auto { margin-right: auto; }
  /* bottom */
  .mb-md-10 { margin-bottom: 10px; }
  .mb-md-20 { margin-bottom: 20px; }
  .mb-md-30 { margin-bottom: 30px; }
  .mb-md-40 { margin-bottom: 40px; }
  .mb-md-50 { margin-bottom: 50px; }
  .mb-md-60 { margin-bottom: 60px; }
  .mb-md-70 { margin-bottom: 70px; }
  .mb-md-80 { margin-bottom: 80px; }
  .mb-md-90 { margin-bottom: 90px; }
  .mb-md-100 { margin-bottom: 100px; }
  /* left */
  .ml-md-10 { margin-left: 10px; }
  .ml-md-20 { margin-left: 20px; }
  .ml-md-30 { margin-left: 30px; }
  .ml-md-40 { margin-left: 40px; }
  .ml-md-50 { margin-left: 50px; }
  .ml-md-60 { margin-left: 60px; }
  .ml-md-70 { margin-left: 70px; }
  .ml-md-80 { margin-left: 80px; }
  .ml-md-90 { margin-left: 90px; }
  .ml-md-100 { margin-left: 100px; }
  .ml-md-auto { margin-left: auto; }
}

/* padding
****************************************************/
.pd05 { padding: 5px; }
.pd10 { padding: 10px; }
.pd20 { padding: 20px; }
.pd30 { padding: 30px; }
.pd40 { padding: 40px; }
.pd50 { padding: 50px; }
.pd60 { padding: 60px; }
.pd70 { padding: 70px; }
.pd80 { padding: 80px; }
.pd90 { padding: 90px; }
.pd100 { padding: 100px; }
/* top */
.pt05 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
/* right */
.pr05 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }
/* bottom */
.pb05 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }
/* left */
.pl05 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }
@media screen and (min-width:600px) {
  .pd-md-10 { padding: 10px; }
  .pd-md-20 { padding: 20px; }
  .pd-md-30 { padding: 30px; }
  .pd-md-40 { padding: 40px; }
  .pd-md-50 { padding: 50px; }
  .pd-md-60 { padding: 60px; }
  .pd-md-70 { padding: 70px; }
  .pd-md-80 { padding: 80px; }
  .pd-md-90 { padding: 90px; }
  .pd-md-100 { padding: 100px; }
  /* top */
  .pt-md-10 { padding-top: 10px; }
  .pt-md-20 { padding-top: 20px; }
  .pt-md-30 { padding-top: 30px; }
  .pt-md-40 { padding-top: 40px; }
  .pt-md-50 { padding-top: 50px; }
  .pt-md-60 { padding-top: 60px; }
  .pt-md-70 { padding-top: 70px; }
  .pt-md-80 { padding-top: 80px; }
  .pt-md-90 { padding-top: 90px; }
  .pt-md-100 { padding-top: 100px; }
  /* right */
  .pr-md-10 { padding-right: 10px; }
  .pr-md-20 { padding-right: 20px; }
  .pr-md-30 { padding-right: 30px; }
  .pr-md-40 { padding-right: 40px; }
  .pr-md-50 { padding-right: 50px; }
  .pr-md-60 { padding-right: 60px; }
  .pr-md-70 { padding-right: 70px; }
  .pr-md-80 { padding-right: 80px; }
  .pr-md-90 { padding-right: 90px; }
  .pr-md-100 { padding-right: 100px; }
  /* bottom */
  .pb-md-10 { padding-bottom: 10px; }
  .pb-md-20 { padding-bottom: 20px; }
  .pb-md-30 { padding-bottom: 30px; }
  .pb-md-40 { padding-bottom: 40px; }
  .pb-md-50 { padding-bottom: 50px; }
  .pb-md-60 { padding-bottom: 60px; }
  .pb-md-70 { padding-bottom: 70px; }
  .pb-md-80 { padding-bottom: 80px; }
  .pb-md-90 { padding-bottom: 90px; }
  .pb-md-100 { padding-bottom: 100px; }
  /* left */
  .pl-md-10 { padding-left: 10px; }
  .pl-md-20 { padding-left: 20px; }
  .pl-md-30 { padding-left: 30px; }
  .pl-md-40 { padding-left: 40px; }
  .pl-md-50 { padding-left: 50px; }
  .pl-md-60 { padding-left: 60px; }
  .pl-md-70 { padding-left: 70px; }
  .pl-md-80 { padding-left: 80px; }
  .pl-md-90 { padding-left: 90px; }
  .pl-md-100 { padding-left: 100px; }
}

/* color
****************************************************/
.col-red { color: #FF0000; }
.col-white { color: #FFF; }
.col-brown { color: var(--color-brown); }
.col-lightbrown { color: var(--color-lightbrown); }
.col-lightyellow { color: var(--color-lightyellow); }
.col-orange { color: var(--color-orange); }
.col-gray { color: var(--color-gray); }
.col-blue { color: var(--color-blue); }

/* text-align
****************************************************/
.tar { text-align: right; }
.tac { text-align: center; }
.tal { text-align: left; }

/* font-weight
****************************************************/
.fw100 { font-weight: 100; }
.fw100 { font-weight: 100; }
.fw100 { font-weight: 100; }
.fw100 { font-weight: 100; }
.fw100 { font-weight: 100; }
.fw100 { font-weight: 100; }
.fw100 { font-weight: 100; }
.fw100 { font-weight: 100; }

.fwb { font-weight: bold; }

/* font-size
****************************************************/
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px; }
.fs23 { font-size:23px; }
.fs24 { font-size:24px; }
.fs25 { font-size:25px; }
.fs26 { font-size:26px; }
.fs27 { font-size:27px; }
.fs28 { font-size:28px; }
.fs29 { font-size:29px; }
.fs30 { font-size:30px; }
.fs31 { font-size:31px; }
.fs32 { font-size:32px; }
.fs33 { font-size:33px; }
.fs34 { font-size:34px; }
.fs35 { font-size:35px; }
.fs36 { font-size:36px; }
.fs37 { font-size:37px; }
.fs38 { font-size:38px; }
.fs39 { font-size:39px; }
.fs40 { font-size:40px; }
@media screen and (min-width:600px) {
  .fs-md-10 { font-size:10px; }
  .fs-md-11 { font-size:11px; }
  .fs-md-12 { font-size:12px; }
  .fs-md-13 { font-size:13px; }
  .fs-md-14 { font-size:14px; }
  .fs-md-15 { font-size:15px; }
  .fs-md-16 { font-size:16px; }
  .fs-md-17 { font-size:17px; }
  .fs-md-18 { font-size:18px; }
  .fs-md-19 { font-size:19px; }
  .fs-md-20 { font-size:20px; }
  .fs-md-21 { font-size:21px; }
  .fs-md-22 { font-size:22px; }
  .fs-md-23 { font-size:23px; }
  .fs-md-24 { font-size:24px; }
  .fs-md-25 { font-size:25px; }
  .fs-md-26 { font-size:26px; }
  .fs-md-27 { font-size:27px; }
  .fs-md-28 { font-size:28px; }
  .fs-md-29 { font-size:29px; }
  .fs-md-30 { font-size:30px; }
  .fs-md-31 { font-size:31px; }
  .fs-md-32 { font-size:32px; }
  .fs-md-33 { font-size:33px; }
  .fs-md-34 { font-size:34px; }
  .fs-md-35 { font-size:35px; }
  .fs-md-36 { font-size:36px; }
  .fs-md-37 { font-size:37px; }
  .fs-md-38 { font-size:38px; }
  .fs-md-39 { font-size:39px; }
  .fs-md-40 { font-size:40px; }
}

/* line-height
****************************************************/
.lh10 { line-height: 1.0 !important; }
.lh11 { line-height: 1.1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }
.lh15 { line-height: 1.5 !important; }
.lh16 { line-height: 1.6 !important; }
.lh17 { line-height: 1.7 !important; }
.lh18 { line-height: 1.8 !important; }
.lh19 { line-height: 1.9 !important; }
.lh20 { line-height: 2.0 !important; }

/* background-color
****************************************************/
.bg-brown { background-color: var(--color-brown); }
.bg-lightbrown { background-color: var(--color-lightbrown); }
.bg-lightyellow { background-color: var(--color-lightyellow); }
.bg-orange { background-color: var(--color-orange); }
.bg-gray { background-color: var(--color-gray); }
.bg-blue { background-color: var(--color-blue); }
.bg-white { background-color: #FFF; }

/* border
****************************************************/
.bd-brown { border: 2px solid var(--color-brown); }
.bd-orange { border: 2px solid var(--color-orange); }

/* border-radius
****************************************************/
.br10 { border-radius: 10px; }
.br20 { border-radius: 20px; }
.br30 { border-radius: 30px; }
.br40 { border-radius: 40px; }
.br50 { border-radius: 50px; }
.br50pr { border-radius: 50%; }

/* list
****************************************************/
.list-style-none { list-style-type: none; }

/* headline
****************************************************/
h1 , h2 , h3 , h4 { font-family: "游ゴシック体"; }
.hl1 { text-align: center; font-size: 30px; color: #553629; }
.hl1 span { display: block; color: #FF491D; font-size: small; }
.hl2 { background: url("images/title_mark.png") repeat-y left center #553629; border-radius: 10px; color: #fff; padding: 10px 10px 10px 50px; }
.hl3 { padding: 5px 10px; border-bottom: 3px dashed var(--color-brown); color: var(--color-brown); }
.hl3::before { content: "◆"; margin-right: 10px; }

/* button
****************************************************/
[class*="lnk"] , .listLnk a{ transition : all 0.75s; display: inline-block; }
[class*="lnk"]:hover , .listLnk a:hover{ opacity: .8; transition : all 0.75s; }
.lnk1btn{ background-color: #fff; border: 2px solid #553629; padding: 10px 20px; text-align: center; color: #553629; }
.lnk1btn:hover{ background-color: #8F6D51; color: #fff; }
.lnk2btn{ background-color: #553629; border: 2px solid #553629; padding: 10px 20px; text-align: center; color: #fff; }
.lnk2btn:hover{ background-color: #E0D2C6; color: #553629; }
.lnk3btn{ background-color: #fff; border: 2px solid #553629; padding: 10px 20px; text-align: center; color: #553629; }
.lnk3btn:hover{ background-color: #553629; color: #fff; }
.button { width: 100%; height: 80px; text-align: center; text-decoration: none; outline: none; border: 2px solid #553629; display: flex; flex-wrap: wrap; align-items: center;	justify-content: center; align-content: center; border-radius: 20px; }
.button::before , .button::after { position: absolute; z-index: -1; display: block; content: ''; }
.button , .button::before , .button::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }
.button { position: relative; z-index: 2; background-color: #fff; color: #553629; line-height: 50px; }
.button:hover { background-color: #fff; color: #fff; }
.button::before , .button::after { top: 0; width: 0; height: 100%; background-color: #fff; }
.button::before { right: -2px; border-radius: 0 17px 17px 0; }
.button::after { left: -2px; border-radius: 17px 0 0 17px; }
.button:hover::before , .button:hover::after { width: 51%; background-color: #553629; }

/* table
****************************************************/
.table01 { width: 100%; border-collapse: collapse; }
.table01__headline, .table01__contents { padding: 1em; border: 1px solid var(--color-brown); }
.table01__headline.--primary { color: #FFFFFF; background-color: var(--color-lightbrown); }
.table01__headline.--secondary { background-color: var(--color-lightyellow); }



/*☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

custom

☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/

/* トップ
****************************************************/
#index .top-3bees { padding: 1em; background-color: #ebeced; }
#index .top-3bees iframe { width: 100%; height: 233px; }
@media screen and (min-width: 600px) {
  /* 院長ご挨拶 */
  #index .sec4 { background: url(images/index3no1.png) repeat-x top center; }
  #index .sec4 .wrap { height: 650px; }
}
@media screen and (max-width: 599px) {
  #index .sec3 .list li {
    width: 100%;
  }
  /* 院長ご挨拶 */
  #index .sec4 h3 { margin-top: 80px; }
  #index .sec4 { background: url(images/index4no1sp.png) repeat-x top -60px center #FFEDBA; }
}

/* cataract
****************************************************/
#cataract .title { font-size: 19px; font-weight: bold; color: var(--color-brown); }
#cataract .textbox { padding: 20px; background: var(--color-lightyellow); }
#cataract .kinds .textbox .title { padding-bottom: 5px; border-bottom: 2px dashed var(--color-brown); }
#cataract .about__box__card .title::before { content: ""; display: block; width: 40px; height: 40px; margin-right: 10px; background-size: cover; background-repeat: no-repeat; }
#cataract .about__box__card:first-child .title::before { background-image: url(images/cataract_normal-lens.png); }
#cataract .about__box__card:not(:first-child) .title::before { background-image: url(images/cataract_cataract-lens.png); }
#cataract .number { display: inline-block; padding: 10px 15px; background: var(--color-brown); color: #fff; margin-right: 10px; border-radius: 50px; font-weight: bold; }
#cataract .textbox .item::before { content: "●"; margin-top: 10px; color: var(--color-brown); }

@media screen and (min-width:600px) {
  #cataract .title { font-size: 22px; }
  #cataract .textbox { padding: 40px; }
  #cataract .number { padding: 10px 20px; }
}