.txt_color1{color: #8C6239}
.txt_color2{color: #ffffff}
.txt_color3{color: #8C6239}
.txt_color4{color: #F4BC3D}
.bg_color1{background-color: #8C6239}
.bg_color2{background-color: #ffffff}
.bg_color3{background-color: #8C6239}
.bg_color4{background-color: #F4BC3D}
.border_color1{border-color: #8C6239}
.border_color2{border-color: #ffffff}
.border_color3{border-color: #8C6239}
.border_color4{border-color:#F4BC3D}
.hvr_txt_color1:hover{color: #8C6239}
.hvr_txt_color2:hover{color: #ffffff}
.hvr_txt_color3:hover{color: #8C6239}
.hvr_txt_color4:hover{color: #F4BC3D}
.hvr_bg_color1:hover{background-color: #8C6239}
.hvr_bg_color2:hover{background-color: #ffffff}
.hvr_bg_color3:hover{background-color: #8C6239}
.hvr_bg_color4:hover{background-color: #F4BC3D}
.hvr_border_color1:hover{border-color: #8C6239}
.hvr_border_color2:hover{border-color: #ffffff}
.hvr_border_color3:hover{border-color: #8C6239}
.hvr_border_color4:hover{border-color: #F4BC3D}
#contents .width_30per p{font-size:16px}
#contents p{letter-spacing:0}
.linkStyle{color:#B1B1B1}
@media only screen and (min-width: 768px)  {
 #logo{max-width:550px} 
#logo h1{text-align:center}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
#contents .width_30per p{font-size:15px}  
}
@media only screen and (min-width: 320px) and (max-width: 667px) {
#contents .cms_title p{font-size:15px}
 .logo{width:200%} 
}



.grid_8.pd_l-5per.d_flex.flex_top-left.grid_12_sp.mg_b-20px_sp.pd_l-r5per_sp.flex_top-left_sp{
width:100% !important;
}