@charset "utf-8";


/* table */
.table01{width:100%;border-top: 3px solid #3ab7c7;border-collapse: collapse;border-spacing: 0;text-align: center;}
.table01 caption{font-size:0}
.table01 tr{}
.table01 th{background: #fbfbfb;font-size: 17px;}
.table01 td{font-size:16px;}
.table01 td > p{background: #e9e9e9;border-radius: 30px;padding: 5px 0;font-weight: 500;}
.table01 td:nth-child(2){text-align: left;padding: 10px 20px;color:#666666;}
.table01 td:nth-child(3){text-align: left;padding: 10px 20px;color:#666666;}
.table01 th,
.table01 td{border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;padding: 10px;}
.table01 th:first-child,
.table01 td:first-child{border-left:1px solid #dbdbdb;font-weight: 500;}


/* btn */
.btn-sbm{background:#2e97f4;color:#fff;border:2px solid #2e97f4 !important;}
.btn-sbm:hover{background:#1FB7DE;border-color:#1FB7DE !important;}
.btn-dft{background:#fff;color:#2e97f4;border: 2px solid #2e97f4 !important;transition:all ease 0.3s;}
.btn-dft:hover{color:#1FB7DE;border-color:#1FB7DE !important;}



#sub-nav{border-bottom:1px solid #a38b78;}
.pc-menu{text-align:center;}
#sub-nav .nav-wr{display: table;width: 100%;height: 280px;color: #a38b78;text-align: left;}
#sub-nav .nav-wr .t-cell{padding-bottom: 30px;vertical-align: bottom;}
#sub-nav .sub-nav-ttl{font-size: 38px;font-weight: 350;}

@media (max-width:1650px){
	#sub-nav .nav-wr{height: 250px;}
}

@media (max-width:1440px){
	#sub-nav .nav-wr{height: 250px;}
	#sub-nav .sub-nav-ttl{font-size: 36px;}
}

@media (max-width:1024px){
	#sub-nav .nav-wr .t-cell{padding-bottom: 20px;}
	#sub-nav .sub-nav-ttl{font-size: 32px;}
}

@media (max-width:768px){
	#sub-nav .nav-wr{height: 200px;}
	#sub-nav .sub-nav-ttl{font-size: 28px;}
}

@media (max-width:500px){
	#sub-nav .nav-wr{height: 150px;}
	#sub-nav .sub-nav-ttl{font-size: 24px;}
}


#sub-nav .tab-sub-visual{width: 100%;height: 219px;background-position: center;background-repeat: no-repeat;background-size: cover;display: table;}
#sub-nav .tab-sub-visual.visual01{background-image:url('../img/sub/tab-sub-visual01.jpg')}
#sub-nav .tab-sub-visual.visual02{background-image:url('../img/sub/tab-sub-visual02.jpg')}
#sub-nav .tab-sub-visual.visual03{background-image:url('../img/sub/tab-sub-visual03.jpg')}
#sub-nav .tab-sub-visual.visual04{background-image:url('../img/sub/tab-sub-visual04.jpg')}
#sub-nav .tab-sub-visual.visual05{background-image:url('../img/sub/tab-sub-visual05.jpg')}
#sub-nav .tab-sub-visual .tab-sub-txt{color:#fff;text-align: center;}
#sub-nav .tab-sub-visual .tab-sub-txt .t01{font-size:15px;color: rgba(255,255,255,0.7);}
#sub-nav .tab-sub-visual .tab-sub-txt .ttl{font-size:25px;}

#sub-nav .tab-sub{background:#f5f5f5}
#sub-nav .tab-sub ul{display:flex;flex-wrap: wrap;justify-content: center;width: 100%;max-width: 1600px;margin: 0 auto;text-align: center;padding: 5px 0 25px;}
#sub-nav .tab-sub ul li{width: calc(100%/5);font-size: 18px;padding: 0 10px;}
#sub-nav .tab-sub ul li a{display:block;position: relative;color:#838383;padding: 20px 0;}
#sub-nav .tab-sub ul li a.long{font-size: 16px;}
#sub-nav .tab-sub ul li a:before{display:none;content:'';position:absolute;left: 50%;bottom: -5px;width: 0px;height: 0px;border-top: 5px solid #2c95d2;border-left: 5px solid transparent;border-right: 5px solid transparent;transform: translateX(-50%);}
#sub-nav .tab-sub ul li a:after{display:block;content:'';position:absolute;width:100%;height: 5px;background:#aeaeae;left:0;bottom: 0;}
#sub-nav .tab-sub ul li.active a{color:#2c95d2}
#sub-nav .tab-sub ul li.active a:before{display:block}
#sub-nav .tab-sub ul li.active a:after{background:#2c95d2}

@media (max-width:1650px){
	#sub-nav .tab-sub ul li a{font-size:16px;padding: 15px 0;}
	#sub-nav .tab-sub ul li a.long{font-size: 15px;}
}

@media (max-width:1400px){
	#sub-nav .tab-sub ul{max-width:960px;justify-content: flex-start;}
	#sub-nav .tab-sub ul li{width:calc(100%/3);padding: 0 15px;}
}

@media screen and (max-width: 1300px){
	#sub-nav .tab-sub-visual{height:160px}
	#sub-nav .tab-sub-visual .tab-sub-txt .t01{font-size:14px;}
	#sub-nav .tab-sub-visual .tab-sub-txt .ttl{font-size: 22px;}

	#sub-nav .tab-sub ul{padding: 5px 20px 25px;}
	#sub-nav .tab-sub ul li{font-size: 16px;}
	#sub-nav .tab-sub ul li a{padding: 15px 0;}
}

@media screen and (max-width:1024px){
	#sub-nav .tab-sub ul{}
	#sub-nav .tab-sub ul li{padding: 0 10px;}
	#sub-nav .tab-sub ul li a{font-size: 15px;padding: 10px 0 8px;}
	#sub-nav .tab-sub ul li a.long{font-size: 13px;}
	#sub-nav .tab-sub ul li a:after{height: 3px;}
}

@media screen and (max-width:768px){
	#sub-nav .tab-sub-visual{height:120px}
	#sub-nav .tab-sub-visual .tab-sub-txt .t01{font-size:13px;}
	#sub-nav .tab-sub-visual .tab-sub-txt .ttl{font-size: 18px;}
	
	#sub-nav .tab-sub ul{width:500px;}
	#sub-nav .tab-sub ul li{width:50%;padding: 0 5px;}
	#sub-nav .tab-sub ul li a{font-size: 14px;}
	#sub-nav .tab-sub ul li a.long{font-size: 12px;}
}

@media screen and (max-width:500px){
	#sub-nav .tab-sub ul{width: 230px;padding: 10px 0;}
	#sub-nav .tab-sub ul li{width: 100% !important;}
	#sub-nav .tab-sub ul li a{display:inline-block;padding: 5px 0 3px;}
	#sub-nav .tab-sub ul li a:before{left: auto;right: -20px;transform: translate(0 , -50%);bottom: auto;top: 50%;border-right: 0;border-left: 8px solid #2c95d2;border-top: 4px solid transparent;border-bottom: 4px solid transparent;}
	#sub-nav .tab-sub ul li a:after{display:none;}
}



/* common */
.sub-wr{font-size:17px;padding: 80px 0;color:#212121;}

@media (max-width:1300px){
	.sub-wr{padding:50px 0;}
}

@media (max-width:768px){
	.sub-wr{padding:30px 0;}
}



/* product */
.product{}
.product .list-wr{width:100%;max-width:1300px;margin:0 auto;justify-content: space-between;}
.product .list-wr li{width: calc(33% - 15px);text-align: center;margin: 10px 0;}
.product .list-wr li .prd-img{border: 1px solid #ddd;box-shadow: 3px 3px 20px -15px #000;width: 100%;height: 420px;display: flex;align-items: center;justify-content: center;}
.product .list-wr li .prd-img img{max-width:80%;max-height: 100%;}
.product .list-wr li .prd-txt{padding: 30px 0;}

@media (max-width:1440px){
	.product .list-wr{padding:0 100px;max-width: 1150px;}
	.product .list-wr li .prd-img{padding: 15px;height: 360px;}
}

@media (max-width:1300px){
	.product .list-wr{max-width: 1000px;padding:0 80px;}
	.product .list-wr li .prd-img{height: 300px;}
	.product .list-wr li .prd-txt{padding: 20px 0;}
}

@media (max-width:1024px){
	.product .list-wr{max-width: 750px;padding:0 40px;}
	.product .list-wr li{width: calc(33% - 10px);}
	.product .list-wr li .prd-img{padding: 10px;height: 250px;}
	.product .list-wr li .prd-txt{padding: 15px 0;font-size: 15px;}
}

@media (max-width:768px){
	.product .list-wr{max-width: 500px;padding: 0 20px;}
	.product .list-wr li{width: calc(50% - 10px);}
	.product .list-wr li .prd-img{padding: 5px;height: 230px;}
	.product .list-wr li .prd-txt{padding: 10px 0;}
}

@media (max-width:500px){
	.product .list-wr{max-width: 300px;padding: 0 40px;}
	.product .list-wr li{width: 100%;margin: 15px 0;}
	.product .list-wr li .prd-img{padding: 15px;height: 235px;}
	.product .list-wr li .prd-txt{padding: 10px 0;}
	
}