.ctt_greeting .text-wrap > strong,.ctt_greeting .text-wrap > p ,.ctt_greeting .text-wrap > .flex{transform: translateX(-50px);opacity: 0; transition: 0.5s;}
.ctt_greeting.on .text-wrap > strong, .ctt_greeting.on .text-wrap > p , .ctt_greeting.on .text-wrap > .flex{transform: translateX(0px);opacity: 1;}


.ctt_greeting .inner{overflow: hidden;}
.ctt_greeting .cont-left-area {align-items: center;gap: 200px;}
.ctt_greeting .text-wrap{flex: 1; gap: 40px;}
.ctt_greeting .text-wrap .flex{gap: 60px;}
.ctt_greeting .img-wrap{position: relative;}
.ctt_greeting .text-wrap > strong{transition-delay: 0.2s;}
.ctt_greeting .text-wrap p.eff1{transition-delay: 0.3s;}
.ctt_greeting .text-wrap p.eff2{transition-delay: 0.4s;}
.ctt_greeting .text-wrap p.eff3{transition-delay: 0.5s;}
.ctt_greeting .text-wrap p.eff4{transition-delay: 0.6s;}
.ctt_greeting .text-wrap p.eff5{transition-delay: 0.7s;}
.ctt_greeting .text-wrap .flex{transition-delay: 0.8s;flex-wrap: wrap;}
.ctt_greeting .img-wrap{transform: translateX(50px);opacity: 0;transition: 0.5s;transition-delay: 1s;}
.ctt_greeting.on .img-wrap{transform: translateX(0px);opacity: 1;}
/* .ctt_greeting .img-wrap::before{content: '';position: absolute;display: block; bottom: 0;right: -160px;background: url(../../../img/content/ceo-bg.png)no-repeat;width: 700px;height: 520px;z-index: 1; opacity: 0.1;background-position: top -20px right  -85px;} */
/* .ctt_greeting .img-wrap::after{content: '';position: absolute;display: block; bottom: 0;right: -160px;background: var(--point);width: 700px;height: 520px;} */
.ctt_greeting .img-wrap img{position: relative;z-index: 3;opacity: 0; transition: 0.5s;transition-delay: 1.5s;transform: translateY(50px);}
.ctt_greeting.on .img-wrap img{opacity: 1;transform: translateY(0px);}


.ctt_facilityinfo .content-area-03 .ul-custom-01 { margin-top: 40px; } 
.ctt_facilityinfo .content-area-03 .ul-custom-01 li { width: calc((100% - 40px)/3); font-size: 16px; } 
.ctt_facilityinfo .content-area-03 .ul-custom-01 li p { margin-top: 24px; padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 20px; } 
.ctt_facilityinfo .content-area-03 .ul-custom-01 li strong { font-weight: bold; color: #000; flex: 1; } 
.ctt_facilityinfo .content-area-03 .ul-custom-01 li em { color: #666; } 
.ctt_facilityinfo .content-area-03 .anchor-list { border-bottom: 1px solid #000; padding-bottom: 20px; gap: 50px; margin-top: 60px; } 
.ctt_facilityinfo .content-area-03 .anchor-list li:not(.on) { color: #999; font-weight: normal; } 
.ctt_facilityinfo .content-area-03 .ul-custom-01 .img img {width: 100%;}

 @media (max-width: 1400px){
    .ctt_greeting .cont-left-area {  gap: 100px; } 
}

 @media (max-width: 1200px){
 .ctt_greeting .cont-left-area { flex-direction: column; gap: 40px;align-items: end; } 
 }
 
 
 
@media screen and (max-width:1100px) { 
 /* .ctt_facilityinfo .content-area-01::after { font-size: clamp(100px, calc( 290 / var(--inner) * 100vw ), 290px); } */
 .ctt_facilityinfo .content-area-03 { background-size: 70%; } 
 .ctt_facilityinfo .content-area-03 .flex-bottom { flex-direction: column; align-items: start; gap: 50px; } 
 .ctt_facilityinfo .content-area-03 dl { width: 100%; } 
 .ctt_facilityinfo .content-area-03 .ul-custom-01 li { width: calc((100% - 20px)/2); }
 
 .dl-custom-01 { gap: 0px; } 
 .dl-custom-01 dt { width: 100% !important; border:0; } 
 .dl-custom-01 dd { width: 100% !important; margin: 30px 0 80px; } 
 .dl-custom-01 dd:last-child { margin-bottom: 0; } 
 .ctt_map .addr-box { padding: 40px; } 
 }
 
 @media screen and (max-width:500px) { 
 
 .ctt_facilityinfo .content-area-03 .ul-custom-01 li { width: 100%; } 
 .ctt_otherinfo .content-area-01 #watch dl ul li { width: 100%;} 
 .ctt_facilityinfo .dl-custom-01 dd > ul.flex-wrap li { display:inline-grid; width: 100% !important; }

 }
 
 #ctt {padding: 20px 0 !important;}
.notice-wrap, .notice-wrap *, .notice-wrap *::before, .notice-wrap *::after { margin: 0; padding: 0; box-sizing: border-box; }
        .notice-wrap { color: #1a2638; background: #fff; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width: 1600px; margin: 0 auto; padding: 40px 24px; }
        .notice-wrap img { max-width: 100%; height: auto; }
        .notice-wrap ul, .notice-wrap ol { list-style: none; }
        .notice-wrap a { text-decoration: none; color: inherit; }
        .notice-wrap .notice-header { text-align: center; margin-bottom: 36px; padding-bottom: 28px; border-bottom: 2px solid #1e5fa8; }
        .notice-wrap .notice-header .eyebrow { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; color: #1e5fa8; background: #e8f1fb; padding: 6px 14px; border-radius: 999px; margin-bottom: 14px; }
        .notice-wrap .notice-header h1 { font-size: 32px; font-weight: 800; color: #1a2638; letter-spacing: -0.02em; line-height: 1.3; }
        .notice-wrap .notice-header h1 strong { color: #1e5fa8; font-weight: 800; }
        .notice-wrap .notice-header p { margin-top: 10px; font-size: 15px; color: #4a5870; }
        .notice-wrap .notice-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 36px; align-items: start; }
        .notice-wrap .poster-col { position: sticky; top: 24px; width:95%;}
        .notice-wrap .poster-frame { background: #ffffff; border: 1px solid #d8e2ee; border-radius: 12px; padding: 14px; box-shadow: 0 12px 32px -16px rgba(30, 95, 168, 0.25); }
        .notice-wrap .poster-frame img { width: 100%; display: block; border-radius: 6px; }
        .notice-wrap .poster-caption { margin-top: 12px; font-size: 13px; color: #4a5870; text-align: center; }
        .notice-wrap .content-col { display: flex; flex-direction: column; gap: 24px; }
        .notice-wrap .info-card { background: #ffffff; border: 1px solid #d8e2ee; border-radius: 12px; padding: 28px; box-shadow: 0 4px 12px -8px rgba(30, 95, 168, 0.15); }
        .notice-wrap .info-card h2 { font-size: 22px; font-weight: 700; color: #15406f; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px dashed #d8e2ee; display: flex; align-items: center; gap: 10px; line-height: 1.4; }
        .notice-wrap .info-card h2::before { content: ""; width: 4px; height: 18px; background: #1e5fa8; border-radius: 2px; flex-shrink: 0; }
        .notice-wrap .info-card h2 .badge { font-size: 12px; font-weight: 600; color: #ffffff; background: #2d8fd4; padding: 3px 10px; border-radius: 999px; margin-left: auto; }
        .notice-wrap .info-section { margin-bottom: 20px; }
        .notice-wrap .info-section:last-child { margin-bottom: 0; }
        .notice-wrap .info-label { display: inline-flex; align-items: center; gap: 6px; font-size: 20px; font-weight: 700; color: #1e5fa8; margin-bottom: 8px; }
        .notice-wrap .info-label::before { content: "■"; font-size: 10px; color: #2d8fd4; }
        .notice-wrap .info-text { font-size: 17px; color: #333; padding-left: 16px; }
        .notice-wrap .info-list { padding-left: 16px; }
        .notice-wrap .info-list li { position: relative; padding-left: 14px; font-size: 17px; color: #333; margin-bottom: 6px; }
        .notice-wrap .info-list li::before { content: "–"; position: absolute; left: 0; color: #2d8fd4; font-weight: 700; }
        .notice-wrap .info-list li strong { color: #1a2638; font-weight: 600; }
        .notice-wrap .info-list li .highlight { color: #15406f; font-weight: 700; }
        .notice-wrap .footer-card { background: linear-gradient(135deg, #15406f, #1e5fa8); color: #ffffff; border-radius: 12px; padding: 24px 28px; }
        .notice-wrap .footer-card .title { font-size: 20px !important; font-weight: 700; margin-bottom: 14px; opacity: 0.9; color: #ffffff; }
        .notice-wrap .footer-row { display: grid; grid-template-columns: 80px 1fr; gap: 12px; padding: 6px 0; font-size: 16px; }
        .notice-wrap .footer-row .key { opacity: 0.75; font-weight: 500; }
        .notice-wrap .footer-row .val { font-weight: 500; }
        .notice-wrap .footer-row .val a { color: #ffffff; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
        .notice-wrap .footer-row .val a:hover { border-bottom-color: #ffffff; }
        @media (max-width: 1100px) {
            .notice-wrap .notice-header h1 { font-size: 28px; }
        }
        @media (max-width: 900px) {
            .notice-wrap .notice-grid { grid-template-columns: 1fr; gap: 24px; }
            .notice-wrap .poster-col { position: static; max-width: 460px; margin: 0 auto; width: 100%; }
            .notice-wrap .notice-header h1 { font-size: 24px; }
        }
        @media (max-width: 600px) {
            .notice-wrap { padding: 24px 16px; }
            .notice-wrap .info-card { padding: 20px; }
            .notice-wrap .notice-header h1 { font-size: 22px; }
            .notice-wrap .footer-row { grid-template-columns: 1fr; gap: 2px; }
        }
		
		
		

.sub-support .bar{width: 0px;height: 2px; background: #000;margin-bottom: 80px;transition: 0.5s;margin-top: 80px;}
.sub-support .on .bar{width: 100%;}
#sub_page.sub-support h5 {transition-delay: 0.3s;}
.sub-support dl{margin-top: 40px;padding-left: 20px;}
.sub-support dl dt{position: relative;color: var(--point);font-weight: bold;margin-top: 30px;transform: translateX(-50px);transition: 0.5s;opacity: 0;}
.sub-support dl dt::before{position: absolute; content: '';top: 50%;left: -20px;transform: translateY(-50%);display: block;width: 10px;height: 2px;background: var(--point);}
.sub-support dl dd{color: #888;margin-top: 10px;font-size: 16px;transform: translateX(-50px);transition: 0.5s;opacity: 0;}
.sub-support dl dd ul{gap: 35px;padding-top: 10px;flex-wrap: wrap;}
.sub-support dl dd ul li{ gap: 20px;text-align: center; align-items: center;}
.sub-support dl dd ul li+li .cir::before{content: '>';position: absolute;top: 50%;left: -50px;transform: translateY(-50%);font-size: 30px;color: #000;}
.sub-support dl dd ul li .cir{position: relative; width: 150px; height: 150px; border: 2px dashed #ddd; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 20px;}
.sub-support dl dd ul li .cir::after {display: none;}
.sub-support dl dd ul li span{color: #000; font-weight: bold; width: 100%; padding: 0 10px;}
.sub-support dl dd ul li:nth-last-child(1) .cir{border: 0; background: var(--point);}
.sub-support dl dd ul li:nth-last-child(1) span{color: #fff;}
.sub-support dl dd ul li em{font-size: 14px; width: 150px;}
.sub-support .on dl dt,.sub-support .on dl dd{opacity: 1;transform: translateY(0);}
.sub-support dl dt:nth-child(1),.sub-support dl dd:nth-child(2){transition-delay: 0.4s;}
.sub-support dl dt:nth-child(3),.sub-support dl dd:nth-child(4){transition-delay: 0.5s;}
.sub-support dl dt:nth-child(5),.sub-support dl dd:nth-child(6){transition-delay: 0.6s;}
.sub-support dl dt:nth-child(7),.sub-support dl dd:nth-child(8){transition-delay: 0.7s;}
.sub-support dl dt:nth-child(9),.sub-support dl dd:nth-child(10){transition-delay: 0.8s;}
.sub-support dl dt:nth-child(11),.sub-support dl dd:nth-child(12){transition-delay: 0.9s;}
.sub-support .btn-box{margin-top: 40px; opacity: 0;transition: 0.5s;transition-delay: 1s;transform: translateX(-50px);}
.sub-support .on .btn-box{opacity: 1;transform: translateY(0);}
.sub-support .btn-box a{padding: 15px 30px; background: var(--point);color: #fff; border-radius: 30px;}


#ctt_con a.btn_more { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 200px; height: 56px; padding: 0 36px; margin: 40px auto 0; background: var(--point, #850008); color: #fff !important; font-size: 16px; font-weight: 600; text-decoration: none !important; border-radius: 50px; transition: opacity 0.2s, transform 0.2s; box-shadow: 0 4px 12px rgba(133, 0, 8, 0.2); }
#ctt_con a.btn_more::after { content: ''; width: 14px; height: 10px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10'><path d='M0 5h12M8 1l4 4-4 4' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat; }
#ctt_con a.btn_more:hover { opacity: 0.92; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(133, 0, 8, 0.3); }
#ctt_con .btn_more_wrap, #ctt_con p:has(> a.btn_more:only-child) { text-align: center; }