@charset "utf-8";

:root {
	--color-black: #333333;
	--color-blue: #3A5DA1;
	--color-red: #B94949;
	--color-darkblue: #163269;
	--color-gray: #707070;
	--color-lightblue: #73B6E8;
	--bg-color-lightblue: #D5EAFF;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

main {
	overflow-x: hidden;
}

.sp_only {
	display: block;
}
.pc_only {
	display: none;
}
@media screen and (min-width: 600px) {
	.sp_only {
		display: none;
	}
	.pc_only {
		display: block;
	}
}

/* font
****************************************************/
.fwb { font-family: "見出ゴMB31", "Midashi Go MB31", serif; }

/* アイコン
****************************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?e9xuzg');
  src:  url('fonts/icomoon.eot?e9xuzg#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?e9xuzg') format('truetype'),
    url('fonts/icomoon.woff?e9xuzg') format('woff'),
    url('fonts/icomoon.svg?e9xuzg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
  content: "\e900";
  color: #4b4b4b;
}


/* コンポーネント
****************************************************/
/*----- headline ----- */
h3[class^="c-headline"], h4[class^="c-headline"] { line-height: 1.5; }
.c-headline-2 { position: relative; font-size: 24px; text-align: center; }
.c-headline-2::before { position: absolute; top: -15px; left: 50%; transform: translate(-50%); content: ""; width: 50px; height: 4px; background-color: #163269; }
.c-headline-3 { font-family: "見出ゴMB31", "Midashi Go MB31", serif; padding: 0.3em 1em; font-size: 22px; background-color: #f0f0f0; border-bottom: 3px solid #3a5da1; }
.c-headline-4 { font-size: 20px; border-bottom: 1px solid #73b6e8; }
.c-headline-4::before { content: "\025b6"; margin-right: 0.25em; color: #73b6e8; }
.c-headline-4-secondary { padding: 0.5em; font-size: 20px; color: var(--color-blue); background-color: var(--bg-color-lightblue); }
.c-headline-em-1 { display: block; font-style: normal; font-weight: 900; color: var(--color-blue); }
.c-headline-em-2 { display: block; padding-left: 10px; font-style: normal; font-weight: 900; color: #0188ee; border-left: 8px solid #0188ee; }

/*----- button ----- */
.c-button-1 { display: flex; align-items: center; position: relative; z-index: 0; width: 260px; height: 60px; padding: 1em; font-weight: bold; color: var(--color-blue); border: 2px solid var(--color-blue); overflow: hidden; }
.c-button-1::after { content: ""; position: absolute; z-index: -1; right: -100%; width: 100%; height: 100%; transition: right 0.3s, background-color 0.3s, color 0.3s; }
.c-button-1 span[class^="icon-"]::before { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: var(--color-blue); }
@media (hover) {
	.c-button-1:hover { color: #FAFAFA; }
	.c-button-1:hover::after { right: 0; background-color: var(--color-blue); }
	.c-button-1:hover span[class^="icon-"]::before { color: #FAFAFA; }
}

/*----- table ----- */
.c-table01 { width: 100%; border-collapse: collapse; width: 100%; margin-top: 10px; }
.c-table01 th, .c-table01 td { padding: 0.5em; border: 1px solid var(--color-blue); }
.c-table01 th { background-color: var(--bg-color-lightblue); text-align: left; }

/* Flexbox
****************************************************/
/*----- flex ----- */
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
/*----- flex-wrap -----*/
.flex-wrap-wrap { flex-wrap: wrap; }
/*----- flex-direction -----*/
.flex-direction-row { flex-direction: row; }
.flex-direction-row-reverse { flex-direction: row-reverse; }
.flex-direction-column { flex-direction: column; }
.flex-direction-column-reverse { flex-direction: column-reverse; }
/*----- justify-content -----*/
.justify-content-start { justify-content: flex-start; }
.justify-content-end { justify-content: flex-end; }
.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.justify-content-around { justify-content: space-around; }
.justify-content-evenly { justify-content: space-evenly; }
/*----- align-items -----*/
.align-items-start { align-items: flex-start; }
.align-items-end { align-items: flex-end; }
.align-items-center { align-items: center; }
.align-items-strech { align-items: stretch; }

/* レイアウト
****************************************************/
/*----- inner ----- */
.l-inner-1 { margin-top: 50px; }
.l-inner-2 { margin-top: 30px; }
.l-inner-3 { margin-top: 20px; }

/*----- section ----- */
.l-section-1 + .l-section-1 { margin-top: 100px; }
.l-section-2 { margin-top: 60px; }
.l-section-3 { margin-top: 30px; }

/*----- flexbox -----*/
@media screen and (min-width: 600px) {
	.pc_d-inline-block { display: inline-block; }
	.l-container-1 { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.l-container-2 { display: flex; flex-wrap: wrap; justify-content: space-around; }
	.l-box-half { width: 48%; }
	.l-box-third { width: 28%; }
	.l-box-fr-350px { width: calc(100% - 350px); }
	.l-box-300px { width: 300px; }
}


/* コンテンツ
****************************************************/
/*----- 白内障 -----*/
#cataract .feature__item { display: flex; }
#cataract .feature__item + .feature__item { margin-top: 20px; }
#cataract .feature__item .number { width: 40px; height: 40px; margin-right: 10px; }
#cataract .feature__item .text { width: calc(100% - 40px); }
#cataract .about__container > div { margin-top: 30px; }
#cataract .about__container .caption { margin-top: 20px; padding: 0.5em 1em; background-color: var(--bg-color-lightblue); }
#cataract .about__container .caption .title { display: flex; align-items: center; }
#cataract .about__container .caption .small-image { margin-right: 10px; }
#cataract .about__container .caption .text { margin-top: 10px; }
#cataract .about__grading { margin-top: 60px; }
#cataract .about__grading .image { margin-top: 20px; }
#cataract .surgery__flow__container > div { margin-top: 40px; }
#cataract .surgery__flow__box { padding: 1em; border: 1px solid var(--color-blue); }
#cataract .surgery__flow__box .image { text-align: center; }
#cataract .surgery__flow__box .text { margin-top: 20px; }
#cataract .surgery__flow__inlens { margin-top: 40px; padding: 0 1em 1em 1em; border: 1px solid var(--color-blue); }
#cataract .surgery__flow__inlens__container > div { margin-top: 1em; }
#cataract .surgery__flow__inlens div > div + div  { text-align: right; }
@media screen and (min-width: 600px) {
	#cataract .surgery__flow__container > div:nth-of-type(-n+2) { margin-top: 60px; }
}

/*----- ICL手術 -----*/
#icl .surgery-title { font-size: 24px; }
#icl .surgery-title .text::before { content: "\03c"; margin-right: 0.3em; }
#icl .surgery-title .text::after { content: "\03e"; margin-left: 0.3em; }
#icl .flow .lead  { font-size: 24px; }
#icl .flow .strong-text { margin-top: 1em; }
#icl .flow .attention { font-weight: 700; color: var(--color-red); }
#icl .flow__box  { margin-top: 30px; }
#icl .flow__box + .flow__box { margin-top: 60px; }
#icl .flow__list-item { margin-top: 20px; }
#icl .flow__list-item + .flow__list-item { margin-top: 30px; }
#icl .flow__lifestyle { margin: 30px 0; padding: 1em 2em; background-color: var(--bg-color-lightblue); }
#icl .flow__lifestyle .item::before { content: "\025b6"; margin-right: 0.5em; color: var(--color-blue); }
#icl .flow__price { margin-top: 60px; }
#icl .flow__price .price-table { border-collapse: collapse; width: 100%; margin-top: 10px; }
#icl .flow__price .price-table .t-head, #icl .flow__price .price-table .t-data { padding: 0.5em; border: 1px solid var(--color-blue); }
#icl .flow__price .price-table .t-head { background-color: var(--bg-color-lightblue); text-align: left; }
#icl .flow__price .desc { margin-top: 10px; }
#icl .about .text + .text { margin-top: 20px; }
#icl .about__target { margin-top: 100px; padding: 3em; background-color: var(--bg-color-lightblue); }
#icl .about__target .headline { display: flex; align-items: center; padding-bottom: 1em; border-bottom: 2px solid var(--color-gray); }
#icl .about__target .headline .icon { margin-right: 1em; }
#icl .about__target .headline .title { font-size: 1.5rem; color: var(--color-darkblue); line-height: 1.5; }
#icl .about__target__item { display: flex; align-items: center; padding: 1.6em 0; border-bottom: 1px dotted var(--color-gray); }
#icl .about__target__item .checkbox { margin-right: 1em; }
#icl .about__target__item .text { width: calc(100% - 30px); font-weight: 700; }
#icl .lens__container > div { margin-top: 30px; }
#icl .feature__item { padding: 3em 0; }
#icl .feature__item:not(:nth-last-of-type(1)) { border-bottom: 1px solid var(--color-gray); }
#icl .feature__item .title { font-size: 1.8rem; color: var(--color-darkblue); text-align: center; line-height: 1.5; }
#icl .feature__item .icon { text-align: center; }
#icl .feature__item .text-box { margin-top: 20px; }
#icl .feature__item .text { margin-top: 30px; }
#icl .feature__item .button { display: flex; justify-content: center; margin-top: 30px; }
#icl .method__list { list-style-type: none; }
#icl .method__list > li { margin-top: 30px; padding: 1em; border: 1px solid var(--color-blue); }
#icl .method__item .image { text-align: center; }
#icl .method__item .text { margin-top: 20px; }
#icl .method__item .text-box .text + .text { margin-top: 30px; }
@media screen and (min-width: 600px) {
	#icl .about__target .headline .title { font-size: 30px; }
	#icl .feature__item { display: flex; justify-content: space-between; }
	#icl .feature__item .title { font-size: 35px; text-align: left; }
	#icl .feature__item .icon { margin-right: 2em; }
	#icl .feature__item .text-box { width: calc(100% - 180px); margin-top: 0; }
	#icl .feature__item .button { display: block; }
	#icl .method__item:nth-last-of-type(1) { width: 64%; height: 320px; }
	#icl .method__item:nth-last-of-type(1) > figure { display: flex; justify-content: space-between; align-items: center; }
	#icl .method__item:nth-last-of-type(1) > figure .text-box { width: calc(100% - 260px); margin-left: 1em;}
}

/*----- 緑内障 -----*/
#glaucoma .about__flow { margin-top: 60px; text-align: center; }
#glaucoma .about__appearance { margin-top: 60px; }
#glaucoma .about__appearance > .image + .image  { margin-top: 60px; }
#glaucoma .type__box + .type__box { margin-top: 60px; }
#glaucoma .treatment__drug .button { display: flex; justify-content: center; margin-top: 60px; }
#glaucoma .treatment__laserope__hooktoromy__container > div { margin-top: 20px; }
#glaucoma .treatment__laserope__hooktoromy__container .text + .text { margin-top: 40px; }
#glaucoma .treatment__laserope__hooktoromy__flow > div { margin-top: 60px; }
#glaucoma .treatment__laserope__hooktoromy__text-box { margin-top: 30px; }
#glaucoma .treatment__laserope__hooktoromy__text-box .link { text-decoration: underline; }
#glaucoma .treatment__laserope__traveltomy .text + .text { margin-top: 40px; }
#glaucoma .treatment__laserope__traveltomy__container > div { margin-top: 60px; }
#glaucoma .treatment__laserope__longtube .text + .text { margin-top: 40px; }
#glaucoma .treatment__laserope__longtube__container > div { margin-top: 60px; }
#glaucoma .treatment__laserope__longtube__container .caption { margin-top: 20px; }
#glaucoma .treatment__laserope__expresstube__container > div { margin-top: 20px; }
#glaucoma .treatment__laserope__expresstube .text + .text { margin-top: 40px; }

/*----- 加齢黄斑変性症 -----*/
#age-macular .about__construction { margin-top: 60px; text-align: center; }
#age-macular .about__case { margin-top: 60px; }
#age-macular .about__text-box { margin-top: 60px; }
#age-macular .about__atrophic__container > div { margin-top: 20px; }
#age-macular .about__exudative__container > div { margin-top: 30px; }
#age-macular .about__exudative__container .text-box { margin-top: 10px; }
#age-macular .treatment__prevention__container > div { margin-top: 20px; }
#age-macular section[class^="treatment__care"] .title { display: flex; align-items: flex-start; }
#age-macular section[class^="treatment__care"] .title .number { display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; margin-right: 0.3em; font-size: 20px; color: #FAFAFA; background-color: var(--color-blue); }
#age-macular section[class^="treatment__care"] .title .text { font-size: 23px; font-weight: bold; color: var(--color-blue); }
#age-macular .treatment__care__vegf__container > div { margin-top: 30px; }
#age-macular .treatment__care__vegf__drug-injection { margin-top: 30px; }
#age-macular .treatment__care__photodynamic__container > div { margin-top: 20px; }
#age-macular .treatment__care__photodynamic__container .image { text-align: center; }
#age-macular .treatment__care__photodynamic .button { display: flex; justify-content: center; margin-top: 60px; }
@media screen and (min-width: 600px) {
	#age-macular .treatment__prevention__container > div:nth-of-type(-n+2) { margin-top: 30px; }
	#age-macular .treatment__care__photodynamic__container { display: flex; justify-content: space-between; }
	#age-macular .treatment__care__photodynamic__container .image { margin-left: 2.7em; }
	#age-macular .treatment__care__photodynamic__container .text { width: calc(100% - 300px); }
}

/*----- 糖尿病網膜症 -----*/
#diabetic .button { display: flex; justify-content: center; margin-top: 60px; }
#diabetic .about__normal-abnormal { margin-top: 60px; text-align: center; }
#diabetic .about__text-box { margin-top: 60px; }
#diabetic .about__text-box .text + .text { margin-top: 40px; }
#diabetic .about__initial-progress > div { margin-top: 60px; }
#diabetic .about__status { margin-top: 60px; }
#diabetic .treatment__laser .image { margin-top: 60px; text-align: center; }
#diabetic .treatment__drug__container > div { margin-top: 20px; }
#diabetic .treatment__drug__vegf { margin-top: 30px; }
#diabetic .treatment__drug__vegf .image { text-align: center; }
#diabetic .treatment__drug .text { margin-top: 30px; }
#diabetic .treatment__vitreous__container > div { margin-top: 30px; }

/*----- 網膜静脈閉塞症 -----*/
#veinocclusion .button { display: flex; justify-content: center; margin-top: 60px; }
#veinocclusion .symptoms__obstruction > div { margin-top: 60px; }
#veinocclusion .symptoms__obstruction > div { margin-top: 60px; }
#veinocclusion .treatment .text + .text { margin-top: 40px; }

/*----- 眼瞼下垂 -----*/
#ptosis .about .image { margin-top: 60px; text-align: center; }
#ptosis .treatment .text + .text { margin-top: 40px; }
#ptosis .treatment__flow { margin-top: 60px; text-align: center; }
#ptosis .treatment__photo .image { text-align: center; }
#ptosis .other__container > div { margin-top: 60px; }


/*----- 網膜前膜（黄斑上膜） -----*/
#epiretinal .about__container-primary > div { margin-top: 30px; }
#epiretinal div[class^="about__container-"] + div[class^="about__container-"] > div { margin-top: 60px; }
#epiretinal div[class^="treatment__container-"] > div { margin-top: 30px; }
#epiretinal .treatment .text:nth-of-type(1) { margin-top: 60px; }
#epiretinal .treatment .text + .text { margin-top: 40px; }

/*----- 黄斑円孔 -----*/
#macular-hole div[class^="about__container-"] > div { margin-top: 60px; }
#macular-hole .about__container-secondary .text { margin-top: 60px; }
#macular-hole .treatment__container > div { margin-top: 60px; }
#macular-hole .text-box { margin-top: 60px; }
#macular-hole .text-box .text + .text { margin-top: 40px; }
#macular-hole .button { display: flex; justify-content: center; margin-top: 60px; }

/*----- 眼鏡・コンタクトレンズ処方 -----*/
#contactlens .list { margin-top: 15px; }
#contactlens .list .item::before { content: "\025b6"; margin-right: 0.3em; color: var(--color-blue); }
#contactlens .list .item { font-size: 17px; }
#contactlens .contact__container > div { margin-top: 30px; }
#contactlens .contact__container > div:not(:nth-of-type(1)) { margin-top: 60px; }
#contactlens .contact__container > div:nth-of-type(3),
#contactlens .contact__container > div:nth-of-type(4) { padding: 1.5em 1em; border: 1px solid var(--color-blue); }
#contactlens .contact__container > div .list-age .item { margin-top: 30px; }
#contactlens .contact__container > div .list-age .item .title::before { content: "\025cf"; margin-right: 0.3em; }
#contactlens .contact__container > div .list-age .item .title { font-size: 17px; }
#contactlens .glasses__container-primary > div { margin-top: 30px; }
#contactlens .glasses .text { margin-top: 40px; }
#contactlens .glasses__container-secondary > div { margin-top: 60px; padding: 1.5em 1em; border: 1px solid var(--color-blue); }
@media screen and (min-width: 600px) {
	#contactlens .contact__container > div:not(:nth-of-type(1)):not(:nth-of-type(2)) { margin-top: 60px; }
}

/*----- 眼科一般 -----*/
#disease .button { display: flex; justify-content: center; align-items: center; margin-top: 60px; }
#disease .lead-box { margin-bottom: 60px; }
#disease .cataract { margin-top: 30px; }
#disease .veinocclusion__condition { margin-top: 60px; text-align: center; }
#disease .veinocclusion__symptoms > div { margin-top: 60px; }
#disease .veinocclusion__symptoms .image { text-align: center; }
#disease .macular-hole__container-primary > div { margin-top: 30px; }
#disease .macular-hole__container-secondary > div { margin-top: 60px; }
#disease .epiretinal__container > div { margin-top: 30px; }
#disease .floaters__container > div { margin-top: 30px; }
#disease .floaters__image .image { text-align: center; }
#disease .ptosis .image { margin-top: 60px; text-align: center; }
#disease .pterygium__container > div { margin-top: 30px; }
#disease .pterygium__image .image { text-align: center; }
@media screen and (min-width: 600px) {
	#disease .floaters__container { display: flex; justify-content: space-between; }
	#disease .floaters__text { width: calc(100% - 300px); }
	#disease .floaters__image { margin-left: 2.65em; }
	#disease .pterygium__container { display: flex; justify-content: space-between; }
	#disease .pterygium__text { width: calc(100% - 300px); }
	#disease .pterygium__image { margin-left: 2.65em; }
}

/*----- 網膜裂孔・網膜剥離 -----*/
#retina .button { display: flex; justify-content: center; margin-top: 60px; }
#retina .about .text + .text { margin-top: 40px; }
#retina .about .about__container > div { margin-top: 30px; }
#retina .tricks .image { margin-top: 75px; }
#retina .surgery__text-box .text + .text { margin-top: 40px; }
#retina .surgery__container > div { margin-top: 30px; }
#retina .surgery__image { text-align: center; }
@media screen and (min-width: 600px) {
	#retina .surgery__container { display: flex; justify-content: space-between; }
	#retina .surgery__text-box { width: calc(100% - 300px); }
	#retina .surgery__image { width: 300px; margin-left: 50px; }
}

/*----- 手術について -----*/
#surgery .benefits__text-box .text + .text { margin-top: 40px; }
#surgery .benefits__list { margin: 30px 0; padding: 1em 2em; background-color: var(--bg-color-lightblue); }
#surgery .benefits__list .item::before { content: "\025b6"; margin-right: 0.5em; color: var(--color-blue); }
#surgery .benefits__list .item + .item { margin-top: 0.5em; }
#surgery .benefits__container > div { margin-top: 40px; }

/*----- 多焦点眼内レンズ -----*/
#multifocal .about .text-box .text + .text { margin-top: 40px; }
#multifocal .about .structure-image { margin-top: 60px; text-align: center; }
#multifocal .guide .lead { letter-spacing: -0.01em; }
#multifocal .guide .guide__type-container > div { margin-top: 20px; }
#multifocal .guide .guide__type-title { font-size: 23px; }
#multifocal .guide .guide__type-box-title { padding: 0.2em 0.5em; font-size: 19px; }
#multifocal .guide .guide__type-box .text { margin-top: 20px; }
#multifocal .guide .guide__type-box .text .blue { color: var(--color-blue); }
#multifocal .guide .guide__type-box .desc { font-weight: 900; }
#multifocal .guide .guide__type-box .case { letter-spacing: -0.02em; }
#multifocal .guide .guide__type-box .image { margin-top: 20px; text-align: center; }
#multifocal .guide .guide__notes { margin-top: 60px; font-size: 17px; }
#multifocal .guide .guide__apperance { margin-top: 60px; text-align: center; }
#multifocal .guide__synagy .synagy__container > div { margin-top: 20px; }
#multifocal .guide__optics .optics__container > div { margin-top: 20px; }
#multifocal .guide__multifocal .text + .text { margin-top: 40px; }
#multifocal .guide__symfony .symfony__container > div { margin-top: 20px; }
#multifocal .lens__image { margin-top: 70px; text-align: center; }
#multifocal .lens__list .item::before { content: "\025b6"; color: var(--color-lightblue); margin-right: 0.3em; }
#multifocal .lens__list .item { font-weight: 900; }
@media screen and (min-width: 600px) {
	#multifocal .lens__list { display: flex; flex-wrap: wrap; justify-content: flex-start; }
	#multifocal .lens__list .item { width: 50%; }
}

/*----- 硝子体手術 -----*/
#vitrectomy .about__container > div { margin-top: 30px; }
#vitrectomy .about__text-box .paragraph + .paragraph { margin-top: 40px; }
#vitrectomy .about__image { text-align: center; }
#vitrectomy .about .text { margin-top: 40px; }
#vitrectomy .flow__item { margin-top: 60px; }
#vitrectomy .flow__item-title { font-weight: 900; }
#vitrectomy .flow__container > div { margin-top: 20px; }
#vitrectomy .flow__item-list { margin-top: 40px; }
#vitrectomy .flow__item-list .place { display: flex; }
#vitrectomy .flow__item-list .place-title { width: 90px; }
#vitrectomy .flow__item-list .place-desc { width: calc(100% - 90px); }
#vitrectomy .flow__item-image { text-align: center; }
#vitrectomy .flow__item-image .caption { margin-top: 10px; font-weight: bold; text-align: center; }
#vitrectomy .aftercare__container > li { margin-top: 30px; }
#vitrectomy .aftercare__box { padding: 1em; background-color: var(--bg-color-lightblue); }
#vitrectomy .aftercare__box-clean .image { text-align: center; }
#vitrectomy .aftercare__box-clean .caption { margin-top: 20px; }
#vitrectomy .aftercare .paragraph { margin-top: 30px; }

/*----- マイオピン -----*/
#myopine .about__container > div { margin-top: 30px; }
#myopine .about__container .image { text-align: center; }
#myopine .about__container .text + .text { margin-top: 40px; }
#myopine .about__list { margin-top: 40px; }
#myopine .about__list .item + .item { margin-top: 0.5em; }
#myopine .about__container-2 > div { margin-top: 60px; }
#myopine .about__container-2 .image { text-align: center; }
#myopine .effect .image { margin-top: 60px; text-align: center; }
#myopine .effect__safety__list { counter-reset: number; margin: 30px 0; padding: 1em 2em; background-color: var(--bg-color-lightblue); }
#myopine .effect__safety__list .item::before { counter-increment: number; content: counter(number) ". "; color: var(--color-blue); }
#myopine .effect__safety__list .item { list-style-type: none; }
#myopine .flow__list { counter-reset: number; }
#myopine .flow__list .item::before { counter-increment: number; content: counter(number) ". "; }
#myopine .flow__list .item { list-style-type: none; }
#myopine .cost .annotation { color: var(--color-red); }
#myopine .cost__list { margin: 30px 0; padding: 1em 2em; color: var(--color-blue); background-color: var(--bg-color-lightblue); }
#myopine .question__list-item + .question__list-item { margin-top: 60px; }
#myopine .question__list-item .title { font-weight: 700; }
#myopine .question__list-item .desc { margin-top: 20px; }
#myopine .question__list-item .desc__list-item + .desc__list-item { margin-top: 40px; }
#myopine .question__list-item .desc__list-item .desc-text .important { color: var(--color-red); }

/*----- ICL・IPCL手術 -----*/
#icl-ipcl .icl-about__list-item { margin-top: 20px; }
#icl-ipcl .icl-about__list-item + .icl-about__list-item { margin-top: 30px; }
#icl-ipcl .icl-about__list-item dd { margin-top: 10px; }
#icl-ipcl .ope-flow__movie { position: relative; width: 100%; }
#icl-ipcl .ope-flow__movie::after { content: ""; top: 0; left: 0; display: block; padding-top: 56.25%; }
#icl-ipcl .ope-flow__movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#icl-ipcl .price-table { border-collapse: collapse; width: 100%; margin-top: 10px; }
#icl-ipcl .price-table .t-head,
#icl-ipcl .price-table .t-data { padding: 0.5em; border: 1px solid var(--color-blue); }
#icl-ipcl .price-table .t-head { background-color: var(--bg-color-lightblue); text-align: left; }
#icl-ipcl .feature__item { padding: 3em 0; }
#icl-ipcl .feature__item:not(:nth-last-of-type(1)) { border-bottom: 1px solid var(--color-gray); }
#icl-ipcl .feature__item .title { font-size: 1.8rem; color: var(--color-darkblue); text-align: center; line-height: 1.5; }
#icl-ipcl .feature__item .icon { text-align: center; }
#icl-ipcl .feature__item .text-box { margin-top: 20px; }
#icl-ipcl .feature__item .text { margin-top: 30px; }
#icl-ipcl .feature__item .button { display: flex; justify-content: center; margin-top: 30px; }
@media screen and (min-width: 600px) {
	#icl-ipcl .ope-flow__movie { width: 70%; }
	#icl-ipcl .feature__item { display: flex; justify-content: space-between; }
	#icl-ipcl .feature__item .title { font-size: 35px; text-align: left; }
	#icl-ipcl .feature__item .icon { margin-right: 2em; }
	#icl-ipcl .feature__item .text-box { width: calc(100% - 180px); margin-top: 0; }
	#icl-ipcl .feature__item .button { display: block; }
}