@charset "utf-8";

.m_tit{padding-bottom: 70px; text-align: center;}
.m_tit h4{padding-bottom: 3%; font-size: 1.8rem; font-family: 'Marcellus'; color: #70615b; opacity: 0.5; font-weight: normal; text-transform:uppercase}
.m_tit h3{font-size: 4.6rem; font-weight: 300; color: #333333; line-height: 1.4em;}
.m_tit h3 br.br480 {display:none}
.m_tit p{padding-top: 15px; font-size: 1.8rem; line-height: 1.6em;}
.m_tit p br.br480 {display:none}
.m_tit p.t2{padding-top: 2%; font-size: 2.4rem; font-weight:600; color:#6d5744; position:relative; display:inline-block;}
.m_tit p.t2:before {content:''; width:104%; height:12px; background:#e5dece; position:absolute; left:-2%; bottom:3px; z-index:-1;
            border-radius:10px;}

.main_tt{font-size:60px; font-weight:800; line-height:75px; color:#000;}
.main_tt1{
margin-top: 10px; font-weight: 500; line-height:30px;
        margin-bottom: 56px;        font-size: 18px;        letter-spacing: -1.13px; color:#000; }
.main_tt1 span{font-weight:800;}
.main_tt2{font-size: 56px;         line-height: 1.34;        letter-spacing: -4px; font-weight:800;  color:#000;}

.main_tt3 {display:inline-block; font-size:25px; font-weight:900; line-height:60px; color:#000; border:0px solid red; padding-right:45px; 
    background:url(/img/arrow_02.png)right no-repeat;}
.main_tt3:hover{color:#663300 !important;  background:url(/img/arrow_02_on.png)right no-repeat;}

.main_tt4{width:100%; display:block; font-size:40px; font-weight:700; border:0px solid red; color:#000; padding:2% 0%;}

.main_btn1 {
    background:#000 url(/img/arrow_01.png);
    border-radius:35px;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-weight:800;
    width:220px;
    height:60px;
    font-size:19px;
    text-decoration:none;
    line-height:60px;
    font-weight:600;
    padding-left:45px;
    margin-right:20px; margin-top:2%;
    text-align: left;
    
    
}
.main_btn1:hover {
    color:#fff; 
    background:#663300 url(/img/arrow_01_1.png);

}
.main_btn1:active {
    position:relative;

}


.main_btn1_1 {
    background:#000 url(/img/arrow_01_1.png);
    border-radius:35px;
    display:inline-block;
    cursor:pointer;
    color:#fff;
    font-weight:800;
    width:220px;
    height:60px;
    font-size:19px;
    text-decoration:none;
    line-height:60px;
    font-weight:600;
    padding-left:75px;
    margin-right:20px; margin-top:2%;
    text-align: left;
    
    
}
.main_btn1_1:hover {
    color:#fff; 
    background:#663300 url(/img/arrow_01_1.png);

}
.main_btn1_1:active {
    position:relative;

}






@media all and (max-width:976px){
    .m_tit{padding-bottom: 50px;}
    .m_tit h3{font-size: 3.8rem;}
}


@media all and (max-width:768px){
.main_tt2{font-size:35px; font-weight:800; line-height:45px; color:#000;}
.main_tt1{font-size:20px; font-weight:500; line-height:33px; color:#000; padding-top:30px;}
.main_tt1 span{font-weight:800;}

}

@media all and (max-width:568px){
    .m_tit{padding-bottom: 30px;}
    .m_tit h3{font-size: 3.2rem;}
    .m_tit p{font-size: 1.6rem;}
    /* .m_tit p br{display: none;} */
  .m_tit p.t2{ font-size: 2.0rem; padding-top:15px;}
  .m_tit p.t2:before {height:10px}
}
@media all and (max-width:480px){
  .m_tit h4{padding-bottom: 5%;  font-size: 1.5rem; }
    .m_tit h3 br.br480 {display:block}
  .m_tit p br.br480 {display:block}
  .m_tit p{padding-top: 10px;}
  .main_tt1{font-size:18px; font-weight:500; line-height:30px; color:#000; padding-top:30px;}
}




.sectop{padding-top: 200px;}
.secbtm{padding-bottom:100px !important;}


.sectop1{padding-top: 150px;}
.secbtm1{padding-bottom:150px !important;}


.sectop2{padding-top:100px;}

@media all and (max-width:976px){
    .sectop{padding-top: 120px;}
    .secbtm{padding-bottom: 120px;}


    .sectop1{padding-top: 120px;}
.secbtm1{padding-bottom:120px !important;}
}

@media all and (max-width:768px){
    .sectop{padding-top: 100px;}
    .secbtm{padding-bottom: 100px !important;}


    .sectop1{padding-top: 100px;}
.secbtm1{padding-bottom:100px !important;}

.sectop2{padding-top:50px;}
}

@media all and (max-width:568px){
    .sectop{padding-top: 80px;}
    .secbtm{padding-bottom: 80px !important;}

    .sectop1{padding-top: 80px;}
.secbtm1{padding-bottom:80px !important;}


}



#sec1{padding-top:120px; padding-left:40px; padding-right:40px; }

#sec1 .cont{display: flex;}
#sec1 .cont > div{width: 50%;}
#sec1 .cont .l_cont img{width: 100%; height: 100%; object-fit: cover;}
#sec1 .cont .r_cont{padding:6% 7%; background-color: #f8f7f2; display: flex;align-items: center;}
#sec1 .cont .r_cont > div {width:100%}
#sec1 .cont .r_cont .txt{padding: 7% 0; display: flex; justify-content:center; align-items: center; text-align:center}
#sec1 .cont .r_cont .txt + .txt{border-top: 1px solid #e8e6e0;}
#sec1 .cont .r_cont .txt dl dt{ padding-bottom:0.7em; font-size: 1.7rem;}
#sec1 .cont .r_cont .txt dl dd{font-size: 2.8rem; font-weight: 600; color: #333333;}
#sec1 .cont .r_cont .txt p{font-family: "Castoro", serif; font-size: 6.0rem; color: #333;}
#sec1 .cont .r_cont .txt p span.s1{font-family: 'Suit', sans-serif; font-size: 1.7rem; font-weight: 600; color: #777;}


@media all and (max-width:1280px){

    #sec1{padding-top: 190px; padding-left:0px; padding-right:0px;}
    #sec1 .cont .r_cont .txt p{font-size: 4.0rem;}
}
@media all and (max-width:976px){
    #sec1{padding-top: 150px;}
    #sec1 .cont .r_cont .txt dl dd{font-size: 2.2rem;}
}

@media all and (max-width:768px){
#sec1{display: none}

}

@media all and (max-width:767px){
    #sec1{padding-top: 130px;}
    #sec1 .cont{flex-wrap: wrap;}
    #sec1 .cont > div{width: 100%;}
  #sec1 .cont .r_cont{padding:0 7%;}
}
@media all and (max-width:568px){
    #sec1{padding-top: 120px;}
}




#sec2{}
#sec2 .m-inner2 ul{width:100%; float:left; overflow:hidden; }
#sec2 .m-inner2 ul li{width:50%; float:left; display: inline-block;}
#sec2 .m-inner2 ul li:last-child{padding-top:65px;}

 
@media all and (max-width:768px){
  #sec2 .m-inner2 ul li{width:100%; float:left; display: inline-block;}
    #sec2 .m-inner2 ul li img{width:100%;}
#sec2 .m-inner2 ul li:last-child{padding-top:65px;}

}


@media all and (max-width:480px){
  #sec2 .cont li {width:100%; padding: 5%; margin:0 auto 10px}
  #sec2 .cont li  {  font-size: 1.7rem; }
  #sec2 .cont li dl {padding:5% 0 0 0}
  #sec2 .cont li dd { line-height:1.4em }

}






#sec3{}
#sec3 .inner ul{width:100%; float:left; overflow:hidden;border:0px solid red; }
#sec3 .inner ul li{float:left; display: inline-block;}
#sec3 .inner ul li:first-child{width:35%; float:left; bordeR:0px solid red; padding-top:7%;}
#sec3 .inner ul li:last-child{width:65%; float:left; bordeR:0px solid red; text-align: right;}

.port_list{position:relative;display:flex; width:100%;  margin-top:150px; justify-content:left; border:0px solid red;}
.port_list > div{width:33%;  bordeR:0px solid red; float:left; }
.port_list > div:nth-child(2) {margin:0% 2%; }
.port_list > div img{width:100%;}
.port_list p{width:100%;  bordeR:0px solid red; text-align: right; font-size:20px; font-weight:800; color:#000; padding:3% 0%; }
.port_list p span{font-size:20px; font-weight:400; color:#000;}



@media all and (max-width:1024px){
   #sec3 .cont ul li{  padding: 10px;}
   #sec3 .cont ul li dl {padding:15px 7%}
   #sec3 .cont ul li dl dd{font-size: 2.0rem; line-height:1.4em}
}
@media all and (max-width:976px){
   #sec3 .cont ul li{ width: calc((100% - 20px*1)/2); padding: 10px;}
   #sec3 .cont ul li dl {padding:15px 10%}
   #sec3 .cont ul li dl dt {text-align:center; padding-bottom:0.7em;}
   #sec3 .cont ul li dl dd{font-size: 2.0rem;}
}


@media all and (max-width:768px){
    #sec3{width:94%; margin:0 auto;}
  #sec3 .inner ul li:first-child{width:100%; float:left; bordeR:0px solid red; padding-top:7%;}
#sec3 .inner ul li:last-child{width:100%; float:left; bordeR:0px solid red; text-align: right; display: none;}

.port_list{ border:0px solid red; padding-top:50px; display:block; overflow:hidden;}
.port_list > div{width:100%;  bordeR:0px solid red; float:left; padding-bottom:35px;}
.port_list > div:nth-child(2) {margin:0% 0%; }
.port_list > div:last-child{width:100%;  bordeR:0px solid red; float:left; padding-bottom:0px !important;}
.port_list p{font-size:22px;}
.port_list p span{font-size:18px; padding-bottom:35px;}


}




@media all and (max-width:480px){
   #sec3 .cont ul li { padding: 5px;}
   #sec3 .cont ul li dl {padding:15px 0}
   #sec3 .cont ul li dl dt { font-size: 1.3rem;}
   #sec3 .cont ul li dl dd {font-size: 1.7rem; line-height:1.3em}
   #sec3 .cont ul li dl dd br.br480 {display:none}
}


#sec4{}


#sec4{}
#sec4 .inner ul{width:100%; float:left; overflow:hidden; border:0px solid red;}
#sec4 .inner ul li{float:left; display: inline-block;}
#sec4 .inner ul li:first-child{width:65%; float:left; bordeR:0px solid red;}
#sec4 .inner ul li:last-child{width:35%; float:left; bordeR:0px solid red; text-align:left;  padding-top:7%;}




@media all and (max-width:1599px){
    #sec4 .cont .r_cont{padding: 3%;}
    #sec4 .cont .r_cont .box{width: 47%;}
}
@media all and (max-width:1080px){
  #sec4 .cont .r_cont .in p br {display:none}
}
@media all and (max-width:976px){
    #sec4 .cont{flex-wrap: wrap;}
    #sec4 .cont > div{width: 100%;}
  #sec4 .cont .r_cont .in { gap: 0;}
  #sec4 .cont .r_cont{padding:15px 20px;}
    #sec4 .cont .r_cont .box{width: calc(50% - 10px); margin:5px}
  #sec4 .cont .r_cont .in p br {display:block}
}


@media all and (max-width:768px){
    #sec4{width:94%; margin:0 auto;}
  #sec4 .inner ul li:first-child{width:100%; float:left; bordeR:0px solid red; padding-top:7%;  display: none;}
#sec4 .inner ul li:last-child{width:100%; float:left; bordeR:0px solid red; text-align:left;}


}


@media all and (max-width:480px){
    #sec4 .cont .r_cont{padding:0 10px;}
  #sec4 .cont .r_cont .in p{ line-height:1.4em}
  #sec4 .cont .r_cont .in p br {display:none}
}



#sec5{}
#sec5 .hugi_area{wdith:100%; border:0px solid red; position:relative; margin-top:120px;}




@media all and (max-width:767px){
    #sec5 .cont{flex-wrap: wrap;}
    #sec5 .cont > div{width: 100%;}
}
@media all and (max-width:480px){
  #sec5 .cont .r_cont{padding: 10% 0; }
  #sec5 .cont .r_cont .line{ margin:3vw  0; height: 7vw; }
    #sec5 .cont .r_cont ul li{line-height: 1.6em;}
  #sec5 .cont .r_cont a{ margin-top:10%;}
}


#sec6{position:relative;}

#sec6 ul{width:100%; overflow:hidden;}
#sec6 ul li{width:50%; float:left; display:inline-block;}
#sec6 ul li:last-child{padding-top:95px; padding-left:85px; float:left; display:inline-block;}



@media all and (max-width:1280px){
  #sec6:before{ height: 65%; }
    #sec6 .cont ul li {width: calc((100% - 20px*2)/3); padding-bottom: 2em;}
}



@media all and (max-width:768px){
    #sec6 {width:94%; margin:0 auto;}
#sec6 ul li{width:100%; float:left; display:inline-block;}
#sec6 ul li:last-child{padding-top:45px; padding-left:0px; float:left; display:inline-block;}

}


@media all and (max-width:568px){
  #sec6:before{ height: 55%; }
  #sec6 .cont ul{ gap: 10px; }
    #sec6 .cont ul li {width: calc((100% - 10px*2)/3); padding-bottom: 1em;}
  #sec6 .cont ul li dl dt {padding-top: 0.7em; font-size:2.0rem; }
  #sec6 .cont ul li dl dd {display:none}
}

#sec7 .cont img{width: 100%;}


#sec8{background-color: #f8f5ef;}
#sec8 .cont{display: flex;}
#sec8 .l_cont{width: 660px;}
#sec8 .r_cont{width: 940px;}
#sec8 .map_border{display: none;}
#sec8 .wrap_controllers {display: none;}
#sec8 .l_cont h3{ font-family: 'Marcellus', 'serif'; font-size: 6.0rem; color: #333; font-weight: normal;}
#sec8 .l_cont .tit{padding: 55px 0 40px; font-size: 2.0rem; font-weight: 600; color: #333;}
#sec8 .l_cont .dl_wrap{display: flex; flex-wrap: wrap;}
#sec8 .l_cont .dl_wrap dl{padding-bottom: 1em; width: 50%; display: flex; align-items: center; font-size: 1.7rem; font-weight: 500;}
#sec8 .l_cont .dl_wrap dl dt{width: 70px;}
#sec8 .l_cont .tel{font-family: 'Castoro'; font-size: 3.2rem; color: #333;}
#sec8 .l_cont .add{padding-bottom: 10px; font-size: 1.7rem; font-weight: 500;}
#sec8 .l_cont > ul li { margin-top:0.3em}
@media all and (max-width:1400px){
    #sec8 .l_cont .dl_wrap dl{width: 100%;}
}
@media all and (max-width:976px){
    #sec8 .cont{flex-wrap: wrap;}
  #sec8 .l_cont h3{  font-size: 5.0rem; }
    #sec8 .l_cont{width: 100%; text-align: center; padding-bottom: 5%;}
    #sec8 .l_cont .dl_wrap dl{justify-content: center;}
    #sec8 .l_cont .dl_wrap dl dt{text-align: left;}
    #sec8 .l_cont .dl_wrap dl dd{text-align: left;}
    #sec8 .r_cont{width: 100%;}
}
@media all and (max-width:568px){
    #sec8 .l_cont h3{font-size: 4.0rem;}
    #sec8 .l_cont .tit{padding: 8% 0 3%;}
    #sec8 .wrap_map{height: 400px !important;}
}
@media all and (max-width:480px){
  #sec8 .l_cont h3{  font-size: 4.0rem; }
  #sec8 .l_cont .dl_wrap dl {width:48vw; margin:0 auto; padding-bottom:10px}
  #sec8 .l_cont .dl_wrap dl dt{width: 12vw;}
  #sec8 .l_cont .dl_wrap dl dd{width:calc(100% - 12vw)}
  #sec8 .r_cont{margin-top:8%}
}


#sec9 .cont li { padding:20px; background:#f8f7f2}
#sec9 .cont li img {width:100%}

#videobcg {width:100%; height:100%}