@charset "utf-8";
@media (max-width: 1580px) {
	#main #wrapper{padding-top:80px;}
	#header:after{top:80px;}
	#header .contain{height:80px;}
	#header .sitelogo {top:20px;}

	#gnb{padding-right:100px;}
	#gnb>ul{justify-content:flex-end;}
	#gnb>ul>li {width:160px;}
	#gnb>ul>li>a {font-size:18px; line-height:80px;}

	#gnb .submenu {top:80px;}
	#gnb .submenu ul {padding:30px 0;}
	#gnb .submenu ul li {margin-bottom:15px;}

	.main-visual .item {height:calc(100vh - 80px);}
}

@media (max-width: 1230px) {
	#gnb{display:none;}

	.main-visual .tt2{margin-top:5px;line-height:1.2em;}
	.main-visual .slick-arrow{height:25px;}

	.sec1 .con .flex{margin:0 -20px;}
	.sec1 .con .flex .col{padding:0 20px;}

	.doc-arr-sld{position:relative;padding:0 60px;}
	.main-partner .slick-list{margin:0 -5px;}
	.main-partner .item{padding:0 5px;}

	.doc-arr{width:32px;height:32px;background-size:6px;}
	.doc-arr.prev{left:0;}
	.doc-arr.next{right:0;}

	/* sub page */
	.sub-visual {height:350px;}

	.sub-title{margin-bottom:50px;}

	.lnb-wrap{margin-top:-50px;}
	.lnb ul li a{height:50px;}
	.lnb ul li.active a{border-radius:0;}

	.greeting .img{width:300px;}
	.greeting .tt-wrap .eng{margin-bottom:15px;}
	.greeting .tt-wrap .tt2{margin-bottom:20px;}
	.greeting .tt-wrap .wrap p{margin-bottom:20px;}
	.greeting .tt-wrap .wrap p br{display:none;}
	.greeting .tt-wrap .ceo{margin-top:30px;}
	
	.partner ul{margin:0 -5px -10px;}
	.partner ul li{padding:0 5px;margin-bottom:10px;}
	.partner ul li .logo{min-height:auto;}

	.pr-cate ul{margin:0 -5px -5px;}
	.pr-cate ul li{padding:0 5px;margin-bottom:5px;}
	.pr-cate ul li a{padding:0 20px;height:36px;border-radius:18px;}

	.pr-view .top-con{margin-bottom:60px;}
	.pr-view .top-con .origin{width:350px;}
	.pr-view .top-con .tt-wrap .title{padding-bottom:20px;margin-bottom:20px;}
	.pr-view .top-con .tt-wrap .title .cate{margin-bottom:15px;font-size:15px;}
	.pr-view .top-con .tt-wrap .title .tit{font-size:28px;}
	.pr-view .top-con .tt-wrap .thumb{max-width:320px;}
	.pr-view .top-con .tt-wrap .thumb .slick-list{margin:0 -5px;}
	.pr-view .top-con .tt-wrap .thumb .item{padding:0 5px;}

	.table01 table colgroup col:nth-child(1){width:50% !important;}
	.table01 table colgroup col:nth-child(2){width:25% !important;}
	.table01 table colgroup col:nth-child(3){width:25% !important;}
	.table01 table th,
	.table01 table td{height:50px;padding:10px;}
	.table01 table td .btn{max-width:140px;width:100%;padding:0 15px;margin:0 auto;}
	.table01 table td .btn:after{right:15px;}

	.rel-product .slick-list{margin:0 -10px;}
	.rel-product .item{padding:0 10px;}
	.rel-product .item .img{padding:15px;}
	.rel-product .item .tit{margin-top:15px;}

	.doc-btn-wrap{margin-top:60px;}

	.sticky-wrap .cate-area{width:180px;}
	.float-cate{top:100px;width:160px;}
	.float-cate .tit{font-size:18px;height:44px;}
	.float-cate .cate{padding:15px 20px;}
	.float-cate .cate>ul>li{margin-bottom:5px;}
	.float-cate .cate>ul>li>a{padding-left:10px;}
	.float-cate .cate>ul>li>a:before{top:.4em;}
	.float-cate .cate>ul>li .depth2{margin-top:3px;padding-left:10px;}
	.float-cate .cate>ul>li .depth2>ul>li>a{/* padding-left:10px; */font-size:14px;}
	.float-cate .cate>ul>li .depth2>ul>li>a:before{width:4px;top:.75em;}
	
}

@media (max-width: 900px) {
	.sticky-wrap{display:block;}
	.sticky-wrap .cate-area{width:100%;}
	.float-cate{width:100%;margin-bottom:50px;}
	.float-cate .tit{text-align:left;justify-content:flex-start;padding:0 20px;font-size:16px;}
	.float-cate .cate>ul{}
	.float-cate .cate>ul>li{display:flex;align-items:center;margin-bottom:10px;}
	.float-cate .cate>ul>li>a{margin-right:20px;}
	.float-cate .cate>ul>li .depth2{min-width:0;width:1%;flex:1 1 auto;margin:0;padding-left:0;}
	.float-cate .cate>ul>li .depth2>ul{display:flex;flex-wrap:wrap;margin:0 -10px -5px;}
	.float-cate .cate>ul>li .depth2>ul>li{padding:0 10px;margin-bottom:5px;}
	.sticky-wrap .st-con{width:100%;}

}

@media (max-width: 768px) {
	#main #wrapper{padding-top:60px;}
	#header:after{top:60px;}
	#header .contain{height:60px;}
	#header .sitelogo {top:15px;left:15px;}
	#header .sitelogo img{height:30px;}

	.main-visual .item {height:350px;}
	.main-visual .tt1{font-size:14px;}
	.main-visual .tt2{font-size:32px;}
	.main-visual .slick-arrow{height:16px;}

	.sec1 .con .flex{justify-content:center;flex-wrap:wrap;margin:0 -10px;}
	.sec1 .con .flex .col{width:50%;padding:0 10px;}
	.sec1 .con .flex .col .pic.ab{display:none;}
	.sec1 .con .flex .col .pic.ab.hv7{display:block;opacity:1;}

	.sec2 .flex{display:block;}
	.sec2 .flex .box{padding:40px 0;width:100%;}
	.sec2 .flex .box .tit{margin-bottom:20px;font-size:20px;}
	.doc-btn{min-width:auto;height:32px;}

	.sec3 .sec-tit{margin-bottom:25px;}
	.doc-arr-sld{padding:0 50px;}

	/* footer */
	#footer{padding:30px 0;}
	#footer .contain{flex-direction:column;text-align:center;}
	#footer .foot-info{margin-right:0;width:100%;order:2;}
	#footer .foot-info .logo{margin-bottom:20px;}
	#footer .foot-info .logo img{height:32px;}
	#footer .foot-info address {display:block;margin:0;max-width:100%;}
	#footer .foot-info address p{padding:0;font-size:13px;}
	#footer .foot-info .copy{margin-top:15px;font-size:12px;}
	#footer .foot-info .copy a{font-size:11px;display:inline-block;}
	#footer .foot-right{margin-bottom:20px;order:1;display:block;}
	#footer .foot-right .sns{margin-bottom:15px;}
	#footer .foot-right .sns ul{display:flex;justify-content:center;}
	#footer .foot-right .sns a{width:36px;height:36px;}
	#footer .foot-right .foot-menu ul{justify-content:center;gap:20px;}
	#footer .foot-right .foot-menu ul li{font-size:13px;}

	/* sub page */
	.sub-visual {height:250px;}
	.sub-visual .tt-wrap .eng{margin-bottom:7px;font-size:12px;letter-spacing:.03em;}
	.sub-visual .tt-wrap .tit{letter-spacing:0;}

	.lnb-wrap{margin-top:-44px;}
	.lnb ul li a{height:44px;}

	.greeting{display:block;}
	.greeting .img{margin-right:0;width:100%;margin-bottom:30px;}
	.greeting .tt-wrap{width:100%;}
	.greeting .tt-wrap .eng{margin-bottom:10px;font-size:15px;}
	.greeting .tt-wrap .tt1{margin-bottom:10px;font:15px;line-height:1.5em;}
	.greeting .tt-wrap .tt2{margin-bottom:15px;font-size:16px;}
	.greeting .tt-wrap .wrap p{margin-bottom:15px;}
	.greeting .tt-wrap .ceo{margin-top:20px;}

	.partner ul li{width:33.3333%;}
	.partner ul li .logo{padding:10px;}

	.sub-title h1{font-size:24px;}

	.pr-cate ul{margin:0 -3px -6px;}
	.pr-cate ul li{padding:0 3px;margin-bottom:6px;}
	.pr-cate ul li a{height:32px;border-radius:16px;}

	.pr-list ul li{padding:20px 0;}
	.pr-list ul li a{display:block;}
	.pr-list ul li .img{width:100%;margin-right:0;margin-bottom:20px;}
	.pr-list ul li .tt-wrap{width:100%;}
	.pr-list ul li .tt-wrap .tit{font-size:16px;}
	.pr-list ul li .tt-wrap .tt{margin-top:3px;}
	.pr-list ul li .tt-wrap .info{margin-top:5px;}
	.pr-list ul li .tt-wrap .info dl dt{width:56px;}

	.pr-view .top-con{display:block;}
	.pr-view .top-con .origin{width:100%;margin-right:0;margin-bottom:10px;}
	.pr-view .top-con .tt-wrap{width:100%;}
	.pr-view .top-con .tt-wrap .group{margin-bottom:0;order:2;}
	
	.pr-view .top-con .tt-wrap .title{margin-top:30px;padding-bottom:15px;margin-bottom:15px;}
	.pr-view .top-con .tt-wrap .title .cate{margin-bottom:10px;font-size:14px;}
	.pr-view .top-con .tt-wrap .title .tit{font-size:24px;}
	.pr-view .top-con .tt-wrap .doc-btn{margin-top:20px;}
	.pr-view .top-con .tt-wrap .thumb{order:1;max-width:100%;margin-top:0;width:100%;}
	.pr-view .top-con .tt-wrap .thumb .slick-list{margin:0 -5px;}
	.pr-view .top-con .tt-wrap .thumb .item{padding:0 5px;}

	.pr-view .content .con-tit{font-size:18px;}

	.table01 table colgroup col:nth-child(1){width:60% !important;}
	.table01 table colgroup col:nth-child(2){width:20% !important;}
	.table01 table colgroup col:nth-child(3){width:20% !important;}
	.table01 table th,
	.table01 table td{height:44px;}
	.table01 table th{font-size:13px;}
	.table01 table td{font-size:12px;}
	.table01 table td .btn{max-width:48px;padding:0 10px;height:26px;font-size:0;}
	.table01 table td .btn:after{right:auto;margin-top:-6px;width:12px;height:12px;left:50%;margin-left:-6px;}

	.rel-product .slick-list{margin:0 -5px;}
	.rel-product .item{padding:0 5px;}
	.rel-product .item .tit{margin-top:10px;}

	.doc-btn-wrap{margin-top:40px;}
	.doc-btn.st3{width:100px;height:44px;}

	.float-cate{margin-bottom:20px;}
	.float-cate .tit{font-size:15px;}
	.float-cate .cate>ul>li{display:block;margin-bottom:10px;}
	.float-cate .cate>ul>li>a{margin-right:0;font-size:15px;}
	.float-cate .cate>ul>li .depth2{margin-top:5px;width:auto;padding-left:10px;}

	.inq-info{margin-bottom:20px;}
	.inq-info ul{display:block;}
	.inq-info ul li{margin-bottom:10px;}
	.inq-info ul li p{padding-left:26px;font-size:14px;}
	.inq-info ul li p:before{top:.1em;width:16px;height:16px;}
	.inq-info ul li p strong{font-size:15px;}
}