@charset "utf-8";
#hd { transition: 0.6s linear; transition-delay: 0.4s; opacity: 0;}
#hd.show { opacity: 1;}
#hd .inner-hd { padding: 18px 0;}
#hd .hd-logo h1 a { max-width: 240px;}
@media (max-width: 801px) {
	#hd .inner-hd { padding: 15px 0;}
	#hd .hd-logo { width: 35%;}
}
@media (max-width: 481px) {
	#hd .inner-hd { padding: 8px 0;}
}


.btn {}
.btn a { position: relative; display: block; width: 80%; max-width: 150px; background: linear-gradient(90deg,#7773b8,#645dad); border: solid 0.5px #fff; transition: 0.3s ease;}
.btn a img { width: 100%;}
.btn a:after { content: ''; display: block; width: 100%; max-width: 150px; height: 100%;
 background: rgba(255,255,255,0); transition: 0.3s linear;
 position: absolute; left: 0; top: 0; z-index: 1;
}
.btn a svg { position: relative; width: 100%; fill: #fff; z-index: 2;}
.btn a:hover { }
.btn a:hover svg { fill: #645dad;}
.btn a:hover:after { background: rgba(255,255,255,1); border: solid 0.5px #645dad;}
@media (max-width: 481px) {
	.btn a { max-width: 120px;}
}


#kv { position: relative; overflow: hidden;}
#kv .inner-kv { position: absolute; width: 100%; height: 100%;}
#kv .ctn { position: relative; width: 100%; max-width: 1200px; height: 100%; margin: 0 auto; z-index: 2;}
#kv .txt { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;
 transition: 0.8s linear; transition-delay: 0.6s; opacity: 0;
}
#kv .txt div { width: 92%; max-width: 1000px; margin: 0 auto;}
#kv .txt h1 { color: #fff; font-size: 58px; font-weight: 700; letter-spacing: 0.1rem;}
#kv .txt h1 span { display: block;}
#kv .wave-1 { position: absolute; right: 14%; top: 50%; transform: translateY(-50%); width: 420px;}
#kv .wave-1 img { width: 100%;}
#kv .wave-1 .wave div { position: relative; width: 100%;}
#kv .wave-1 .wave svg {}
#kv .wave-1 .wave svg image {}
#kv .wave-1 .wave svg .cls-1 { fill: none; stroke: #fff; stroke-linecap: round;
 stroke-width: 300px;
 stroke-dasharray: 1500 1800;
 stroke-dashoffset: 1500;
}
#kv .bg { position: relative; width: 100%; padding-top: 860px; z-index: 1; overflow: hidden;}
#kv .bg.bg-1 { background: url('/img/index/kv.jpg') no-repeat 50% 50% / cover;}
#kv .bg.bg-2 { background: url('/img/index/kv-2.jpg') no-repeat 50% 50% / cover;}
#kv .bg.bg-3 { background: url('/img/index/kv-3.jpg') no-repeat 50% 50% / cover;}
#kv .bg.bg-4 { background: url('/img/index/kv-4.jpg') no-repeat 50% 50% / cover;}
#kv .bg.bg-5 { background: url('/img/index/kv-5.jpg') no-repeat 50% 50% / cover;}
#kv .bg video { display: block; width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
#kv.show .txt { opacity: 1;}
#kv.show .wave-1 .wave svg .cls-1 { animation: 0.6s linear wave-1 forwards; animation-delay: 0.8s;}
@keyframes wave-1{
 0% { stroke-dashoffset: 1500;}
 100% { stroke-dashoffset: 0;}
}
@media (max-width: 1540px) {
	#kv .bg video { display: block; width: auto; height: 100%;}
}
@media (max-width: 801px) {
	#kv {}
	#kv .txt { transform: translateY(-58%);}
	#kv .txt h1 { font-size: 6.8vw;}
	#kv .wave-1 { right: 2%; width: 380px; transform: translateY(-50%);}
	#kv .bg { padding-top: 110%;}
	#kv .bg.bg-1 { background: url('/img/index/kv@sp.jpg') no-repeat 50% 50% / 100% auto;}
	#kv .bg.bg-2 { background: url('/img/index/kv-2@sp.jpg') no-repeat 50% 50% / 100% auto;}
	#kv .bg.bg-3 { background: url('/img/index/kv-3@sp.jpg') no-repeat 50% 50% / 100% auto;}
	#kv .bg.bg-4 { background: url('/img/index/kv-4@sp.jpg') no-repeat 50% 50% / 100% auto;}
	#kv .bg.bg-5 { background: url('/img/index/kv-5@sp.jpg') no-repeat 50% 50% / 100% auto;}
	#kv .bg video { height: 100%;}
}
@media (max-width: 481px) {
	#kv .txt h1 { font-size: 6.8vw;}
	#kv .wave-1 { right: 0%; width: 240px;}
}



.telop { margin-bottom: 60px; padding: 40px 0;}
.telop div { height: 68px; background: url('/img/index/txt-lead.svg') repeat-x 50% 0 / auto 100%;
 animation: telop 60s linear infinite;
}
@keyframes telop {
	0% { background-position-x: 0px;}
	100% { background-position-x: -1620px;}
}
@media (max-width: 1281px) {
	.telop { margin-bottom: 30px; padding: 20px 0;}
}
@media (max-width: 1001px) {
	.telop { margin-bottom: 20px; padding: 12px 0;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	.telop { margin-bottom: 12px;}
	.telop div { height: 40px;}
}



#about { position: relative; z-index: 2;}
#about .inner-sct { padding: 160px 0px 0px;}
#about .ctn { position: relative; width: 88%; max-width: 1200px; margin: 0 auto 20px; padding-bottom: 10px;}
#about .ctn .tit { position: absolute; left: 0; bottom: 0px; width: 100%;
 transition: 0.4s linear; transition-delay: 0.4s; opacity: 0;
}
#about .ctn .tit h2 img { width: 55%; max-width: 720px;}
#about .ctn .flex { display: flex; justify-content: space-between; width: 100%; margin: 0 auto;}
#about .ctn .pht { width: calc( 100% - 600px); max-width: 560px; padding-top: 12px;
 transition: 0.4s linear; transition-delay: 0.0s; opacity: 0;
}
#about .ctn .txt { width: 520px;
 transition: 0.4s linear; transition-delay: 0.2s; opacity: 0;
}
#about .ctn .pht ul { display: flex; justify-content: space-between; font-size: 0;}
#about .ctn .pht ul li { position: relative;}
#about .ctn .pht ul li:nth-child(1) { width: 58%;}
#about .ctn .pht ul li:nth-child(2) { width: 35%;}
#about .ctn .pht ul li figure { position: relative;}
#about .ctn .pht ul li figure img { position: absolute; left: 0; width: 100%;}
#about .ctn .pht ul li figure img.toBottom { top: -180px;}
#about .ctn .pht ul li figure img.toUp { top: -20px;}
#about .ctn .txt h2 { display: none;}
#about .ctn .txt p { font-size: 20px; letter-spacing: 0.1rem; line-height: 2.4;}
#about .ctn .txt p.mb { margin-bottom: 50px;}
#about .ctn .txt p span.line { position: relative; display: inline-block; width: 60px; height: 1em; vertical-align: middle;}
#about .ctn .txt p span.line:before { content: ''; display: block; width: 50px; height: 1px; background: #000;
 position: absolute; left: 10px; top: 50%;
}
#about .ctn .txt p span.br { display: block;}
#about .btn { width: 88%; max-width: 1200px; margin: 0 auto;}
#about.show .ctn .tit,
#about.show .ctn .pht,
#about.show .ctn .txt { opacity: 1;}
@media (max-width: 1281px) {
	#about .ctn .tit h2 img { width: 52%;}
	#about .ctn .txt p { font-size: 18px;}
}
@media (max-width: 1001px) {
	#about .inner-sct { padding: 80px 0px 0px;}
	#about .ctn .tit h2 img { width: 45%;}
	#about .ctn .pht { width: calc( 100% - 520px);}
	#about .ctn .txt { width: 480px;}
	#about .ctn .pht ul li figure img.toBottom { top: -80px;}
	#about .ctn .pht ul li figure img.toUp { top: 40px;}
	#about .ctn .txt p { font-size: 16px;}
}
@media (max-width: 801px) {
	#about .inner-sct { padding: 0px;}
	#about .ctn { padding-bottom: 0px;}
	#about .ctn .tit { display: none;}
	#about .ctn .flex { display: block;}
	#about .ctn .pht { width: 85%; padding-top: 80%;}
	#about .ctn .txt { width: 100%;}
	#about .ctn .pht ul { position: absolute; left: 0; top: 0; width: 85%;}
	#about .ctn .pht ul li figure img.toBottom { top: 0px;}
	#about .ctn .pht ul li figure img.toUp { top: 180px;}
	#about .ctn .txt h2 { display: block; margin-bottom: 20px;}
	#about .ctn .txt h2 img { width: 72%; max-width: 600px;}
	#about .ctn .txt p.mb { margin-bottom: 30px;}
}
@media (max-width: 641px) {
	#about .ctn .pht { width: 85%; padding-top: 85%;}
	#about .ctn .pht ul li figure img.toUp { top: 140px;}
}
@media (max-width: 481px) {
	#about .ctn .pht ul li figure img.toUp { top: 80px;}
	#about .ctn .txt h2 { margin-bottom: 12px;}
	#about .ctn .txt p { font-size: 12px; letter-spacing: 0rem;}
	#about .ctn .txt p.mb { margin-bottom: 20px;}
	#about .ctn .txt p span.line { width: 40px;}
	#about .ctn .txt p span.line:before { width: 30px; left: 8px;}
}



.wave-2 { position: relative; height: 320px; z-index: 1;}
.wave-2 .wave { position: absolute; left: 0; top: -60px; width: 100%; margin: 0 auto; z-index: 1;}
.wave-2 .wave div { position: relative; width: 100%; padding-top: 520px; overflow: hidden;}
.wave-2 .wave svg { position: absolute; left: 50%; top: 0; width: auto; height: 520px; transform: translateX(-50%);}
.wave-2 .wave svg image {}
.wave-2 .wave svg .cls-2 { fill: none; stroke: #fff; stroke-linecap: round;
 stroke-width: 300px;
 stroke-dasharray: 2000;
 stroke-dashoffset: 2000;
}
.wave-2.show .wave svg .cls-2 { animation: 1.6s ease wave-2 forwards;}
@keyframes wave-2{
 0% { stroke-dashoffset: 2000;}
 100% { stroke-dashoffset: 0;}
}
@media (max-width: 641px) {
	.wave-2 { height: 220px;}
	.wave-2 .wave { top: -20px;}
	.wave-2 .wave div { padding-top: 320px;}
	.wave-2 .wave svg { height: 350px;}
}
@media (max-width: 481px) {
	.wave-2 { height: 140px;}
	.wave-2 .wave { top: 0px;}
	.wave-2 .wave div { padding-top: 200px;}
	.wave-2 .wave svg { height: 200px;}
}



#business .inner-sct { position: relative; padding: 40px 0 100px; z-index: 2;}
#business .tit { position: relative; width: 88%; max-width: 1200px; margin: 0 auto; z-index: 2;
 transition: 0.4s linear; opacity: 0;
}
#business .tit h2 { text-align: right;}
#business .tit h2 img { width: 72%; max-width: 720px;}
#business .read { position: relative; width: 90%; max-width: 1200px; margin: 0 auto 20px;
 transition: 0.4s linear; transition-delay: 0.2s; opacity: 0;
}
#business .read p { margin-bottom: 20px; font-size: 20px; letter-spacing: 0.1rem; text-align: right;}
#business .read .btn a { margin: 0 0 0 auto;}
#business .ctn { position: relative; padding-top: 20px;
 transition: 0.4s linear; transition-delay: 0.4s; opacity: 0;
}
#business .ctn .flex { position: relative; width: 88%; max-width: 1200px; margin: 0 auto; z-index: 2;}
#business .txt { width: 48.5%; max-width: 550px;}
#business .txt ul { font-size: 0px;}
#business .txt ul li { margin-bottom: 40px;}
#business .txt ul li:last-child { margin-bottom: 0px;}
#business .txt ul li dl { width: 100%; border: solid 1px #000;}
#business .txt ul li dl dt img { width: 100%;}
#business .txt ul li dl dd { padding: 30px 40px 40px; font-size: 18px; letter-spacing: 0.1rem; text-align: justify;}
#business .txt ul li dl dd span { display: block; margin-bottom: 12px; font-size: 26px; font-weight: 700; line-height: 1.2; text-align: center;}
#business .pht { position: absolute; left: 0px; top: 0px; width: 100%;}
#business .pht div { position: relative; width: 88%; max-width: 1200px; margin: 0 auto; padding-top: 20px;}
#business .pht div figure { position: relative; text-align: right;}
#business .pht div figure.sp { display: none;}
#business .pht div figure img { width: 48.5%; max-width: 550px; height: auto;}
#business .pht div figure img.business-1 { position: absolute; right: 0; transition: 0.3s ease; z-index: 2;}
#business .pht div figure img.business-2 { position: relative;}
#business .pht div figure img.business-1.hide { opacity: 0;}

#business .pht.fixed { position: fixed;}

#business.show .tit,
#business.show .read,
#business.show .ctn { opacity: 1;}
@media (max-width: 1281px) {
	#business .tit h2 img { width: 52%;}
	#business .read p {font-size: 18px;}
	#business .txt ul li dl dd { padding: 20px 30px 30px; font-size: 16px;}
}
@media (max-width: 1001px) {
	#business .tit { margin-bottom: 20px;}
	#business .tit h2 img { width: 45%;}
}
@media (max-width: 801px) {
	#business .inner-sct { padding: 40px 0 60px; }
	#business .tit h2 img { width: 80%; max-width: 600px;}
	#business .pht { position: relative; left: auto; top: auto; margin-bottom: 30px;}
	#business .pht.fixed { position: relative;}
	#business .pht div { width: 100%; padding-top: 0px;}

	#business .pht div figure.pc { display: none;}
	#business .pht div figure.sp { display: block;}
	#business .pht div figure img { width: 100%; max-width: 100%; height: auto;}
	
	#business .ctn { padding-top: 0;}
	#business .ctn .flex { width: 100%;}
	#business .txt { width: 100%; max-width: 100%; padding: 0 20px 10px; overflow-y: scroll;}
	#business .txt ul { display: flex; width: 2200px; justify-content: space-around;}
	#business .txt ul li { width: 20%; margin: 0; padding: 0 12px;}
	#business .txt ul li dl { height: 100%;}
	#business .txt ul li dl dd { padding: 20px 30px 30px; font-size: 16px;}
	#business .txt ul li dl dd span { font-size: 21px;}

	#business .pht div figure img.business-1 { animation: 10.0s fadeIn linear infinite;}
}
@media (max-width: 481px) {
	#business .inner-sct { padding: 30px 0px;}
	#business .tit { margin-bottom: 12px;}
	#business .read p { margin-bottom: 12px; font-size: 12px; letter-spacing: 0.05rem;}
	#business .txt { padding: 0 16px 6px;}
	#business .txt ul { width: 1400px;}
	#business .txt ul li { padding: 0 8px;}
	#business .txt ul li dl dd { padding: 16px 20px; font-size: 12px; letter-spacing: 0.05rem;}
	#business .txt ul li dl dd span { margin-bottom: 6px; font-size: 14px; letter-spacing: 0rem;}
}

@keyframes fadeIn{
  0% { opacity: 0;}
 15% { opacity: 1;}
 60% { opacity: 1;}
 75% { opacity: 0;}
 100%{ opacity: 0;}
}


#gallery { position: relative;}
#gallery .inner { position: relative; z-index: 2; width: 100%;
 transition: 0.4s linear; opacity: 0;
}
#gallery .row-1 { padding: 18px 0;}
#gallery .row-2 { padding: 18px 0;}
#gallery .row-1 .bloc { position: relative; width: 100%; height: 300px; overflow: hidden;}
#gallery .row-2 .bloc { position: relative; width: 100%; height: 300px; overflow: hidden;}
#gallery .row-1 .row { position: absolute; left: 0; top: 0; width: 3300px;}
#gallery .row-2 .row { position: absolute; left: 0; top: 0; width: 3300px;}
#gallery .row-1 .row div { display: inline-block; padding-right: 40px; vertical-align: bottom;}
#gallery .row-2 .row div { display: inline-block; padding-right: 40px; vertical-align: top;}
#gallery .row .pht-1 { width: 400px;}
#gallery .row .pht-2 { width: 340px;}
#gallery .row .pht-3 { width: 320px;}
#gallery .row .pht-4 { width: 390px;}
#gallery .row .pht-5 { width: 320px;}
#gallery .row .pht-6 { width: 340px;}
#gallery .row .pht-7 { width: 400px;}
#gallery .row .pht-8 { width: 400px;}
#gallery .row .pht-9 { width: 340px;}

#gallery .row div img { width: 100%; height: auto;}

#gallery.show .inner { opacity: 1;}
@media (max-width: 641px) {
	#gallery .row-1 { padding: 12px 0;}
	#gallery .row-2 { padding: 12px 0;}
	#gallery .row-1 .bloc { height: 130px;}
	#gallery .row-2 .bloc { height: 130px;}
	#gallery .row-1 .row div { padding-right: 20px;}
	#gallery .row-2 .row div { padding-right: 20px;}
	#gallery .row .pht-1 { width: 200px;}
	#gallery .row .pht-2 { width: 170px;}
	#gallery .row .pht-3 { width: 160px;}
	#gallery .row .pht-4 { width: 200px;}
	#gallery .row .pht-5 { width: 160px;}
	#gallery .row .pht-6 { width: 170px;}
	#gallery .row .pht-7 { width: 200px;}
	#gallery .row .pht-8 { width: 200px;}
	#gallery .row .pht-9 { width: 170px;}
}
@media (max-width: 481px) {
	#gallery .row-1 .row div { padding-right: 8px;}
	#gallery .row-2 .row div { padding-right: 8px;}
	#gallery .row .pht-1 { width: 180px;}
	#gallery .row .pht-2 { width: 150px;}
	#gallery .row .pht-3 { width: 140px;}
	#gallery .row .pht-4 { width: 180px;}
	#gallery .row .pht-5 { width: 140px;}
	#gallery .row .pht-6 { width: 150px;}
	#gallery .row .pht-7 { width: 180px;}
	#gallery .row .pht-8 { width: 180px;}
	#gallery .row .pht-9 { width: 150px;}
}


.wave-3 { position: relative; height: 480px; z-index: 1;}
.wave-3 .wave { position: absolute; left: 0; top: 0px; width: 100%; margin: 0 auto; z-index: 1;}
.wave-3 .wave div { position: relative; width: 100%; padding-top: 600px; overflow: hidden;}
.wave-3 .wave img { position: absolute; left: 50%; top: 0; width: auto; height: 540px; transform: translateX(-50%); opacity: 0.8;}

.wave-3 .wave svg { position: absolute; left: 50%; top: 0px; width: auto; height: 600px; transform: translateX(-50%);}
.wave-3 .wave svg image {}
.wave-3 .wave svg .cls-3 { fill: none; stroke: #fff; stroke-linecap: round;
 stroke-width: 360px;
 stroke-miterlimit: 10;
 stroke-dasharray: 2000;
 stroke-dashoffset: 2000;
}
.wave-3.show .wave svg .cls-3 { animation: 1.6s ease wave-3 forwards;}
@keyframes wave-3{
 0% { stroke-dashoffset: 2000;}
 100% { stroke-dashoffset: 0;}
}
@media (max-width: 641px) {
	.wave-3 { height: 240px;}
	.wave-3 .wave div { padding-top: 400px;}
	.wave-3 .wave svg { height: 400px;}
}
@media (max-width: 481px) {
	.wave-3 { height: 150px;}
	.wave-3 .wave div { padding-top: 280px;}
	.wave-3 .wave svg { height: 280px;}
}



#news { position: relative; z-index: 3;}
#news .inner-sct { position: relative; padding: 40px 0px 60px;}
#news .ctn { position: relative; width: 88%; max-width: 1200px; margin: 0 auto; padding-left: 360px; z-index: 2;}
#news .ctn .ttl { position: absolute; left: 0; width: 100%; max-width: 340px;
 transition: 0.4s linear; transition-delay: 0.0s; opacity: 0;
}
#news .ctn .ttl h2 img { width: 100%;}
#news .ctn ul { border-top: solid 1px #000; transition: 0.4s linear; transition-delay: 0.2s; opacity: 0;}
#news .ctn ul li { position: relative; padding: 20px 10px; padding-left: 130px; border-bottom: solid 1px #000; font-size: 18px; letter-spacing: 0.05rem;}
#news .ctn ul li time { position: absolute; left: 0; font-weight: 700;}
#news .ctn ul li a { color: #000; text-decoration: none;}
#news .ctn ul li a:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px;}
#news .ctn .btn { position: absolute; left: 0; top: 150px; width: 100%; max-width: 300px;
 transition: 0.4s linear; transition-delay: 0.2s; opacity: 0;
}
#news.show .ctn .ttl,
#news.show .ctn ul,
#news.show .ctn .btn { opacity: 1;}
@media (max-width: 1281px) {
	#news .ctn { padding-left: 280px;}
	#news .ctn .ttl { max-width: 260px;}
	#news .ctn ul li { position: relative; padding: 20px 10px; padding-left: 120px; font-size: 16px;}
}
@media (max-width: 801px) {
	#news .ctn { padding-left: 0px;}
	#news .ctn .ttl { position: relative; left: auto; width: 100%; max-width: 100%; margin-bottom: 20px;}
	#news .ctn .ttl h2 img { width: 50%; max-width: 320px;}
	#news .ctn ul { margin-bottom: 30px;}
	#news .ctn .btn { position: relative; left: auto; top: auto;}
}
@media (max-width: 481px) {
	#news .inner-sct { padding: 30px 0px;}
	#news .ctn .ttl { margin-bottom: 16px;}
	#news .ctn ul { margin-bottom: 20px;}
	#news .ctn ul li { padding: 10px 5px; padding-left: 90px; font-size: 12px; letter-spacing: 0rem;}
}



#blog .inner-sct { padding: 40px 0px 80px;}
#blog .ttl { position: relative; width: 88%; max-width: 1200px; margin: 0 auto 30px;
 transition: 0.4s linear; transition-delay: 0.0s; opacity: 0;
}
#blog .ttl h2 { text-align: right;}
#blog .ttl h2 img { width: 30%; max-width: 340px;}
#blog .ctn { position: relative; width: 88%; max-width: 1200px; margin: 0 auto;
 transition: 0.4s linear; transition-delay: 0.2s; opacity: 0;
}
#blog .ctn .inner { margin-bottom: 40px;}
#blog .ctn ul { display: flex; justify-content: space-between;}
#blog .ctn ul li { width: 31.8%;}
#blog .ctn ul li a { display: block; width: 100%; border: solid 1px #000; color: #000; text-decoration: none; transition: 0.3s ease;}
#blog .ctn ul li a dl dt { position: relative; width: 100%; padding-top: 42%; overflow: hidden;}
#blog .ctn ul li a dl dt img { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); transition: 0.3s ease;}
#blog .ctn ul li a dl dd { padding: 20px 30px; font-size: 16px; line-height: 1.4;}
#blog .ctn ul li a dl dd time { display: block; margin-bottom: 8px; font-weight: 700;}
#blog .ctn ul li a:hover { opacity: 0.8;}
#blog .ctn ul li a:hover dl dt img { transform: translateY(-50%) scale(1.08);}
#blog .ctn .btn a { margin: 0 0 0 auto;}
#blog.show .ttl,
#blog.show .ctn { opacity: 1;}
@media (max-width: 1281px) {
	#blog .ctn ul li a dl dd { padding: 20px; font-size: 14px;}
}
@media (max-width: 801px) {
	#blog .ttl { margin-bottom: 20px;}
	#blog .ttl h2 img { width: 50%; max-width: 320px;}
	#blog .ctn { width: 100%;}
	#blog .ctn .inner { width: 100%; margin-bottom: 40px; padding: 0 20px 10px; overflow-x: scroll;}
	#blog .ctn ul { width: 1260px;}
	#blog .ctn ul li { width: 33%; padding: 0 12px;}

	#blog .ctn .btn { width: 88%; margin: 0 auto;}
}
@media (max-width: 481px) {
	#blog .inner-sct { padding: 30px 0px 40px;}
	#blog .ttl { margin-bottom: 16px;}
	#blog .ctn .inner { margin-bottom: 20px; padding: 0 16px 6px;}
	#blog .ctn ul { width: 720px;}
	#blog .ctn ul li { padding: 0 6px;}
	#blog .ctn ul li a dl dd { padding: 12px 20px 16px; font-size: 12px;}
}