@charset "utf-8";
#page-kv { position: relative;}
#page-kv .inner-kv { padding: 200px 0 60px;}
#page-kv .ptl { position: relative; width: 90%; max-width: 1200px; margin: 0 auto;}
#page-kv .ptl h2 { margin-bottom: 18px;}
#page-kv .ptl h2 img { width: 60%; max-width: 340px;}
#page-kv .ptl p { color: #1a186c; font-size: 24px; font-weight: 700;}
#page-kv .wave { width: 60%; max-width: 1000px; position: absolute; right: 0; bottom: -40px; overflow: hidden;}
#page-kv .wave svg { width: 900px;}
#page-kv .wave svg image { width: 100%;}
#page-kv .wave svg .cls { fill: none; stroke: #fff; stroke-linecap: round;
 stroke-width: 200px;
 stroke-dasharray: 1500;
 stroke-dashoffset: 1500;
}

#page-kv.show .wave svg .cls { animation: 0.6s linear kv-wave forwards; animation-delay: 0.2s;}
@keyframes kv-wave{
 0% { stroke-dashoffset: 1500;}
 100% { stroke-dashoffset: 0;}
}

@media (max-width: 801px) {
	#page-kv .inner-kv { padding: 120px 0 40px;}
	#page-kv .wave svg { width: 600px;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#page-kv .inner-kv { padding: 90px 0 50px;}
	#page-kv .ptl h2 { margin-bottom: 6px;}
	#page-kv .ptl p { font-size: 16px;}
	#page-kv .wave { width: 68%; bottom: 0px;}
	#page-kv .wave svg { width: 340px;}
}


.pagination { width: 100%; margin: 0 auto; font-size: 0;}
.pagination .nav-links { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 40px;}
.pagination .page-numbers { display: inline-block; width: 36px; height: 36px; margin: 0 8px;
 color: #fff; font-size: 18px; font-weight: 700; line-height: 36px; text-align: center; text-decoration: none;
}
.pagination span.page-numbers.current { background: linear-gradient(90deg,#7773b8,#645dad);}
.pagination a.page-numbers { background: #adadad;}
.pagination a.page-numbers:hover { background: #6e68b3; }

.pagination a.prev,
.pagination a.next { width: 36px; height: 36px; margin: 0; background: none; position: absolute; top: 50%; transform: translateY(-50%);}
.pagination a.prev { left: 0;}
.pagination a.next { right: 0;}
.pagination a.prev::before,
.pagination a.next::before { content: ''; display: block; width: 0px; height: 0px; border: solid 9px transparent;
 position: absolute; top: 50%; transform: translateY(-50%);
}
.pagination a.prev::before { left: 30%; border-right: solid 16px #000; border-left: 0px;}
.pagination a.next::before { right: 30%; border-left: solid 16px #000; border-right: 0px;}
.pagination a.prev:hover:before { border-right-color: #6e68b3;}
.pagination a.next:hover:before { border-left-color: #6e68b3;}


@media (max-width: 481px) {
	.pagination .prev,
	.pagination .next { width: 30px; height: 30px;}
	.pagination .prev a::before,
	.pagination .next a::before { border: solid 6px transparent;}
	.pagination .prev a::before { left: 30%; border-right: solid 10px #000; border-left: 0px;}
	.pagination .next a::before { right: 30%; border-left: solid 10px #000; border-right: 0px;}

	.pagination ol li { width: 40px; height: 30px; font-size: 16px;}
	.pagination ol li span,
	.pagination ol li a { width: 30px; height: 30px; line-height: 30px;}
}



.pager-no {}
.pager-no .inner { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 40px;}
.pager-no .prev,
.pager-no .next { width: 36px; height: 36px; position: absolute; top: 50%; transform: translateY(-50%);}
.pager-no .prev { left: 0;}
.pager-no .next { right: 0;}
.pager-no .prev a,
.pager-no .next a { position: relative; display: block; width: 100%; height: 100%;}
.pager-no .prev a::before,
.pager-no .next a::before { content: ''; display: block; width: 0px; height: 0px; border: solid 9px transparent;
 position: absolute; top: 50%; transform: translateY(-50%);
}
.pager-no .prev a::before { left: 30%; border-right: solid 16px #000; border-left: 0px;}
.pager-no .next a::before { right: 30%; border-left: solid 16px #000; border-right: 0px;}
.pager-no .prev a:hover:before { border-right-color: #6e68b3;}
.pager-no .next a:hover:before { border-left-color: #6e68b3;}


.pager-no ol { width: 100%; margin: 0 auto; font-size: 0;}
.pager-no.tc ol { max-width: 300px; text-align: center;}
.pager-no ol li { display: inline-block; width: 55px; height: 36px; font-size: 18px;}
.pager-no ol li span,
.pager-no ol li a { display: block; width: 36px; height: 36px; margin: 0 auto; color: #fff; line-height: 36px; text-decoration: none; font-weight: 700; text-align: center;}
.pager-no ol li span { background: linear-gradient(90deg,#7773b8,#645dad);}
.pager-no ol li a { background: #adadad;}
.pager-no ol li a:hover { background: #6e68b3; }
@media (max-width: 481px) {
	.pager-no .prev,
	.pager-no .next { width: 30px; height: 30px;}
	.pager-no .prev a::before,
	.pager-no .next a::before { border: solid 6px transparent;}
	.pager-no .prev a::before { left: 30%; border-right: solid 10px #000; border-left: 0px;}
	.pager-no .next a::before { right: 30%; border-left: solid 10px #000; border-right: 0px;}

	.pager-no ol li { width: 40px; height: 30px; font-size: 16px;}
	.pager-no ol li span,
	.pager-no ol li a { width: 30px; height: 30px; line-height: 30px;}
}


.pager {}
.pager .inner { position: relative; width: 100%; height: 26px; margin: 0 auto; padding: 0 120px;}
.pager .prev,
.pager .next { width: 100px; position: absolute; top: 50%; transform: translateY(-50%);}
.pager .prev { left: 0;}
.pager .next { right: 0;}
.pager .prev a,
.pager .next a { position: relative; display: block; width: 100%; text-decoration: none;}
.pager .prev a { padding-left: 30px;}
.pager .next a { padding-right: 30px; text-align: right;}
.pager .prev a::before,
.pager .next a::before { content: ''; display: block; width: 0px; height: 0px; border: solid 9px transparent;
 position: absolute; top: 50%; transform: translateY(-50%);
}
.pager .prev a::before { left: 0%; border-right: solid 16px #000; border-left: 0px;}
.pager .next a::before { right: 0%; border-left: solid 16px #000; border-right: 0px;}
.pager .prev a:hover { color: #6e68b3;}
.pager .next a:hover { color: #6e68b3;}
.pager .prev a:hover:before { border-right-color: #6e68b3;}
.pager .next a:hover:before { border-left-color: #6e68b3;}
@media (max-width: 481px) {
	.pager .prev,
	.pager .next { width: 80px;}
	.pager .prev a,
	.pager .next a { font-size: 13px;}
	.pager .prev a { padding-left: 20px;}
	.pager .next a { padding-right: 20px;}
	.pager .prev a::before,
	.pager .next a::before { border: solid 6px transparent;}
	.pager .prev a::before { left: 0%; border-right: solid 10px #000; border-left: 0px;}
	.pager .next a::before { right: 0%; border-left: solid 10px #000; border-right: 0px;}
}



#page-contact {}
#page-contact .inner-sct { padding: 20px 0 100px;}
#page-contact .ctn { position: relative; width: 88%; max-width: 1200px; margin: 0 auto; padding-left: 440px;}
#page-contact .page-hd { position: absolute; left: 0; top: 0; width: 400px;}
#page-contact .page-hd h1{ color: #1a186c; font-size: clamp(20px,2.8vw,28px); font-weight: 700; letter-spacing: 0.075rem;}
#page-contact .page-hd p { margin-bottom: 10px; font-size: 18px;}
#page-contact .page-ctn { width: 100%;}
#page-contact .page-ctn .tel-box { padding: 50px 0; border-top: solid 1px #000; border-bottom: solid 1px #000;}
#page-contact .page-ctn .tel-box dl { display: table; width: 100%;}
#page-contact .page-ctn .tel-box dl dt,
#page-contact .page-ctn .tel-box dl dd { display: table-cell; vertical-align: middle;}
#page-contact .page-ctn .tel-box dl dt { width: 300px; color: #1a186c; font-size: 22px; font-weight: 700;}
#page-contact .page-ctn .tel-box dl dd { width: auto;}
#page-contact .page-ctn .tel-box dl dd a { display: block; width: 72%; max-width: 360px; pointer-events: none;}
#page-contact .page-ctn .tel-box dl dd a img { display: block; width: 100%;}
#page-contact .page-ctn .form { padding: 50px 0;}
#page-contact .page-ctn .form h3 { margin-bottom: 20px; color: #1a186c; font-size: 22px; font-weight: 700;}
#page-contact .page-ctn .form h3 span.kome { display: inline-block; margin-left: 10px; color: #000; font-size: 14px; vertical-align: middle;}
#page-contact .page-ctn .form h3 span.kome em { color: #d00;}
#page-contact .page-ctn .form ul { margin-bottom: 20px;}
#page-contact .page-ctn .form ul li { padding: 16px 0;}
#page-contact .page-ctn .form ul li dl { display: table; width: 100%;}
#page-contact .page-ctn .form ul li dl dt,
#page-contact .page-ctn .form ul li dl dd { display: table-cell; vertical-align: top;}
#page-contact .page-ctn .form ul li dl dt { width: 200px; padding-top: 2px; font-size: 20px; font-weight: 700;}
#page-contact .page-ctn .form ul li dl dt span.require { margin-left: 4px; color: #d00; font-size: 12px; vertical-align: super; }
#page-contact .page-ctn .form ul li dl dd { width: auto;}
#page-contact .page-ctn .form ul li dl dd .selectbox { position: relative; width: 100%; max-width: 280px; border: solid 1px #969696;}
#page-contact .page-ctn .form ul li dl dd .selectbox:after { content: ''; display: block; width: 10px; height: 10px;
 border-right: solid 1px #969696; border-bottom: solid 1px #969696;
 position: absolute; right: 10px; top: 50%; transform: translateY(-60%) rotate(45deg);
}
#page-contact .page-ctn .form ul li dl dd .selectbox select { display: block; width: 100%; background: none; border: none; appearance: none; -webkit-appearance: none;
 padding: 5px 8px;
}
#page-contact .page-ctn .form ul li dl dd label { display: block; padding: 2px 0;}
#page-contact .page-ctn .form ul li dl dd input[type="text"],
#page-contact .page-ctn .form ul li dl dd input[type="tel"],
#page-contact .page-ctn .form ul li dl dd input[type="email"]  { width: 100%; padding: 5px; background: #ececec; border: solid 1px #969696;}
#page-contact .page-ctn .form ul li dl dd textarea { width: 100%; height: 160px; padding: 5px; background: #ececec; border: solid 1px #969696;}

#page-contact .page-ctn .form .btn-submit { width: 60%; max-width: 250px; margin: 0 0 0 auto;}
#page-contact .page-ctn .form .btn-submit input[type="submit"] { display: block; width: 100%; padding: 12px 0;
 background: linear-gradient(90deg,#7773b8,#645dad); border: none;
 color: #fff; font-size: 16px; font-weight: 700; letter-spacing: 0.1rem; transition: 0.3s ease;
}
#page-contact .page-ctn .form .btn-submit input[type="submit"]:hover { opacity: 0.8;}
@media (max-width: 1281px) {
	#page-contact .ctn { padding-left: 320px;}
	#page-contact .page-hd { width: 300px;}
	#page-contact .page-hd h1{ font-size: 20px;}
	#page-contact .page-ctn .tit { margin-bottom: 12px; padding: 12px 0;}
}
@media (max-width: 801px) {
	#page-contact .ctn { padding-left: 0px;}
	#page-contact .page-hd { position: relative; left: auto; top: auto; width: 100%; margin-bottom: 20px;}
	#page-contact .page-hd p { font-size: 14px;}
	#page-contact .page-ctn .tit h2 { font-size: 18px;}
	#page-contact .page-ctn .txt p { font-size: 14px;}
}
@media (max-width: 641px) {
	#page-contact .page-ctn .tel-box { padding: 30px 0;}
	#page-contact .page-ctn .tel-box dl dt,
	#page-contact .page-ctn .tel-box dl dd { display: block;}
	#page-contact .page-ctn .tel-box dl dt { width: 100%; font-size: 18px; margin-bottom: 12px;}
	#page-contact .page-ctn .tel-box dl dd { width: 100%;}
	#page-contact .page-ctn .form h3 { margin-bottom: 12px; font-size: 18px;}
	#page-contact .page-ctn .form ul li { padding: 12px 0;}
	#page-contact .page-ctn .form ul li dl dt,
	#page-contact .page-ctn .form ul li dl dd { display: block;}
	#page-contact .page-ctn .form ul li dl dt { width: 100%; padding: 0px; font-size: 16px;}
	#page-contact .page-ctn .form ul li dl dd { width: 100%;}
}
@media (max-width: 481px) {
	#page-contact .page-hd h1{ font-size: 16px; letter-spacing: 0.05rem;}
	#page-contact .page-hd p { font-size: 12px;}

	#page-contact .page-ctn .tel-box { padding: 25px 0 30px;}
	#page-contact .page-ctn .tel-box dl dt { font-size: 16px; text-align: center;}
	#page-contact .page-ctn .tel-box dl dd a { padding: 12px 0; margin: 0 auto; background: linear-gradient(90deg,#7773b8,#645dad);}
	#page-contact .page-ctn .tel-box dl dd a img { width: 76%; margin: 0 auto; filter: invert(100%)}
	
	#page-contact .page-ctn .form { padding: 30px 0;}
	#page-contact .page-ctn .form h3 { margin-bottom: 8px; font-size: 16px; text-align: center;}
	#page-contact .page-ctn .form h3 span.kome { font-size: 12px;}
	#page-contact .page-ctn .form ul li { padding: 6px 12px;}
	#page-contact .page-ctn .form ul li dl dt { margin-bottom: 4px; font-size: 14px;}
	#page-contact .page-ctn .form ul li dl dt span.require { font-size: 10px;}
	#page-contact .page-ctn .form ul li dl dd { font-size: 13px;}
	#page-contact .page-ctn .form .btn-submit { width: 60%; max-width: 250px; margin: 0 auto;}

}




#blog-list .inner-sct { padding: 40px 0 100px;}
#blog-list .ctn { position: relative; width: 88%; max-width: 1228px; margin: 0 auto;
/* transition: 0.4s linear; transition-delay: 0.2s; opacity: 0;*/
}
#blog-list .ctn .inner { margin-bottom: 40px;}
#blog-list .ctn ul { font-size: 0;}
#blog-list .ctn ul li { display: inline-block; width: 33.333334%; padding: 14px;}
#blog-list .ctn ul li a { display: block; width: 100%; border: solid 1px #000; color: #000; text-decoration: none; transition: 0.3s ease;}
#blog-list .ctn ul li a dl dt { position: relative; width: 100%; padding-top: 42%; overflow: hidden;}
#blog-list .ctn ul li a dl dt span { display: block; width: 100%;}
#blog-list .ctn ul li a dl dt img { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); transition: 0.3s ease;}
#blog-list .ctn ul li a dl dd { padding: 20px 30px; font-size: 16px; line-height: 1.4;}
#blog-list .ctn ul li a dl dd time { display: block; margin-bottom: 8px; font-weight: 700;}
#blog-list .ctn ul li a:hover { opacity: 0.8;}
#blog-list .ctn ul li a:hover dl dt img { transform: translateY(-50%) scale(1.08);}

@media (max-width: 1281px) {
	#blog-list .ctn ul li { padding: 12px;}
}
@media (max-width: 801px) {
	#blog-list .ctn ul li { width: 50%; padding: 10px;}
}
@media (max-width: 641px) {
	#blog-list .ctn ul li { display: block; width: 100%; padding: 12px 0px;}
}
@media (max-width: 481px) {
	#blog-list .inner-sct { padding: 20px 0 60px;}
	#blog-list .ctn ul li { padding: 8px 0px;}
	#blog-list .ctn ul li a dl dd { padding: 12px 20px; font-size: 12px;}
}



#news-list {}
#news-list .inner-sct { padding: 20px 0 100px;}
#news-list .ctn { position: relative; width: 88%; max-width: 1200px; margin: 0 auto; padding-left: 260px;}
#news-list .cate { position: absolute; left: 0; top: 0; width: 250px;}
#news-list .cate ul { font-size: 0px;}
#news-list .cate ul li { padding: 15px 0; font-size: 18px; font-weight: 700;}
#news-list .cate ul li:first-child { padding-top: 0px;}
#news-list .cate ul li a { color: #969696; text-decoration: none;}
#news-list .cate ul li a:hover { color: #1a186c;}
#news-list .cate ul li.is_active a,
#news-list .cate ul li span { color: #1a186c;}
#news-list ul.list { margin-bottom: 40px; border-top: solid 1px #000;}
#news-list ul.list li { padding: 40px 10px; border-bottom: solid 1px #000;}
#news-list ul.list li a { color: #000; text-decoration: none;}
#news-list ul.list li a dl { position: relative; min-height: 65px; padding: 0 140px; padding-left: 250px;}
#news-list ul.list li a dl dt { position: absolute; left: 0; top: 50%; width: 220px; transform: translateY(-50%);}
#news-list ul.list li a dl dt span { position: relative; display: block; width: 100%; padding-top: 50%; overflow: hidden;}
#news-list ul.list li a dl dt span img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
#news-list ul.list li a dl dd.aside { width: 120px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%);
 font-weight: 700; text-align: center;
}
#news-list ul.list li a dl dd.aside time { display: block; font-size: 18px; }
#news-list ul.list li a dl dd.aside span { display: block; width: 100%; padding: 2px 0;
 background: linear-gradient(90deg,#7773b8,#645dad);
 color: #fff; font-size: 14px; letter-spacing: 0;
}
#news-list ul.list li a dl dd.tit { font-size: 18px; letter-spacing: 0.05rem; line-height: 1.4;}
#news-list ul.list li a dl dd.tit span { display: block; margin-bottom: 8px; color: #1a186c; font-size: 22px; font-weight: 700; letter-spacing: 0.05rem;}
#news-list ul.list li a:hover dl dt { opacity: 0.8;}
#news-list ul.list li a:hover dl dd.tit,
#news-list ul.list li a:hover dl dd.tit span { color: #7773b8;}
@media (max-width: 1281px) {
	#news-list ul.list li { padding: 30px 10px;}
	#news-list ul.list li a dl { padding: 0 120px; padding-left: 220px;}
	#news-list ul.list li a dl dt { width: 200px;}
	#news-list ul.list li a dl dd.aside { width: 110px;}
	#news-list ul.list li a dl dd.aside time { font-size: 14px; }
	#news-list ul.list li a dl dd.aside span { font-size: 12px;}
	#news-list ul.list li a dl dd.tit { font-size: 16px;}
	#news-list ul.list li a dl dd.tit span { font-size: 18px;}
}
@media (max-width: 1001px) {
	#news-list .ctn { padding-left: 200px;}
	#news-list .cate { width: 180px;}
	#news-list .cate ul li { padding: 15px 0; font-size: 16px;}
}
@media (max-width: 801px) {
	#news-list .ctn { padding-left: 0px;}
	#news-list .cate { position: relative; left: auto; top: auto; width: 100%; margin-bottom: 20px;}
	#news-list .cate ul li { display: inline-block; padding: 10px; font-size: 14px;}

	#news-list ul.list li a dl { padding: 0 120px; padding-left: 180px;}
	#news-list ul.list li a dl dt { width: 160px;}
}
@media (max-width: 641px) {
	#news-list ul.list li a dl { padding: 0 12px; padding-left: 180px;}
	#news-list ul.list li a dl dt span { padding-top: 60%;}
	#news-list ul.list li a dl dd.aside { position: relative; left: auto; top: auto; width: 100%; transform: translateY(0%);
	 margin-bottom: 8px; text-align: left;
	}
	#news-list ul.list li { padding: 20px 8px;}
	#news-list ul.list li a dl dd.aside time { display: inline-block; margin-right: 10px; font-size: 14px; vertical-align: middle;}
	#news-list ul.list li a dl dd.aside span { display: inline-block; width: 120px; padding: 2px 0; text-align: center; vertical-align: middle;}
}
@media (max-width: 481px) {
	#news-list .cate { margin-bottom: 10px;}
	#news-list .cate ul li { padding: 10px; font-size: 12px;}

	#news-list ul.list li { padding: 10px 4px;}
	#news-list ul.list li a dl { padding: 0px; padding-left: 80px;}
	#news-list ul.list li a dl dt { width: 72px;}
	#news-list ul.list li a dl dd.aside { margin-bottom: 6px;}
	#news-list ul.list li a dl dd.aside time { font-size: 12px;}
	#news-list ul.list li a dl dd.aside span { width: 100px; font-size: 10px;}
	#news-list ul.list li a dl dd.tit { font-size: 12px; letter-spacing: 0rem;}
	#news-list ul.list li a dl dd.tit span { margin-bottom: 6px; font-size: 13px;}
}



#article {}
#article .inner-sct { padding: 20px 0 100px;}
#article .ctn { position: relative; width: 88%; max-width: 1200px; margin: 0 auto; padding-left: 440px;}
#article .article-hd { position: absolute; left: 0; top: 0; width: 400px;}
#article .article-hd h1{ color: #1a186c; font-size: clamp(20px,2.8vw,28px); font-weight: 700; letter-spacing: 0.075rem;}
#article .article-hd p { margin-bottom: 10px; font-weight: 700;}
#article .article-hd p time{ display: block; font-size: 20px;}
#article .article-hd p span.tag{ display: inline-block; padding: 0px 10px; background: linear-gradient(90deg,#7773b8,#645dad);
 color: #fff; font-size: 14px; letter-spacing: 0;
}
#article .article-ctn { width: 100%;}
#article .article-ctn figure { margin-bottom: 20px; text-align: center;}
#article .article-ctn figure img { max-width: 100%;}
#article .article-ctn .tit { margin-bottom: 20px; padding: 18px 0; border-bottom: solid 1px #000;}
#article .article-ctn .tit h2 { font-size: clamp(20px,2.2vw,22px); letter-spacing: 0.1rem;}
#article .article-ctn .txt { margin-bottom: 60px;}
#article .article-ctn .txt p { letter-spacing: 0.1rem;}
@media (max-width: 1281px) {
	#article .ctn { padding-left: 320px;}
	#article .article-hd { width: 300px;}
	#article .article-hd h1{ font-size: 20px;}
	#article .article-ctn .tit { margin-bottom: 12px; padding: 12px 0;}
}
@media (max-width: 801px) {
	#article .ctn { padding-left: 0px;}
	#article .article-hd { position: relative; left: auto; top: auto; width: 100%; margin-bottom: 20px;}
	#article .article-hd p { font-size: 14px;}
	#article .article-ctn .tit h2 { font-size: 18px;}
	#article .article-ctn .txt p { font-size: 14px;}
}
@media (max-width: 481px) {
	#article .article-hd h1{ font-size: 16px; letter-spacing: 0.05rem;}
	#article .article-hd p { font-size: 12px;}
	#article .article-ctn figure { margin-bottom: 12px;}
	#article .article-ctn .tit h2 { font-size: 16px;}
	#article .article-ctn .txt p { font-size: 13px; letter-spacing: 0.05rem; text-align: justify;}
}