@media (max-width:1270px) {
	#hd .wrap144 {padding: 0 20px;}
	#hd .head-left {gap: 40px;}
	
	.container {padding: 0 20px;}
	.container2 {padding: 0 20px;}
	
	#bn02 .pr-con p:last-child {width: 100%;}

	#media-slide .slick-arrow {width: 40px; height: 40px;}
	#media-slide .slick-prev {left: 20px;}
	#media-slide .slick-next {right: 20px;}
	#media-slide .slick-arrow::after {width: 24px; height: 24px;}
	
	#ft {width: 100%;}
}

@media (max-width:1200px) {
	#hd h1 a {width: 60px;}
	#hd nav {display: none;}
	#hd .wrap127 {padding: 0 20px;}
	#open_menu .open_d1 {width: 100%; padding: 0 20px;}
	
	#mainV .slick-slide div {left: 126px;}
	#mainV .slider-progress {left: 126px;}
	#mainV .slick-arrow {display: none !important;}
	
	#bn04 .lc-tit {width: 100%;}
	#bn04 .wrap152 {padding: 100px 20px; gap: 30px; flex-direction: column;}
	#bn04 #video-area {width: 100%;}
	#bn04 #video-area iframe {width: 100%; min-height: 200px;}

	#bn06 .container2 {flex-direction: column-reverse; gap: 30px; padding-top: 30px;}
	#bn06 .interr {width: 100%;}
	#bn06 .text-wrap {width: 100%;}
	#bn06 .text-wrap > img {margin-top: 30px;}
	#inter-imgS .slick-list {width: 70%; margin: 0 auto;}
	#inter-textS {width: 60%;}

	#bn07 .bean-bg {display: none;}

	#bn08 .container2 {gap: 50px;}
	#bn08 .container2 > img {height: 60px; height: 60px;}
	#bn08 .Nshop-slide li {font-size: 20px;}

	#system-wrp .sytms > img {width: 45%;}
	#system-wrp p br {display: none;}
	
	#shop-sales .sp-graph {width: 55%;}
}

@media (max-width:1080px) {
	#hd .wrap144 {height: 60px;}
	#hd .d1 {display: none;}
	#hd #shop_Q {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	#hd #m-menu {display: block;}
	#hd #shop_Q a {font-size: 13px; padding: 8px 10px; text-align: center;}
	#open_menu {display: block;}
	#hd h1 a {width: 38px;}
	#main {margin-top: 60px;}

	#bn01 .scs {margin-top: 50px;}
	#bn01 .scs div {flex-direction: column; row-gap: 20px; margin-bottom: 40px;}
	#bn01 .scs .scs-img {flex-direction: row;}
	#bn01 .scs p {width: 100% !important;}
	#bn01 .scs .bn01-leftB {width: 100%;}
	#bn01 .scs img {height: 280px;}
	#bn01 .scs .scs-img img {width: calc(50% - 10px);}
	#bn01 .bn01-leftB br {display: none;}

	#bn03 .pds li {width: 30%;}
	#bn03 .pds li .pd-img {height: 300px;}

	#bn07 .media-bg {height: 270px;}
	#bn07 .container2 {padding-bottom: 50px;}
	#bn07 .texts {flex-direction: column; align-items: start;}
	/* #media-slide .slick-list {height: 440px;} */
}


@media (min-width: 240px) and (max-width:768px) {
	#hd .menu {width: 32px; height: 32px;}
	#hd .menu span {height: 3px;}
	#hd .menu span:nth-child(1) {top: 4px;}
	#hd .menu span:nth-child(3) {bottom: 4px;}

	#open_menu {overflow-Y: scroll; background: #fff;}
	#open_menu .open_d1 {top: 80px; left: 10%; gap: 50px; flex-direction: column; max-width: 240px; padding-bottom: 120px; transform: none;}
	#open_menu .open_d1 > li > a {padding-bottom: 10px; border-bottom: 3px solid var(--main-color); font-size: 20px;}
	#open_menu .open_d1 > li:hover > a {color: var(--main-color);}
	#open_menu .open_d2 a {font-size: 16px;}
	#mainV .slick-slide {height: 420px;}
	#mainV .slick-slide .mainV-T {padding: 0 20px;}
	#mainV .slick-slide .mainV-T p {font-size: 18px; line-height: 1.8rem;}
	#mainV .mainV-T .logo-T {width: 80%; min-width: 200px; object-fit: contain; margin-bottom: 40px;}
	#mainV .mainV-T::after {top: 40%; width: 120px; translateX(-50%)}

	#bn01 {padding: 0;}
	#bn01 .container {padding-top: 30px;}
	#bn01 .bn01-tit::after {height: 38px; margin: 20px auto;}
	#bn01 .bn01-tit p {margin-bottom: 10px; font-size: 16px;}
	#bn01 .sp-text {width: 80%; margin-bottom: 20px;}
	/* #bn01 .bn01-tit .big-tit {margin-bottom: 20px; font-size: 30px; word-break: keep-all;} */
	#bn01 .bn01-tit .f999 {font-size: 14px;}
	#bn01 .scs {margin-top: 30px;}
	#bn01 .scs div {margin-bottom: 20px;}
	#bn01 .scs .scs-img {flex-direction: column; row-gap: 0;}
	#bn01 .scs .scs-img img {width: 100%;}
	#bn01 .scs img {height: 200px;}
	#bn01 .scs p {width: 50%; font-size: 16px; color: #999;}
	#bn01 .scs span {display: block; margin-bottom: 10px; font-weight: 700; color: #333;}
	#bn01 .scs .bn01-leftB {font-size: 26px;}
	#bn01 .bn01_slide {height: 160px;}
	#bn01 .slick-arrow {display: none !important;}
	#bn01 .slick-slide {height: 100%;}


	#bn02 .container2 {padding-top: 30px;}
	#bn02 .menu-tit {flex-direction: column;}
	#bn02 .menu-tit p {margin-bottom: 8px; margin-right: 0; font-size: 30px; text-align: center;}
	#bn02 .menu-tit span {font-size: 16px; text-align: center;}
	#bn02 .menu-tit .line {width: 20% !important; margin-left: 0; margin-top: 16px;}
	#bn02 .mu1-wrap {margin-top: 30px;}
	#bn02 .mu1-wrap ul {overflow-x: scroll}
	#bn02 .mu1-wrap li {width: 100%;}
	#bn02 .mu1-wrap img {max-width: 160px; height: 200px; width: auto;}
	#bn02 .mu1-wrap p {font-size: 16px;}
	#bn02 .mu-vm {margin-top: 30px; padding: 7px 20px 10px; width: 100%; text-align: center; font-size: 16px;}

	#suBaner {height: 240px;}
	#suBaner .detail-wrap {top: 50%; padding: 0 20px; text-align: left;}
	#suBaner img {height: 60px; margin: 0 0 10px;}
	#suBaner .typingT {font-size: 20px;}
	#suBaner .Typewriter__wrapper {border-bottom: 3px solid #fff;}
	#suBaner p {margin-top: 15px; font-size: 14px;}

	#bn03 .container2 {padding-top: 50px;}
	#bn03 .bp-mntab ul {flex-direction: column;}
	#bn03 .bp-mntab li {width: 100%; font-size: 18px; line-height: 48px;}
	#bn03 .bp-mntab li.active::after {display: none;}
	#bn03 .details {margin-bottom: 20px;}
	#bn03 .details ul {justify-content: start;}
	#bn03 .details li {font-size: 15px; margin-bottom: 6px; padding: 0 10px; line-height: 36px;}
	#bn03 .nocof-tit {font-size: 26px; margin: 0 0 30px;}
	#bn03 .pds ul.active {flex-wrap: nowrap; overflow: scroll;}
	#bn03 .pds li {width: 100%; height: auto; margin-bottom: 0; margin-right: 20px;}
	#bn03 .pds li:hover {transform: none;}
	#bn03 .pds li:last-child {margin-right: 0;}
	#bn03 .pds li .pd-img {min-width: 240px; height: 240px;}
	#bn03 .pds li p {font-size: 16px;}
	#bn03 .pds li .pd-en {font-size: 12px;}

	
	#mutab-wp {padding-top: 30px;}
	#mutab-wp ul {justify-content: start; flex-wrap: wrap;}
	#mutab-wp li {padding: 0 15px; border-radius: 0 !important; font-size: 15px; line-height: 40px;}
	
	
	#bn04 .container2 {padding-top: 30px;}
	#bn04 #bn04-dtl {flex-direction: column; margin-top: 0;}
	#bn04 #bn04-dtl > div {width: 100%;}
	#bn04 #bn04-dtl .left {margin-bottom: 30px;}
	#bn04 #bn04-dtl .left .up-side {margin-bottom: 30px;}
	#bn04 #bn04-dtl .left .up-side .big-tit {font-size: 24px;}
	#bn04 #bn04-dtl .left .up-side .big-tit br {display: none;}
	#bn04 #bn04-dtl .left .dn-side {height: 220px;}
	#bn04 #bn04-dtl .right label {font-size: 14px;}
	#bn04 #bn04-dtl .right input {line-height: 48px; padding: 0 10px;}
	#bn04 #bn04-dtl .right .form034 {flex-direction: column;}
	#bn04 #bn04-dtl .right .form034 div {width: 100%;}
	#bn04 #bn04-dtl .right .form034 select {padding: 14px 10px;}
	#bn04 #bn04-dtl .right button {font-size: 18px; line-height: 48px;}


	#bn05 {margin-top: 30px;}
	#bn05 > img {display: none;}
	#bn05 .container2 {flex-direction: column;}
	#bn05 .container2 > img {display: none;}
	#bn05 .text {width: 100%; margin-bottom: 30px;}
	#bn05 .text .t1 {font-size: 24px; line-height: 2.4rem; letter-spacing: 0; margin-bottom: 10px;}
	#bn05 .text p {font-size: 18px; line-height: 1.8rem;}
	#bn05 .img {width: 100%; height: 300px;}


	#bn06 .scrollingT {display: none;}
	#bn06 .interr .slick-arrow {display: none;}
	#bn06 .text-wrap > img {margin-top: 0; width: 40px;}
	#bn06 .text-wrap .big-tit {margin-top: 5px; font-size: 24px;}
	#bn06 .text-wrap p {margin-top: 10px; font-size: 16px;}
	#bn06 .text-wrap a {margin-top: 15px; font-size: 16px;}
	#bn06 .text-wrap .arr {width: 18px; height: 18px; margin-left: 5px;}
	#bn06 .text-wrap .arr::before {width: 14px; height: 14px;}
	#inter-textS {bottom: -25px;}
	#inter-imgS .slick-list {width: 100%; height: 380px;}
	#inter-textS .intText-wrap li {line-height: 48px; font-size: 20px;}
	#inter-imgS .intImg-wrap li p {font-size: 18px; line-height: 48px;}

	#bn07 .media-bg {height: 160px;}
	#bn07 .container2 {padding-top: 40px;}
	#bn07 .texts {margin-bottom: 20px;}
	#bn07 .texts p {font-size: 16px;}
	#bn07 .texts .big-tit {font-size: 24px;}
	#media-slide .slick-next {right: -10px;}
	#media-slide .slick-prev {left: -10px;}


	#bn08 {display: none;}
	
	
	#bn09 .logo-img {width: 60px; object-fit: contain; padding: 30px 0;}
	#system-wrp {padding-bottom: 30px;}
	#system-wrp .sytms {flex-direction: column !important; margin-bottom: 40px;}
	#system-wrp .sytms > img {width: 100%; height: 220px !important; margin-bottom: 20px; border-radius: 0;}
	#system-wrp .sys-texts {width: 100%; margin-top: 0;}
	#system-wrp p {font-size: 16px;}
	#system-wrp .pnt {font-size: 14px;}
	#system-wrp .big-tit {font-size: 20px; margin: 5px 0 10px;}


	#bn010 {margin-top: 30px;}
	#bn010 .all-left {display: none;}
	#bn010 > img {display: none;}
	#bn010 .container2 {padding-top: 30px; padding-bottom: 30px;}
	#bn010 #shop-prc {padding: 0;}
	#bn010 #shop-prc .shop-tit {font-size: 24px;}
	#bn010 #shop-prc .shop-tit::after {height: 1px;}
	#bn010 #shop-prc .card-wrap {margin-top: 30px;}
	#bn010 #shop-prc .card-wrap li {width: 50%; padding: 16px 10px;}
	#bn010 #shop-prc .card-wrap p {font-size: 16px; word-break: keep-all;}
	#bn010 #shop-prc .card-wrap .t2 {font-size: 14px; word-break: break-all;}
	#bn010 #shop-prc .card-wrap .t2 br {display: none; margin: 5px auto;}
	#bn010 #shop-prc .card-wrap div {width: 48px; height: 48px;}
	#mth-my {margin-top: 40px;}
	#mth-my .mth-tit .big-tit {margin-bottom: 8px; font-size: 24px;}
	#mth-my .mth-tit p {font-size: 16px;}
	#mth-my .mth-tit p br {display: none;}
	#mth-my > img {display: none;}
	#mthS-wrapper .slick-list {height: 240px;}
	#mthS-wrapper img {height: 140px;}
	#mthS-wrapper .texts {margin-top: 10px;}
	#mthS-wrapper .texts p {font-size: 16px;}
	#mthS-wrapper .texts .shop-lo {font-size: 18px;}
	
	
	#bn011 {padding: 30px 0 50px;}
	#shop-price .sp-tit p {font-size: 16px;}
	#shop-price .sp-tit .big-tit {font-size: 24px; margin-bottom: 10px;}
	#shop-price .tlb-up {flex-direction: column; align-items: start;}	
	#shop-price .tlb-up .red {font-size: 16px;}
	#shop-price .tlb-up .rate {font-size: 14px;}
	#shop-price .tlb-down p {font-size: 14px;}
	#shop-price .tlb-img {overflow-x: scroll;}
	#shop-price .tlb-img .pc {display: none;}
	#shop-price .tlb-img .mo {display: block; width: auto; height: 400px;}
	#shop-sales {flex-direction: column; row-gap: 10px; margin-top: 50px; padding: 30px 20px;}
	#shop-sales .sp-text p {font-size: 14px;}
	#shop-sales .sp-text .big-tit {font-size: 20px; margin-bottom: 10px;}
	#shop-sales .sp-text .t3 {margin-top: 10px; font-size: 16px;}
	#shop-sales .sp-text .t3 br {display: none;}
	#shop-sales .sp-text .blu {font-size: 20px;}
	#shop-sales .sp-graph {width: 100%; height: 200px; min-width: 240px;}


	#ft {margin-top: 50px !important;}
	#ft .container {padding: 50px 20px;}
	#ft h2 {max-width: 80px;}
	#ft h2 img {height: 100%; object-fit: contain;}
	#ft_wr {flex-direction: column;}
	#ft_link {flex-wrap: wrap; row-gap: 5px; margin-bottom: 20px;}
	#ft_link a {font-size: 14px;}
	#ft_company  {line-height: 1.4rem;}
	#ft_company .ft_info {font-size: 13px;}
	#f_copyr {font-size: 12px; margin-top: 20px;}

	#backtotop {bottom: 50px; right: 10px;}
	#backtotop .fltB {width: 60px; height: 60px; margin-bottom: 10px;}
	#backtotop .fltB img {width: 24px; height: 24px;}
}