section.product_02 {clear:both; overflow:hidden;  width:100%;  padding:0px 0 80px 0; }
section.product_02 {background-image:url(/default/img/hblock/design/product_02/img/brandstory_bg.png); background-position-y:bottom;     background-repeat: no-repeat;
    background-color: #000;}
section.product_02 div.pro {width: 100%;margin: 30px auto 30px auto;clear:both;display: flex;text-align: center;}
section.product_02 div.proR {padding:50px 0 ; overflow:hidden;}

section.product_02 div.proR div.pro_img { float:right; width:50%; }
section.product_02 div.proR div.pro_txt {float:left; width:45%; text-align:right;}

section.product_02 div.pro_img {flex: 1;vertical-align: middle;}
section.product_02 div.pro_txt {flex: 1;vertical-align: middle;text-align: left;}
section.product_02 div.pro_txt h2 {font-size: 0.945rem;/*font-family:"noto_m";*/padding:100px 0 50px 0;}
section.product_02 div.pro_txt p {font-size: 33px;line-height: 1.4;padding-bottom:20px;color:#fff;}
section.product_02 div.btn {padding-top:20px;}
section.product_02 a{ border:1px solid #ccc;	padding: 10px 16px 12px 16px; font-size: 17px;	margin-top:20px;	;	border-radius: 6px}
section.product_02 a:hover {	color: #333;	background-color: #f0f0f0; }
.buleft{
    text-align: right;
}
.buright{
    padding-left: 60px;
}
.b-bold{
    font-weight: 600;
}



/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
section.product_02 {clear:both; overflow:hidden; text-align: center;  padding:0px 15px 60px 15px;  }
section.product_02 div.pro {width:100%;margin:0 auto;display: block;padding: 0;}
section.product_02 div.pro_img {clear:both;width:100%;text-align: center;}
section.product_02 div.pro_img img {max-width:100%;margin: 3.018rem auto 0 auto;max-width: 19.709rem;}
section.product_02 div.pro_img p {font-size: 1.2rem;line-height: 1.600rem;padding-bottom: 1.527rem;text-align: center;color: #fff;}
section.product_02 div.pro_txt {clear:both;width:100%;padding-left: 0;}
section.product_02 div.pro_txt h1 {font-size:25px; padding:20px 0;}
section.product_02 div.pro_txt h2{text-align: center;padding: 3.636rem 0 1.818em 0;}
section.product_02 div.pro_txt img{
    width: 100%;
    max-width: 18.145rem;
}
section.product_02 div.pro_txt p {font-size: 1.2rem;line-height: 1.6rem;padding-bottom: 1.818em;text-align: center;margin: 0;}
section.product_02 div.proR div.pro_img { float:none; width:100%; }
section.product_02 div.proR div.pro_img h2{padding: 3.636rem 0 0.945rem 0;}
section.product_02 div.proR div.pro_txt {float:none; width:100%; text-align:center;}
section.product_02 div.btn {padding-top:0px; margin-bottom:50px;}
section.product_02 div.proC .pro_img{}
section.product_02 div.proC .pro_img img{
    max-width: 27.273rem;
}

section.product_02 div.proR .pro_img h2 img{margin:0 auto !important;}



.section_tit img{margin: 0 auto;width: 100%;max-width: 20rem;}

}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}