@charset "utf-8";
/* CSS Document */

#main.top{
	margin-top: -100px;
}
#main .top_bg{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#main .top_bg .bg{
	position: absolute;
	width: 100%;
	height: 100%;
    clip-path: polygon(0 0, clamp(327px, 23.6vw, 100%) 0, clamp(965px, 69.5vw, 100%) 100%, 0 100%, 0 0);
	z-index: 1;
    mix-blend-mode: multiply;
	transform: translate(-75%, 0);	
	animation: top-move .5s cubic-bezier(0.18, 0.93, 0.42, 1.01) forwards;
	animation-delay: .3s;
}
@keyframes top-move {
	0% {
		transform: translate(-75%, 0);	
	}	
	100% {
		transform: translate(0, 0);	
	}
}
#main .top_bg .bg::before{
    content: "";
    background-color: rgba(25, 64, 86, 1);
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
	min-height: 630px;
}
#main .top_bg .bg::after{
    content: "";
    background-color: rgba(25, 64, 86, 0.12);
    position: absolute;
    width: 100%;
    height: calc(100% - 100vh);
    bottom: 0;
    left: 0;	
}
/* main slider */
#main_visual{
	position: relative;
	overflow: hidden;
	width: 100%;
    height: 100vh;
	min-height: 630px;
}
#main_visual::before{
	content:"";
	position: absolute;
	width: 100%;
	height: 100%;
	background:linear-gradient( to left , #D1D9DE , transparent 20%);
    mix-blend-mode: multiply;
	top:0;
	right:0;
    z-index: 1;
}
#main_visual .slick-slide img{
	width: 100%;
    height: 100vh;
	object-fit: cover;
	line-height: 0;
	min-height: 630px;
}
#main_visual .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
	line-height: 0;
}
#main_visual .slick-slide p,
#main_visual .slick-slide div{
	line-height: 0;	
}
#main_visual .slick-initialized .slick-slide {
    display: block;
}
#main_visual .text_cnt{
	position: absolute;
	z-index: 2;
    bottom: 74px;
    left: 5.9%;
}
#main_visual .text_cnt p{
	color: #FFF;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 2;
}
#main_visual .text_cnt > p{
	clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
	transition: clip-path 1s cubic-bezier(0.18, 0.93, 0.42, 1.01);
	transition-delay: .3s;
}
#main_visual .text_cnt > p.active{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
#main_visual .text_field{
   	padding-bottom: 13px;
	overflow: hidden;	
}
#main_visual .text_cnt p.en_txt{
	font-family: gill-sans-nova;
	font-weight: 600;
	font-size: 4.375rem;
    line-height: 0.5;		
	opacity: .4;
    letter-spacing: 1.5px;
}
#main_visual .text_cnt p.en_txt span{
	font-family: gill-sans-nova;
	font-weight: 600;
	font-size: 4.375rem;
    line-height: 1;	
	display: inline-block;
}
#main_visual .text_cnt p.en_txt > span {
    overflow: hidden;
}
#main_visual .text_cnt p.en_txt > span > span {
    transform: translate3d(0, 100px, 0);
    will-change: transform;
}
#main_visual .text_cnt p.en_txt.active > span > span {
      transform: translate3d(0, -10px, 0);
      transition: transform 1s cubic-bezier(0.1, 0.6, 0.5, 0.99);
}
#main_visual .text_cnt p.en_txt > span:nth-child(1) > span{
      transition-delay: 30ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(2) > span{
      transition-delay: 60ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(3) > span{
      transition-delay: 90ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(4) > span{
      transition-delay: 120ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(5) > span{
      transition-delay: 150ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(6) > span{
      transition-delay: 180ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(7) > span{
      transition-delay: 210ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(8) > span{
      transition-delay: 240ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(9) > span{
      transition-delay: 270ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(10) > span{
      transition-delay: 300ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(11) > span{
      transition-delay: 330ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(12) > span{
      transition-delay: 360ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(13) > span{
      transition-delay: 390ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(14) > span{
      transition-delay: 420ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(15) > span{
      transition-delay: 450ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(16) > span{
      transition-delay: 480ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(17) > span{
      transition-delay: 510ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(18) > span{
      transition-delay: 540ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(19) > span{
      transition-delay: 570ms ;	
}
#main_visual .text_cnt p.en_txt > span:nth-child(20) > span{
      transition-delay: 600ms ;	
}

#main_visual .slick-dots {
    position: absolute;
    bottom: 0;
	top: -5px;
    padding: 0;
    margin: auto;
	right: 30px;
    list-style: none;
	text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
	gap:30px;
	height: fit-content;
    width: fit-content;
	z-index: 2;
}
#main_visual .slick-dots::before{
	content:"";
	position: absolute;
	width: 1px;
	height: 100%;
	right: 8.5px;
	top:0;
	background-color: #FFF;
}
#main_visual .slick-dots li,
#main_visual .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0;
}
#main_visual .slick-dots li button::before {
    font-size: 8px;
    line-height: inherit;
    width: 8px;
    height: 8px;
    content: "";
    opacity: 1;
    color: #FFF;
	background-color: #FFF;
	border-radius: 50%;
}
#main_visual .slick-dots li.slick-active button::before {
    opacity: 1;
    color: #FFF;
}
#main_visual .slick-dots li.slick-active button::after{
	animation-name: zoomIn;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	content:"";
	position: absolute;
	width: 20px;
	height: 20px;
	opacity: .6;
	border-radius: 50%;
	background-color: #FFF;
	top:-6px;
	left:-6px;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }
  
  100% {
    opacity: 0;
  }
}
/* 共通 */
#main.top .en_ttl{
	font-family: gill-sans-nova;
	font-weight: 600;	
	font-size: 1rem;
	color: #FFF;
	position: relative;
    padding-left: 17px;
}
#main.top .en_ttl::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #FFF;
    top: 7px;
    left: 0;
    clip-path: polygon(50% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
}
#main.top h2{
	font-size: 1.75rem;
	font-weight: 700;
	color: #FFF;
}
/* about */
#top_about{
	background: url("../images/top/about_bg.webp") bottom center / cover no-repeat; 
    padding: 129px 15px 263px;	
}
#top_about > div{
	display: flex;
    align-items: flex-end;	
	max-width: 561px;
    justify-content: space-between;
	margin: auto;
	position: relative;
	z-index: 1;
}
#top_about img{
	max-width: 427px;
	width: 100%;	
}
#top_about .btn_style2{
	margin-bottom: 11px;
}
#top_about .btn_style2 a{
	display: flex;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    background-color: #194056;
    color: #FFF;
    min-height: 166px;
	width: 64px;
    padding: 24px 5px 26px 5px;
	letter-spacing: 2px;
    line-height: 1;
    align-items: center;
	writing-mode: vertical-rl;
	position: relative;		
}
#top_about .btn_style2 a span{
    font-size: 1rem;
    font-weight: 500;
    color: #FFF;
	z-index: 2;
}
#top_about .btn_style2 a::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.3s ease-out;
    transform: scale(1, 0);
    transform-origin: right top;
    z-index: 1;
    background-color: #0D202B;
}
#top_about .btn_style2 a:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
}
#top_about .btn_style2 a span.link_mark{
	position: static;
}
#top_about .btn_style2 a span.link_mark::after{
	content:"";
	background: url("../images/icon/btn_circle.svg") top left / 32px no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 0;
	left:0;
    transition: .35s ease-out;
	bottom:18px;
	margin: auto;
}
#top_about .btn_style2 a:hover span.link_mark::after{
	transform: rotate(360deg);
}
#top_about .btn_style2 a span.link_mark::before{
	content:"";
	position: absolute;
	width:0;
	height:0;
	border-style:solid;
	border-width: 3.5px 0 3.5px 6px;
	border-color: transparent transparent transparent #FFF;
	right: 0;
	left: 0;
	bottom: 31px;
	margin: auto;	
}
#top_about .btn_style2 a:hover span.link_mark::before{
	animation: arrow_move 0.5s cubic-bezier(0.3, 0.85, 0.53, 1.09);
}
/* business */
#top_business{
	background: url("../images/top/business_bg.webp") top center / cover no-repeat; 
    padding: 168px 15px 100px;	
}
#top_business .text_cnt{
	max-width: 852px;
	margin: auto;
}
#top_business .business_cnt{
	display: flex;
	max-width: 962px;
	margin: 37px auto auto;
	position: relative;
	z-index: 1;
}
#top_business .business_cnt > div:last-child{
	margin-left: -38px;
}
#top_business .business_cnt a{
	display: block;
	max-width: 500px; 
	width: 100%;
	height: 414px;
	clip-path: polygon(11% 0, 100% 0%, 89% 100%, 0% 100%);	
	position: relative;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;
}
#top_business .business_cnt a::after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top , #333 , transparent 45%, transparent);
	background-color: transparent;
	mix-blend-mode: multiply;
	transition: 0.3s;	
}
#top_business .business_cnt a:focus-visible::after,
#top_business .business_cnt a:hover::after{
	background-color: #97A9B3;
}
#top_business .business_cnt a picture img{
	transition: 0.5s;
}
#top_business .business_cnt a:focus-visible picture img,
#top_business .business_cnt a:hover picture img{
    transform: scale(1.08);
}
#top_business .business_cnt a > div{
	display: flex;
	position: absolute;
	bottom: 33px;
	left: -26px;
	right: 0;
	max-width: 364px;
	margin: auto;
	z-index: 1;	
}
#top_business .business_cnt a > div > div{
	max-width: 251px;
}
#top_business h3{
	font-weight: 700;
	font-size: 1.875rem;
    margin-bottom: 8px;	
}
#top_business .business_cnt a p{
	font-size: 0.75rem;
}
#top_business .business_cnt a span.link_mark{
    position: absolute;
    right: 0;
    bottom: 33px;
}
#top_business .business_cnt a span.link_mark::after{
	content:"";
	background: url("../images/icon/btn_circle_68.svg") top left / 68px no-repeat;
	width: 68px;
	height: 68px;
	position: absolute;
	right: 0;
    transition: .35s ease-out;
	top:0;
	bottom:0;
	margin: auto;
}
#top_business .business_cnt a:focus-visible span.link_mark::after,
#top_business .business_cnt a:hover span.link_mark::after{
	transform: rotate(360deg);
}
#top_business .business_cnt a span.link_mark::before{
	content:"";
	position: absolute;
	width:0;
	height:0;
	border-style:solid;
	border-width: 3.5px 0 3.5px 6px;
	border-color: transparent transparent transparent #FFF;
	right: 31px;
	top:0;
	bottom:0;
	margin: auto;
}
#top_business .business_cnt a:focus-visible span.link_mark::before,
#top_business .business_cnt a:hover span.link_mark::before{
	animation: arrow_move 0.5s cubic-bezier(0.3, 0.85, 0.53, 1.09);
}
/* work */
#top_work{
	background: url("../images/top/work_bg.webp") top center / cover no-repeat; 
	overflow: hidden;
	padding: 280px 0 220px;	
}
#top_work .top_text{
    position: fixed;
	height: 100%;
    left: 0;
    top: 0;
    width: 100%;
	display: flex;
	justify-content: center;
    align-items: center;
	opacity: 0;
	transition: .3s;
	pointer-events: none;
	cursor: default;
}
#top_work .top_text.active{
	opacity: 1;
}
#top_work .top_text p{
	font-size: clamp(1rem, 9.224vw, 7.875rem);
	font-family: gill-sans-nova;
	font-weight: 600;
	color: rgba(255,255,255,0.24);
	text-align: center;
}
#top_work .work-txtcnt,
#top_work .slide-num{
	max-width: 1138px;
	padding: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;	
}
#top_work .work-txtcnt{
    margin: auto;	
}
#top_work .slide-num{
    margin: 36px auto 0;
	justify-content: flex-end;
}
#top_work .btn_cnt{
	display: flex;
	gap:12px;
}
#top_work .control{
	display: flex;
	gap:4px;	
}
#top_work .btn_style1{
	margin-top: 0;
}
#top_work .btn_style1 a{
	min-width: 152px;
}
#top_work .btn_style1 a::before {
    content: "";
    background: url("../images/icon/news_icon_gray.svg") top left / 18px 18px no-repeat;
    width: 18px;
    height: 18px;
    padding-right: 10px;
	z-index: 2;
}
#work_slide{
	max-width: 1398px;
	margin: 36px auto 0;
	position: relative;
	padding: 0 130px;
	max-height: 353px;
}
#work_slide button{
	display: none;
	opacity: 0;
}
#work_slide .slide_img a{
	display: block;
	max-width: 348px;
	text-decoration: none;
	font-size: 0.875rem;
	font-weight: 500;
	color: #FFF;
	margin: 0 16px;
	transition: opacity 0.3s;	
}
#work_slide .slide_img a:hover{
	opacity: .6;
}
#work_slide .slide_img a picture{
	display: block;
	max-width: 348px;
	width: 100%;
	height: 228px;
	overflow: hidden;
}
#work_slide .slide_img a picture img{
	transition: 0.5s;
	object-fit: cover;
    max-width: 348px;
    height: 228px;	
}
#work_slide .slide_img a:hover picture img{
	transform: scale(1.1);
}
#work_slide .slide_img a p{
	margin-top: 6px;
}
#top_work .slick-next,
#top_work .slick-prev{
    background-color: #FFF;
    border:solid 1px #FFF;
    width: 64px;
    height: 64px;
	z-index: 1;
	position: relative;
    position: static;
    transform: translate(0);
}
#top_work .slick-next:focus-visible::after,
#top_work .slick-prev:focus-visible::after{
	content: "";
    width: 100%;
    position: absolute;
    height: 100%;
	top:0;
    left: 0;
    outline: 2px solid #000;
	z-index: 1;
}
#top_work .slick-prev span::before,
#top_work .slick-next span::before{
    content: "";
    display: block;
	width:0;
	height:0;
	border-style:solid;
	border-width: 7px 12px 7px 0;
	border-color: transparent #194056 transparent transparent;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	z-index: 1;
}
#top_work .slick-next span::before{
    transform: scale(-1);	
}
#top_work .slick-arrow::before{
	content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.3s ease-out;
    transform: scale(0, 1);
    transform-origin: right top;
    background-color: #E6EEF3;
}
#top_work .slick-arrow:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

#top_work .slide-num{
	opacity: .5;
}
#top_work .slide-num,
#top_work .slide-num span{
	font-family: gill-sans-nova;
	font-size: 1rem;
	font-weight: 700;
	color: #FFF;
}
#top_work .slide-num .inner{
	position: relative;
	overflow: hidden;
}
#top_work .slide-num .inner span{
	display: inline-block;
}
#top_work .slide-num .nowcnt{
    transform: translate(0, 0);
	transition: .3s;	
}
#top_work .slide-num .beforecnt{
    transform: translate(0, -100%);
	transition: .3s;
    position: absolute;
    left: 0;	
}
#top_work .slide-num .move1{
	animation: num-move1 .3s forwards;
}
#top_work .slide-num .move2{
	animation: num-move2 .3s forwards;
}
@keyframes num-move1 {
	0% {
    	transform: translate(0, 100%);
	}	
	100% {
    	transform: translate(0, 0);
	}
}
@keyframes num-move2 {
	0% {
    	transform: translate(0, 0);
	}	
	100% {
    	transform: translate(0, -100%);
	}
}
/* news */
#top_news{
	background: url("../images/top/news_bg.webp") top left / cover no-repeat;
    padding: 150px 15px 107px;
	position: relative;
	z-index: 0;
}
#top_news > div{
	max-width: 1108px;
	margin: auto;
}
#top_news .news_cnt{
	display: flex;
    justify-content: space-between;
}
#main.top #top_news h2,
#main.top #top_news .en_ttl{
	color: #194056;
}
#main.top #top_news h2{
	margin-bottom: 37px;
}
#main.top #top_news .en_ttl::before{
	background-color: #194056; 
}
#top_news .btn_style1{
	min-width: 152px;
	margin: 0;
}
#top_news .btn_style1 a::before{
	content:"";
	background: url("../images/icon/news_icon.svg") top left / 18px 18px no-repeat;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	z-index: 2;
}
#top_news #feed > div{
	display: flex;
	gap:32px;
	max-width: 823px;
	width: 100%;
}
#top_news .top_newslist a{
	display: block;
	text-decoration: none;
	color: #222222;
	font-weight: 500;
	font-size: 0.875rem;
	border-bottom: solid 3px #194056;
	transition: box-shadow .3s;
	border-radius: 0 55px 0 0;
	position: relative;
}
#top_news .top_newslist a:focus-visible{
	border-radius: 0;	
}
#top_news .top_newslist a::before{
	content:"";
	position: absolute;
	background-color: #0064B6;
	width: 0%;
	height: 3px;
	bottom:-3px;
	right:0;
	transition: width .3s;	
}
#top_news .top_newslist a:hover::before{
	width: 100%;
	right: inherit;
	left: 0;
}
#top_news .top_newslist a:hover{
	box-shadow: 0 0 12px 0 rgb(0 0 0 / 16%);
}
#top_news .top_newslist .img_cnt{
	clip-path: polygon(88% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
	overflow: hidden;
}
#top_news .top_newslist .img_cnt img{
	width: 253px;
	height: 190px;
	object-fit: cover;
}
#top_news .top_newslist a .img_cnt img{
	transition: .5s;
}
#top_news .top_newslist a:hover .img_cnt img{
		transform: scale(1.1);
}
#top_news .top_newslist .text_cnt{
	display: flex;
	background-color: #FFF;
    gap: 18px;
	padding: 12px 19px 12px;
	min-height: 99px;
}
#top_news .top_newslist .text_cnt p.date{
	display: flex;
    flex-direction: column;
    align-items: center;
}
#top_news .top_newslist .text_cnt p.date,
#top_news .top_newslist .text_cnt p.date span{
	font-family: gill-sans-nova;	
	color: #194056;
	font-weight: 600;
	transition: .3s;	
}
#top_news .top_newslist a:hover .text_cnt p.date,
#top_news .top_newslist a:hover .text_cnt p.date span{
	color: #0064B6;	
}
#top_news .top_newslist .text_cnt p.date span{
	font-size: 2.875rem;
	line-height: 1;
}
#top_news .top_newslist .text_cnt .ttl_box{
	max-width: 148px;
	width: 100%;
	margin-top: 5px;
	line-height: 1.45;
}
#top_news .top_newslist .text_cnt .ttl_box p{
	line-height: 1.45;	
}

/*#top_news .top_newslist .text_cnt p.cate{
	color: #194056;
	font-size: 0.75rem;
	border: solid 1px #194056;
	text-align: center;
	margin-top: 7px;
	line-height: 1.6;
}*/

/* recruit */
#top_recruit a{
	display: flex;
	clear: both;
	text-decoration: none;
	color: #FFF;	
}
#top_recruit a > div{
	flex: 1;
}
#top_recruit a > div.img_cnt{
	background: url("../images/top/recruit_bg1.webp") center / cover no-repeat;
}
#top_recruit a > div.link_cnt{
	background: url("../images/top/recruit_bg2.webp") center / cover no-repeat;
	position: relative;
}
#top_recruit a > div.link_cnt::before{
	content:"";
	background-color: rgba(0,100,182,0.66);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    mix-blend-mode: multiply;
	transition: .3s;
}
#top_recruit a:focus-visible > div.link_cnt::before,
#top_recruit a:hover > div.link_cnt::before{
	background-color: rgba(0,100,182,1);	
}
#top_recruit a > div.link_cnt{
	display: block;
	position: relative;
	z-index: 1;
	padding: 131px 15px 125px;
}
#top_recruit a > div.link_cnt > div{
	max-width: 425px;
	margin: auto;
	position: relative;
	z-index: 1;
}
#top_recruit a > div.link_cnt > div > p{
	max-width: 388px;
	line-height: 1.85;
}
#top_recruit a > div.link_cnt > div .mark_cnt{
	margin-bottom: 54px;
	position: relative;
}
#top_recruit a > div.link_cnt > div .mark_cnt span.link_mark{
    position: absolute;
    right: 0;
    bottom: 33px;
}
#top_recruit a > div.link_cnt > div .mark_cnt span.link_mark::after{
	content:"";
	background: url("../images/icon/btn_circle_68.svg") top left / 68px no-repeat;
	width: 68px;
	height: 68px;
	position: absolute;
	right: 0;
    transition: .35s ease-out;
	top:0;
	bottom:0;
	margin: auto;
}
#top_recruit a:focus-visible > div.link_cnt > div .mark_cnt span.link_mark::after,
#top_recruit a:hover > div.link_cnt > div .mark_cnt span.link_mark::after{
	transform: rotate(360deg);
}
#top_recruit a > div.link_cnt > div .mark_cnt span.link_mark::before{
	content:"";
	position: absolute;
	width:0;
	height:0;
	border-style:solid;
	border-width: 3.5px 0 3.5px 6px;
	border-color: transparent transparent transparent #FFF;
	right: 31px;
	top:0;
	bottom:0;
	margin: auto;	
}
#top_recruit a:focus-visible > div.link_cnt > div .mark_cnt span.link_mark::before,
#top_recruit a:hover > div.link_cnt > div .mark_cnt span.link_mark::before{
	animation: arrow_move 0.5s cubic-bezier(0.3, 0.85, 0.53, 1.09);
}
@media print {
	#main .top_bg .bg::before{
   		height: 630px;
	}
	#main .top_bg .bg::after {
    	height: calc(100% - 630px);
	}
	#main_visual{
    	height: 630px;
	}
	#main_visual::before{
		content:none;
	}
	#main_visual .slick-slide img{
   		height: 630px;
	}
	#main_visual .text_cnt > p{
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
	#main_visual .text_cnt p.en_txt > span > span {
    	transform: translate3d(0, -10px, 0);
	}
	#top_news .news_btn {
	    max-width: 110px;
	}
	#top_news .btn_style1 {
    	position: relative;
    	top: inherit;
    	bottom: 0;
    	margin-left: 0;
	}
}