@charset "utf-8"; 
 @import url('https://fonts.googleapis.com/css2?family=Jost:wght@800&display=swap');
  
/* VISUAL    ================================================================================== */
.main_visual							{position:relative; overflow: hidden;}
.main_visual li							{position:relative; height:600px; }	
.main_visual .visual_item				{content:''; animation:imgScale 3s both;}

.visual_acc								{position:absolute; width:100%; left:50%; top:57%; transform:translate(-50%, -57%); z-index:100; text-align:center; color:#fff;}
.visual_acc em							{display:inline-block; font-style:normal; letter-spacing:2px; text-transform:uppercase; font-size:1.1em; opacity:0.9;}
.visual_acc dt							{font-size:4em; font-weight:100; letter-spacing:-4px; line-height:140%; margin:0 0 30px 0; text-shadow: 2px 2px 5px rgba(0,0,0,0.3);}	
.visual_acc dt span						{font-weight:700;}
.visual_acc dd							{border:10px solid rgba(49, 124, 205, 0.5); padding:20px; width:660px; margin:0 auto; font-weight:100; font-sizE:1.5em; line-height:160%; letter-spacing:-1.75px;}	
.visual_acc dd span						{display:block; font-weight:700; font-size:35px; margin:0 0 8px 0;}


/* CONTENTS   ================================================================================== */
.main_wrap								{position:relative; padding:80px 0; overflow:hidden;}
.main_wrap .top							{overflow:hidden;}
.main_wrap .notice						{position:relative; float:left; width:54%; height:390px;}
.main_news_tab_title					{height:60px; border-bottom:2px solid #004c99; }
.main_news_tab_title p					{float:left; text-align:center; cursor:pointer; width:150px;}
.main_news_tab_title p a				{display:block; font-weight:500; color:#838383; padding:0 10px; font-size:1.25em; letter-spacing:-1px; background:#f4f4f4; line-height:56px; min-height:56px; border:1px solid #ddd;}
.main_news_tab_title p a.on				{font-weight:700; color:#004c99; background:#fff; height:60px; border:2px solid #004c99; border-bottom:2px solid #fff; }
.main_news_tab_title .more				{display:block; position:absolute; right:0; top:20px; width:23px; height:23px; cursor:pointer;}
.main_news_tab_title .more:after		{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:23px; height:2px; background:#004c99;}
.main_news_tab_title .more:before		{position:absolute; content:''; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:23px; background:#004c99;}
.main_wrap .notice dl					{overflow:hidden; padding:30px 0; }
.main_wrap .notice .date				{float:left; width:100px; height:75px; text-align:center; }
.main_wrap .notice .date p				{font-family: 'Jost', sans-serif; line-height:100%; color:#181818; font-size:3.2em; font-weight:700; letter-spacing:-1px; }
.main_wrap .notice .date em				{font-family: 'Jost', sans-serif; font-style:normal; color:#5f5f5f; font-size:0.95em; letter-spacing:-1px;}
.main_wrap .notice .txt					{padding:0 0 0 120px;}
.main_wrap .notice dl dt				{font-size:1.25em; letter-spacing:-1px; font-weight:700; color:#414141; margin-bottom:8px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; }
.main_wrap .notice dl dd				{color:#797979; height:46px;line-height:150%; letter-spacing:-0.75px; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; }
.main_wrap .notice ul					{overflow:hidden; border-top:1px solid #e2e2e2; }
.main_wrap .notice ul li				{overflow:hidden; border-bottom:1px solid #e2e2e2; padding:12px 5px;} 
.main_wrap .notice ul li span			{position:relative;float:left; width:calc(100% - 70px);  padding:0 0 0 12px; color:#555; letter-spacing:-1px; overflow: hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.main_wrap .notice ul li span:after		{position:absolute; content:''; display:block; left:0; top:10px; width:3px; height:3px; border-radius:100%; background:#3a7cda;}
.main_wrap .notice ul li em				{font-style:normal; float:right; color:#a2a2a2; font-size:0.9em;}
.main_wrap .notice .nolist				{padding:60px 0; text-align:center; color:#999; float:none; width:100%;}
.main_wrap .notice .nolist:after		{display:none;}

.main_wrap .banner						{position:relative; float:right; width:42%; overflow:hidden;}
.main_wrap .banner h2					{font-size:1.8em; letter-spacing:-2px; font-weight:700; color:#333; text-indent:15px; margin-bottom:35px; }
.main_wrap .banner h2:before			{position:absolute; left:0; display:block; content: ''; width:5px; height:28px; border-radius:2px; background: #0468bf;}
.main_wrap .banner dl					{position:relative; float:left; width:49%; min-height:330px; border-radius:10px; padding:30px; letter-spacing:-1px; background:url('../image/main/acc_bn06.png') no-repeat 110% 90% #006ab6; background-size:95px;}
.main_wrap .banner dl a					{color:#fff;}
.main_wrap .banner dl:last-child		{float:right; background:url('../image/main/acc_bn07.png') no-repeat 110% 90% #0d96b8; background-size:95px;}
.main_wrap .banner dl em				{text-transform:uppercase; font-style:normal; padding:0 0 3px 0; border-bottom:1px solid #ddd; opacity:0.8; font-size:0.9em; letter-spacing:0;}
.main_wrap .banner dl dt				{font-size:1.4em;  font-weight:700; margin:25px 0 10px 0; line-height:1.3;}
.main_wrap .banner dl dd				{opacity:0.9;}
.main_wrap .banner .more				{position:absolute; bottom:40px; display:inline-block; border:1px solid #fff; padding:3px 12px; font-size:0.9em;}
.main_wrap .banner dl:hover .more		{background:rgba(0,0,0,0.3); border:0;}

.main_wrap .quickmenu					{text-align:center; margin:60px 0 0 0;}
.main_wrap .quickmenu li				{display:inline-block; margin-right:60px;}
.main_wrap .quickmenu li:last-child		{margin:0;}
.main_wrap .quickmenu li a				{color:#242424; font-sizE:1.25em; letter-spacing:-1px; font-weight:700;text-transform:uppercase;}
.main_wrap .quickmenu li p				{width:140px; height:140px; border-radius:100%; margin-bottom:20px;}
.main_wrap .quickmenu li:first-child p	{background:url('../image/main/acc_bn01.png') no-repeat center 50% #f4f4f4; background-size:63px;}
.main_wrap .quickmenu li:nth-child(2) p	{background:url('../image/main/acc_bn02.png') no-repeat center 50% #f4f4f4; background-size:63px;}
.main_wrap .quickmenu li:nth-child(3) p	{background:url('../image/main/acc_bn03.png') no-repeat center 50% #f4f4f4; background-size:63px;}
.main_wrap .quickmenu li:nth-child(4) p	{background:url('../image/main/acc_bn04.png') no-repeat center 50% #f4f4f4; background-size:63px;}
.main_wrap .quickmenu li:last-child p	{background:url('../image/main/acc_bn01.png') no-repeat center 50% #f4f4f4; background-size:63px;}
.main_wrap .quickmenu li:hover p  		{animation:bounce 1s ease-out; -webkit-animation:bounce 1s ease-out;}


@keyframes bounce {
	0%		{background-position: center 50%;}
	20%		{background-position: center 30%;}
	50%		{background-position: center 50%;}
	80%		{background-position: center 40%;}
	100%	{background-position: center 50%;}
}

/* FOOT BANNER    ================================================================================== */
.ft_banner								{position:relative; padding:30px 0; overflow:hidden; border-top:1px solid #ddd;}
.ft_banner .arrow p						{position: absolute; content: ''; display: block; top: 35%; cursor:pointer;  width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.ft_banner .prev						{left:0;  border-left: 3px solid #d1d1d1; border-bottom: 3px solid #d1d1d1;}                    
.ft_banner .next						{right:0; border-top: 3px solid #d1d1d1; border-right: 3px solid #d1d1d1;}
.ft_banner .arrow p:hover				{border-color:#555;}
.ft_banner ul							{margin:0 30px;}


/* screen 1200*/
@media screen and (max-width:1200px) {

	.main_wrap						{padding:80px 15px;}
	.ft_banner						{padding:30px 15px;}

}

/* screen 1024 */
@media screen and (max-width:1024px) {

	.main_visual li					{height:540px;}
	.visual_acc						{padding:0 15px; left:50%; top:50%; transform:translate(-50%, -50%);}
	.visual_acc em					{font-size:0.9em;}
	.visual_acc dt					{font-size:3em; margin:0 0 20px 0;}
	.visual_acc dd					{width:80%;}
	.visual_acc dd					{font-size:1.2em;}
	.visual_acc dd span				{font-size:28px; margin:0 0 5px 0;}

	.main_wrap						{padding:40px 15px;}
	.main_wrap .notice				{float:none; width:100%; height:380px;}
	.main_news_tab_title			{height:50px;}
	.main_news_tab_title p			{width:120px;}
	.main_news_tab_title p a		{font-size:0.95em; min-height:48px; line-height:46px;}
	.main_news_tab_title p a.on		{height:50px;}
	.main_news_tab_title .more		{top:10px;}
	.main_wrap .notice dl			{padding:20px 0;}
	.main_wrap .notice .date		{width:80px;}
	.main_wrap .notice .date p		{font-size:2.6em;}
	.main_wrap .notice .txt			{padding:0 0 0 100px;}
	.main_wrap .notice dl dt		{font-size:1.1em;}
	.main_wrap .notice dl dd		{font-size:0.95em;}
	.main_wrap .notice ul li		{padding:10px 0;}

	.main_wrap .banner				{float:none; width:100%;}
	.main_wrap .banner h2			{font-size:1.4em; margin-bottom:20px;}
	.main_wrap .banner h2:before	{height:26px;}
	.main_wrap .banner dl			{min-height:240px; padding:20px; background-position:100% 90%;}
	.main_wrap .banner dl:last-child	{background-position:100% 90%;}
	.main_wrap .banner dl em		{font-size:0.85em;}
	.main_wrap .banner dl dt		{font-size:1.25em; margin:20px 0 7px 0;}
	.main_wrap .banner dl dt br		{display:none;}
	.main_wrap .banner .more		{bottom:30px;}

	.main_wrap .quickmenu			{margin:40px 0 0 0;}
	.main_wrap .quickmenu li		{margin-right:40px;}
	.main_wrap .quickmenu li p		{width:120px; height:120px; margin-bottom:10px;}
	.main_wrap .quickmenu li a		{font-size:1em; font-weight:500;}

	.ft_banner						{padding:20px 15px;}
	.ft_banner ul li				{margin:0;}
	.ft_banner img					{width:70%;}

}


/* screen 768 */
@media screen and (max-width:768px) {

	.main_visual li					{height:420px;}
	.visual_acc dt					{font-size:2.2em;}
	.visual_acc dd span				{font-size:23px;}
	.visual_acc dd					{width:100%; font-size:1.1em;}

	.main_wrap .banner dl			{float:none; width:100%;}
	.main_wrap .banner dl:last-child	{float:none; margin:10px 0 0 0;}

	.main_wrap .quickmenu			{margin:20px 0 0 0;}
	.main_wrap .quickmenu li		{margin:10px;}
	.main_wrap .quickmenu li p		{width:90px; height:90px; }
	.main_wrap .quickmenu li:first-child p,
	.main_wrap .quickmenu li:nth-child(2) p,
	.main_wrap .quickmenu li:nth-child(3) p,
	.main_wrap .quickmenu li:nth-child(4) p,
	.main_wrap .quickmenu li:last-child p	{background-size:40px;}

}