/* BASIC css start */
.brand01 { font-family: 'Josefin Sans', sans-serif; font-size: 23px; letter-spacing: 0.5em; text-align: center; margin: 70px 0px 70px 0px; }
.brand02 { padding: 50px 100px 0px 100px; }
.brand03 { margin-bottom: 100px; }
.brand03 img { width: 100%; }
.brand04 { position: relative; color: #000;  }
.brand04_warp {  }
.brand05 { font-family: 'Josefin Sans', sans-serif; letter-spacing: 0.5em; text-align: left; font-size: 1.3rem; font-weight: 500; padding: 30px 0px 15px 0px; }
.brand06 {  }
.brand07 { text-align: justify; font-size: 0.9rem; line-height: 1.6rem; letter-spacing: 0.02em; word-break: keep-all; padding-bottom: 50px; } 
.brand08 { }
.brand09 {  font-size: 0.9rem; line-height: 1.6rem;letter-spacing: 0.02em; }
.brand10 { }
.brand11 { font-family: 'Josefin Sans', sans-serif; font-size: 18px; letter-spacing: 0.2em; text-align: left; margin: 50px 0px 10px 0px; color: #524233; }
.brand12 { text-align: center; font-size: 13px; line-height: 22px; padding: 15px 0px 45px; }
.brand12 table { border: 1px solid #c39562; border-image: none; width: 100%; text-align: center; color: #c39562; border-collapse: collapse; font-family: 'Josefin Sans', sans-serif; }
.brand12 table td { border: 1px solid #E1E1E3; padding: 10px 0px; }
.brand_bg { padding:0px 100px; }
.service_info_warp { padding: 10%; }

.brand13 { font-family: 'Josefin Sans', sans-serif; font-size: 23px; letter-spacing: 0.5em; text-align: center; margin: 150px 0px 10px 0px; }
.brand14 { background: #efe9df; color: #524233; }
.brand15 { width:100%; margin: 0 auto;  }
.brand16 { color: #c39562; padding-top:20px; }
.brand17 { display: flex; width: 100%; margin: 100px auto 0px; }
.brand18 { position: relative; flex-basis: 50%; max-width: 50%; display: flex; align-items: center; }
.brand19 img { width:100%; }
.brand19 { flex-basis: 50%; max-width: 50%; }
.brand20 { font-family: 'Josefin Sans', sans-serif; letter-spacing: 0.2em; text-align: left; font-size: 1.2rem; font-weight: 500; padding: 0px 0px 15px 0px; }
.brand21 { font-family: 'Josefin Sans', sans-serif; font-size: 18px; letter-spacing: 0.2em; text-align: center; margin: 30px 0px 10px 0px; }
.brand22 { text-align: center; font-family: 'Nanum Gothic', serif;font-size: 13px; letter-spacing: 0.02em; line-height: 22px; margin: 30px 0px 0px 0px; }
.brand22 table { border-image: none; width: 100%; text-align: center; border-collapse: collapse; font-family: 'Nanum Gothic', serif; background-color: #fff; }
.brand22 table td { font-family: 'Josefin Sans', sans-serif; padding: 10px 0px 0px 0px; }
.brand22 table tr { padding: 5px 0px 0px 0px; }
.brand22 table td img { width:15%; }
.brand23 { max-width: 300px; background: #000; color: #fff; padding: 15px 0px; font-size:15px; text-align: center; }
.brand24 { display: flex; width: 100%; margin: 0px auto; background: #fbf9f7; margin-bottom: 50px; }
.brand25 { flex-basis: 50%; max-width: 50%; }
.brand25 img { width:100%; }
.brand26 { position: relative; flex-basis: 50%; max-width: 50%; color: #000;     padding-left: 20px; }
.brand27 { font-family: 'Josefin Sans', sans-serif; font-size: 15px; padding: 30px 0px 5px 0px; }
.brand28 { font-size: 0.9rem; line-height: 1.6rem; letter-spacing: 0.02em; padding-right: 20px; }
.as_link { text-align: center; background: #000; color: #fff; padding: 15px 0px; margin: 30px 0px; font-size: 15px; border: 1px solid #000;}
.as_link a { }
.about_diamond { margin: 80px 0px 0px 0px; }
.about_diamond img { width: 100%; text-align: center; }
.brand60 { font-size: 0.9rem; font-weight: 500; padding: 0px 0px 0px 0px; }
.brand61 { text-align: justify; font-size: 0.75rem; line-height: 1.6rem; letter-spacing: 0.03em; word-break: keep-all; padding-bottom: 20px; }
.brand62 { text-align: justify; font-size: 0.9rem; line-height: 1.6rem; letter-spacing: 0.02em; word-break: keep-all; padding-bottom: 50px; }

.visit_btn { text-align: center; background-color: #000; color: #fff; padding: 20px 0px; margin: 10px 0px 0px 0px; font-weight: 500; font-size: 15px; max-width: 300px; }

/* ½Ã±×´Ïó */
.signature_warp { padding: 100px 100px 0px 100px; }
.signature_title { font-family: 'Josefin Sans', sans-serif; letter-spacing: 0.5em; text-align: left; font-size: 1.3rem; font-weight: 500; padding: 30px 0px 15px 0px; }
.signature_subwarp { text-align: justify; font-size: 0.9rem; line-height: 1.6rem; letter-spacing: 0.02em; word-break: keep-all; padding-bottom: 50px; }
.signature_btn { text-align: center; background-color: #000; color: #fff; padding: 20px 0px; margin: 10px 0px 0px 0px; font-weight: 500; font-size: 15px; max-width: 300px; }
.signature_img img { width:100%; }

#fit_warp { position: relative; font-family: 'Josefin Sans', sans-serif; padding: 50px; height: 240px; margin: 30px 0px 100px 0px; text-align: center; border-radius: 0px 0px 150px 0px; }



/* pit_warp1 */
.pit_warp1 { position: absolute; top: 20%; left:0px; width: 33%; display: inline-block; }
.pit_img img { width:250px; }

/* pit_warp2 */
.pit_warp2 { position: absolute; top: 20%; width: 33%; display: inline-block; transform: translateX(-50%); }
.pit_name { font-size: 16px; padding-top: 45px;}
.pit_explan { font-family: 'Nanum Gothic', serif; font-size: 14px; padding-top: 3px; }

/* pit_warp3 */
.pit_warp3 { position: absolute; right:0px; width: 33%;}
.pit_name3 { font-size: 16px; padding-top: 35px; }



.section { padding: 100px 20px; min-height: 100vh; display: flex; align-items: center; justify-content: center; font-size: 2rem; background: #f5f5f5; border-bottom: 1px solid #ddd; }
.section-dark { background: #222; color: white; }



.logo_story { display: flex; margin: 50px 0px 50px 0px; }
.logo_imgbox { flex-basis: 15%; max-width: 20%; margin: 0 auto; }
.logo_imgbox img { width: 100%; }
.logo_contbox { position: relative; flex-basis: 80%; max-width: 80%; display: flex; align-items: center; }
.logo_content { text-align: justify; font-size: 0.9rem; line-height: 1.6rem; letter-spacing: 0.02em; word-break: keep-all; margin: 0% 10%; }
.text-bold { font-weight: 500; color: #c1935e; }
.content_title { font-family: 'Josefin Sans', sans-serif; letter-spacing: 0.2em; text-align: left; font-size: 1.3rem; font-weight: 500; padding: 0px 0px 10px 0px; }

.value_maintitle { }
.value_warp { display: flex; margin: 100px 100px 100px 100px; }
.value_imgbox { flex-basis: 40%; max-width: 40%; }
.value_imgbox img { width: 100%; }
.value_contbox{ position: relative; flex-basis: 60%; max-width: 60%; }
.value_content { font-family: 'Josefin Sans', sans-serif; letter-spacing: 0.5em; font-size: 1.3rem; font-weight: 500; line-height: 1.6rem; margin: 2% 0% 5% 10%; }
.value_content02 { text-align: justify; font-size: 0.9rem; line-height: 1.6rem; letter-spacing: 0.02em; word-break: keep-all; margin: 3% 10% 0% 10%; }
.value_title { font-family: 'Josefin Sans', sans-serif; text-align: left; font-size: 1.1rem; font-weight: 500; padding: 0px 0px 10px 0px; }

.after_warp { padding: 100px 100px 0px 100px; }
.after_about { display: flex; }
.after_imgbox { position: relative; flex-basis: 50%; max-width: 50%; }
.after_imgbox img { width: 100%; }
.after_contbox { flex-basis: 50%; max-width: 50%; display: flex; align-items: center; }
.after_content { text-align: justify; font-size: 0.9rem; line-height: 1.6rem; letter-spacing: 0.02em; word-break: keep-all; margin: 0% 10% 0% 10%; }
.after_title { font-family: 'Josefin Sans', sans-serif; text-align: left; font-size: 1.2rem; font-weight: 500; padding: 0px 0px 10px 0px; }
.btn_top { margin-top:30px; }
.brandconcent_img { position: relative; }
.brandconcent_img img { width:100%; }
.brandconcent_warp { position: absolute; top: 50%; left: 50%; transform: translateX(-50%); text-align: center; color: #fff; }
.brandconcent_title { font-family: 'Josefin Sans', sans-serif; letter-spacing: 0.2em; font-size: 1.5rem; font-weight: 500; }
.brandconcent_subtitle { padding-top: 15px; text-align: center; font-size: 1.15em; line-height: 1.5rem; word-break: keep-all; letter-spacing: 0.02em; }

/* BASIC css end */