@charset "UTF-8";
.gnb_header {box-shadow: initial;}
.gnb_header .container {max-width: 1280px;}

.footer .container {max-width: 1280px;}

/* header {display: none;} */
.wrapper {overflow: hidden;}
.container {max-width: 1280px;}
.main_section {padding: 15px 0;}
.main_section .inner {display: flex; gap: 0 10px;}
.main_section .inner .left_box {width: calc(50% - 5px); height: 100%;}
.main_section .inner .left_box .info_slide_area {position: relative; border-radius: 10px; overflow: hidden;}
.main_section .inner .left_box .info_slide_area .info_btn {position: absolute; top: 50%; transform: translateY(-50%); z-index: 11;}
.main_section .inner .left_box .info_slide_area .info_btn.prev {left: 20px;}
.main_section .inner .left_box .info_slide_area .info_btn.next {right: 20px;}
.main_section .inner .left_box .info_slide_area .info_btn img {}
.main_section .inner .left_box .info_slide_area .info_slide {overflow: hidden;}
.main_section .inner .left_box .info_slide_area .info_slide .list {}
.main_section .inner .left_box .info_slide_area .info_slide .list li {}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box {}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner {position: relative;}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .img_box {}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .img_box img {height: 820px; object-fit: cover;}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 80px 50px 55px;}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top {}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .sub_title {margin: 0 0 25px; font-weight: 400; font-size: 16px; line-height: 20px; color: #ffffff;}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .title {font-weight: 700; font-size: 48px; line-height: 1; color: #fff;}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .title .ft_s {font-weight: 500; font-size: 18px; line-height: 20px; color: #ffffff;}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .title2 {font-weight: 700; font-size: 24px; line-height: 30px; color: #fff;}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_btm {}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_btm .text {font-weight: 600; font-size: 16px; line-height: 20px; color: #ffffff;}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_btm .text + .text {margin: 40px 0 0;}
.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_btm .text.tr {text-align: right; font-weight: 400; font-size: 12px;}
.main_section .inner .right_box {width: calc(50% - 5px); height: 820px;}
.main_section .inner .right_box .prd_slide_area {height: 100%;}
.main_section .inner .right_box .prd_slide_area .prd_slide {overflow-y: auto; padding: 0 5px 0 0; height: 100%}
.main_section .inner .right_box .prd_slide_area .prd_slide .list {display: flex; flex-wrap: wrap; gap: 8px; height: 100%}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li {width: calc(50% - 4px); height: calc(50% - 4px);}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box {display: block; position: relative; height: 100%; padding: 20px 20px 0 30px; border-radius: 10px; overflow: hidden; transition: all 0.5s; background-repeat: no-repeat;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box:before {display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #999999; border-radius: 10px; overflow: hidden;  z-index: 2;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner {}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .hit_box {display: flex; justify-content: end;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .hit_box .hit {padding: 0 0 0 20px; background: url("/jpn/images/main/hit_icon.png") no-repeat left center; font-weight: 500; font-size: 11px; line-height: 14px; color: #999999;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .title {margin: 10px 0 0; font-weight: 600; font-size: 18px; line-height: 20px; color: #333333;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .num {margin: 10px 0 0; font-weight: 400; font-size: 12px; line-height: 14px; color: #333333;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .text {margin: 15px 0 0; font-weight: 400; font-size: 13px; line-height: 18px; color: #333333;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .more_btn {display: none; margin: 15px 0 0;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .more_btn .txt {padding: 0 0 0 18px; background: url("/jpn/images/main/more_icon.png") no-repeat left center; font-weight: 400; font-size: 11px; line-height: 14px; color: #333333;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .img_box {position: absolute; right: 0; bottom: 0; width: 100%; padding-bottom: 55%;  z-index: 0; text-align: right; transition: all 0.5s;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .img_box img {position: absolute; right: 0; bottom: 0; height: 100%; object-fit: contain; transition: all 0.5s;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box.img_center .img_box img {width: 100%; }
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box:hover {background-color: #f0f5fd;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box:hover .box_inner .title {font-weight: 700; color: #0252a5;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box:hover:before {border: 3px solid #0150a4;}
/* .main_section .inner .right_box .prd_slide_area .prd_slide .list li .box:hover .img_box {background-color: #f0f5fd;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box:hover .img_box img {mix-blend-mode: multiply} */
.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box:hover .box_inner .more_btn {display: block;}


.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd01 .box {background-image: url("/jpn/images/main/product_img01_01.png");background-position: right 8px bottom 13px;}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd02 .box {background-image: url("/jpn/images/main/product_img02_01.png");background-position: center bottom}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd03 .box {background-image: url("/jpn/images/main/product_img03_01.png");background-position: right bottom}
.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd04 .box {background-image: url("/jpn/images/main/product_img04_01.png");background-position: right 23px bottom 14px}



.main_section .inner .right_box .prd_slide_area *::-webkit-scrollbar {width: 4px;}
.main_section .inner .right_box .prd_slide_area *::-webkit-scrollbar-track {background:#ccc; border-radius:3px;}
.main_section .inner .right_box .prd_slide_area *::-webkit-scrollbar-thumb {background: #0254a6; border-radius:3px;}
.main_section .inner .right_box .prd_slide_area *::-webkit-scrollbar-thumb:hover {background: #0254a6;}


@media screen and (max-width: 1400px) {
	.main_section {padding: 10px 0;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .img_box img {width: 100%; height: 700px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box {padding: 50px 40px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .sub_title {margin: 0 0 15px; font-size: 14px; line-height: 18px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .title {font-size: 34px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .title .ft_s {font-size: 16px; line-height: 18px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .title2 {font-size: 20px; line-height: 26px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_btm .text + .text {margin: 20px 0 0;}
	.main_section .inner .left_box .info_slide_area .info_btn.prev {left: 10px;}
	.main_section .inner .left_box .info_slide_area .info_btn.next {right: 10px;}
	.main_section .inner .left_box .info_slide_area .info_btn img {width: 20px;}
	.main_section .inner .right_box {height: 700px;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box {padding: 10px;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .title {margin: 10px 0 0; font-size: 16px; line-height: 18px;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .text {margin: 15px 0 0; font-size: 12px; line-height: 16px;}

	
	

	.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd01 .box {background-size: 160px auto;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd02 .box {background-size: 100% auto}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd03 .box {background-size: 100% auto}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd04 .box {background-size: 100px auto;}

}


@media screen and (max-width: 1080px) {

	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .img_box img {height: 600px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box {padding: 30px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .sub_title {margin: 0 0 10px; font-size: 12px; line-height: 14px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .title {font-size: 24px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .title .ft_s {font-size: 14px; line-height: 16px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_top .title2 {font-size: 18px; line-height: 22px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_btm .text {font-size: 14px; line-height: 18px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_btm .text.tr {font-size: 12px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_btm .text + .text {margin: 10px 0 0;}
	.main_section .inner .left_box .info_slide_area .info_btn.prev {left: 6px;}
	.main_section .inner .left_box .info_slide_area .info_btn.next {right: 6px;}
	.main_section .inner .left_box .info_slide_area .info_btn img {width: 16px;}
	.main_section .inner .right_box {height: 600px;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .title {margin: 6px 0 0; font-size: 14px; line-height: 16px;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .text {margin: 10px 0 0;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .num {margin: 5px 0 0; font-size: 11px; line-height: 12px;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .box_inner .more_btn {margin: 6px 0 0;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .img_box {padding-bottom: 51%;}

}

@media screen and (max-width: 767px) {
	.main_section .inner {flex-direction: column; gap: 10px;}
	.main_section .inner .left_box {width: 100%;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box {padding: 20px;}
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .img_box img {height: auto;}
	.main_section .inner .right_box {width: 100%; }

}

@media screen and (max-width: 480px) {
	.main_section .inner .left_box .info_slide_area .info_slide .list li .box .box_inner .text_box .text_btm .text {font-size: 12px; line-height: 16px;}

	.main_section .inner .right_box .prd_slide_area .prd_slide .list li {width: 100%;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li .box .img_box {padding-bottom: 38%;}


	

	.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd01 .box {background-size: auto 140px;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd02 .box {background-size: auto 180px; background-position: right bottom;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd03 .box {background-size: auto 180px; background-position: right bottom;}
	.main_section .inner .right_box .prd_slide_area .prd_slide .list li.prd04 .box {background-size: auto 150px}
}