@charset "utf-8";
.disp_inb{ display:inline-block; }
@media (max-width:991px) {
  #wcfront_head { position:fixed; }
  #wcfront_base { padding-top:var(--wc-headHeight); }
}

#wcfront_body { background:url(/common/upload/files/top/bg_grid.png) repeat-y top center / 957px auto; }

#wcfront_parts-1-4 .custom_html { position:relative; aspect-ratio:624/523; display:flex; }
.front-side { position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; font-size:64px; display:flex; justify-content:center; align-items:center; }
.left-side, .right-side { width:50%; height:100%; }

.top_about { position:relative; padding-bottom:80px; }
.top_about::before,
.top_about::after { content:""; position:absolute; background:no-repeat center center / contain; pointer-events:none; }
.top_about::before { background-image:url(/common/upload/files/top/about_top.png); background-position:top right; width:194px; height:372px; top:-140px; right:0; z-index:10; }
.top_about::after { background-image:url(/common/upload/files/top/about_bottom.png); background-position:bottom left; width:145px; height:330px; bottom:-100px; left:0; z-index:3; }
.top_about .top_about_wrap { display:flex; align-items:center;z-index: 9; position: relative; }
.top_about .top_about_wrap > * { width:50%; }
.top_about .top_about_text { position:relative; z-index:5; padding:200px 50px 40px max(calc(50% - 800px), 50px); text-shadow:0 0 1px #fff, 0 0 3px #fff, 0 0 4px #fff,0 0 1px #fff }
.top_about .top_about_text::before { content:""; position:absolute; top:40px; right:80px; width:143px; height:88px; background:url(/common/upload/files/top/about_deco.png) no-repeat center center / contain; display:block; z-index:2; }
.top_about .top_about_text .bg_text { font-size:12.5em; font-weight:600; font-style:italic; color:#F6F6F6; position:absolute; top:0; left:0; line-height:.7; z-index:1; letter-spacing:.1em; white-space:nowrap; }
.top_about .top_about_text > * { position:relative; z-index:2; }
.top_about .top_about_image { position:relative; z-index:6; }
.top_about .hl_top_about { margin-bottom:20px; }
.top_about .hl_top_about .main { margin-bottom:15px; }
.top_about .hl_top_about .sub { font-size:2.5em; font-weight:500; letter-spacing:3px; }
.top_about .comment { margin-bottom:40px; }
@media (max-width:1440px) {
  .top_about .hl_top_about .sub { font-size:2em; }
  .top_about .comment { font-size:.9em; }
}
@media (max-width:767px) {
  .top_about .top_about_text { padding-top:100px; }
  .top_about .top_about_text .bg_text { font-size:6.25em; }
  .top_about .top_about_wrap { flex-direction:column; }
  .top_about .top_about_wrap > * { width:100%; }
  .top_about::after { display:none; }
  .top_about .top_about_text { padding-left:20px; padding-right:20px; }
  .top_about::before { width:97px; height:186px; top:-100px; z-index:1; }
  .top_about .top_about_text::before { right:auto; left:10px; top:-100px; }
  .top_about .top_about_text::after {  content:""; position:absolute; display:block; bottom:-65px; left:0; width:73px; height:165px; background:url(/common/upload/files/top/about_bottom.png) no-repeat left bottom / contain; z-index:1; }
  .top_about .hl_top_about .sub { letter-spacing:1px; }
}

.top_projects { position:relative; padding:120px 0; background:url(/common/upload/files/layout/bg_1.jpg) repeat top left / 150px auto; }

.top_features { position:relative; padding: 70px 20px 70px max(calc(50% - 800px), 20px); }

#wcfront_parts-1-11{
    background: url(/common/upload/files/layout/bg_1.jpg) repeat top left / 150px auto;
    padding-bottom: 80px;
}
#wcfront_parts-1-11 span{
  font-family: "Cormorant Infant", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
}
#wcfront_parts-1-35{
    background: url(/common/upload/files/layout/bg_1.jpg) repeat top left / 150px auto;
padding-top: 50px;
padding-bottom:20px;
}
#wcfront_parts-1-13 .slider .slider_detail{
    position: relative;
    padding:10px;
    background-color:#FFFFFF;
}
#wcfront_parts-1-13 .slider .slider_detail  .new{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #BE8D4B;
    color: #FFFFFF;
    padding: 2px 10px;
    font-family: "Cormorant Infant", serif;
    font-optical-sizing: auto;
    font-style: italic;
    font-weight: 500;
}
#wcfront_parts-1-13 .slider .slider_detail  .text_detail{
display:flex;
align-items: center;
}
#wcfront_parts-1-13 .slider .slider_detail  .number{
display:flex;
    flex-direction: column;
    align-items: center;
color:#BE8D4B;
font-family: "Cormorant Infant", serif;
    font-optical-sizing: auto;
    font-style:normal;
    font-weight: 500;
min-width: 80px;
}
#wcfront_parts-1-13 .slider .slider_detail  .year{
    line-height: 1;
}
#wcfront_parts-1-13 .slider .slider_detail  .day{
font-size: 3.5rem;
    line-height: 1;
}
#wcfront_parts-1-13 .slider .slick-slide {
  margin: 20px;    
  transition: transform 0.3s;
}

#wcfront_parts-1-13 .slick-slide img{
width:100%;
}
#wcfront_parts-1-35 .slick-slide:not(.slick-center) {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
#wcfront_parts-1-9 .top_features::after{
    content: "";
    background-image:url(/common/upload/files/top/features_top.png);
    position: absolute;
    background-repeat: no-repeat;
    top: -10px;
    right: -10px;
    background-size:194.1px 251.41px;
    width:194.1px;
    height:251.41px;
    z-index: -1;
}
#wcfront_parts-1-9 .top_features::before{
    content: "";
background-image:url(/common/upload/files/top/features_bottom.png);
position: absolute;
    background-repeat: no-repeat;
    bottom: -120px;
    left: -20px;
background-size:194.1px 320.41px;
width:194.1px;
height:320.41px;
transform: rotate(-10deg);
    z-index: 1;
}
#wcfront_parts-1-9 .bg_text.v2{
font-size:7em; 
font-weight:600; 
font-style:italic; 
color:#F6F6F6;
  position:absolute;
  top:0;
  left:0;
  line-height:.7;
  z-index:-1; 
letter-spacing:.1em;
  white-space:nowrap;
writing-mode: vertical-rl;
}
#wcfront_parts-1-9 .top_features_wrap{
    display: flex;
    padding-left: 50px;
    align-items: center;
}
#wcfront_parts-1-9 .top_features_text h2{
font-size:3rem;
font-weight:500;
margin-bottom:20px;
letter-spacing: 10px;
}
#wcfront_parts-1-9 .top_features_text{
width:45%;
}
#wcfront_parts-1-9 .top_features_text .comment{
  margin-bottom:40px;
}
#wcfront_parts-1-9 .top_features_image{
width:55%;
z-index: -2;
}
#wcfront_parts-1-9 .top_features_image{
width:55%;
z-index: -2;
}
#wcfront_parts-1-16{
background:url(/common/upload/files/layout/bg_2.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#wcfront_parts-1-16 .service_list{
    display: flex;
justify-content: space-around;
align-items: stretch;
    gap: 20px;
    margin-bottom: 60px;
}
#wcfront_parts-1-16 .service_detail{
width:30%;
    display: flex;
    flex-direction: column;
align-items: center;
}
#wcfront_parts-1-16 .service_image{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 20px;
}
#wcfront_parts-1-16 .service_image h3{
text-align:center;
font-family: "Cormorant Infant", serif;
    font-optical-sizing: auto;
    font-style:normal;
    font-weight: bold;
margin-top:10px;
font-size:1.3rem;
}
#wcfront_parts-1-16 .service_text{
background-color: #FFFFFF;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
width:100%;
}
#wcfront_parts-1-16 .service_text h3{
    writing-mode: vertical-rl;
    text-align: center;
font-family: "Cormorant Infant", serif;
    font-optical-sizing: auto;
    font-style:normal;
    font-weight: bold;
    letter-spacing: 7px;
    font-size: 1.4rem;
}
#wcfront_parts-1-16 .text_list{
  padding-left: 15px;
    border-left: 1px solid #E8E8E8;
margin-left:15px;
margin-bottom:0px;
}
#wcfront_parts-1-16 .text_list li{
padding-left: 25px !important;
border-bottom:1px solid #E8E8E8;
font-size: 0.9rem;
    padding-bottom: 5px;
}
#wcfront_parts-1-16 .text_list li:before{
background-image:url(/common/upload/files/icon/arrow-r2.png);
content:"";
background-size:20px 20px;
width:20px;
height:20px;
}
.slick-prev { left: 320px; }
.slick-next { right:320px; }
.slick-prev, .slick-next{
width:100px;
height:100px;
}
.slick-prev:before,.slick-next:before{
content:"";
}
#wcfront_parts-1-35 .wcapp_category._type1{background-color:#ffffff00;}
#wcfront_parts-1-35 .wcapp_category._type1 ul .button.active{background:#9CBC94;}
#wcfront_parts-1-35 .photo{background-color: #FFFFFF;padding: 15px 15px 0 15px;}
#wcfront_parts-1-35 .wcapp_unit a{background-color: #FFFFFF;}
#wcfront_parts-1-35 .area{left:0;width: fit-content;background-color: #BE8D4B !important;color: #FFFFFF;font-family: "Cormorant Infant", serif;font-optical-sizing: auto;font-style: italic;font-weight: bold;font-size:1rem !important;letter-spacing:1px; line-height:1.2;}
  #wcfront_parts-1-35 .wcapp_unit .tag,#wcfront_parts-1-35 .wcapp_unit .meta2{display:none;}
#wcfront_parts-1-35 .wcapp_unit .new_mark{display:none;}
#wcfront_parts-1-35 .text_wrap{display: flex;}
#wcfront_parts-1-35 .date{max-width: 75px;min-width: 75px;text-align: center;color: #BE8D4B;font-family: "Cormorant Infant", serif; font-optical-sizing: auto;font-style: normal;font-weight: bold;font-size:0.95rem;}
#wcfront_parts-1-35 .date_separator._s2{display:none;}
#wcfront_parts-1-35 .date_number._d{font-size:3.5rem;line-height:.7;display: inline-block;}
#wcfront_parts-1-35 .wcapp_unit .title{font-size:1rem;font-weight: normal;}
#wcfront_parts-1-35 .wcapp_unit .meta + .title_wrap{margin-top:0px;}
#wcfront_parts-1-35 .parts--button{margin: 20px 0 60px 0;}
@media (max-width:1440px){
#wcfront_parts-1-9 .top_features_text h2 { font-size:2.5rem; }
.slick-prev { left: 150px; }
.slick-next { right:150px; }
.slick-prev, .slick-next{width:60px;height:60px;}
}
@media (max-width:1200px){
#wcfront_parts-1-9 .top_features_text h2 { font-size:2rem; }
}
@media (min-width:976px){
#wcfront_parts-1-9 .top_features_image img{
width:calc(100% + 20px);
max-width:unset;
margin-right:-20px;
}
}
@media (max-width:975px){
#wcfront_parts-1-9 .top_features_text{
width:95%;
margin-bottom:30px;
}
#wcfront_parts-1-9 .top_features_image{
width:100%;
}
#wcfront_parts-1-9 .top_features_wrap{
    flex-direction: column;
align-items: flex-start;
}
#wcfront_parts-1-16 .service_list{
    flex-wrap: wrap;
justify-content: flex-start;
}
#wcfront_parts-1-16 .service_detail{
width:48%;
}
}
@media (max-width:974px){
.slick-prev { left: 10px; }
.slick-next { right:10px; }
.slick-prev, .slick-next{width:60px;height:60px;}
}
@media (max-width:768px){ 
#wcfront_parts-1-16 .service_detail{
width:100%;
margin-bottom:0;
}
#wcfront_parts-1-16 .service_text{
width:80%;
}
}
@media (max-width:575px){
#wcfront_parts-1-13 .slider .slider_detail .text_detail p{
font-size:0.8rem;
}
#wcfront_parts-1-13 .slider .slider_detail  .number{
min-width:65px;
}
#wcfront_parts-1-13 .slider .slider_detail .year{
font-size:0.8rem;
}
#wcfront_parts-1-13 .slider .slider_detail .day{
font-size:3rem;
}
#wcfront_parts-1-9 .top_features::before{
background-size: 147.1px 209.41px;
width:147.1px;
height:209.41px;
bottom: -40px;
}
#wcfront_parts-1-9 .top_features::after{
background-size: 158.1px 222.41px;
width:158.1px;
height:222.41px;
}
#wcfront_parts-1-9 .top_features{
    padding: 50px 0 70px;
}
#wcfront_parts-1-16 .service_text h3{
font-size:1.2rem;
}
#wcfront_parts-1-16 .service_text{
width:100%;
}
#wcfront_parts-1-16 .text_list li{
font-size:0.8rem;
}
}
@media(max-width:480px){
.slick-prev, .slick-next{width:45px;height:45px;}
}
@media(max-width:475px){
#wcfront_parts-1-13 .slider .slider_detail .number{
min-width:50px;
}
#wcfront_parts-1-13 .slider .slider_detail .day{
font-size:2rem;
}
#wcfront_parts-1-13 .slider .slider_detail .text_detail p{
font-size:0.7rem;
}
#wcfront_parts-1-9 .top_features_text h2{
font-size: 1.4rem;
}
#wcfront_parts-1-9 .top_features_wrap{
padding-left: 25px;
}
}

#wcfront_parts-1-35 .wcfront_hl._h3{text-align: center;font-family: "Cormorant Infant", serif;font-optical-sizing: auto;font-style:italic;}
#wcfront_parts-1-35 .wcfront_hl._h3 .parts--sub-title{color:#000000;z-index:2;letter-spacing: 5px;font-weight:500;font-size:2.3rem;}
#wcfront_parts-1-35 .wcfront_hl._h3 .parts--title{color:#0000000d;font-size:7rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);letter-spacing: 10px;font-weight: 500;text-wrap: nowrap; margin-top: 0;}
#wcfront_parts-1-35 .wcfront_hl._h3 .parts--sub-title::after{display:none;}

@media (max-width:575px){
#wcfront_parts-1-35 .wcfront_hl._h3 .parts--title{font-size:3.7rem;}
#wcfront_parts-1-35 .wcfront_hl._h3 .parts--sub-title{font-size:1.7rem;}
}