<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">._con { border: 0; width: 100%; } 
.mainTop { width: 800px; margin: 0 auto;; position: relative; } 
.mainTop &gt; .tit { font-size:32px; letter-spacing: -0.5px; line-height: 46px; } 
.mainTop &gt; .tit span { font-size:32px; font-weight: 600; } 
.mainTop &gt; .tit span span { color: var(--colmain); } 
.mainTop ul { margin-top: 100px;padding-bottom: 100px; } 
.mainTop ul li { margin-bottom: 64px; } 
.mainTop ul li .tit { font-size: 20px; padding-left: 20px; font-weight: 600; position: relative; line-height: 20px; } 
.mainTop ul li .txt { font-size: 16px; padding-left: 20px; font-weight: 500; margin-top: 12px; line-height: 16px; color: #595959; } 
.mainTop ul li .tit:after { content: ""; display: block; width: 5px; height: 5px; border-radius: 5px; background-color: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.mainTop .mainTopImg { position: absolute; width: 462px; top: 0; right: -76px; } 
.mainTop .mainTopImg img { width: 100%; } 
.mainTop .mainTopImg div { position: absolute; } 
.mainTop .mainTopImg div.tit { font-size: 26px; font-weight: 700; left: 27%; letter-spacing: -1px; top: 9.6%; } 
.mainTop .mainTopImg div.txt { font-size: 20px; color: #fff; font-weight: 600; text-align: center; left: 0%; width: 100%; letter-spacing: -1px; top: 28%; line-height: 32px; letter-spacing:0; } 
.contactUs { background-color: #F6F6F6; border-top: 10px solid var(--colmain); padding: 100PX 0; } 
.contactUs .wrap { width: 800px; margin: 0 auto;; } 
.contactUs .wrap .titwrap { display: flex; justify-content: space-between; margin-bottom: 60px; } 
.contactUs .wrap .titwrap .tit { font-size: 32px; font-weight: 600; line-height: 46px; } 
.contactUs .wrap .titwrap .txt { font-size: 22px; line-height: 42px; font-weight: 600; letter-spacing: -0.5px; } 
.contactUs .wrap .box { background-color: #fff; padding: 60px 190px 100px; border-radius: 10px; } 
.contactUs .wrap .box &gt; .tit { font-size:32px; line-height: 32px; text-align: center; font-weight: 600; } 
.contactUs .wrap .box &gt; .txt { text-align: center; font-size: 18px;; margin-top: 30px; line-height: 30px; } 
.contactUs .wrap .box ul { width: 100%; margin-top:50px; } 
.contactUs .wrap .box ul li { margin-bottom: 30px; } 
.contactUs .wrap .box ul li .tit { font-size:18px; margin-bottom: 10px; font-weight: 600; } 
.contactUs .wrap .box ul li input { width: 100%; } 
.contactUs .wrap .box button { width: 100%; height: 64px; font-size: 18px; font-weight: 600; } 
footer { margin-top: 0; } 

@media screen and (max-width: 720px) {._con { border: 0; width: 100%; } 
.mainTop { width: 100%; padding: var(--42); } 
.mainTop &gt; .tit { font-size:var(--42); letter-spacing: -0.1vw; line-height: var(--56); } 
.mainTop &gt; .tit span { font-size:var(--42); letter-spacing: -0.1vw; } 
.mainTop ul { margin-top: var(--60);padding-bottom: 0; } 
.mainTop ul li { margin-bottom: var(--64); } 
.mainTop ul li .tit { font-size: var(--30); padding-left: var(--20);line-height:var(--30); } 
.mainTop ul li .txt { font-size: var(--28); padding-left: var(--20); margin-top: var(--20); line-height: var(--28); } 
.mainTop ul li .tit:after {width: var(--6); height:var(--6); border-radius:var(--6); } 
.mainTop .mainTopImg { position: relative; width: 90%; top: initial; right: initial; margin: 0 auto;; } 
.mainTop .mainTopImg img { width: 100%; } 
.mainTop .mainTopImg div.tit { font-size: var(--36);letter-spacing: -0.1vw; } 
.mainTop .mainTopImg div.txt { font-size: var(--30);letter-spacing: -0.1vw; top: 28%; line-height: var(--46); letter-spacing:-0.1vw; } 
.contactUs { background-color: #F6F6F6; border-top: var(--10) solid var(--colmain); padding: var(--100) 0; } 
.contactUs .wrap { width: 100%; padding:0; padding-top: 0; } 
.contactUs .wrap .titwrap { display: block; margin-bottom: var(--100); padding:0 var(--42); } 
.contactUs .wrap .titwrap .tit { font-size: var(--40); font-weight: 700; line-height: var(--60); } 
.contactUs .wrap .titwrap .tit br { display: none; } 
.contactUs .wrap .titwrap .txt { font-size: var(--28); line-height: var(--52); margin-top: var(--30); letter-spacing: -0.1vw; } 
.contactUs .wrap .box {padding: var(--50) var(--52); border-radius: 0; } 
.contactUs .wrap .box &gt; .tit { font-size:var(--36); text-align: left; line-height: var(--46); } 
.contactUs .wrap .box &gt; .txt { text-align: left; font-size: var(--28);; margin-top: var(--40); line-height: var(--42); } 
.contactUs .wrap .box ul { padding: 0; margin-top:var(--50); } 
.contactUs .wrap .box ul li { margin-bottom: var(--64); } 
.contactUs .wrap .box ul li .tit { font-size:var(--28); margin-bottom: var(--16); } 
.contactUs .wrap .box button {height: var(--100); font-size: var(--32); } 
 }</pre></body></html>