.main_visual										{position:relative; margin:0 auto;}
.main_menu		{position:relative;}
.main_menu ul		{display:flex; flex-wrap:wrap; justify-content: space-between;}
.main_menu ul li		{width:50%;  text-align:center; background:rgba(0,0,0,.6); border-right:1px solid rgba(255,255,255,.4); border-bottom:1px solid rgba(255,255,255,.4); transition:.2s;}
.main_menu ul li:nth-child(2),.main_menu ul li:nth-child(4)			{border-right:0;}
.main_menu ul li:nth-child(3),.main_menu ul li:nth-child(4)			{border-bottom:0;}
.main_menu ul li:hover		{background:rgba(10,74,153,.8)}
.main_menu ul li a		{display:block; padding:32.5px 0; }
.main_menu ul li p		{color:#fff; font-size:18px; margin-top:14px; font-weight:300;}

.cont_wrap		{width:1200px; margin:0 auto; display:flex;}
.cont_wrap > div		{width:375px;}
.cont_wrap > div:last-child {width: 450px;}
.cont_wrap > div:first-child		{background:#1e5394; position:relative;}
.cont_wrap > div:first-child > div {position:absolute;width:100%; height:100%;}
.cont_wrap > div:first-child iframe {width:100%; height:100%;}
/*.cont_wrap > div:first-child h1 {color:#fff; font-size:24px; }
.cont_wrap > div:first-child p		{color:#fff; font-size:18px; font-weight:300; margin:30px 0 54px 0;}
.cont_wrap > div:last-child a				{margin:0 auto; margin-top:20px;}*/

.cont_wrap > div > a		{display:block;background:none; border:1px solid rgba(255,255,255,.6); width:160px; height:42px; line-height:42px; z-index:10; 
                    overflow: hidden; position:relative; color:#fff; font-weight:300; font-size:15px; text-align:center; }
.cont_wrap div a span		{display:inline-block; width:20px; height:1px; background:#fff; position:relative; bottom:4px; left:5px;}
.cont_wrap div a span::before		{content:''; display:inline-block; width:6px; height:1px; background:#fff; transform:rotate(-40deg); 
position:absolute; right:-1px; top:2px;}
.cont_wrap div a span::after		{content:''; display:inline-block; width:6px; height:1px; background:#fff; transform:rotate(40deg); 
position:absolute; right:-1px; bottom:2px;}
.cont_wrap div a::before, .cont_wrap div a::after		{z-index:-1; background: rgba(255,255,255,1); content: ''; position: absolute;}
.cont_wrap div a::after {
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}
.cont_wrap div a:hover:after {
  height: 100%;
  width: 135%;
}
.cont_wrap div a:hover		{color:#1e5394; font-weight:500;}
.cont_wrap div a:hover span::before, .cont_wrap div a:hover span::after, .cont_wrap div a:hover span		{background:#1e5394;}

.cont_wrap > div > p		{font-size:14px; color:#ddd;}