@charset "utf-8";

.main .section02 .tab_wrap .center-box { flex-grow: 1; }

.arrow-btn-wrap { display: none; }

.subPage .text-type1 .big .parallel { font-size: 1.0rem; color: #ffffff60; }

.product.view-page .item-list li a { color: #ffffff40; }
.product.view-page .item-list li.active a { color: var(--color-primary); }

.table-box + .table-box { margin-top: 1.0rem; }

.product .img.full img { max-width: 100%; }
figure.snow { background: #fff; border-radius: 1.6rem; padding: 1.0rem; }

.sub-head { color: #ffffff60; margin-top: -1.5rem; }

.product.view-page .logo + .img { margin-top: -2.5rem; }

.product.view-page .box .table-box tr > * { text-align: left; padding: .5rem .9rem; }

.product.list-page-type2 .cate-wrap {display: flex; flex-direction: column; gap: 1.35rem;}
.product.list-page-type2 .cate-list {display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center;}
.product.list-page-type2 .cate-list li a {position: relative; border-radius: 5rem; border: 1px solid #ffffff40; padding: .5rem 1.35rem; text-align: center; color: #ffffff40; overflow: hidden;}
.product.list-page-type2 .cate-list li a:after {content: ""; position: absolute; width: 0%; height: 100%; background: var(--color-primary); opacity: .2; left: 0; top: 0; z-index: -1; transition: .5s ease;}
.product.list-page-type2 .cate-list li.active a {border-color: transparent; color: #fff; background: var(--color-primary);}
.product.list-page-type2 .cate-wrap {animation: upMove 1s ease both;}
.product.list-page-type2 .cate-wrap li {animation: clip_path_width 1s .1s ease both;}

.sub .table-box.narrow { width: 420px; max-width: 100%; margin-left: auto; margin-right: auto; }
.sub .table-box.shrink { width: 720px; margin-left: auto; margin-right: auto; }

.text-list.info {display: flex; gap: .6rem;}
.text-list.info li {padding: .5rem .9rem; border-radius: .5rem; border: 1px solid #ffffff60; text-align: left; box-sizing: border-box;}
.text-list.info:has(li[class*="width"]) {flex-wrap: wrap;}
.text-list.info li.width2 {width: calc(100% / 2 - (.6rem / 2));}
.text-list.info li.width3 {width: calc(100% / 3 - (.6rem / 3) * 2);}
.text-list.info li.width4 {width: calc(100% / 4 - (.6rem / 4) * 3);}

.download .inner2 .list-wrap .list { width: 100%; flex-direction: row; flex-wrap: wrap; }
.download .inner2 .list-wrap .list li { width: calc(50% - (1.35rem / 2)); }

.enable { max-width: 420px; margin: 16px auto 0; padding: 12px 32px; border: 1px solid var(--color-primary); border-radius: 0.5rem; color: var(--color-primary); }

.download-catalog { position: relative; display: inline-flex; margin: 0 auto; padding: 1.35rem 2.2rem; border-radius: 6.0rem; border: 1px solid #fff; align-items: center; justify-content: center; overflow: hidden; }
.download-catalog:after {content: ""; position: absolute; width: 26rem; height: 26rem; border-radius: 50%; left: -13rem; bottom: -13rem; background: #fff; transform: scale(0); opacity: 0; z-index: -1; transition: .6s ease;}
.download-catalog span {transition: .5s ease;}

@media screen and (min-width: 1025px) {

	.product.view-page .item-list li:not(.active):hover a { color: #ff640a8a; }
	
	.product.list-page-type2 .cate-list li:not(.active):hover a {color: var(--color-primary); border-color: #ff640a8a; box-shadow: 0 0 10px #ff640a47;}
	.product.list-page-type2 .cate-list li:not(.active):hover a:after {width: 100%;}

}

header.en .right-box .nav-box { width: unset; max-width: unset; }
header.en .right-box .nav-box > .dep { gap: 1.0rem; }

.main .section01 .inner .text-box .top .title { margin-top: 1.35rem; line-height: 1.2; }

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

	header { top: 0; padding: 0; }
	header .inner:after { border-radius: unset; }
	
	header.en .right-box .nav-box { width: 100%; }
	
	.subTop { height: unset; padding-top: 6.0rem; padding-bottom: 2.0rem; }
	.subTop .inner .sub-title { font-size: 1.6rem; }
	
	.subPage { padding: 2.0rem 0; }
	
	.subPage .inner .local_navigation-wrap { display: none; }
	
	.sub .content { gap: 2.0rem; }
	
	.product .cate-list { flex-wrap: unset !important; justify-content: unset !important; overflow-x : scroll; }
	.product .cate-list li a { white-space: nowrap; }
	.product .item-list { justify-content: unset; overflow-x : scroll; }
	.product .item-list li a { white-space: nowrap; }
	
	
}