
.contents01 { width:100% !important; max-width:100% !important; padding:0; }


.swiper-slide-a { text-align:center; position:relative; }
.swiper-slide-a .slide-position {  position:absolute; top:0; left:0; width:100%; margin:0 auto; height:100%; transform:translate(50, 50); }
.swiper-slide-a img { object-fit:cover;  max-width:100%; height:100%;  margin:0 auto; }


.main_slide_img { width:100%; height:650px; text-align:center; margin:0 auto 15px 0; position:relative; }
.main_slide_txt { position:absolute; width:1400px; margin-left:-700px; color:#fff; left:50%; top:300px; z-index:990; text-align:right; }

.main_slide_txt h1 { font-size:50px; font-weight:700; }
.main_slide_txt h2 { font-size:30px; }


.product_rolling { padding:100px 0 100px 5%; width:100%; background:url('../image/product_bg.png') }
.rolling_slider { width:100%; margin-top:50px; }
.product_rolling li.item { width:400px; float:left; text-align:center; min-width:400px; height:650px; }
.product_rolling .thumbnail { position:relative; margin:0 auto 20px; text-align:center; }
.product_rolling .thumbnail .prdImg { position:relative; }
.product_rolling .thumbnail a img { width:100% !important; min-width:400px; max-width:400px; box-sizing:border-box;  }


.product_rolling .description { margin:0 auto; padding:0 3px; font-size:12px; line-height:18px; text-align:left; width:100%; }
.product_rolling .description .name a {  display:block; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:24px; }
.product_rolling .description .price { color:#999; font-size:18px;margin:12px 0 ;}
.product_rolling .description .price span { color:#777; text-decoration:line-through; margin-left:10px;   font-weight:normal; font-size:14px; }
.product_rolling .description li { display:block;  width:100%; }
.product_rolling .description span.grid { display:block; }
.product_rolling .description .etc { font-size:16px; color:#666; line-height:150%; }


.rolling_style1 { width:100%; margin:0 auto;  }
.rolling_style1>.bx-wrapper { padding:0 0 0 100px; position: relative; margin-bottom: 60px; *zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y;}
.rolling_style1>.bx-wrapper img { max-width: 100%; display: block; }
.bx-viewport { -webkit-transform: translateZ(0); }

.rolling_style1>.bx-wrapper { }
.rolling_style1>.bx-wrapper .bx-pager,
.rolling_style1>.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

.rolling_style1>.bx-wrapper .bx-pager-item,
.rolling_style1>.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }
.rolling_style1>.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }

.rolling_style1>.bx-wrapper .bx-controls-direction a { text-indent:-999999px; position: absolute; 
 outline: 0; width:14px; height:27px;  z-index: 9999; border:1px solid #ddd; }
.rolling_style1>.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.rolling_style1>.bx-wrapper .bx-controls-auto { display:none;  }
.rolling_style1>.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.rolling_style1>.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }


.rolling_style1>.bx-wrapper .bx-prev { position: absolute;  left: 0px; top:0; background:#fff url('../image/btn_style1_prev.png') no-repeat;
top:105px  !important;  width:60px !important; height:60px !important; display:block; border-radius:40px; background-position:center center;  }
.rolling_style1>.bx-wrapper .bx-next { position: absolute;  left: 0px; top:80px !important; background:#fff url('../image/btn_style1_next.png') no-repeat; 
top:185px  !important;  width:60px !important; height:60px !important; display:block; border-radius:40px; background-position:center center; }


.main_product_more_view { text-align:right; padding-right:80px; }
.main_product_more_view a { background:#222; display:inline-block; color:#fff; border-radius:5px; padding:10px 20px; font-size:18px; }





.index_03 { width:100%; margin:100px auto; color:#222; background:#f5f5f5; padding:100px 0; }
.index_03 ul { display:flex; justify-content:space-between;  max-width:1500px; margin:50px auto 0; }
.index_03 li { width:31%; }
.index_03 li img { max-width:100%; }
.index_03 .txt { background:#fff; width:100%; padding:30px 25px; position:relative; }
.index_03 .txt .subject span { font-size:15px; }
.index_03 .txt .subject p { font-size:24px; font-weight:bold; }
.index_03 .txt .con { margin-top:15px; }
.index_03 .txt .con p { font-size:18px; color:#777; }
.index_03 .txt .more { position:absolute; top:30px; right:20px; }
.index_03 .txt .more a { display:block; background:#fff; color:#222; font-size:18px; font-weight:bold; width:110px; height:35px; line-height:33px; text-align:center; border:1px solid #777; }
.index_03 .txt .more a:hover { background:#222; color:#fff; border:1px solid #222; }
.index_03 h2 { font-size:50px; text-align:center; font-weight:500; }

.index_02 { display:flex; width:100%; max-width:1500px; margin:150px auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.index_02 > div { width:50%; }
.index_02 .visual img { max-width:100%; }
.index_02 .textArea { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; text-align:center; }
.index_02 .textArea span { font-size:18px; color:#888; }
.index_02 .textArea .more { display:block; margin-top:40px; font-size:14px; color:#888; text-decoration:underline; }


h4 { font-size:50px;  font-weight:500; }
h6 { font-size:25px; font-weight:500; color:#555; }
h5 { font-size:35px; line-height:120%; margin:20px 0; font-weight:500; color:#222 }



.index_04 { background:url('../image/bottom_img.jpg') no-repeat; background-size:cover; width:100%; height:700px;  
background-position: center;  text-align:center; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.index_04 .inner { width:100%; }
.index_04 h4, .index_04 h6 { width:100%; color:#fff; line-height:130%; padding:30px 0; }






@media(max-width:800px){


.main_slide_img { width:100%; height:300px; text-align:center; margin:0 auto 15px 0; }
.main_slide_txt { position:absolute; width:100%; color:#fff; margin:0; left:0px; top:150px; z-index:990; text-align:right; }
.main_slide_txt h1 { font-size:20px; font-weight:700; }
.main_slide_txt h2 { font-size:14px; }


h4 { font-size:25px;  font-weight:500; }
h6 { font-size:15px; font-weight:500; color:#555; }
h5 { font-size:20px; line-height:120%; margin:20px 0; font-weight:500; color:#222}


.index_01 ul { display:flex; flex-wrap:wrap; justify-content:center; }
.index_01 ul li { width:48%; padding:1%; }
.index_01 ul li a { display:block; border:1px solid #ddd; padding:8px 0px 8px 10px; border-radius:5px; }

.product_rolling { padding:30px 0 50px 5%; width:100%; background:#f1f1f1; }
.rolling_slider { width:100%; margin-top:15px; }
.product_rolling li.item { width:100%; float:left; text-align:center; min-width:200px; height:350px; }
.product_rolling .thumbnail { position:relative; margin:0 auto 20px; text-align:center; }
.product_rolling .thumbnail .prdImg { position:relative; }
.product_rolling .thumbnail a img { width:100% !important; min-width:100px; max-width:1000px; box-sizing:border-box;  }

.product_rolling .description { margin:0 auto; padding:0 3px; font-size:12px; line-height:14px; text-align:left; width:100%; }
.product_rolling .description .name a {  display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:18px; }
.product_rolling .description .price { color:#999; font-size:16px; margin:5px 0 ;}
.product_rolling .description .price span { color:#777; text-decoration:line-through; margin-left:10px;   font-weight:normal; font-size:14px; }
.product_rolling .description li { display:block;  width:100%; }
.product_rolling .description span.grid { display:block; }
.product_rolling .description .etc { font-size:12px; color:#666; line-height:140%; }

.rolling_style1 { width:100%; margin:0 auto;  }
.rolling_style1>.bx-wrapper { padding:0 0 0 0px; position: relative; margin-bottom: 60px; *zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y;}
.rolling_style1>.bx-wrapper img { max-width: 100%; display: block; }
.bx-viewport { -webkit-transform: translateZ(0); }

.rolling_style1>.bx-wrapper { }
.rolling_style1>.bx-wrapper .bx-pager,
.rolling_style1>.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

.rolling_style1>.bx-wrapper .bx-pager-item,
.rolling_style1>.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; }
.rolling_style1>.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }

.rolling_style1>.bx-wrapper .bx-controls-direction a { text-indent:-999999px; position: absolute; 
 outline: 0; width:14px; height:27px;  z-index: 9999; border:1px solid #ddd; }
.rolling_style1>.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.rolling_style1>.bx-wrapper .bx-controls-auto { display:none;  }
.rolling_style1>.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.rolling_style1>.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

.rolling_style1>.bx-wrapper .bx-prev { position: absolute; background:#fff url('../image/btn_style1_prev.png') no-repeat;background-size:10px;
top:-40px  !important; left:170px !important; width:40px !important; height:40px !important; display:block; border-radius:20px; background-position:center center;  }
.rolling_style1>.bx-wrapper .bx-next { position: absolute; background:#fff url('../image/btn_style1_next.png') no-repeat; background-size:10px; 
top:-40px  !important; left:220px !important; width:40px !important; height:40px !important; display:block; border-radius:20px; background-position:center center; }


.main_product_more_view { text-align:right; padding-right:20px; }
.main_product_more_view a { background:#222; display:inline-block; color:#fff; border-radius:5px; padding:7px 20px; font-size:14px; }




.index_02 { display:block;; width:100%;  margin:100px auto; border-top:0d; border-bottom:0; }
.index_02 > div { width:100%; }
.index_02 .visual img { max-width:100%; }
.index_02 .textArea { display:block; text-align:center; padding:50px 5%; }
.index_02 .textArea span { font-size:16px; color:#888; letter-spacing:-1px; }
.index_02 .textArea .more { display:block; margin-top:40px; font-size:14px; color:#888; text-decoration:underline; }


.index_03 { width:100%; margin:0px auto; color:#222; background:#f5f5f5; padding:70px 0; }
.index_03 ul { display:block; margin:20px auto 0; }
.index_03 li { width:90%; margin:0 auto 20px; }
.index_03 li img { width:100%; }
.index_03 .txt { background:#fff; width:100%; padding:20px 25px; position:relative; }
.index_03 .txt .subject span { font-size:15px; }
.index_03 .txt .subject p { font-size:20px; font-weight:bold; }
.index_03 .txt .con { margin-top:15px; }
.index_03 .txt .con p { font-size:15px; color:#777; }
.index_03 .txt .more { position:absolute; top:20px; right:20px; }
.index_03 .txt .more a { display:block; background:#fff; color:#222; font-size:16px; font-weight:bold; width:90px; height:35px; line-height:33px; text-align:center; border:1px solid #777; }
.index_03 .txt .more a:hover { background:#222; color:#fff; border:1px solid #222; }
.index_03 h2 { font-size:50px; text-align:center; font-weight:500; }


.index_04 { background:url('../image/bottom_img.jpg') no-repeat; background-size:cover; width:100%; height:300px;  
background-position: center;  text-align:center; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.index_04 .inner { width:100%; }
.index_04 h4, .index_04 h6 { width:100%; color:#fff; line-height:130%; padding:20px 0; letter-spacing:-1px; }
.index_04 h4 { font-size:20px; }
.index_04 h6 { font-size:13px; }

}
