@charset "UTF-8";
#hd { position: fixed; left: 0; top: 0; z-index: 101; width: 100%; background: rgba(255,255,255,1);}
#hd.open { background: rgba(255,255,255,0);}
#hd .inner-hd { width: 100%; max-width: 1350px; margin: 0 auto; padding-left: 20px;}
#hd .hd-ctn { display: flex; justify-content: space-between; align-items: center;}
#hd .hd-logo{ width: 20%;}
#hd .hd-nav { width: 78%;}

#hd .hd-logo h1 { line-height: 1;}
#hd .hd-logo h1 a { display: block;}
#hd .hd-logo h1 a img { width: 100%;}
#hd .hd-nav ul { font-size: 0; text-align: right;}
#hd .hd-nav ul li { display: inline-block; }
#hd .hd-nav ul.sub-menu { margin-bottom: 18px; padding-top: 18px; padding-right: 18px;}
#hd .hd-nav ul.sub-menu li { padding: 0 12px; font-size: clamp(14px,1.6vw,16px);}
#hd .hd-nav ul.sub-menu li a { position: relative; display: block; padding-left: 30px; color: #323232; font-weight: 700; text-decoration: none;}
#hd .hd-nav ul.sub-menu li a:before { content: ''; display: block; width: 24px; height: 24px;
 position: absolute; left: 0; top: 50%; transform: translateY(-50%);
}
#hd .hd-nav ul.sub-menu li.info a:before {
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 174"><g fill="%23559d88"><g><path d="M193.36,92.94h-24.68c-3.67,0-6.64-2.97-6.64-6.64s2.97-6.64,6.64-6.64h24.68c3.67,0,6.64,2.97,6.64,6.64s-2.97,6.64-6.64,6.64Z"/><path d="M168.68,69c-2.37,0-4.66-1.27-5.86-3.51-1.73-3.23-.51-7.25,2.72-8.98l13.68-7.32c3.23-1.73,7.26-.51,8.98,2.72,1.73,3.23.51,7.25-2.72,8.98l-13.68,7.32c-1,.53-2.07.79-3.13.79Z"/><path d="M182.36,124.21c-1.06,0-2.13-.25-3.13-.79l-13.68-7.32c-3.23-1.73-4.45-5.75-2.72-8.98,1.73-3.23,5.75-4.45,8.98-2.72l13.68,7.32c3.23,1.73,4.45,5.75,2.72,8.98-1.2,2.24-3.49,3.51-5.86,3.51Z"/></g><path d="M139.14,148.64c-.86,0-1.73-.17-2.55-.51l-98.77-41.13c-3.34-1.39-7.15-1.32-10.44.2l-17.96,8.29c-2.06.95-4.45.78-6.36-.44-1.91-1.22-3.06-3.33-3.06-5.59v-46.31c0-2.26,1.15-4.37,3.06-5.59,1.91-1.22,4.3-1.38,6.36-.44l17.97,8.29c3.29,1.52,7.1,1.59,10.44.2l98.76-41.13c2.05-.85,4.39-.63,6.23.6,1.85,1.23,2.96,3.3,2.96,5.52v111.4c0,2.22-1.11,4.29-2.96,5.52-1.11.74-2.39,1.12-3.68,1.12ZM32.83,92.73c3.43,0,6.87.67,10.1,2.01l89.58,37.3V40.56l-89.57,37.3c-6.76,2.82-14.46,2.67-21.11-.4l-8.55-3.95v25.57l8.54-3.94c3.48-1.6,7.24-2.41,11.01-2.41Z"/></g></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto;
}
#hd .hd-nav ul.sub-menu li.mypage a:before {
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 174"><g fill="%23559d88"><path d="M100,83.81c-23.11,0-41.91-18.8-41.91-41.91S76.89,0,100,0s41.91,18.8,41.91,41.91-18.8,41.91-41.91,41.91ZM100,13.28c-15.79,0-28.63,12.84-28.63,28.63s12.84,28.63,28.63,28.63,28.63-12.84,28.63-28.63-12.84-28.63-28.63-28.63Z"/><path d="M160.38,172.61c-3.67,0-6.64-2.97-6.64-6.64,0-29.63-24.11-53.74-53.74-53.74s-53.74,24.11-53.74,53.74c0,3.67-2.97,6.64-6.64,6.64s-6.64-2.97-6.64-6.64c0-36.95,30.06-67.02,67.02-67.02s67.02,30.06,67.02,67.02c0,3.67-2.97,6.64-6.64,6.64Z"/></g></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto;
}
#hd .hd-nav ul.sub-menu li.contact a:before {
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 174"><g fill="%23559d88"><path d="M168.78,154.2H31.22c-9.16,0-16.61-7.45-16.61-16.61V35.02c0-9.16,7.45-16.62,16.61-16.62h137.57c9.16,0,16.61,7.45,16.61,16.62v102.56c0,9.16-7.45,16.61-16.61,16.61ZM31.22,31.68c-1.84,0-3.34,1.5-3.34,3.34v102.56c0,1.84,1.5,3.34,3.34,3.34h137.57c1.84,0,3.34-1.5,3.34-3.34V35.02c0-1.84-1.5-3.34-3.34-3.34H31.22Z"/><path d="M100,102.91c-1.53,0-3.06-.53-4.3-1.58l-55.15-46.83c-2.79-2.37-3.14-6.56-.76-9.36,2.37-2.79,6.56-3.14,9.36-.76l50.86,43.18,50.86-43.18c2.79-2.37,6.98-2.03,9.36.76s2.03,6.98-.76,9.36l-55.15,46.83c-1.24,1.05-2.77,1.58-4.3,1.58Z"/></g></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto;
}
#hd .hd-nav ul.sub-menu li.english a:before {
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 174"><g fill="%23559d88"><path d="M90.7,159.55c-.75,0-1.5-.13-2.23-.38-2.52-.9-4.25-3.21-4.4-5.88l-1.07-19.18c-.11-1.92-1.7-3.43-3.63-3.43h-28.35c-17.23,0-31.25-14.02-31.25-31.25v-55.12c0-17.23,14.01-31.24,31.24-31.24h97.98c17.23,0,31.25,14.02,31.25,31.25v55.11c0,17.23-14.02,31.25-31.25,31.25h-23.03c-3.79,0-7.43,1.61-9.99,4.41l-20.36,22.31c-1.28,1.4-3.07,2.16-4.9,2.16ZM51.01,26.34c-9.91,0-17.96,8.06-17.96,17.96v55.12c0,9.91,8.06,17.97,17.97,17.97h28.35c8.97,0,16.38,7.01,16.88,15.97l.19,3.41,9.72-10.64c5.06-5.55,12.28-8.73,19.79-8.73h23.03c9.91,0,17.97-8.06,17.97-17.97v-55.11c0-9.91-8.06-17.97-17.97-17.97H51.01Z"/><circle cx="67.03" cy="72.16" r="7.64"/><circle cx="100" cy="72.16" r="7.64"/><circle cx="132.97" cy="72.16" r="7.64"/></g></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto;
}

#hd .hd-nav ul.main-menu li { padding: 0 10px; font-size: clamp(15px,1.8vw,20px); font-weight: 700;}
#hd .hd-nav ul.main-menu li:last-child {}
#hd .hd-nav ul.main-menu li a.topLv { position: relative; display: block; margin-bottom: 12px; padding: 4px 20px; background: #fff; border-radius: 50px; color: #000; line-height: 1.2; text-decoration: none;}

#hd .hd-nav ul.sub-menu li a:hover { color: #559d88;}
#hd .hd-nav ul.main-menu li a:hover { color: #fff; background: #559d88;}
#hd .hd-nav ul.sub-menu li a:active { color: #3b584f;}
#hd .hd-nav ul.main-menu li a:active{ color: #3b584f;}

#hd .hd-nav ul.main-menu li .under { display: none; background: #559d88; position: absolute; left: 0; width: 100%; transform: translateY(12px;);}
#hd .hd-nav ul.main-menu li:hover .under { display: block;}

#hd .hd-nav ul.main-menu li .under .flex { display: flex; justify-content: space-between; width: 94%; max-width: 1200px; margin: 0 auto;}
#hd .hd-nav ul.main-menu li .under .left { width: 30%; padding: 30px 0 50px;}
#hd .hd-nav ul.main-menu li .under .right{ width: 70%; padding: 30px 0 50px; padding-left: 40px; border-left: solid 1px #fff;}
#hd .hd-nav ul.main-menu li .under .left p { margin-bottom: 20px; color: #fff; font-weight: 700; text-align: left;}
#hd .hd-nav ul.main-menu li .under .left p a { position: relative; padding-left: 30px; display: inline-block; color: #fff; font-size: clamp(14px,1.8vw,24px); vertical-align: baseline;}
#hd .hd-nav ul.main-menu li .under .left p a::before { content: ''; display: block; width: 21px; height: 21px; border-radius: 50%; position: absolute; left: 0px; top: 50%;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><rect width="50" height="50" fill="%23fff"/><polygon points="18.4 16.5 26.9 25 18.4 33.4 20.7 35.7 31.5 25 20.7 14.2 18.4 16.5" fill="%23559d88"/></svg>');
 background-position: 50% 50%; background-size: 100% auto; transition: 0.3s ease; transform: translate(0,-48%);
}
#hd .hd-nav ul.main-menu li .under .left p a span { display: inline-block; margin-left: 20px; font-size: clamp(12px,1.2vw,18px); vertical-align: baseline;}
#hd .hd-nav ul.main-menu li .under .left figure { width: 80%; max-width: 280px; border-radius: 30px; overflow: hidden;}
#hd .hd-nav ul.main-menu li .under .left figure img { width: 100%;}
#hd .hd-nav ul.main-menu li .under .right ul { text-align: left;}
#hd .hd-nav ul.main-menu li .under .right dl { padding-left: 18px; text-align: left;}
#hd .hd-nav ul.main-menu li .under .right ul.disc li { position: relative; display: block; padding: 4px 0; padding-left: 18px; border-top: 0px; font-size: clamp(13px,1.6vw,18px);}
#hd .hd-nav ul.main-menu li .under .right dl.mb { margin-bottom: 8px;}
#hd .hd-nav ul.main-menu li .under .right dl dt { position: relative; padding: 4px 0; font-size: clamp(13px,1.6vw,18px);}
#hd .hd-nav ul.main-menu li .under .right dl dd { position: relative; display: inline-block; width: 32%; padding: 4px 0; padding-left: 18px;
 font-size: clamp(12px,1.2vw,14px); font-weight: 400; vertical-align: top;
}
#hd .hd-nav ul.main-menu li .under .right dl dd.w26 { width: 26%;}
#hd .hd-nav ul.main-menu li .under .right dl dd.w32 { width: 32%;}
#hd .hd-nav ul.main-menu li .under .right dl dd.w38 { width: 38%;}
#hd .hd-nav ul.main-menu li .under .right dl dd.w100{ width: 100%;}
#hd .hd-nav ul.main-menu li .under .right ul.disc li:before,
#hd .hd-nav ul.main-menu li .under .right dl dt:before { content: ''; display: block; width: 10px; height: 10px; background: #fff; border-radius: 50%;
 position: absolute; left: 0; top: 14px;
}
#hd .hd-nav ul.main-menu li .under .right dl dt:before { left: -18px;}
#hd .hd-nav ul.main-menu li .under .right dl dd:before { content: ''; display: block; width: 5px; height: 1px; background: #fff;
 position: absolute; left: 5px; top: 12px;
}
#hd .hd-nav ul.main-menu li .under a { color: #fff; text-decoration: none;}
#hd .hd-nav ul.main-menu li .under .right dl dd a { color: #d6ece6;}
#hd .hd-nav ul.main-menu li .under .left p a:hover,
#hd .hd-nav ul.main-menu li .under .right ul li a:hover,
#hd .hd-nav ul.main-menu li .under .right dl dd a:hover { color: #f8ee6f;}


#hd .menu-btn { display: none; position: absolute; right: 18px; top: 50%; width: 40px; height: 40px; transform: translateY(-50%);}
#hd .menu-btn div { position: relative; width: 100%; height: 100%; background: #0d291e; border-radius: 8px;}
#hd .menu-btn div:after { content: 'MENU'; position: absolute; left: 0; bottom: 2px; width: 100%; color: #fff; font-size: 9px; text-align: center;}
#hd .menu-btn div span { display: block; width: 23px; height: 2px; background: #fff; position: absolute; left: 50%; transform: translate(-50%,0);}
#hd .menu-btn div span:nth-child(1) { top: 10px;}
#hd .menu-btn div span:nth-child(2) { top: 18px;}
#hd .menu-btn.active div span:nth-child(1) { animation: menu1 0.4s linear forwards;}
#hd .menu-btn.active div span:nth-child(2) { animation: menu2 0.4s linear forwards;}
@keyframes menu1 {
  0% { transform: translate(-50%,0) rotate(0deg);}
 30% { transform: translate(-50%,4px) rotate(0deg);}
 31% { transform: translate(-50%,4px) rotate(0deg);}
 80% { transform: translate(-50%,4px) rotate(0deg);}
 100% { transform: translate(-50%,4px) rotate(30deg);}
}
@keyframes menu2 {
  0% { transform: translate(-50%,0) rotate(0deg);}
 30% { transform: translate(-50%,-4px) rotate(0deg);}
 31% { transform: translate(-50%,-4px) rotate(0deg);}
 80% { transform: translate(-50%,-4px) rotate(0deg);}
 100% { transform: translate(-50%,-4px) rotate(-30deg);}
}
@media (max-width: 1201px) {
	#hd .hd-nav ul.sub-menu { padding-right: 12px;}
	#hd .hd-nav ul.main-menu li{ padding: 0 8px;}
	#hd .hd-nav ul.main-menu li a.topLv { padding: 4px 15px;}
}
@media (max-width: 1001px) {
	#hd .inner-hd { padding: 12px 30px;}
	#hd .hd-nav { display: none;}
	#hd .menu-btn { display: block;}
}
@media (max-width: 801px) {
	#hd .hd-logo{ width: 40%;}
}
@media (max-width: 481px) {
	#hd .inner-hd { padding: 20px;}
}



.sp-nav { position: fixed; left: 0; top: 0; width: 100%; z-index: -1; visibility: hidden; transition: 0.3s ease; opacity: 0;}
.sp-nav.open { z-index: 100; visibility: visible; opacity: 1;}
.sp-nav .inner { width: 100%; height: 100vh; padding-top: 60px; background: #559d88;}
.sp-nav .scrollarea { width: 100%; height: 100%; padding: 20px 30px 40px; overflow-y: scroll;}
.sp-nav ul.main-menu { margin-bottom: 20px; font-size: 0;}
.sp-nav ul.main-menu li { position: relative; padding: 5px 0; border-top: solid 1px #fff; font-size: 16px; font-weight: 700; line-height: 1;}
.sp-nav ul.main-menu li a { display: block; padding: 5px 0; color: #fff; text-decoration: none;}
.sp-nav ul.main-menu li.topLv { padding: 0;}
.sp-nav ul.main-menu li.topLv span.lv1 { position: relative; display: block; padding: 8px 0; padding-right: 80px;}
.sp-nav ul.main-menu li.topLv span.lv1:before,
.sp-nav ul.main-menu li.topLv span.lv1:after { content: ''; display: block; width: 18px; height: 2px; background: #fff; 
 position: absolute; right: 10px; top: 20px;
}
.sp-nav ul.main-menu li.topLv span.lv1:after { transition: 0.3s ease; transform: rotate(90deg);}
.sp-nav ul.main-menu li.topLv span.lv1.open:after { transform: rotate(180deg);}
.sp-nav ul.main-menu li.topLv ul { display: none; padding-bottom: 12px;}
.sp-nav ul.main-menu li.topLv ul li { position: relative; border-top: dashed 1px #d6ece6; font-size: 16px;}
.sp-nav ul.main-menu li.topLv ul li dl dt { font-size: 15px;}
.sp-nav ul.main-menu li.topLv ul li dl dd { position: relative; padding: 4px 0; font-size: 14px; font-weight: 400;}
.sp-nav ul.main-menu li.topLv ul li dl dd a { color: #d6ece6;}
.sp-nav ul.main-menu li.topLv ul.disc li { padding-left: 15px;}
.sp-nav ul.main-menu li.topLv ul.disc li:before { content: ''; display: block; width: 9px; height: 9px; background: #fff; border-radius: 50%;
 position: absolute; left: 0; top: 14px;
}
.sp-nav ul.main-menu li.topLv ul li dl dd:before { content: ''; display: block; width: 5px; height: 1px; background: #fff;
 position: absolute; left: -10px; top: 16px;
}
.sp-nav ul.sub-menu { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 0;}
.sp-nav ul.sub-menu li { width: 48.5%; padding: 6px 0; font-size: 16px; line-height: 1;}
.sp-nav ul.sub-menu li a { position: relative; display: block; width: 100%; padding: 15px; padding-left: 80px; background: #fff; border-radius: 10px;
 color: #323232; font-weight: 700; text-decoration: none;}
.sp-nav ul.sub-menu li a:before { content: ''; display: block; width: 32px; height: 32px;
 position: absolute; left: 20px; top: 50%; transform: translateY(-50%);
}
.sp-nav ul.sub-menu li.info a:before {
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 174"><g fill="%23559d88"><g><path d="M193.36,92.94h-24.68c-3.67,0-6.64-2.97-6.64-6.64s2.97-6.64,6.64-6.64h24.68c3.67,0,6.64,2.97,6.64,6.64s-2.97,6.64-6.64,6.64Z"/><path d="M168.68,69c-2.37,0-4.66-1.27-5.86-3.51-1.73-3.23-.51-7.25,2.72-8.98l13.68-7.32c3.23-1.73,7.26-.51,8.98,2.72,1.73,3.23.51,7.25-2.72,8.98l-13.68,7.32c-1,.53-2.07.79-3.13.79Z"/><path d="M182.36,124.21c-1.06,0-2.13-.25-3.13-.79l-13.68-7.32c-3.23-1.73-4.45-5.75-2.72-8.98,1.73-3.23,5.75-4.45,8.98-2.72l13.68,7.32c3.23,1.73,4.45,5.75,2.72,8.98-1.2,2.24-3.49,3.51-5.86,3.51Z"/></g><path d="M139.14,148.64c-.86,0-1.73-.17-2.55-.51l-98.77-41.13c-3.34-1.39-7.15-1.32-10.44.2l-17.96,8.29c-2.06.95-4.45.78-6.36-.44-1.91-1.22-3.06-3.33-3.06-5.59v-46.31c0-2.26,1.15-4.37,3.06-5.59,1.91-1.22,4.3-1.38,6.36-.44l17.97,8.29c3.29,1.52,7.1,1.59,10.44.2l98.76-41.13c2.05-.85,4.39-.63,6.23.6,1.85,1.23,2.96,3.3,2.96,5.52v111.4c0,2.22-1.11,4.29-2.96,5.52-1.11.74-2.39,1.12-3.68,1.12ZM32.83,92.73c3.43,0,6.87.67,10.1,2.01l89.58,37.3V40.56l-89.57,37.3c-6.76,2.82-14.46,2.67-21.11-.4l-8.55-3.95v25.57l8.54-3.94c3.48-1.6,7.24-2.41,11.01-2.41Z"/></g></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto;
}
.sp-nav ul.sub-menu li.mypage a:before {
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 174"><g fill="%23559d88"><path d="M100,83.81c-23.11,0-41.91-18.8-41.91-41.91S76.89,0,100,0s41.91,18.8,41.91,41.91-18.8,41.91-41.91,41.91ZM100,13.28c-15.79,0-28.63,12.84-28.63,28.63s12.84,28.63,28.63,28.63,28.63-12.84,28.63-28.63-12.84-28.63-28.63-28.63Z"/><path d="M160.38,172.61c-3.67,0-6.64-2.97-6.64-6.64,0-29.63-24.11-53.74-53.74-53.74s-53.74,24.11-53.74,53.74c0,3.67-2.97,6.64-6.64,6.64s-6.64-2.97-6.64-6.64c0-36.95,30.06-67.02,67.02-67.02s67.02,30.06,67.02,67.02c0,3.67-2.97,6.64-6.64,6.64Z"/></g></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto;
}
.sp-nav ul.sub-menu li.contact a:before {
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 174"><g fill="%23559d88"><path d="M168.78,154.2H31.22c-9.16,0-16.61-7.45-16.61-16.61V35.02c0-9.16,7.45-16.62,16.61-16.62h137.57c9.16,0,16.61,7.45,16.61,16.62v102.56c0,9.16-7.45,16.61-16.61,16.61ZM31.22,31.68c-1.84,0-3.34,1.5-3.34,3.34v102.56c0,1.84,1.5,3.34,3.34,3.34h137.57c1.84,0,3.34-1.5,3.34-3.34V35.02c0-1.84-1.5-3.34-3.34-3.34H31.22Z"/><path d="M100,102.91c-1.53,0-3.06-.53-4.3-1.58l-55.15-46.83c-2.79-2.37-3.14-6.56-.76-9.36,2.37-2.79,6.56-3.14,9.36-.76l50.86,43.18,50.86-43.18c2.79-2.37,6.98-2.03,9.36.76s2.03,6.98-.76,9.36l-55.15,46.83c-1.24,1.05-2.77,1.58-4.3,1.58Z"/></g></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto;
}
.sp-nav ul.sub-menu li.english a:before {
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 200 174"><g fill="%23559d88"><path d="M90.7,159.55c-.75,0-1.5-.13-2.23-.38-2.52-.9-4.25-3.21-4.4-5.88l-1.07-19.18c-.11-1.92-1.7-3.43-3.63-3.43h-28.35c-17.23,0-31.25-14.02-31.25-31.25v-55.12c0-17.23,14.01-31.24,31.24-31.24h97.98c17.23,0,31.25,14.02,31.25,31.25v55.11c0,17.23-14.02,31.25-31.25,31.25h-23.03c-3.79,0-7.43,1.61-9.99,4.41l-20.36,22.31c-1.28,1.4-3.07,2.16-4.9,2.16ZM51.01,26.34c-9.91,0-17.96,8.06-17.96,17.96v55.12c0,9.91,8.06,17.97,17.97,17.97h28.35c8.97,0,16.38,7.01,16.88,15.97l.19,3.41,9.72-10.64c5.06-5.55,12.28-8.73,19.79-8.73h23.03c9.91,0,17.97-8.06,17.97-17.97v-55.11c0-9.91-8.06-17.97-17.97-17.97H51.01Z"/><circle cx="67.03" cy="72.16" r="7.64"/><circle cx="100" cy="72.16" r="7.64"/><circle cx="132.97" cy="72.16" r="7.64"/></g></svg>');
 background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto;
}
@media (max-width: 801px) {
	.sp-nav { display: block;}
}
@media (max-width: 481px) {
	.sp-nav .inner { padding-top: 40px;}
	.sp-nav .scrollarea { width: 100%; height: 100%; padding: 16px 20px 40px;}
	.sp-nav ul.main-menu { margin-bottom: 12px;}
	.sp-nav ul.main-menu li { font-size: 14px;}
	.sp-nav ul.main-menu li.topLv ul li { font-size: 14px;}
	.sp-nav ul.main-menu li.topLv ul li dl dt { font-size: 13px;}
	.sp-nav ul.main-menu li.topLv ul li dl dd { padding: 2px 0; font-size: 12px;}
	.sp-nav ul.main-menu li.topLv ul.disc li:before { width: 8px; height: 8px; top: 14px;}
	.sp-nav ul.main-menu li.topLv ul li dl dd:before { left: -10px; top: 13px;}

	.sp-nav ul.sub-menu li { font-size: 14px;}
	.sp-nav ul.sub-menu li a { padding: 12px; padding-left: 45px;}
	.sp-nav ul.sub-menu li a:before { width: 24px; height: 24px; left: 15px;}
}


.pagetop { width: 54px; height: 54px; position: fixed; bottom: 50px; right: 4%; z-index: 100;}
.pagetop a { position: relative; display: block; width: 100%; height: 100%; background: #0d291e; border: none; border-radius: 50%;}
.pagetop a:before{ position: absolute; content: ''; display: block; width: 16px; height: 16px; top: 42%; left: 50%; transform: translateX(-50%) rotate(45deg);
 border-top: solid 2px #fff; border-left: solid 2px #fff;
}
@media (max-width: 481px) {
	.pagetop { width: 40px; height: 40px; bottom: 20px; right: 3%;}
	.pagetop a:before{ width: 12px; height: 12px;}
}


#ft { width: 100%;}
#ft .inner-ft { width: 94%; max-width: 1600px; margin: 0 auto; padding-top: 40px;}
#ft .ft-ctn { padding: 40px; background: #559d88; border-radius: 30px;}
#ft .ft-flex{ display: flex; justify-content: space-between;}
#ft .box { width: 25%; padding: 0 20px;}
#ft .box ul li { position: relative; padding: 20px 0; line-height: 1.4; font-size: 18px; font-weight: 700; border-top: solid 2px #fff;}
#ft .box ul li ul.pt,
#ft .box ul li dl.pt { padding-top: 8px;}
#ft .box ul li ul.disc li { padding: 4px 0; padding-left: 18px; border-top: 0px; font-size: 16px;}
#ft .box ul li dl.mb { margin-bottom: 8px;}
#ft .box ul li dl dt { position: relative; padding: 4px 0; padding-left: 18px; font-size: 16px;}
#ft .box ul li dl dd { position: relative; padding: 4px 0; padding-left: 18px; font-size: 14px; font-weight: 400;}
#ft .box ul li ul.disc li:before,
#ft .box ul li dl dt:before { content: ''; display: block; width: 9px; height: 9px; background: #fff; border-radius: 50%;
 position: absolute; left: 0; top: 10px;
}
#ft .box ul li dl dd:before { content: ''; display: block; width: 5px; height: 1px; background: #fff;
 position: absolute; left: 5px; top: 12px;
}
#ft .box ul li a { color: #fff; text-decoration: none;}
#ft .box ul li dl dd a { color: #d6ece6;}
#ft .box ul li a:hover,
#ft .box ul li dl dd a:hover { color: #f8ee6f;}
#ft .box ul li a:active,
#ft .box ul li dl dd a:active { color: #92f5d8;}

#ft .ft-info { width: 94%; max-width: 1600px; margin: 0 auto; padding: 30px 0;}
#ft .address { position: relative; margin-bottom: -20px; z-index: 2;}
#ft .address p { font-size: 14px;}
#ft .address p a { display: inline-block; width: 40%; max-width: 250px; margin-right: 40px; vertical-align: middle;}
#ft .address p a img { width: 100%;}
#ft .address p span { display: inline-block; vertical-align: middle;}
#ft .copyright { position: relative; z-index: 1;}
#ft .copyright p { color: #559d88; font-size: 12px; text-align: right;}
@media (max-width: 1001px) {
	#ft .ft-ctn { padding: 30px 20px;}
}
@media (max-width: 801px) {
	#ft .inner-ft { display: none;}
	#ft .ft-info { width: 88%;}
	#ft .address { margin-bottom: 12px;}
	#ft .address p a { display: block; margin: 0 0 20px;}
	#ft .copyright p { text-align: left;}
}
@media (max-width: 481px) {
	#ft .address { margin-bottom: 8px;}
	#ft .address p { font-size: 10px;}
	#ft .address p a { display: block; margin: 0 0 12px;}
	#ft .copyright p { font-size: 10px;}
}



.wrap { padding-top: 112px;}
@media (max-width: 1001px) {
	.wrap { padding-top: 54px;}
}
@media (max-width: 801px) {
	.wrap { padding-top: 10vw;}
}
@media (max-width: 481px) {
	.wrap { padding-top: 16vw;}
}

.tag-event { background: #e4f5af;}
.tag-mail-magazine { background: #ffcaaf;}
.tag-publication { background: #dab894;}
.tag-convention { background: #42bfdd;}
.tag-other-info { background: #00cecb;}
.tag-calls { background: #ffa8d1;}


.bnr div { width: 100%; max-width: 1600px; margin: 0 auto; padding: 40px; background: #f5f5ef; border-radius: 30px;}
.bnr ul { width: 100%; max-width: 1100px; margin: 0 auto; font-size: 0; text-align: center;}
.bnr ul li { display: inline-block; width: 33.33334%; padding: 0 25px;}
.bnr ul li a { display: block; width: 100%; padding: 3px; background: #e9e7e0; transition: 0.3s ease;}
.bnr ul li a img { width: 100%;}
.bnr ul li a:hover { background: #559d88;}
@media (max-width: 801px) {
	.bnr ul li { width: 50%; padding: 12px;}
}
@media (max-width: 481px) {
	.bnr div { padding: 20px; border-radius: 20px;}
	.bnr ul li { padding: 8px;}
	.bnr ul li a { padding: 2px;}
}