:root{
	--point-color: #ff6f00;	
	--text-color: #000000;
	--bg-footer: #f6f6f6;
	--bg-grad01: #ebebeb;
	--bg-grad02: #ffffff;
	--border:#cccccc;
}

.mb-30{margin-bottom:30px;}
.text-point{color:var(--point-color) !important;}
.text-blue{color:#4474f8 !important}
.text-red{color:#f84444 !important;}

.btn-download{color:var(--point-color); width:100%; max-width:591px;  font-size:20px;  padding: 25px 0 23px ; transition:all 0.3s;  border-radius:0; border:1px solid var(--point-color);}
.btn-download:hover,
.btn-download:focus,
.btn-download:active{color:white; background:var(--point-color);}

.freeTemplate,
.freeTemplate > section{  width:100%; background:#ffffff; }
.freeTemplate .main {padding-top:76px; padding-bottom:68px;}
.freeTemplate .main h1 {line-height:1.37; margin-bottom:14px;}
.freeTemplate .main h1 img{width:42px; height: 42px; margin-left: 4px;    vertical-align: middle;}

.freeTemplate .list_section{text-align:center;  }
.freeTemplate .tab{list-style:none; border-bottom:2px solid #ddd; padding:0; margin:0 0 14px 0 ; display:flex;  }
.freeTemplate .tab li{cursor:pointer; display:inline-flex; color:#999999; margin-right:20px; align-items:center; margin-bottom:20px;  white-space: nowrap;
	word-break: break-word; }
.freeTemplate .tab li:hover{ background-color:#f9f9f9;}
.freeTemplate .tab li.active{color:#000000; font-weight:bold; }

.freeTemplate .list{margin-top:16px; display:flex; flex-wrap:wrap; width:100% ; justify-content: space-between;}
.freeTemplate .list li{max-width:376px; display:none; width:376px;   margin-bottom:50px; position:relative;  }

.freeTemplate .list li.w-100{max-width:100%; width:100%;}
.freeTemplate .list li.w-100 .img_wrap {height: 301px;}
.freeTemplate .list li.w-100 .img_wrap .hover{height:301px; padding-top:120px; }

.freeTemplate .list li.is_show{display:block}

.freeTemplate .list.is_hide li.more {display: block;max-width: 100%; font-size:20px; color:#666666; cursor:pointer;  }
.freeTemplate .list li.more {display:none; width:100%}

.freeTemplate .list li .img_wrap{width:100%; height:188px;  background: #ffffff; }
.freeTemplate .list li .img_wrap > img{width:100%; margin:0; height:100%; max-width:100%; max-height:100%;   object-fit: scale-down;}
.freeTemplate .list li .img_wrap .hover{opacity:0; padding-top:60px; transition:opacity 0.3s; display:block;color:white; text-align:center; position:absolute; top:0; left:0; width:100%; height:188px; background:rgba(0,0,0,0.6);}
.freeTemplate .list li a:hover .img_wrap .hover{opacity:1; }
.freeTemplate .list li a .img_wrap .hover >img{width:34px; margin:0;} 
.freeTemplate .list li a .img_wrap .hover >span{margin-top:10px; display:block;}
.freeTemplate .list li .title{margin-top:20px; text-align: center; font-weight:bold; color:#1c1c1c; font-size:16px; line-height:1.5;}
.freeTemplate .caution{
	margin-bottom:0;
}


@media all and (max-width:760px) {
	
	.freeTemplate .main {padding-top:36px; padding-bottom:48px;}
	.freeTemplate .main h1 img{width:30px; height: 30px; margin-left: 4px;    vertical-align: middle;}

	.freeTemplate .tab li{font-size:14px; margin-right:8px; width:auto;}
	.freeTemplate .tab{width: 100%;
    overflow-y: scroll;
	}
	
	.freeTemplate .list{margin-top:30px;}
	.freeTemplate .list li{max-width:360px; display:none; width:100%; margin-bottom:30px; margin-right:0;}
	.freeTemplate .list li.is_show{display:block; margin-right:0;}
	.freeTemplate .list.is_hide li.more{display: block;width: 100%;max-width: 100%; font-size:16px; color:#666666;  cursor:pointer; }
	.freeTemplate .list li .title{margin-top:12px; font-size:14px; }

	.freeTemplate .list li .img_wrap{width:100%; height:188px;  box-shadow: none;}	
	.btn-download{ margin-top:30px; font-size:16px;  padding: 13px 0 11px ; }
	.freeTemplate .caution .container-1160{ background-color:#f9f9f9;	padding:32px 20px;}
	.freeTemplate .caution {
		background:white;
		padding:0 5.4%;
		margin-bottom:0;
	}
}