@charset "utf-8";

#wrap { position:relative; width:100%; }
section.content_sec { overflow: hidden; padding: 150px 0 200px; }
section.content_sec.pbbg { background-color: #D6E2EA; padding: 150px 0;  }
section.content_sec.lgbg { background-color: #EEE; padding: 150px 0; }
section.content_sec.lbbg { background-color: #70BEF6; padding: 120px 0 150px; }
section.content_sec.nvbg { background-color:#222176; padding: 110px 0 120px; }
/* 
.full_invis.main { background: url("/resources/front/page/invisalign/img/main_invis_model.png") right 32% center / auto 100% no-repeat, linear-gradient(180deg, #58b3f5 20%, #ebebeb 80%); height:843px; position: relative; } */

.full_invis.main { background: linear-gradient(180deg, #58b3f5 20%, #ebebeb 80%); height:843px; position: relative; }
.full_invis.main .invis_slogan { left: 19%; position: absolute; top: 50%; transform: translateY(-50%); width: 629px; }

.full_invis.main .invis_model { bottom: 0; width: 697px; left: 50%; position: absolute; }

.collabo_banner { background-color:#58b3f5; height: 80px; padding: 15px 0; text-align: center; width: 100%; }
.collabo_banner.bbg { background-color: #000; }
.collabo_banner img { height: 100%; }
.express_banner img { height: 100%;  width: 100%; }
.express_banner { align-items: center; background: radial-gradient(circle, #43a5ff 0%, #70bef6 100%); display: flex; height: 200px; gap: 6.6%; justify-content: center; text-align: center; }
.express_banner.bbg { background: #000; }
.express_banner .logo { height: 80px; }
.express_banner .aligner { height: 100%; }

h2.invisalign,
strong.invisalign { background: url("/resources/front/page/invisalign/img/black_logo.png") center top / 60px auto no-repeat; display: block; font-family: "PretendardB"; font-size: 50px; line-height: 1.5; padding-top: 110px; text-align: center; }
h2.invisalign > b,
strong.invisalign > b { color:#287CC9; font-family: inherit; font-size: inherit; }

h2.invisalign.white { background-image: url("/resources/front/page/invisalign/img/white_logo.png"); color: #FFF; font-family: "pretendardSB"; }
h2.invisalign.backlogo { background-image: url("/resources/front/page/invisalign/img/white_logo.png");  color: #FFF; position: relative; font-size: 38px; }
h2.invisalign.backlogo::after { background: url("/resources/front/page/invisalign/img/back_logo.png") center / auto 100% no-repeat; content: ""; height: 900px; left: 0; position: absolute; top: -70px; width: 100%; }
.sub_ttl + h2 { margin-top: 150px; }

.sub_ttl { font-size: 38px; line-height: 1.4; text-align: center; }
.sub_ttl.w { color: #FFF; font-size: 24px; }
.sub_ttl.r * { font-family: "pretendardR"; }
.sub_ttl.r b { font-family: "pretendardSB"; }
.sub_ttl.sm { font-size: 34px; }
.sub_ttl + .sub_ttl { margin-top: 20px; }
.sub_ttl > b { color: #287CC9; color: inherit; font-size: inherit; }
.sub_ttl > b.b { color: #000; font-family: "pretendardSB"; }
.sub_ttl > b.bc { color: #287CC9; font-family: "pretendardSB"; }
.sub_ttl > b.bbg { background-color: #58B3F5; color: #FFF; font-size: inherit; padding: 0 4px; }
.sub_ttl > b.wbg { background-color: #FFF; color: #287CC9; font-family: "pretendardSB"; font-size: inherit; padding: 0 10px; }

.sub_ttl > span { font-size: inherit; font-weight: 700; }
.sub_ttl > span > b { color: #287CC9; font-size: inherit; font-weight: inherit; }



.sub_ttl.bg > span { background-color: #70BEF6; border-radius: 80px; color: #FFF; font-size: 34px; padding: 10px 40px 10px 50px; }
.sub_ttl.bg > span.sky { background-color: #BDDCF3; }
.sub_ttl.bg > span > b { color: inherit; font-size: inherit; font-family: "pretendardB"; }

.sub_bg_ttl { background-color: #70BEF6; font-size: 34px; width: fit-content; text-align: center; }

.invisalign + .sub_ttl { margin-top: 50px; }
.invisalign + .sub_ttl.w { margin-top: 56px; }
.invisalign + .sub_ttl.bg,
.invisalign + .sub_ttl.ms { margin-top: 30px; }

.smile_video { font-size: 0; padding: 100px 0 150px; text-align: center; }
.smile_video > div { aspect-ratio: 16/9; display: inline-block; width: 50%; }
.smile_video video,
.smile_video iframe { height: 100% !important; width: 100% !important; }
.smile_video .sub_ttl { font-size: 34px; }

.lite_video { font-size: 0; padding: 50px 0 150px; text-align: center; }
.lite_video iframe { aspect-ratio: 16/9; height: 100% !important; width: 100% !important; }
.lite_video img { display: block; margin: 20px auto 38px; width: 250px; }

.express_highlight { align-items: center; display: flex; }
.express_highlight .img_box { display: inline-block; height: 500px; padding-bottom: 0 !important; vertical-align: top; width: 50%; }
.express_highlight .img_box iframe { height: 100% !important; position: static !important; width: 100% !important; }
.express_highlight .txt_box { display: inline-block; height: fit-content; vertical-align: top; width: 50%; }

.express_img_grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 60px 10px; padding: 80px 0 150px; }

.express_img_grid img { border-radius: 17px; }
.express_img_grid figcaption { font-size:28px; margin-top: 10px; padding: 10px 0; text-align: center; }
.express_img_grid figcaption > b { color: inherit; font-family: "pretendardB"; font-size: inherit; }
.express_img_grid figcaption.sbbg { background-color: #90C2E7; color: #FFF; }
.express_img_grid figcaption.pbbg { background-color: #D0DDE7; color: #000; }

.case_img { padding: 80px 0 0; }

.full_invis.lite { background: url("/resources/front/page/invisalign/img/lite_invis_model.png") center / auto 100% no-repeat, linear-gradient(180deg, #58b3f5 20%, #ebebeb 80%); height:720px; position: relative; }
.full_invis.lite .invis_slogan { left: 49.5%; position: absolute; top: 50px; transform: translateX(-50%); width: 353px; }

.full_invis.black { background: url("/resources/front/page/invisalign/img/black_invis_main.png") center / auto 100% no-repeat, linear-gradient(180deg, #000 20%, #fff 80%); height:720px; position: relative; }
.full_invis.black .invis_slogan { left: 49.5%; position: absolute; top: 50px; transform: translateX(-50%); width: 353px; }

.lite_highlight { align-items: center; background-color: #EFF6FB; display: flex; margin: 0 0 100px; }
.lite_highlight .img_box { display: inline-block; vertical-align: top; width: 50%; }
.lite_highlight .txt_box { display: inline-block; height: fit-content; vertical-align: top; width: 50%; }

.special_grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px 13px; padding: 80px 0 0; }
.special_grid > div { background-color: #EFF6FB; border-radius: 22px; padding: 40px 0; position: relative; }

.special_grid > div > img { padding: 0 44px; }
.special_grid > div > p { font-family: "pretendardM"; font-size: 26px; line-height: 1.5; margin-top: 33px; text-align: center; }
.special_grid > div:last-child { background-color: #70BEF6; }
.special_grid > div:last-child img { left: 0; position: absolute; top: 50%; transform: translateY(-50%); }

.invis_feature { padding:150px 0 0; }
.invis_feature > div { align-items: center; display: flex; }
.invis_feature > div + div { margin-top: 120px; }
.invis_feature > div .txt_box {  text-align: center; }
.invis_feature > div .txt_box strong { font-family: "pretendardB"; font-size: 34px; line-height: 1.4; }
.invis_feature > div .txt_box strong > b { color: #287CC9; font-family: inherit; font-size: inherit; }
.invis_feature > div .txt_box p { color: #6D6D6D; font-size: 25px; line-height: 1.5; margin-top: 25px; padding:0 60px; word-break: keep-all; }
.invis_feature > div .img_box { aspect-ratio: 612/328; flex-shrink: 1; }
.invis_feature > div .img_box img { height: 100%; }

.hardcase { padding: 120px 0 0; }
.hardcase .card_grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px 5px; }
.hardcase .card_grid > div { background-color: #FFF; border-radius: 15px; position: relative; }
.hardcase .card_grid > div:last-child img { aspect-ratio: unset; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 156px; }
.hardcase .card_grid > div img { aspect-ratio: 330/172; }
.hardcase .card_grid > div > p { align-items: center; display: flex; justify-content: space-between; padding: 23.5px 50px; text-align: left; }
.hardcase .card_grid > div > p span:first-child { color: #6D6D6D; font-family: "pretendardM"; font-size: 16px; vertical-align: middle; }
.hardcase .card_grid > div > p span:last-child { font-family: "pretendardM"; font-size:26px; vertical-align: middle; }

.simple_treatment { display: grid; grid-template-columns: repeat(2,1fr); gap: 11px 20px; padding: 80px 0 0; }
.simple_treatment > div { aspect-ratio: 490/300; position: relative; }
.simple_treatment > div img { height: 100%; object-fit: cover; width: 100%; }
.simple_treatment > div p { background-color: #000; border-radius: 30px; bottom: 20px; color: #FFF; font-family: "pretendardB"; font-size: 22px; height: 40px; line-height: 40px; left: 50%; position: absolute; transform: translateX(-50%); text-align: center; width: 175px; }

.sel700 { font-size: 0; padding: 80px 0 0; }
.sel700 > * { display: inline-block !important; vertical-align: top; width: 50%; }
.sel700 > div { padding-left: 26px; }
.sel700 > div strong { background-color: rgba(255,255,255,0.19); color: #FFF; display: block; font-family: "PretendardEB"; font-size: 38px; margin-bottom: 50px; padding: 20px; }
.sel700 > div strong > b { color: #287CC9; font-family: inherit; font-size: inherit; }
.sel700 > div p { background-position: left 80px center; background-size: 61px auto; background-repeat: no-repeat;  border-top: 1px solid #429DF1; border-bottom: 1px solid #429DF1; padding: 37.2px 0 37.2px 168px; }
.sel700 > div p > b { color: #287CC9; background-color: #FFF; border-radius: 30px; display: inline-block;font-family: "pretendardSB"; font-size: 14px; padding: 0px 10px 0px 10px; }
.sel700 > div p > span { color: #FFF; display: block; font-family: "pretendardM"; font-size: 24px; margin-top: 8px; }

.sel700 > div p.worldwide { background-image: url("/resources/front/page/invisalign/img/worldwide.png"); }
.sel700 > div p.patent { background-image: url("/resources/front/page/invisalign/img/patent.png"); }
.sel700 > div p.research { background-image: url("/resources/front/page/invisalign/img/research.png"); }
.sel700 > div p.official { background-image: url("/resources/front/page/invisalign/img/official_certification.png"); }

.vs_invis iframe { aspect-ratio: 16/9; height: 100% !important; position: static !important; width: 100% !important; }
.vs_invis img { padding: 200px 50px 0; }
.vs_invis > .sub_ttl { padding: 80px 0; }

.why_minish_banner { background-color: #DDF1FF; margin-top: 100px; padding: 140px 0; text-align: center; }
.high_level_invis .why_highlevel > div { background-color: #000;  position: relative; padding: 48px 0; text-align: center; }
.high_level_invis .why_highlevel > div > div { border-left: 1px solid #FFF; border-right: 1px solid #FFF; display: inline-block; position: relative; padding: 0 50px; }
.high_level_invis .why_highlevel > div span { color: #FFF; display: inline-block; font-size: 34px; position: relative; padding-top: 100px; position: absolute; top:50%;  text-align: center; width: fit-content; white-space: nowrap; }
.high_level_invis .why_highlevel > div span::after { bottom: 65px; content: ""; left: 50%; position: absolute;transform: translateX(-50%); }
.high_level_invis .why_highlevel > div span:nth-child(1) { left: -63px; transform: translate(-100%,-50%); }
.high_level_invis .why_highlevel > div span:nth-child(1)::after { background: url("/resources/front/page/invisalign/img/expertise.png") center / 100% auto no-repeat; height: 82px; width: 94px; }
.high_level_invis .why_highlevel > div span:nth-child(2) { position: static; }
.high_level_invis .why_highlevel > div span:nth-child(2)::after { background: url("/resources/front/page/invisalign/img/digital_devices.png") center / 100% auto no-repeat; height: 58px; width: 96px; }
.high_level_invis .why_highlevel > div span:nth-child(3) { right: -43px; transform: translate(100%,-50%); }
.high_level_invis .why_highlevel > div span:nth-child(3)::after { background: url("/resources/front/page/invisalign/img/officially_hospital.png") center / 100% auto no-repeat; height: 76px; width: 82px; }

.high_level_step { padding: 150px 0 200px; }
.high_level_step > div { align-items: flex-start; display: flex; position: relative; padding-top: 45px; }
.high_level_step > div + div { margin-top: 125px; }
.high_level_step > div > strong { background-color: #287CC9; border-radius: 30px; color: #FFF; font-family: "pretendardSB"; font-size: 22px; height: 34px; line-height: 34px; left: 0; position: absolute; text-align: center; top: 0; width: 55px; }
.high_level_step > div > strong.right { left: auto; right: 0; }
.high_level_step > div .img_box { aspect-ratio: 600/360; flex-shrink: 0; width: 60%; }
.high_level_step > div .img_box img { height: 100%; }
.high_level_step > div .txt_box + .img_box { margin-left: 50px; }
.high_level_step > div .img_box + .txt_box { text-align: right; }
.high_level_step > div .txt_box > strong { font-family: "pretendardSB"; font-size: 34px; line-height: 1.5; }
.high_level_step > div .txt_box > p { font-size: 25px; line-height: 1.5; margin-top: 10px; }

.dental_specialty { aspect-ratio: 1000/1596; position: relative; }
.dental_specialty > p { left: 82px; position: absolute; top: 82px; }
.dental_specialty > p > span { color: #FFF; display: block; font-size: 40px; line-height: 1.5; }
.dental_specialty > p > span + span { margin-top: 76px; }
.dental_specialty > img { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.why_sel_minish { align-items: center; display: flex; padding-top: 100px; }
.why_sel_minish > * { width: 50%; }
.why_sel_minish > div { margin-left: 50px; }
.why_sel_minish > div p > b { background-color: #287CC9; border-radius: 30px; color: #FFF; display: block; font-family: "pretendardSB"; font-size: 12px; height: 19px; line-height: 19px; text-align: center; width: 32px; }
.why_sel_minish > div p > strong { display: block; font-family: "pretendardSB"; font-size: 36px; margin: 15px 0 20px; }
.why_sel_minish > div p > span { font-size: 32px; }
.why_sel_minish > div p + p { margin-top: 36px; }

.vs_invis { padding: 80px 0 0 !important; }

.certified { background: url("/resources/front/page/invisalign/img/minish_icon.png") bottom center / 35px auto no-repeat; margin-top: 73px; padding-bottom: 130px; }


.hide { font-size:0; height:0; left:0; opacity:0; position:absolute; top:0; width:0; }
.inner { margin:0 auto; max-width:1000px; position:relative; width: 100%; z-index:5; }

.for_web { display:block; }
.for_mob { display:none; }

@media (min-width: 1620px) and (max-width: 1920px) {
   .full_invis.main .invis_slogan { left: 9.2%; }
}

@media (min-width: 1440px) and (max-width: 1620px) {
   .full_invis.main .invis_slogan { left: 9.2%; }
}

@media (min-width: 1280px) and (max-width: 1440px) {
   .full_invis.main .invis_slogan { left: 9.2%; }
}


@media screen and (max-width:1280px) {
	.full_invis.main { height: auto; padding: 135px 0 0; }
	.full_invis.main .invis_slogan { margin: 0 auto; position: static; padding-bottom: 20px; transform: none; width: 70%; }
	.full_invis.main .invis_model { margin: 0 auto; position: static; padding-left: 20%; transform: none; width: 100%; }
}

@media screen and (max-width: 960px) {
	.inner { padding:0; }

	.for_web { display:none; }
	.for_mob { display:block; }

	section.content_sec,
	section.content_sec.pbbg, 
	section.content_sec.lgbg { padding: 62px 0; }
	section.content_sec.pbbg { padding-bottom: 20px; }
	section.content_sec.lbbg { padding: 110px 0 52px; }
	section.content_sec.mpb0 { padding-bottom: 0; }
	section.content_sec.nvbg { padding: 110px 0 40px; }
	h2.invisalign, strong.invisalign { background-size: 28px auto; font-size: 24px; padding-top: 44px; }
	h2.invisalign.backlogo { font-size: 26px; }
	.sub_ttl,
	.sub_ttl.sm,
	.sub_ttl.w { font-size: 20px; }
	.sub_ttl.sm { padding: 62px 0; }
	.sub_ttl.bg > span { font-size: 18px; }

	.invisalign + .sub_ttl { margin-top: 16px; padding: 50px 0 0; }
	.invisalign + .sub_ttl.bg, .invisalign + .sub_ttl.ms { margin-top: 16px; }

	.sub_ttl + h2 { margin-top: 62px; }

	.collabo_banner { height: 45px; padding: 8px 0; }
	.express_banner { display: flex; height: 140px; gap: 0; }

	.express_banner .logo { width: 164px; }
	.express_banner .logo img { object-fit: contain; width: 100%; }
	.express_banner .aligner { position: relative; width: 188px; }
	.express_banner .aligner img { height: 100%; max-width: unset; left: 0; position: absolute; width: 130%; }

	.smile_video { padding: 62px 0; }
	.smile_video > div { aspect-ratio: unset; }

	.express_highlight { display: block; }
	.express_highlight .txt_box { width: 100%; }
	.express_highlight .img_box { height: 345px; margin-top: 62px; width: 100%; }
	.express_highlight > img { display: block; margin: 20px auto 0; width: 164px; }

	.express_img_grid { display: block; padding: 40px 25px 40px; }
	.express_img_grid > figure + figure { margin-top: 10px; }
	.express_img_grid figcaption { background-color: transparent !important; color: #000 !important; }

	.case_img { padding: 60px 0 0; }
	.case_img img { max-width: unset; width: 166.8%; }

	.lite_video { padding: 62px 15px 20px !important; }
	.lite_video > iframe { aspect-ratio: 345/612; height: 612px !important; position: static !important; }
	.lite_video > img { width: 164px; }
	.lite_highlight { background-color: transparent; display: block; margin: 0 0 62px; }
	.lite_highlight .txt_box { display: block; width: 100%; }
	.lite_highlight .img_box { display: block; margin-top: 62px; text-align: center; width: 100%; }
	.lite_highlight .img_box  > img { min-height: 375px; min-width: 375px; }
	
	.special_grid { grid-template-columns: repeat(2,1fr); text-align: center; }
	.special_grid > div p { font-size: 20px; }
	.special_grid > div img { height: 80px; order: 2; padding: 0; width: 80px; }
	.special_grid > div:last-child img { left: 50%; transform: translate(-50%,-50%); width: auto; }

	.invis_feature { padding: 62px 25px 0; }
	.invis_feature > div { display: flex; flex-direction: column; }
	.invis_feature > div .txt_box strong { font-size: 22px; }
	.invis_feature > div .txt_box p { font-size: 16px; margin-top: 16px; }
	.invis_feature > div .img_box { margin-top: 34px; order: 2; }
	.invis_feature > div .img_box + .txt_box { order: 1; }
	.invis_feature > div + div { margin-top: 60px; }
	
	.hardcase { padding: 62px 0 0; }
	.hardcase .card_grid { grid-template-columns: repeat(2,1fr); gap: 30px 20px; padding: 0 25px; }
	.hardcase .card_grid > div { display: flex; height: fit-content; overflow: hidden; }
	.hardcase .card_grid > div > * { height: 120px; width: 50%; }
	.hardcase .card_grid > div img { object-fit: cover; }
	.hardcase .card_grid > div > p { display: block; padding: 14px 23px; }
	.hardcase .card_grid > div > p span { display: block; }
	.hardcase .card_grid > div > p span:first-child { font-size: 14px; }
	.hardcase .card_grid > div > p span:last-child { font-size: 18px; margin-top: 20px; }
	.hardcase .card_grid > div > p span + span { margin-top: 20px; }


	.simple_treatment { gap: 15px; padding: 62px 0 0; }
	.simple_treatment > div { aspect-ratio: unset; height: 200px; }
	.simple_treatment > div p { bottom: 15px; font-size: 15px; height: 25px; line-height: 25px; width: 101px; }

	.sel700 { display: flex; flex-direction: column; margin-top: 62px; position: relative; padding: 0; }
	.sel700 > * { display: block; width: 100%; }
	.sel700 > .for_web { display: none !important; }
	.sel700 div.img_wrap { border-bottom: 0; padding: 40px 0 20px; }
	.sel700 div.img_wrap img { position: static; width: 100%; }
	.sel700 div.img_wrap > p { border: 0; color: #BDDCF3; font-family: "pretendardM"; font-size: 14px; padding: 10px 0 0; text-align: center; }
	.sel700 > div strong { font-size: 26px; height: 46px; line-height: 46px; margin: 0; padding: 0; text-align: center; }
	.sel700 > div { padding: 0 25px; }
	.sel700 > div p { background-position: left 33px center; background-size: 65px auto; padding: 38px 0 38px 143px; }
	.sel700 > div p > b { font-size: 12px; }
	.sel700 > div p > span { font-size: 16px; }

	.vs_invis { padding: 62px 0 0 !important; }
	.vs_invis img { padding: 62px 15px 0; }

	.why_minish_banner { margin-top: 40px; padding: 70px 0; }

	.high_level_invis .why_highlevel > div span { font-size: 12px; }

	.high_level_invis .why_highlevel > div span { margin-top: 48px; padding: 0; }
	.high_level_invis .why_highlevel > div > div { padding: 20px 24px 0; }
	.high_level_invis .why_highlevel > div span::after { bottom: 35px; }
	.high_level_invis .why_highlevel > div span:nth-child(1) { bottom: 0; height: 14px; left: -32px; top: auto; transform: translate(-100%,0); }
	.high_level_invis .why_highlevel > div span:nth-child(1)::after { bottom: 25px; height: 41px; width: 47px; }
	.high_level_invis .why_highlevel > div span:nth-child(2)::after { height: 29px; width: 48px; }
	.high_level_invis .why_highlevel > div span:nth-child(3) { bottom: 0; height: 14px; top: auto; transform: translate(100%,0); right: -22px; }
	.high_level_invis .why_highlevel > div span:nth-child(3)::after { bottom: 25px; height: 38px; width: 41px;}

	.high_level_step { padding: 62px 25px 110px; }
	.high_level_step > div { flex-direction: column; padding-top: 25px; }
	.high_level_step > div > strong { font-size: 12px; height: 15px; line-height: 15px; width: 26px; }
	.high_level_step > div .txt_box > strong { font-size: 24px; }
	.high_level_step > div .txt_box > p { font-size: 16px; }
	.high_level_step > div .img_box { order: 2; margin: 20px 0 0; width: 100%; }
	.high_level_step > div .txt_box + .img_box { margin: 20px 0 0; }
	.high_level_step > div + div { margin-top: 62px; }
	.dental_specialty > p { left: 40px; top: 60px; }
	.dental_specialty > p > span { font-size: 22px; }
	.dental_specialty > p > span + span { margin-top: 20px; }

	.why_sel_minish > div { margin-left: 20px; }
	.why_sel_minish > div p > b { font-size: 8px; height: 12px; line-height: 12px; width: 18px; }
	.why_sel_minish > div p > strong { font-size: 17px; margin: 7px 0 8px; }
	.why_sel_minish > div p > span { font-size: 14px; }
	.why_sel_minish > div p + p { margin-top: 18px; }

	.certified { padding: 0 16px 100px; }

	.smile_video > div { aspect-ratio: 187.5/332; }
}
@media (max-width: 768px) {
    #wrap {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 560px){
	.express_banner .logo { object-fit: cover; width: 164px; }
	.special_grid { display: block; padding: 62px 25px 0; }
	.special_grid > div { align-items: center; display: flex; justify-content: space-between; padding: 30px; }
	.special_grid > div + div { margin-top: 16px; }
	.special_grid > div p { margin-top: 0; order: 1; }
	.special_grid > div:last-child { display: none; }

	.hardcase .card_grid { display: block; padding: 0 25px; }
	.hardcase .card_grid > div + div { margin-top: 16px; }
	.hardcase .card_grid > div > p { display: block; padding: 14px 23px; }
}