/* CSS Document */

body {	-webkit-text-size-adjust:100%; font-family: 'Poppins', sans-serif; overflow-x: hidden; font-weight: 400; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { box-sizing: border-box;}

.content-Box { max-width:1040px; margin:0 auto; text-align:left; position:relative; clear:both;}

#content { font-size: 16px; line-height:200%; color: #000; letter-spacing: 0; padding-top: 184px;}
#content p{ margin-bottom: 20px; margin-top: 0; font-size: 16px;line-height:200%; font-weight: 400;  }
p, td, li, label { font-size: 16px;line-height:200%;  }

.photo-fit img { object-fit: cover; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0;}

.photo {line-height: 0; height: 0; padding-bottom: 40%; overflow: hidden; position: relative; z-index: 1; margin-bottom: 0px;}
.imgCenter {position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; z-index: 2;}
.imgCenter img {max-height: 100%;}

.demo-section { padding: 0 5%;}

#path { padding-bottom: 40px;}
#path ul { margin: 0; padding: 6px 0px 0 0px; line-height: 150%; text-align: left;}
#path li { display: inline-block; vertical-align: top; font-size: 14px; margin: 0; padding: 0; color: #A1A1A1; line-height: 110%; font-weight: 500;}
#path li:after { content:">"; display: inline-block; vertical-align: top; padding: 0 0 0 4px;}
#path li:last-child { pointer-events: none;}
#path li:last-child:after { display: none;}
#path li a { color: #A1A1A1; }
#path li a:hover, #path li a.current { color: #A1A1A1;}

.title01 { text-align: left; padding: 20px 0px 15px 0;}
.title01 > h1 { display: initial; margin: 0; font-size: 32px; font-weight: 500; color: #3C3D3D; line-height: 110%; position: relative;}
.title01 > h1:after { content: ""; position: absolute; bottom: -1px; right: -14px; z-index: -1; display: inline-block; background: url("../images/icon-type-1.png") no-repeat; background-size: cover; width: 55px; height: 45px; }

.title02 { font-size: 30px; font-weight:700; color:#3C3D3D; line-height: 110%;padding-bottom: 25px; padding-top: 15px;}

.seo-content-1 { font-weight: 500;}

.seo-data-type-1 { line-height: 140% !important; color: #7d7d7d;}

/*about*/
.about-section-2 { background: #F4F3F1; padding: 60px 5%;}
.about-section-2-content { text-align: center; color: #000; max-width: 1150px; margin: 0 auto;}
.title03 { font-size: 22px; font-weight:500; line-height: 110%;padding-bottom: 5px;}

.about-section-3 { padding-top: 60px;}
.about-section-3-list { padding-bottom: 30px; display: flex; flex-direction: row; flex-wrap: wrap;}
.about-section-3-list > div { /*height: 340px;*/ width: 20%;}
.about-section-3-list > div:nth-of-type(1) { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.16); background: #073E8D; font-size: 22px; font-weight: 700; color: #fff; line-height: 140%; padding: 0 20px; margin-right: 25px; width: calc(20% - 25px); text-align: center;}
.about-section-3-list-bg { background-position: center center; background-repeat: no-repeat; background-size: cover;}
.about-section-4 { background: url("../images/about-4-bg.png") no-repeat bottom center; background-size: contain; height: 480px; padding: 0 5%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}
.about-section-4-content { max-width: 700px; margin: 0 auto; text-align:left;}
.about-section-4-content span { font-weight: 500; color: #E62447;}

.title07 { color: #01479D; font-size: 34px!important;font-weight: 400;}
/*.about_show { display: none;}*/
.about_show .frame_1040 { max-width: 1240px; padding: 0 100px; margin: auto; height: 100%;}
.about_show .about_gray { background: #F4F3F1; padding: 60px 0 100px; margin: 70px 0 100px;}
.about_show .pic { margin: 20px 0;}
.about_show .about_50 { display: flex; flex-wrap: wrap;}
.about_show .about_50 > div { width: 50%;}
.about_show p { color: #666666;}
.about_show .about_gray p, .about_show .about_4step p { color: #000000;}
.about_show a.link, .about_show a.link_yt { color: #01479D!important; font-weight: 400; font-size: 15px; padding-left: 50px; position: relative;}
.about_show a.link::before{ content: '';position: absolute;top: 2px;left: 0; background: url( "../images/link.png") no-repeat; width: 37px;height: 16px;background-size: cover;}
.about_show a.link_yt::before{ content: '';position: absolute;top: -8px;left: 0; background: url( "../images/link_yt.png") no-repeat; width: 37px;height: 37px;background-size: cover;}
.about_show a:hover{ color: #F8B62A!important;}
.about_show a img{ transition: all 0.4s ease-out 0s; }
.about_show a img:hover{ transform: scale(0.9);}
.about_show .about-section-3-list-new-title { text-align: center;max-width: 800px;/* margin: auto;*/ color: #01479D; font-size: 22px; font-weight: 500;}
.about_show .about-section-3-list-new { display: flex; flex-wrap: wrap; max-width: 800px; margin: 15px 0 60px 0;}
.about_show .about-section-3-list-new .about-section-3-list-bg { width: 24%;margin-right: 1.33%;}
.about_show .about-section-3-list-new .about-section-3-list-bg:last-child { margin-right: 0;}
.about_show .about-section-4-new { position: relative;z-index: 1;}
.about_show .about-section-4-new .about-section-4-content { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);z-index: 2;}
.about_show .about_4step { display: flex; flex-wrap: wrap;}
.about_show .about_4step > div { width: 20%; margin: 0 6.66% 0 0; position: relative;}
.about_show .about_4step > div::before { content: ''; border: solid #EDAC38; border-width: 0px 7px 7px 0; display: inline-block; padding: 7px; position: absolute; top: 50px; right: -40px; transform: rotate(-45deg);}
.about_show .about_4step > div:last-child { margin: 0 0 0 0;}
.about_show .about_4step > div:last-child::before { display: none;}
.about_show .about_4step h3 { margin: 0; background:#01479D; color: #fff; padding: 15px; font-size: 30px; text-align: center; font-weight: 500; min-height: 115px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.about_show .about_4step h4 { color:#01479D; font-size: 24px;font-weight: 500;}

/*products*/
.products-section { display: flex; flex-direction: row; flex-wrap: wrap;}
.products-section > div:nth-of-type(1) { width: 340px;}
.products-section > div:nth-of-type(2) { width: calc(100% - 340px); padding-left: 40px;}

.products-list { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 40px;}
.products-list > div { margin: 0 20px 20px 0; width: calc(25% - 20px);}

.idx-pro-box { background: #F4F3F1; padding: 5px; position:relative;}
.idx-pro-box:hover .idx-pro-btn { opacity: 1;}
.idx-pro-pto { padding-bottom: 100%; display: block; background: #fff;}
.idx-pro-title { height: 70px ; background: #fff; padding: 15px 15px 6px 15px; }
.idx-pro-title > div { height: 48px; font-size: 16px; color: #000; line-height: 150%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.idx-pro-btn { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: auto; background: #F4F3F1; padding:20px 10px 14px 10px; opacity: 0;transition: all 0.4s ease-out 0s;}
.idx-pro-btn > a { display: block; border-radius: 15px; line-height: 1.5; text-align: center; padding: 7px 0; color: #fff !important; font-size: 15px; font-weight: 500; background: #073E8D;width: 100%;max-width: 200px;margin: 0 auto 6px auto;}
.idx-pro-btn > a:nth-of-type(2) { color: #000 !important; background: #F8B62B;display: none;}

.page-section {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-bottom: 40px;}
.page-section > div {padding-bottom: 20px;}

#page { text-align: left; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
#page a { font-size: 15px; color: #fff; font-weight: 500; width: 30px; height: 30px; line-height: 26px; text-align: center; display: inline-block; border: 2px solid #073E8D; background: #073E8D; margin: 0 5px 5px 0; }
#page a:hover, #page a.current { background: #fff; color: #073E8D; }
.page-prev, .page-next { position: relative;}
.page-prev:before, .page-next:before { content: ""; position: absolute; width: 10px !important; height: 10px !important; line-height: inherit !important;  border-width:1px 1px 0 0 !important; border-style: solid; border-color: #fff; top:8px; }
.page-prev:hover:before, .page-next:hover:before { border-color: #073E8D;}
.page-prev:before { transform: rotate(-135deg); left: 12px;}
.page-next:before { transform: rotate(45deg); right: 12px;}

.page-tool {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; padding-bottom: 5px;}
.page-tool > div { margin-left: 5px;}
.page-tool > div:nth-of-type(1) { font-size: 15px; color: #A1A1A1;}
.page-tool > div:nth-of-type(2) input { width: 36px; line-height: 30px; padding: 0 5px; border: 1px solid #A1A1A1; text-align: center; font-size: 15px; color: #000;}
.page-tool > div:nth-of-type(3) a { display: inline-block; line-height:30px; width: 30px; border: 1px solid #A1A1A1; text-align: center; font-size: 15px; color: #A1A1A1 !important;}
.page-tool > div:nth-of-type(3) a:hover { background: #A1A1A1; color: #fff !important;}

.filter-section { padding-top: 30px;}
.filter-section b { display: block; font-weight: 500; font-size: 19px; color: #000; padding-bottom: 10px;}

.contact-note2 { padding-bottom: 10px; margin-top: 0px; display: block;position: relative; left: 0px; padding-top: 0px; cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height: 130%; color: #000000; font-size: 16px; padding-left: 28px; font-weight: 400;}
.contact-note2 input {position: absolute;opacity: 0; top: 0; left: 0; cursor: pointer;height: 20px;width: 20px;}
.checkmark {position: absolute;top:2px;left: 0px;height: 18px;width: 18px;background-color: transparent; border: 1px solid #000; border-radius: 4px;}
.contact-note2:hover input ~ .checkmark {background-color:transparent;}
.contact-note2 input:checked ~ .checkmark {background-color: #0075FF;}
.checkmark:after {content: "";position: absolute;display: none;}
.contact-note2 input:checked ~ .checkmark:after {display: block;}
.contact-note2 .checkmark:after {left:5px;top: 0px;width: 6px;height: 14px;border: solid #fff;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.filter-btn { display: block !important; width: 160px; line-height: 32px; text-align: center; background: #073E8D; font-size: 16px; font-weight: 500; color: #fff !important; padding: 0 !important; margin-top: 20px;}

/*products-detail*/
.products-detail-top { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 100px; }
.products-detail-top > div{ padding-bottom: 30px;}
.products-detail-top > div:nth-of-type(1) { width: 64%; padding-right: 5%;}
.products-detail-top > div:nth-of-type(2) { width: 36%; }
.products-detail-top > div:nth-of-type(2) h1 { font-size: 30px; color: #073E8D; font-weight:900; margin: 0 0 15px 0; padding: 0; }

.pro-b { padding: 0 50px; position: relative;}
.pro-b .prev, .pro-b .next { position: absolute; top:50%; display: inline-block; z-index: 3; text-indent: -99999px;}
.pro-b .prev { left: 5px; }
.pro-b .next { right: 20px;}
.pro-b .prev:before, .pro-b .next:before { position: absolute; content: ""; top:0; left: 0; width: 18px; height: 18px; border-width: 2px 2px 0 0; border-style: solid; border-color: #073E8D;}
.pro-b .prev:before { transform: rotate(-135deg);}
.pro-b .next:before { transform: rotate(45deg);}
.rslides_tabs { margin:0px; padding: 0; text-align:left; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; }
.rslides img { display: inline-block !important; }
.pro-s { margin: 0px -15px 0px 0}
.pro-s li { margin:0 15px 15px 0; line-height:0; list-style: none; display: block; opacity: 1; border-radius: 5px; overflow: hidden;; width: calc(20% - 15px); border:1px solid #f1f1f1;}
.rslides_here  { border-color: #aaa !important; opacity: 1 !important;}

.products-detail-info {font-size: 16px; color: #3C3D3D; padding-bottom: 55px;}
.products-detail-title {font-size: 16px; color: #000; font-weight: 700;}

.quantity-box {display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between; align-items: center; padding-left: 17px; padding-bottom: 15px;}

.number-box { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 120px; height:32px;font-size: 18px;font-family: 'Poppins'; border: 1px solid #A1A1A1; overflow: hidden; color: #000; margin-bottom: 10px;}
.number-minus { width: 36px; line-height: 36px; display: block; text-align: center; cursor: pointer; font-size: 21px;} 
.number-plus { width: 36px; line-height: 36px; display: block; text-align: center;  cursor: pointer; font-size: 21px;} 
.number-minus:hover, .number-plus:hover { color: #073E8D;}
.number-box > input {display: block; width: calc(100% - 72px); text-align: center; background: none; border-width: 0 1px; border-style: solid; border-color: #A1A1A1; font-size: 16px; height: 32px; line-height: 32px; color: #000;}

.price-btn { display: inline-block; width: 210px; line-height: 36px; border-radius: 18px; text-align: center; color:#fff !important; font-size: 16px; font-weight: 500; background: #073E8D; margin-bottom: 10px; border-width: 0;}
.bg-yellow { background: #F8B62B;}

.btn02 { display: block !important; margin-bottom: 15px; text-align: center; color: #073E8D !important; border: 2px solid #073E8D; line-height: 40px; border-radius: 20px; font-size: 16px; font-weight: 500; }
.btn02 img { display: inline-block; margin-right: 10px;}
.btn03 { display: block !important; margin-bottom: 15px; text-align: center; color: #000000 !important;  line-height: 40px; border-radius: 20px; font-size: 16px; font-weight: 500; background: #F8B62B; }
.btn03 img { display: inline-block; margin-right: 10px;}

.pay-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; max-width: 260px; margin: 20px auto 0 auto;}
.pay-list > div { padding: 0 5px 10px 5px;}
.pay-list > div img { max-height: 24px;}

.products-detail-section2 { background: #F4F3F1; padding: 60px 5%; font-size: 16px; color: #000; line-height: 30px;}
.products-detail-section2 p { font-size: 16px !important; color: #000 !important; line-height: 30px !important;}
.products-detail-section2 strong{font-weight: 500;}

.title04 { color: #000; font-size: 28px; font-weight: 700; line-height: 130%; padding-bottom: 15px;}
.title05 { color: #000; font-size: 20px; font-weight: 500; line-height: 130%; padding-bottom: 15px;}
.title06 { color: #3C3D3D; font-size: 28px; font-weight: 500; line-height: 130%; padding-bottom: 40px; text-align: center;}

.color-red { color: #BD1A21;}

.products-detail-spec { max-width: 755px; margin-bottom: 40px; display: flex; flex-direction: row; flex-wrap: wrap;}
.products-detail-spec > div { width: 50%; padding: 0 20px 15px 0; font-size: 16px;}

.related-section { padding: 80px 5%;}

.loop2 .owl-dots { display: none;}
.loop2 .owl-item {position: relative; }
.loop2 .owl-nav { position: absolute; top:calc(50% - 30px); left: 0; width: 100%; z-index: 11;}
.loop2 .owl-prev, .loop2 .owl-next { position:absolute; z-index:100; top:calc(50% - 0px); /*width: 50px !important; height: 50px !important; border-radius: 100% !important; background: rgba(255,255,255,.35) !important;*/}
.loop2 .owl-prev { left:-50px; }
.loop2 .owl-next { right:-50px;}
.loop2 .owl-prev:before, .loop2 .owl-next:before { font-family: 'Font Awesome 5 Free';font-weight: 900 !important;font-size:70px; color: #fff; opacity: 1;transition: all 0.4s ease-out 0s;width: 40px; height: 40px; background-size: contain; display: block; border-width: 8px 8px 0 0; border-style: solid; border-color: #F4F3F1; position: relative;}
.loop2 .owl-prev:before { content: ""; transform: rotate(-135deg);  }
.loop2 .owl-next:before { content: ""; transform: rotate(45deg); }
.loop2 .owl-prev:hover, .loop2 .owl-next:hover { background: none !important;}
.loop2 .owl-prev:hover:before, .loop2 .owl-next:hover:before { opacity: 0.8;}
.loop2 .owl-stage-outer {z-index: 2;}
.loop2 .owl-dots { position: absolute; z-index: 100; bottom: 25px; width: 100%; text-align: center !important; padding: 0 50px; }
.loop2 .owl-dots .owl-dot span, .loop2  .owl-dots .owl-dot span { background: rgba(255,255,255,.6) !important; width: 14px !important; height: 14px !important;}
.loop2 .owl-dots .owl-dot.active span, .loop2  .owl-dots .owl-dot:hover span { background: rgba(255,255,255,1) !important; }

/*contact*/
.contact-section { padding: 100px 5% 50px 5%; background: #F4F3F1;}
.contact-box { padding: 5%; background: #fff; margin-bottom: 40px;}

.contact-form { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.contact-form > div { width: calc(50% - 8px);   border: 2px solid #F4F3F1; display: flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 25px;  }
.contact-form > div > div:nth-of-type(1) { /*width: 120px;*/ padding: 0px 0px 0 15px; border-right: 0px solid #d9d9d9; font-weight: 400; position: relative; font-size: 15px; color: #333; white-space: nowrap;}
.contact-form > div > div:nth-of-type(1) span { position: absolute; left: 10px; top:-1px; color: #e6000c;}
.contact-form > div > div:nth-of-type(2) { width: calc(100% - 0px); padding-right: 10px;}
.width-100 { width: 100% !important;}

.contact-form input[type="text"], .contact-form input[type="number"], .contact-form input[type="tel"], .contact-form input[type="phone"], .contact-form input[type="date"], .contact-form input[type="email"], .contact-form input[type="password"], .contact-form input[type="button"], .contact-form textarea { font-size: 15px; border-width:0 ; border-style: solid; border-color: #e2e2e2; margin: 0px 0 0px 0; width: 100%; padding: 0px 15px; color:#000; background: none; font-family: 'Poppins', sans-serif; line-height: 24px; border-radius: 5px; }
.contact-form textarea { height:95px; padding:7px 15px; resize:none; line-height: 140%;}
.contact-form select{ margin: 0 0 0px 0;  width:100%; background-image: url(../images/product-select.png); background-repeat: no-repeat; background-position: calc(100% - 7px) 8px; -webkit-appearance: none; -moz-appearance: none; appearance: none;   background-color: transparent; font-size: 16px; border-width:0px; border-style: solid; border-color: #e2e2e2; color:#000; font-family: 'Poppins', sans-serif;  padding:0px 35px 0 15px;  line-height: 100%; border-radius: 5px;}
.contact-form option { padding:1px 5px;}
.contact-form select::-ms-expand {
    display: none;
}

.contact-btn-box { display: flex; flex-direction: row; flex-wrap: wrap;align-items: center; padding: 20px 0 0px 0;}
.contact-btn-box > div { margin-bottom: 20px; margin-right: 20px;}

.contact-btn-box .price-btn { width: 190px;}
.inquiry-section .contact-btn-box .price-btn:nth-child(2) { width: auto; padding: 0 15px;}

.contact-info {display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 40px;}
.contact-info > div {width: 33.33%; padding: 20px 5%; text-align: center; border-right: 2px solid #073E8D; font-size: 16px; line-height: 32px; color: #073E8D;}
.contact-info > div a { color: #073E8D !important;}
.contact-info > div:last-child {border-width:0px;}
.contact-info > div img {display: inline-block; margin-bottom: 25px; max-height: 42px;}

.contact-map iframe { width:100%; height: 410px; border-width: 0;}

.contact-btn-box button { margin: 0 25px 15px 0;}

/*inquiry*/
.inquiry-section { padding: 100px 5% 50px 5%; background: #F4F3F1; margin-bottom: 25px;}
.inquiry-title { font-size: 27px; font-weight: 500; color: #000; line-height: 130%; text-align: center;margin-bottom: 25px;}

.inquiry-list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; background: #fff; margin-bottom: 10px; padding: 30px 5%;}
.inquiry-list > div:nth-of-type(1) { width: 26%; line-height: 0;}
.inquiry-list > div:nth-of-type(1) img { border: 5px solid #F4F3F1;}
.inquiry-list > div:nth-of-type(2) { width: calc(74% - 60px); padding: 0 5%; font-size: 16px; color: #000;}
.inquiry-list > div:nth-of-type(2) input { width: 128px; height: 24px; text-align: right; border: 1px solid #A1A1A1; padding: 0 10px; font-size: 15px; color: #000;}
.inquiry-list > div:nth-of-type(3) { width: 60px; text-align: center;}
.inquiry-list > div:nth-of-type(3) img { max-width: 25px;}
.inquiry-title2 { font-size: 18px; font-weight:500; color: #000; line-height: 120%;}
.inquiry-list .inquiry-files > input[type=file]{ border: none; width:unset;  }

/*blog*/
.blog-list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top: 20px;}
.blog-list > div { width: calc(50% - 15px); margin-bottom: 30px;}

.idx-news-pto { display: block; padding-bottom: 58%;}
.idx-news-pto img { transform: scale(1.05);}
.idx-news-content { position: relative; border-width: 0 3px 3px 3px; border-color: #F4F3F1; border-style: solid; padding: 30px; background: #fff; }
.idx-news-data { font-size: 16px; color: #000; margin-bottom: 15px; line-height: 150%;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;}
.idx-news-title { font-size: 18px; font-weight: 700; color: #E62447; line-height: 130%; padding-bottom: 10px;}
.idx-news-date { font-size: 14px; text-align: right;}
.idx-news-btn { text-align: right;}
.btn01 { display: block; width: 156px; line-height: 40px; background: #E62447; color: #fff !important; font-size: 16px; font-weight: 500; text-align: center;}
.btn01 span { display: inline-block; width: 10px; height: 10px; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; transform: rotate(45deg); position: relative; margin-left: 10px; top:-2px;}

/*catalog*/
.idx-catalog-box { position: relative;}
.idx-catalog-box:after { position: absolute; content: ""; z-index: -1; background: #F4F3F1; border-radius: 15px; width: calc(100% - 25px); height:calc(100% - 55px); right: 0; bottom: 0;}
.idx-catalog-pto-box { padding-right: 25px;}
.idx-catalog-pto { padding-bottom: 120%; margin-bottom: 20px; display: block;}
.idx-catalog-date { position: absolute;  z-index: 3; width: 46px; line-height: 26px; text-align: center; background: #fff; font-size: 14px; font-weight: 700; color: #3C3D3D; top: 55px; right: 0; display: none;}
.idx-catalog-pto img { border: 4px solid #fff;}
.idx-catalog-content { padding: 0 25px 25px 38px; line-height: 130%; }
.idx-catalog-content b { display: block;font-size: 16px; font-weight: 700; padding-bottom: 10px;white-space:nowrap; text-overflow : ellipsis; overflow:hidden;}
.idx-catalog-data { white-space:nowrap; text-overflow : ellipsis; overflow:hidden; color: #3C3D3D; font-size:14px;}

#page2 { text-align: center; padding:20px 0 60px 0;}
#page2 a { font-size: 15px; color: #E62447; font-weight: 400; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 100%; display: inline-block; margin: 0 2px;}
#page2 a:hover, #page2 a.current { background: #E62447; color: #fff;}
.page-prev2, .page-next2 { width: 10px !important; height: 10px !important; line-height: inherit !important; border-radius: 0 !important; border-top:1px solid #E62447; border-right: 1px solid #E62447; margin: 0 15px;}
.page-prev2:hover, .page-next2:hover { background: none !important;}
.page-prev2 { transform: rotate(-135deg);}
.page-next2 { transform: rotate(45deg);}


@media only screen and (max-width: 1279px) {
	#content { padding-top: 96px; line-height: 180%; }
	#content p{ line-height: 180%;}
	p, td, li, label { line-height: 180%;}
	
	#path { padding-bottom: 0px;}
	#path li { font-size: 14px;}
	.title01 { padding: 22px 0;}
	.title01 > h1 { font-size: 32px;}
	.title01 > h1:after { width: 50px; height: 40px; }
	.title02 { font-size:22px; padding-bottom: 15px; padding-top: 0;}
	
	.about-section-3-list > div { width: 25%;}
	.about-section-3-list > div:nth-of-type(1) { justify-content:flex-start;font-size: 20px;margin-right: 0px; width: calc(100% - 0px); text-align: left; height: auto; padding: 10px 20px;}
	
	.frame_1040 { padding: 0 50px!important;}
	.about-section-4 { height: 320px;}
	.about_show .about_4step > div {width: 27.5%; margin: 0 8.75% 0 0; }
	.about_show .about_4step > div:nth-child(3n+3) { margin: 0;}
	.about_show .about_4step > div:last-child { margin: 0 8.75% 0 0;}
	/*.about_show .about_4step h3 {font-size: 30px;min-height: 115px;}
	.about_show .about_4step h4 {font-size: 22px; }*/
	.about_show .about-section-4-new .about-section-4-content { position: relative;top: auto;left: auto;transform: translate(0);}
	
	.products-section > div:nth-of-type(1) { width: 100%; padding-bottom: 0px;}
	.products-section > div:nth-of-type(2) { width: calc(100% - 0px); padding-left: 0px;}
	
	.idx-pro-btn { position: relative; opacity: 1;}
	
	.products-detail-top { padding-bottom: 40px;}
	.products-detail-top > div:nth-of-type(1) { width: 100%; padding-right: 0%;}
	.products-detail-top > div:nth-of-type(2) { width: 100%; }
	.products-detail-top > div:nth-of-type(2) h1 { font-size: 26px;}
	.products-detail-info  { padding-bottom: 30px;}
	
	.title06 { font-size: 22px;}
	
	.loop2 .owl-prev { left:-30px; }
	.loop2 .owl-next { right:-30px;}
	.loop2 .owl-prev:before, .loop2 .owl-next:before { width: 25px; height: 25px;border-width: 6px 6px 0 0; }
	
	.contact-section, .inquiry-section { padding: 50px 5%;}
	
	.inquiry-title { font-size: 24px;}
	.inquiry-title2 { font-size: 18px;}
	
	.about_show .pic{margin:20px 0;}
}

@media only screen and (max-width: 980px) {
	.title03 { font-size: 20px;}
	
	.contact-form > div { width: 100%; margin-bottom: 20px;}
	
	.contact-info > div {width: 100%; border-bottom: 2px solid #073E8D;border-right: 0px solid #073E8D; padding: 5%;}
	
	.title04 { font-size: 22px;}
	.title05 { font-size: 18px;}
}
@media only screen and (max-width: 768px) {
	.about-section-3-list > div { width: 50%; height: 250px;overflow: hidden;}
	.about-section-4-new .about-section-4-content { position: relative; top:auto; left: auto; transform: translate(0);margin: 20px 0 30px;}
	.about_show .about_50 > div { width: 100%;margin:0 0 20px 0;}
	.products-list > div { width: calc(50% - 20px);}
	.about_show .about_4step > div::before { right: -35px;}
	.about_show .about_4step > div {width: 45%; margin: 0 10% 0 0; }
	.about_show .about_4step > div:nth-child(2n+2) { margin: 0;}
	.about_show .about_4step > div:nth-child(3n+3) { margin: 0 10% 0 0;}
	.about_show .about_4step > div:last-child { margin: 0;}
/*
	.about_show .about_4step h3 {font-size: 30px;}
	.about_show .about_4step h4 {font-size: 22px;}
*/
	.page-section { flex-direction: column;}
	
	.loop2 { padding: 0 35px;}
	.loop2 .owl-prev { left:-10px; }
	.loop2 .owl-next { right:-10px;}
	
	.related-section { padding: 50px 5%;}
	
	.inquiry-list { flex-direction: column; align-items: center;}
	.inquiry-list > div:nth-of-type(1) { width: 220px;}
	.inquiry-list > div:nth-of-type(2) { width: 100%; padding: 25px 0; text-align: center;}
	
	.blog-list > div { width: 100%;}
	
	.products-list { margin: 0 -10px 0 0;}
	.products-list > div { width: calc(50% - 10px); margin: 0 10px 20px 0; }
}
@media only screen and (max-width: 640px) {
	.contact-btn-box button { margin: 0 0 20px 0;}
	.contact-btn-box .price-btn { width: 100%;}
	.inquiry-section .contact-btn-box .price-btn:nth-child(2) { width: 100%;}
	.frame_1040 { padding: 0 30px!important;}
	.products-detail-spec > div { width: 100%;}
	
	.idx-news-content { padding: 5%;}
}
@media only screen and (max-width: 570px) {
	.about_show .about_4step > div:nth-child(2n+2), .about_show .about_4step > div:nth-child(3n+3),.about_show .about_4step > div:last-child { margin: 0 0px 20px 0; width: calc(100% - 0px);}
	.title07 { font-size: 30px!important;}
	.about_show .about_4step > div {width: 100%; margin: 0 0 50px 0!important; }
	.about_show .about_4step > div:last-child { margin: 0 0 0px 0!important; }
	.about_show .about_4step > div::before { top: 100%; right: 50%; transform: rotate(45deg);}
	.about_show .about_4step h3 {font-size: 26px;}
	.about_show .about_4step h4 {font-size: 20px;}
	.about_show .about-section-3-list-new .about-section-3-list-bg { width: 48%;margin-right: 4%;margin-bottom: 13px;}
	.about_show .about-section-3-list-new .about-section-3-list-bg:nth-child(2n+2), .about_show .about-section-3-list-new .about-section-3-list-bg:last-child { margin-right: 0;}
	.quantity-box { flex-direction: column; align-items: flex-start;}
	
	.idx-pro-title { height: 63px;}
	.idx-pro-title > div { height: auto; font-size: 14px; }
	.idx-pro-btn > a { font-size: 12px;}
}

.about_portrait{display: flex;align-items: center;margin-bottom: 20px;}
@media only screen and (max-width: 414px) {
	.title01 > h1{font-size: 32px;}
	.about_portrait img{width: 80px;}
	.certification{width: 150px;}
	.title07{font-size: 32px!important;}
	.subtitle{font-size: 18px!important;}
	.film-title{font-size: 14px!important;}
	.about_show a.link::before{width: 30px;height: 13px;}
	.about_show a.link_yt::before{width: 30px;height: 30px;}
}

@media only screen and (max-width: 360px) {
	.products-list > div { width: calc(100% - 10px);}
	.idx-pro-title { height: auto;}
}

/* Hashtag ===================================================================== */
.hashtag-common {
	position: relative;
	margin: 0 auto;
	margin-top: 20px;
}
.hashtag-common ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: 5px;
	margin-bottom: 5px;
}
.hashtag-common li {
	list-style: none;
}
.hashtag-common li a {
	display: block;
	font-size: 0.9rem;
	background-color: #e7e7e7;
	border: 1px solid #d9d9d9;
	padding: 5px 7px;
	margin-bottom: 10px;
	border-radius: 3px;
	margin-left: 10px;
	color: #8b8b8b;
	transition: all 0.5s;
}
.hashtag-common li a:hover, .hashtag-common li a.selected {
	color: #fff;
	font-weight: bold;
	background-color: #a3a3a3;
}

.inquiry-list .inquiry-files{
	margin-top: 10px;
}
.inquiry-remark textarea{
	width: 100%;
	padding: 7px 15px;
    resize: none;
    line-height: 140%;
	height: 95px;
}
.input-amount{
	padding-bottom: 10px;
}
.attach-files{
	display: flex;
	margin-top: 15px;
}
.attach-files button{
	background: transparent;
	margin-left: 5px;
}
.attach-files > div{
	margin-right: 20px;
	position: relative;
    width: 55px;
    height: 55px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: row;
	border: 1px solid #c2c2c2;
}
.attach-files > div >img{
	/*max-width: 50px;*/
	 -o-object-fit: cover;
    object-fit: cover;
    height: 100% !important;
    width: 100%!important;
}
.attach-files > div >button{
	margin: 0;
    padding: 0px 5px;
    position: absolute;
	background: #f6f6f6;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: row;
}
.inquiry-files > .btn-default{
	pointer-events: none;
	opacity: 0.7;
	padding: 0.375rem 0.75rem;
	background-color: #e3e0e0;
}
.contact-form > .inquiry-order{
	display: inline-block;
	border: none;
}

/*Tags*/
.Keyword{margin-top: 50px;}
.Keyword-title{font-size: 20px;font-weight:500;display: flex;align-items: center;flex-wrap: wrap;padding-bottom: 20px;border-bottom: 1px solid #4C4948;margin-bottom: 20px;}
.Keyword-title i{margin-right: 12px;background-image: url('../images/icon-tag.png'); background-size: cover;background-repeat: no-repeat;display:block;width:40px;height:35px;}
.Keyword a{display: inline-block;}
.Keyword a:hover{color:#073E8D;}
@media only screen and (max-width: 1279px) {
	.Keyword-title{font-size: 20px;}
	.Keyword-title i{width: 42px;height: 37px;}
}
@media only screen and (max-width: 570px) {
	.Keyword a{font-size: 15px;}
}

.inquiry-files .btn-success{background-color: transparent!important;border-color:transparent!important;-webkit-transition-duration: 0.3s; transition-duration: 0.3s;padding: 0px; max-width: 15px;}
.inquiry-files .btn-success:hover{ -webkit-transform: scale(0.9);transform: scale(0.9);background-color: transparent;border-color:transparent; }

.pro-tag{display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 60px;}
.pro-tag a{padding: 8px 15px;background: #f3f2f0;margin: 12px 12px 0px 0px;}
.pro-tag a:hover{color: #fff;background: #073e8d;}