@charset "utf-8";

.keyVisual-section .main-slide-list .main-slide-item .text-box h2,
.three-section .list-item .text-box .title-text,
.three-section .list-item .text-box .date-box,
.three-section .list-item .text-box .link-box

{font-family: Times New Roman !important;}


@media screen and (min-width: 2560px){
 .keyVisual-section .main-slide-list { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 
 }

section { margin: 0 auto; max-width: 2560px; } 

main { max-width: none; } 

.more { display: block; position: absolute; top: 5px; right: 24px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5V19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 12H19' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 

.slick-initialized .slick-slide div { display: block; } 

.keyVisual-section .main-slide-list .main-slide-item { display: block !important; height: auto; } 

.keyVisual-section { padding-bottom: 0; } 

.keyVisual-section .main-slide-list { width: 100%; margin: 0 auto; max-width: 2560px; } 

.keyVisual-section .main-slide-list .main-slide-item .bg-box { position: static; } 

.keyVisual-section .main-slide-list .main-slide-item .bg-box img { display: block; width: 100%; height: auto; } 

.keyVisual-section .main-slide-list .main-slide-item .wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; max-width: none; } 

.keyVisual-section .keyVisual-control { left: 0; width: 100%; transform: translate(0, 0); justify-content: center; } 

.three-section { padding: 110px 0; background-color: #AC0E1D; background-repeat: no-repeat; background-position: right 3%; background-image: url(/site/research/img/main/sec2_bg.png); } 

.three-section .wrap { padding: 0 30px; max-width: 1420px; } 

.three-section h1 { display: block; width: 100%; height: auto; font-size: 40px; font-weight: 400; color: #fff; letter-spacing: -0.32px; font-family: Times New Roman; font-style: normal; line-height: 110%; /* 44px */
 text-align: center; margin-bottom: 60px; } 

.three-section .slick-arrow { top: calc(50% - 3rem); } 

.three-section .slick-arrow.slick-prev { left: 30px}

.three-section .slick-arrow:hover { background-color: #004B93; } 

.three-section .list-box { width: calc(100% + 30px); margin-left: -30px; } 

.three-section .list-item { padding-left: 30px; } 

.three-section .list-item>a { display: block; background: #fff; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08); } 

.three-section .list-item a:hover .title-text,
.three-section .list-item a:hover+.text-box .title-text { color: #AC0E1D; } 

.three-section .list-item .text-box .title-text { transition: all .6s; } 

.three-section .list-item .img-box { display: flex; align-items: center; justify-content: center; height: 200px; background-size: auto 100%; background-position: center; } 

.three-section .list-item .text-box { padding: 20px; background: #fff; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.08); } 

.three-section .list-item .text-box .link-box { font-size: 18px; font-weight: 400; color: #181818; letter-spacing: -0.144px; font-family: Times New Roman; font-style: normal; line-height: 120%; /* 21.6px */
 transition: all .6s; margin-top: 20px; } 

.two-section { position: relative; background-color: transparent; } 

.two-section::after { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 1920px; height: 950px; background: linear-gradient(180deg, #FAFBFB 0%, rgba(255, 255, 255, 0.00) 100%); content: ""; } 

.two-section .inner { position: relative; z-index: 2; margin: 0 auto; padding: 150px 30px; max-width: 1420px; } 

.two-section .inner .box { display: flex; align-items: flex-start; justify-content: center; } 

.two-section .box.box1 { margin-bottom: 90px; } 

.two-section .box .img-box { position: relative; width: 50%; } 

.two-section .box.box1 .img-box { padding-top: 50px; padding-left: 50px; } 

.two-section .box.box2 .img-box { padding-bottom: 50px; padding-right: 50px; } 

.two-section .box .img-box img { display: block; position: relative; z-index: 2; transition-duration: 1s; transition-property: opacity, transform; } 

.two-section .box .img-box i { display: block; position: absolute; background-repeat: no-repeat; background-position: center; transition-duration: 1s; transition-property: opacity, transform; } 

.two-section .box.box1 .img-box i { top: 0; left: 0; width: 257px; height: 330px; background-image: url("data:image/svg+xml,%3Csvg width='257' height='330' viewBox='0 0 257 330' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='128' height='330' fill='%23AC0F1E'/%3E%3Crect width='128' height='330' fill='%23E5E5E5'/%3E%3Cg opacity='0.5'%3E%3Crect x='149' width='23' height='330' fill='%23AC0F1E'/%3E%3Crect x='149' width='23' height='330' fill='%23E5E5E5'/%3E%3C/g%3E%3Cg opacity='0.2'%3E%3Crect x='201' width='11' height='330' fill='%23AC0F1E'/%3E%3Crect x='201' width='11' height='330' fill='%23E5E5E5'/%3E%3C/g%3E%3Cg opacity='0.05'%3E%3Crect x='252' width='5' height='330' fill='%23AC0F1E'/%3E%3Crect x='252' width='5' height='330' fill='%23E5E5E5'/%3E%3C/g%3E%3C/svg%3E%0A"); transform: translate(-4rem, -4rem); opacity: 0; } 

.two-section .box.box2 .img-box img { transform: translate(-4rem, -4rem); opacity: 0}

.two-section.active .box.box1 .img-box i,
.two-section.active .box.box2 .img-box img { transform: translate(0, 0); opacity: 1; } 

.two-section .box.box1 .img-box img,
.two-section .box.box2 .img-box i { transform: translate(4rem, 4rem); opacity: 0; } 

.two-section.active .box.box1 .img-box img,
.two-section.active .box.box2 .img-box i { transform: translate(0, 0); opacity: 1; } 

.two-section .box.box2 .img-box i { right: 0; bottom: 0; width: 330px; height: calc(100% - 70px); background-color: #AC0E1D}

.two-section .box .text-box { width: 50%; height: 100%; margin: 0; padding: 25px 0; } 

.two-section .box.box1 .text-box { padding-left: 70px; } 

.two-section .box.box2 .text-box { padding-right: 70px; } 

.two-section .text-box .title-text { margin: 0; font-size: 50px; font-weight: 400; color: #181818; letter-spacing: -0.4px; font-style: normal; line-height: 110%; /* 55px */
 margin-bottom: 30px; } 

.two-section .text-box .content-text { overflow: hidden; margin: 0; padding: 0; font-size: 18px; font-weight: 400; color: #333; letter-spacing: -0.144px; text-overflow: ellipsis; font-style: normal; line-height: 140%; /* 25.2px */
 margin-bottom: 45px; min-height: 100px; } 

.two-section .text-box .link-box { display: block; padding: 20px 15px; background: #FFF; font-size: 18px; font-weight: 400; color: #181818; letter-spacing: -0.144px; font-family: Times New Roman; font-style: normal; line-height: 120%; max-width: 260px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07); transition: all .6s; text-align: center; background: #A90E1C; color: #fff; border: 1px solid #A90E1C; } 

.two-section .text-box .link-box:hover,
.two-section .text-box .link-box:focus { background: #fff; color: #A90E1C; text-decoration: none; } 

.section4 { width: 100%; margin: 0 auto; background: #AC0E1D; padding-top: 120px; max-width: 2560px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } 

.section4 .title { width: 100%; margin: 0 auto 60px; padding: 0 30px; max-width: 1420px; text-align: center; } 

.section4 .link-list { width: 100%; margin: 0 auto; padding: 0 50px; max-width: 1420px; } 

.section4 .title strong { font-size: 40px; font-weight: 400; color: #FFF; letter-spacing: -0.32px; text-align: center; font-family: Times New Roman; font-style: normal; line-height: 110%; /* 44px */}

.section4 .link-list { width: calc(100% + 20px); display: flex; height: auto; padding-bottom: 100px; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 0; margin-left: -10px; } 

.section4 .link-list li {width: calc(100% / 2 - 20px);margin: 0 10px;height: 65px;margin-bottom: 20px;} 

.section4 .link-list li a {display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;border: 1px solid rgba(255,255,255,.4);background: transparent;transition: all .4s;padding: 0 20px;} 
.section4 .link-list li a:hover { border: 1px solid rgba(255,255,255,1); background: #fff; } 
.section4 .link-list li a:hover span { color: #AC0E1D; } 
.section4 .link-list li a span { font-size: 18px; font-weight: 400; color: #FFF; letter-spacing: -0.144px; align-items: flex-end; justify-content: center; text-shadow: 0px 5px 20px rgba(0, 0, 0, 0.60); font-style: normal; line-height: 140%; /* 25.2px */
 text-align: center; transition: all .4s; } 

/* .section4 .link-list li a span::before { display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.76) 100%); content: ""; transition: all .6s; opacity: 1; } 

.section4 .link-list li a span::after { display: block; position: absolute; top: 32px; right: 28px; width: 22px; height: 22px; content: ""; background-repeat: no-repeat; background-position: center; opacity: 0; background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 19L18 4' stroke='white' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 3H19V19' stroke='white' stroke-width='3' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); transition: all .6s; } */

.section4 .link-list li a:hover span::before,
.section4 .link-list li a:focus span::before { opacity: 0; } 

.section4 .link-list li a:hover span::after,
.section4 .link-list li a:focus span::after { top: 18px; right: 14px; opacity: 1; } 

.section5 { width: 100%; max-width: 2560px; height: 250px; background: url(/site/research/img/main/sec5-bg.jpg) center no-repeat;; background-size: cover; } 

.section5 .inner { position: relative; z-index: 2; margin: 0 auto; padding: 0 30px; max-width: 1420px; height: 100%; display: flex; align-items: center; justify-content: space-between; } 

.section5 .inner .text strong { display: flex; align-items: flex-end; justify-content: flex-start; } 

.section5 .inner .text strong em { color: #FFF; text-align: center; font-size: 32px; font-style: normal; font-weight: 400; line-height: 130%; /* 41.6px */
 letter-spacing: -0.256px; font-family: Times New Roman; margin-right: 15px; } 

.section5 .inner .text strong span { font-family: Times New Roman; color: #FFF; font-size: 56px; font-style: normal; font-weight: 400; line-height: 105%; letter-spacing: -0.448px; } 

.section5 .inner .text>span { color: rgba(255, 255, 255, 0.90);
 text-align: center; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; /* 28px */
 letter-spacing: -0.16px; } 

.section5 .inner .link { display: block; width: 240px; text-align: center; padding: 20px 25px; background: #fff; font-size: 18px; font-weight: 400; color: #181818; letter-spacing: -0.144px; font-family: Times New Roman; font-style: normal; line-height: 120%; max-width: 240px; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07); transition: all .6s; text-align: center; color: #181818; border: 1px solid #fff; } 

.section5 .inner .link:hover,
.section5 .inner .link:focus { border: 1px solid #A90E1C; background: #A90E1C; color: #fff; } 

@media screen and (max-width: 1280px){
 .three-section h1 { margin-bottom: 40px; } 

 .three-section .wrap { padding: 0 50px; } 

 .three-section .slick-arrow { top: -90px; } 

 .three-section .slick-arrow.slick-prev { left: 60px; } 

 .three-section .slick-arrow.slick-next { right: 30px; } 

 .more { right: calc(50% - 205px); } 

 .two-section .inner { padding: 80px 0px; } 

 .two-section .box.box1 { margin-bottom: 60px; } 

 .two-section .box.box1 .text-box { padding-right: 40px; padding-left: 60px; } 

 .two-section .box.box2 .text-box { padding-left: 40px; padding-right: 60px; } 

 .two-section .box.box2 .img-box { padding-bottom: 40px; padding-right: 40px; } 

 .two-section .box.box1 .img-box { padding-top: 40px; padding-left: 40px; } 

 .two-section .text-box .title-text { font-size: 44px; } 

 .two-section .text-box .content-text { font-size: 16px; } 

 .two-section .text-box .link-box { font-size: 17px; } 

 .two-section .text-box .link-box { background: #A90E1C; color: #fff; text-decoration: none; } 

 .section4 { padding-top: 80px; } 

 .section4 .title strong { font-size: 36px; } 

 .section4 .link-list li a span { font-size: 16px;line-height: 1.2; } 
.section5 .inner .text strong em{
  font-size: 22px;
}
.section5 .inner .text strong span{
  font-size: 38px;
}
.section5 .inner .text>span{
  display: block;
  font-size: 18px;
  padding-right: 15px;
  text-align: left;
}
 }

@media screen and (max-width: 1024px){
 .keyVisual-section .main-slide-list .main-slide-item .text-box h1 { font-size: 37px}

 .three-section { background-image: none; } 

 .two-section { margin-top: 0; } 

 .two-section .box.box1 .text-box { padding-right: 30px; padding-left: 50px; } 

 .two-section .box.box2 .text-box { padding-left: 30px; padding-right: 50px; } 

 .two-section .box.box2 .img-box { padding-bottom: 40px; padding-right: 40px; } 

 .two-section .box.box1 .img-box { padding-top: 40px; padding-left: 40px; } 

 .two-section .text-box .title-text { font-size: 32px; } 

 .two-section .text-box .content-text { font-size: 15px; } 

 .two-section .text-box .link-box { font-size: 15px; } 

 .section4 .link-list { height: auto;padding-left:  30px;padding-right: 30px;} 

 .section4 .link-list li {} 
 }

@media screen and (max-width: 950px){
 .section4 .link-list { height: auto; } 

 .section4 .link-list li {/* width: calc(100% / 2); *//* height: auto; *//* aspect-ratio: 1.46/1; */} 
 }

@media screen and (max-width:768px){
 .three-section { padding: 100px 0; } 

 .keyVisual-section { aspect-ratio: 1.8/1; } 

 /* .keyVisual-section { height: 720px; } */
 .keyVisual-section .main-slide-list,
 .keyVisual-section .slick-slider .slick-track,
 .keyVisual-section .slick-slider .slick-list,
 .keyVisual-section .main-slide-list .main-slide-item,
 .keyVisual-section .slick-slide,
 .keyVisual-section .slick-slide>div { height: 100%; } 

 .keyVisual-section .main-slide-list .main-slide-item .bg-box img { width: auto; height: 100%; } 

 .keyVisual-section .main-slide-list .main-slide-item .bg-box { display: flex; align-items: center; justify-content: center; } 

 .three-section h1 { font-size: 36px; } 

 .three-section .list-box { position: static; width: 365px; margin: 0 auto; margin-left: 0; margin-left: 0px; } 

 .three-section .wrap { position: relative; } 

 .three-section .list-item { /* padding-left: 0; */}

 .three-section .list-box .slick-list { overflow: visible; } 

 .three-section .slick-arrow.slick-prev { left: 45px; } 

 .three-section .slick-arrow.slick-next { right: 45px; } 

 .three-section .slick-arrow { top: -5px; } 

 .three-section .slick-arrow { width: 46px; height: 46px; } 

 .more { right: calc(50% - 185px); } 

 .two-section .inner { padding: 70px 0px; } 

 .two-section .box.box1 { margin-bottom: 50px; } 

 .two-section .box.box1 .text-box { padding-right: 30px; padding-left: 30px; } 

 .two-section .box.box2 .text-box { padding-left: 30px; padding-right: 30px; } 

 .two-section .box.box1 .img-box { padding-top: 35px; padding-left: 30px; } 

 .two-section .box.box2 .img-box { padding-bottom: 35px; padding-right: 30px; } 

 .two-section .text-box .link-box { padding: 14px 24px; } 

 .two-section .text-box .content-text { margin-bottom: 25px; } 

 .section4 .title strong { font-size: 32px; } 

 .section4 .title { margin-bottom: 35px; } 
 .section5 .inner{
  flex-wrap: wrap;
  justify-content: center;
 }
 .section5 .inner .text strong{
  justify-content: center;
 }
 .section5 .inner .text {
  width: 100%;
 }
 .section5 .inner .text>span{
  padding:  0 ;
  width: 100%;
  text-align: center;
 }
 .section4 {padding-top: 50px;}
 .section4 .link-list{
  padding-bottom: 50px;
 }
}

@media screen and (max-width: 640px){
 .keyVisual-section .main-slide-list .main-slide-item .text-box h1 { font-size: 30px}

 .keyVisual-section .main-slide-list .main-slide-item .scroll-bar { bottom: 10px; height: 40px; } 

 .three-section { padding: 60px 0; } 

 .three-section h1 { font-size: 22px; margin-bottom: 30px; } 

 .three-section .wrap { padding: 0 20px; } 

 .three-section .slick-arrow { top: -5px; } 

 .three-section .slick-arrow { width: 30px; height: 30px; } 

 .three-section .slick-arrow.slick-prev { left: 35px; } 

 .three-section .slick-arrow.slick-next { right: 35px; } 

 .more { top: -4px; right: calc(50% - 125px)}

 .three-section .list-item { padding-left: 20px; } 

 .two-section .inner { padding: 60px 20px; } 

 .two-section .box { flex-wrap: wrap; } 

 .two-section .box .img-box,
 .two-section .box .text-box { width: 100%; } 

 .two-section .box .img-box { order: 1; margin-bottom: 20px; } 

 .two-section .box .text-box { order: 2; } 

 .two-section .box.box1 .img-box i { height: calc(100% - 20px); } 

 .two-section .box.box1 .text-box { padding-right: 0px; padding-left: 0px; } 

 .two-section .box.box2 .text-box { padding-left: 0px; padding-right: 0px; } 

 .two-section .box.box1 .img-box { padding-top: 20px; padding-left: 20px; } 

 .two-section .box.box2 .img-box { padding-bottom: 20px; padding-right: 20px; } 

 .two-section .box.box2 .img-box i { width: auto; aspect-ratio: 1.2/1; } 

 .two-section .text-box .content-text { min-height: auto; margin-bottom: 22px; } 

 .section4 .link-list {padding-left:  20px;padding-right: 20px;} 
 .section4 .link-list{width: 100%;margin-left: 0;}
 .section4 .link-list li{width: 100%;margin: 0;margin-bottom: 10px;    min-height: 55px;height: auto;}
  .section4 .link-list li a{min-height: 55px;}
  .section5 .inner .text strong{display: block;text-align: center;}
  .section5 .inner .text strong em,.section5 .inner .text strong span{
    display: inline;
    font-size: 24px;
    line-height: 1.2;
  }
  .section5 .inner .link{
    font-size: 15px;
    width: 140px;
    text-align: center;
    padding: 15px 25px;
    margin-top: 15px;
  }
  .section5 .inner{align-content: center;}
 }

@media screen and (max-width: 520px){
 .two-section .text-box .title-text { font-size: 22px; margin-bottom: 15px; } 

 .two-section .text-box .title-text br { display: none; } 

 .two-section .text-box .content-text { font-size: 14px; } 

 .section4 { padding-top: 60px; } 

 .section4 .title strong { font-size: 22px; } 

 .section4 .title { margin-bottom: 35px; } 
 }

@media screen and (max-width: 460px){
 .keyVisual-section .main-slide-list .main-slide-item .text-box { margin-top: 0; margin-bottom: 20px; } 

 .keyVisual-section { aspect-ratio: 1.4/1; } 

 .three-section .list-box { width: 100%; } 

 .three-section .list-item { padding-left: 0; } 

 .three-section .list-box .slick-list { overflow: hidden; } 

 .three-section .list-item .img-box { height: auto; aspect-ratio: 2.1/1; } 

 .two-section .text-box .link-box { width: 100%; text-align: center; max-width: none; } 

 .section4 .link-list li a span { font-size: 15px; padding: 15px 10px; } 
 }

@media screen and (max-width: 400px){
 .more { top: -6px; right: calc(50% - 75px); } 

 .three-section h1 { width: 120px; margin: 0 auto; font-size: 18px; letter-spacing: -0.144px; margin-bottom: 24px; display: block; transform: translate(0px, -10px); } 
}

@media screen and (max-width: 360px){
 .section4 .link-list li {/* width: 100%; *//* aspect-ratio: 1.7 / 1; */} 
}

@media screen and (max-width: 320px){
 .three-section { padding: 40px 0; } 

 .three-section .slick-arrow { top: -5px; } 

 .three-section .slick-arrow { width: 28px; height: 28px; } 

 .two-section .box.box1 .img-box { padding-top: 20px; padding-left: 10px; } 

 .two-section .inner { padding: 40px 20px; } 

 .two-section .box.box2 .img-box { padding-bottom: 10px; padding-right: 10px; } 

 .two-section .text-box .content-text { min-height: auto; } 
 }

.three-section .slick-arrow[aria-disabled="true"] { opacity: .4; }