@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;700;800&display=swap');
#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}
/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:middle;
font-size:0;
}
address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#333;
font-size:18px;
line-height:1.5;
letter-spacing:-0.05em;
font-family: 'SUIT';
font-weight:400;
}

body{
width:100%;
overflow-x:hidden; overflow-y:auto;
}

:focus {
outline:none;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}

.gnb:after,.sub-content:after {
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}

.slick-slide {
display:inline-block;
}
header {
width:100%;
height:100px;
line-height:100px;
background-size:cover;
z-index:999999;
box-sizing:border-box;
padding:0 20px;
justify-content: space-between;
transition: .3s ease;
align-items: center;
position:fixed;
overflow:hidden;
top:0;
background:rgba(0,0,0,0.2);
}

header.drop,
header.on{
background:rgba(0,0,0,0.9);
box-shadow: 0 0 12px rgb(33 33 33 / 20%);
}

.header-logo a{
display:block;
width:210px;
}

.header-logo a img{
width:100%;
}

.header-area{
width:96%;
margin:0 auto;
z-index:999;
position:relative;
display:flex;
justify-content: space-between;
align-items: stretch;
}

.header-gnb {
z-index:99;
display:inline-block;
transition: .3s ease;
overflow:hidden;
}

.header.on{
}



.header.on:after{
content:"";
display:block; 
width:100%;
height:1px;
background:rgba(255,255,255,0.1);
left:0;
top:100px;
position:absolute;
}

.header-gnb .gnb{
width:100%;
margin:0 auto;
box-sizing:border-box;
display:flex;
}

.header-gnb .gnb > li {
position:relative;
line-height:100px;
text-align:center;
box-sizing:border-box;
vertical-align:top;
}

.header-gnb .gnb > li:hover > a{
font-weight:600;
}

.header-gnb .gnb > li > a {
display:block;
position:relative;
font-weight:600;
font-size:20px;
letter-spacing:0em;
padding:0 30px;
height:100px;
line-height:100px;
color:#fff;
}

/*.gnb > li > ul {
display:none;
position:absolute;
left:50%;
margin-left:-80px;
width:160px;
z-index:5;
background:#377cda;
box-sizing:border-box;
padding:5px 0;
border-radius:5px;
}*/
.header-gnb .gnb > li > ul:after{
content:"";
display:block;
background:url(img/menu-arrow.png);
width:12px;
height:7px;
position:absolute;
top:-7px;
left:50%;
margin-left:-6px;
}
.header-gnb .gnb > li > ul{
width:180px;
}
.header-gnb .gnb > li:hover > ul {
height:auto;
display:block;
}
.header.on .header-gnb .gnb > li > ul{
position:unset;
}

.header-gnb .gnb > li:hover > a{
font-weight:900;
color:#ffffff;
}

.header-gnb .gnb > li > ul li {
height:2em;
line-height:2em;
}

.header-gnb .gnb > li > ul{
box-sizing:border-box;
padding-top:30px;
}

.header-gnb .gnb > li > ul li:first-child{
border-top-width:0;
}

.header-gnb .gnb > li > ul li a {
display:block;
font-size:18px;
font-weight:300;
color:#fff;
}


.header-gnb .gnb > li > ul li:hover a{
font-weight:500;
}

.mobile-open-btn, .all-menu-area, .search-btn{
display:none;
}
.header-lang{
align-items: center;
height:100px;
display:flex;
}
.header-lang a{
display:inline-block;
height:44px;
line-height:44px;
padding:0px 30px;
color:#fff;
background:#006cb8;
}

.header-venture {
display:flex;
margin-right:10px;
}
.header-venture img{
height:70px;	
}

/*footer*/
footer{
width:100%;
background:#23262f;
box-sizing:border-box;
box-sizing:border-box;
font-size:0.9em;
}
.foot-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
justify-content: space-between;
color:#fff;
background-image:url(img/foot-bg.png);
background-size:400px 200px;
background-repeat:no-repeat;
background-position:180px 100%;
padding:55px 0 35px;
}
.foot-area a{
color:#fff;
}

.fa-logo{
width:165px;
opacity:0.7;
}
.fa-info ul{
margin-top:15px;
}
.fa-info li{
font-size:19px;
margin-top:5px;
opacity:0.7;
}

.fa-info a{
display:inline-block;
margin-top:10px;
padding:5px 0;
font-size:19px;
font-weight:500;
opacity:0.9;
}
.fa-fnb{
flex-grow:1;
}
.fa-fnb a{
display:block;
padding:5px 1.2px;
font-size:0.82em;
}
.fa-fnb > ul{
display:flex;
gap:50px;
justify-content: flex-end;
}
.fa-fnb > ul > li > a{
font-weight:600;
}
.fa-fnb > ul > li > ul{
margin-top:10px;
}
.fa-fnb > ul > li > ul > li > a{
opacity:0.6;
}

.foot-copy{
padding:20px 0;
border-top:1px rgba(255,255,255, 0.1) solid;
color:#fff;
letter-spacing:0.05em;
font-weight:500;
}
.foot-copy-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
justify-content: space-between;
}
.foot-copy-area p{
opacity:0.6;
}
.foot-copy-area a{
display:inline-block;
background:#1f2023;
color:rgba(255,255,255,0.6);
padding:5px 20px;
}

.quick-nav{
position:fixed;
left:0;
top:20vh;
z-index:99999;
}
.quick-nav ul{
display:flex;
flex-direction: column;

}
.quick-nav  ul li a{
background:#0a6bb6;
color:#fff;
width:50px;
height:50px;
justify-content: center;
align-items: center; 
display:flex;
border-bottom:1px rgba(255,255,255,0.1) solid;
font-weight:600;
letter-spacing: 0.1em;
font-size:16px;
}
.quick-nav  ul li.on a{
background:#fff;
color:#0a6bb6
}
.top{
background:#18203d;
width:50px;
height:55px;
color:#fff;
justify-content: center;
align-items: center; 
display:flex;
flex-direction: column;
line-height:1.1em;
letter-spacing: 0em;
font-weight:700;
font-size:16px;
cursor: pointer;
}

/********************* main *********************************/

.img{
width:100%;
padding-top:61%;
overflow:hidden;
position:relative;
}

.img img{
width:100%;
position:absolute;
left:50%;
top:50%;
}
@keyframes vt-ani {
	0 {opacity:0; -moz-transform:translatey(20%); -ms-transform:translatey(20%); transform:translatey(20%); }
	100% {opacity:1; moz-transform:translatey(0);  -ms-transform:translatey(0); transform:translatey(0);}
  }
.slick-list {
position:relative;
z-index:1;
}

/*visual*/
#main-visual{
width:100%;
margin:0 auto;
overflow:hidden;
position:relative;
z-index:9;
margin-bottom:-10px;
}

.va-box{
position:relative;
}

.va-img{
position:relative;
left:50%;
top:0;
margin-left:-1000px;
width:2000px;
z-index:66;
}

.va-img img{
width:100%;
}

.va-text{
position:absolute;
width:100%;
height:100%;
left:0;
top:30%;
display:flex;
text-align:center;
align-items: center;
padding-top:0px;
box-sizing:border-box;
justify-content: center; 
font-size:62px;
font-weight:800;
color:#fff;
z-index:88;
text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
line-height:1.1em;
}

.vat-box{
display:table-cell;
width:100%;
vertical-align:middle;
color:#fff;
}
.vat-box p{
display:inline-block;
background:#fcd61f;
border-radius:999px;
color:#3f3f3f;
font-size:24px;
padding:5px 20px;
}
.vat-box div{
font-size:60px;
line-height:1.2em;
margin-top:40px;
padding-bottom:60px;
}
.vat-box div strong{
font-size:70px;
font-weight:700;
}
.visual-video{width:100%; position:relative; padding-top:56.25%; z-index:66;}
.visual-video iframe{position:absolute; left:0; top:0; width:100%; height:100%; border:0;}
.mv-slide .slick-list{
position:relative;
z-index:1;
}

.mv-slide .slick-arrow{
position:absolute;
z-index:999;
left:50%;
background:transparent;
font-size:60px;
color:#787878;
opacity:0.6;
width:40px;
height:40px;
line-height:40px;
text-align:center;
top:50%;
margin-top:-20px;
margin-left:-680px;
}
.mv-slide .slick-next{
margin-left:620px;
}

.mv-slide .slick-dots{
position:absolute;
bottom:35px;
z-index:999;
text-align:center;
width:100%;
}
.mv-slide .slick-dots li{
display:inline-block;
margin:0 5px;
}
.mv-slide .slick-dots li button{
font-size:0;
width:15px;
height:15px;
border-radius:9999px;
background:#fff;
opacity:0.4;
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.mv-slide .slick-dots li.slick-active button{
opacity:1;
}
.main-tit{
text-align:center;
color:#fff;
}
.mt1{
font-weight:900;
font-size:65px;
text-transform:uppercase;
}
.mt2{
font-size:25px;
font-weight:300;
line-height:1.8em;
display:block;
margin-top:20px;
}
.mt3{
font-size:38px;
font-weight:700;
}
#wwa{
height:100vh;
width:100%;
background:url(img/wwa-bg.jpg);
background-size:cover;
background-position:50%;
display:flex;
justify-content: center;
align-items: center;
position:relative;
z-index:22;
}

.wwa-area{
width:96%;
max-width:1280px;
}
.wwa-list{
display:flex;
gap:4%;
max-width:1000px;
margin:60px auto 0;
}
.wwa-list li{
flex-grow:1;
}
.wwa-list li a{
display:block;
text-align:center;
color:#fff;
padding:50px;
box-shadow: 0 0 100px rgba(0,0,0,0.5);
transition: .5s;
}
.wwa-list li a:hover{
transform: translate(0px, -20px);
background:rgba(0,0,0,0.4);
}
.wwa-list li a img{
width:100px;
}
.wwa-list li a em{
display:block;
font-weight:300;
letter-spacing: 0em;
font-size:22px;
padding:15px 0 10px;
}
.wwa-list li a p{
font-weight:700;
font-size:32px;
}

#touch{
height:100vh;
width:100%;
background:url(img/touch-bg.jpg);
background-size:cover;
background-position:50%;
display:flex;
justify-content: center;
align-items: center;
}
.touch-area{
width:96%;
max-width:1280px;
}
.touch-area .main-tit{
text-align:left;
}
.main-more-box{
margin-top:80px;
}
.main-more-box a{
display:inline-block;
border:1px rgba(255,255,255,0.5) solid;
color:rgba(255,255,255,0.7);
font-size:20px;
padding:15px 50px;
transition: .5s;
}
.main-more-box a:hover{
background:#fff;
color:#333;
}

#field{
width:96%;
max-width:1280px;
height:100vh;
margin:0 auto;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;     
box-sizing:border-box;
padding:60px 0; 
}
.field-area{
width:100%;
position:relative;
overflow:hidden;
}
#field .main-tit{
color:#242b47;
}
#field .main-tit .mt2{
margin-top:10px;
opacity:0.6;
}
.field-slide{
margin-top:50px;
overflow:hidden;
}
.field-slide .slick-slide {
margin-left:40px;
}
.field-slide .slick-list{
margin-left:-40px;
}
.field-slide .slick-track{
overflow:hidden;
display:flex;
}
.field-slide .slick-arrow{
position:absolute;
top:50px;
left:0px;
width:70px;
height:70px;
line-height:70px;
text-align:center;
box-sizing:border-box;
border:1px #e0e0e0 solid;
color:#222f60;
font-size:34px;
background:#fff;
}
.field-slide .slick-next{
left:auto;
right:0;
}
.fs-box a{
display:block;
}
.fsb-img{
width:100%;
padding-top:60%;
overflow:hidden;
position:relative;
background:#ebebeb;
}
.fsb-img img{
width:100%;
position:absolute;
left:50%;
top:50%;
transition: all .3s ease-out
}

.fs-box a:hover .fsb-img img{
-webkit-transform: scale(1.1); transform: scale(1.1);
}
.fsb-text{
margin-top:30px;
}
.fsb-text em{
display:inline-block;
padding:7px 20px;
background:#17344b;
font-weight:300;
color:#fff;
}
.fsb-text p{
font-size:32px;
font-weight:700;
padding:15px 0 10px;
}
.fsb-text span{
display:block;
color:#5f6270;
max-height:3.6em;
line-height:1.8em;
overflow:hidden;
}

#technology{
display:flex;
height:100vh;
}
.tech-left{
width:50%;
background:url(img/tech-bg.jpg);
background-position:50% 50%;
background-size:cover;
display:flex;
justify-content: flex-end;
}
.tech-left-area{
width:96%;
max-width:640px;
box-sizing:border-box;
display:flex;
flex-direction: column;
justify-content: center; 
color:#fff;
}
.tech-left-area span{
font-size:40px;
font-weight:700;
}
.tech-left-area p{
font-size:58px;
font-weight:900;
text-transform: uppercase;
letter-spacing: 0em;
margin:20px 0 30px;
}
.tech-left-area div{
opacity:0.8;
font-size:26px;
line-height:1.8em;
}
.tech-right{
background:url(img/tech-right-bg.jpg);
width:50%;
box-sizing:border-box;
display:flex;
}
.tech-right ul{
display:flex;
flex-direction: column;
justify-content: center; 
width:95%;
max-width:640px;
box-sizing:border-box;
padding:0 70px; 
justify-content: center;
background-image:url(img/tech-right-bg2.png);
background-size:370px 243px;
background-repeat:no-repeat;
background-position:0 0;
}
.tech-right li {
border-bottom:1px rgba(255,255,255,0.3) solid;
}
.tech-right li a{
display:block;
color:#fff;
position:relative;
width:100%;
padding:30px 0;
transition: .5s;
border:3px transparent solid;
box-sizing:border-box;
}
.tech-right li a:hover{
border-color:#fff;
padding:30px;
}
.tech-right li a span{
text-transform: uppercase;
opacity:0.5;
font-weight:500;
letter-spacing: 0.05em;
}
.tech-right li a p{
font-size:30px;
font-weight:700;
margin-top:10px;
}
.tech-right li a i{
position:absolute;
right:20px;
top:50%;
margin-top:0px;
line-height:40px;
font-size:30px;
transition: .5s;
}
.tech-right li a:hover i{
right:40px;
}

#partner{
width:100%;
background:url(img/partner-bg.jpg);
background-size:cover;
background-position:50% 50%;
padding:150px 0;
box-sizing:border-box;
display:flex;
align-items: center;
}
.partner-area{
width:96%;
max-width:1280px;
margin:0 auto;
position:relative;
}
.ps-box{
width:100%;
padding-top:40%;
overflow:hidden;
position:relative;
background:#fff;
}
.ps-box img{
position:absolute;
left:50%;
top:50%;
max-width:80%;
transition: all .3s ease-out
}
.ps-box img:hover{
-webkit-transform: scale(1.1); transform: scale(1.1);
}
.partner-slide{
width:100%;
overflow:hidden;
margin-top:60px;
}
.partner-slide .slick-slide {
margin-left:40px;
}
.partner-slide .slick-list{
margin-left:-40px;
}
.partner-slide .slick-track{
overflow:hidden;
display:flex;
}
.partner-slide .slick-arrow{
position:absolute;
top:50px;
left:0px;
width:70px;
height:70px;
line-height:70px;
text-align:center;
box-sizing:border-box;
border:1px #e0e0e0 solid;
color:#fff;
font-size:34px;
background:transparent;
}
.partner-slide .slick-next{
left:auto;
right:0;
}

#online{
width:100%;
padding:120px 0;
background:url(img/online-bg.jpg);
background-position:50% 50%;
background-size:cover;
text-align:center;
}

#online .mt2{
opacity:0.8;
line-height:1.5em;
margin-bottom:40px;
}

#online a{
display:inline-block;
color:#fff;
font-size:20px;
letter-spacing: 0.05em;
font-weight:500;
padding:20px 30px;
border:1px rgba(255, 255, 255, 0.5) solid;
transition: .5s;
}
#online a:hover{
background:#fff;
color:#333;
}



/***sub***************************/
.sub-visual{
width:100%;
/*height:560px;*/
height:180px;
display:flex;
justify-content: center;
flex-direction: column;
text-align:center;
color:#fff;
position:relative;
overflow:hidden;
}
@keyframes animate_background {
	0% {opacity:1; transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
	100%  {opacity:1; transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
}
@keyframes animate_opacity {
	0% {opacity:0;  transform: translateY(50px);}
	100%  {opacity:1; transform: translateY(0);}
}
@keyframes animate_opacity2 {
	0% {opacity:0;}
	100%  {opacity:1;}
}

.sub-visual-bg{
position:absolute;
width:100%;
height:100%;
transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); 
background-position:50% 50%;
background-size:cover;
background-image:url(img/sub-visual1.jpg);
animation: animate_background 1s ease-in-out forwards;
}

.sub-tit1{
font-weight:800;
font-size:82px;
line-height:1.1em;
position:relative;
z-index:66;
padding-top:60px;
opacity:0;
animation: animate_opacity .8s ease-in-out forwards;
display:none;
}
.sub-nav{
opacity:0.8;
animation: animate_opacity .8s ease-in-out forwards;
display:none;
}

.snb{
position:relative;
margin-top:-80px;
background:rgba(8, 88, 178, 0.8);
animation: animate_opacity2 .8s ease-in-out forwards;
}
.snb ul{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
}
.snb ul li{
flex-grow: 1;
}
.snb ul li a{
display:block;
text-align:center;
line-height:80px;
color:#fff;
position:relative;
opacity:0.7;
}
.snb ul li.current a{
opacity:1;
font-weight:700;
}
.snb ul li.current a:after{
content:"";
display:block;
position:absolute;
width:40px;
height:4px;
background:#fff;
bottom:0;
left:50%;
margin-left:-20px;
}

.sub-nav{
opacity:0.8;
margin-top:20px;
}


.sub-content1{
width:96%;
max-width:1280px;
margin:0 auto;
padding:100px 0;
}
.sub-content2{
width:100%;
background-color:#161c2c;
}
.sub-content2-area{
width:96%;
max-width:1280px;
margin:0 auto;
padding:100px 0;
}
.sc-tit{
font-size:56px;
font-weight:900;
padding-bottom:50px;
}
.sub-content2-area .sc-tit,
.sc-box3-area .sc-tit{
color:#fff;
}

.sub-content3{
width:96%;
max-width:1280px;
margin:0 auto;
padding:100px 0;
}

.sc-tab a{
display:inline-block;
color:#fff;
opacity:0.8;
font-weight:300;
font-size:1.025em;
padding:7px 30px;
border:1px rgba(255,255,255,0.6) solid;
border-radius:9999px;
box-sizing:border-box;
margin-right:20px;
margin-bottom:50px;
}
.sc-tab a:hover{
opacity:1;
border-color:#fff;
}
.sc-tab a.current{
opacity:1;
font-weight:800;
background:#fff;
color:#161c2c;
}

.sc-top{
width:100%;
background-color:#1b1c1d;
background-position:50% 50%;
background-size:cover;
}
.sc-top.sct21{
background-image:url(img/s21-top.jpg);
}

.sc-top-area{
width:96%;
max-width:1280px;
margin:0 auto;
padding:180px 0;
box-sizing:border-box;
color:#fff;
}
.sct-pa .sc-top-area{
padding:100px 0;
}
.sc-top-img img{
width:100%;
}
.sc-ta-t1{font-size: 56px; font-weight: 900; text-transform: uppercase; margin-bottom:30px; display:block;}
.sc-ta-t2{font-size:32px; margin-top:15px;}
.sc-ta-t2 strong{font-weight:800; font-size:1.25em;}
.sc-ta-t3{font-size:24px; margin-top:25px;}
.sc-ta-t3 strong{font-weight:700;}
.sc-ta-t4{margin-top:20px; font-size:2.5em; font-weight:900; color:#aaa;}
.sc-ta-t5{color:#fff; margin-top:-10px;font-size:1.5em; font-weight:300;}
.sc-ta-t5 strong{font-weight:900;}
.sct33 .sc-ta-t1{color:#004fa7}
.sct33 .sc-top-area{color:#292f35}
.sct33{background-position:80% 50%;}
.sc-box2-area .sc-ta-t5{color:#1e2434}

.sc-box1{background:#dbecff; width:100%; overflow-y:hidden;}
.sc-box1-area{display:flex; overflow-y:hidden;}
.sc-box1-1{width:50%; box-sizing:border-box; background:url(img/tech-right-bg.jpg); padding:70px; position:relative; }
.scb11-img{padding-bottom:20px; text-align:center;}
.scb11-img img{width:100%; max-width:600px;}
.scb11-txt{ box-sizing:border-box; padding:30px 0; text-align:center; color:#fff; border-top:1px rgba(255,255,255,0.1) dashed;}
.scb11-txt p{font-size:22px; font-weight:600; margin:10px 0;}
.sc-box1-1:after{content:"+"; display:block; width:70px; height:70px; line-height:70px; background:#fff; font-size:32px; font-weight:900; text-align:center; 
border-radius:999px; left:100%; margin-left:-35px; position:absolute; top:50%; margin-top:-35px; color:#0858b2; box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}

.sc-box1-2{
width:50%; 
box-sizing:border-box;
padding:70px;
box-sizing:border-box;
display:flex;
align-items: center;
overflow-y:hidden;
}
.sc-box1-2 ul{
display:flex;
gap:5%;
}
.sc-box1-2 ul li{
width:49%;
border-radius:15px;
background:#fff;
overflow:hidden;
}
.sc-box1-2 ul li img{
width:100%;
}
.sc-box1-2 ul li dl{
padding:40px;
padding-top:20px;
}
.sc-box1-2 ul li dt{
color:#002776;
word-break:keep-all;
font-weight:600;
text-align:center;
font-size:1.125em;
border-bottom:2px #002776 solid;
margin-bottom:15px;
height:70px;
display:flex;
align-items: center;
justify-content: center;
}
.sc-box1-2 ul li dd p{
position:relative;
padding-left:15px;
color:#17233b;
}
.sc-box1-2 ul li dd p:after{
content:"";
display:block;
position:absolute;
width:5px;
height:5px;
background:#17233b;
left:0;
top:10px;
}



.sc-box3{
background:#242b3d;
width:100%;
padding:100px 0; 
}
.sc-box3-area{
width:96%;
max-width:1280px;
margin:0 auto;
}

.sc-box2{
background-color:#e1eef9;
width:100%;
padding:100px 0; 
}
.sc-box2.scb2-13{
background-image:url(img/s13-bg.jpg);
background-size:cover;
background-attachment:fixed;
background-position:0 100%;
}
.sc-box2-area{
width:96%;
max-width:1280px;
margin:0 auto;
}
.sc-box2.scb2-1{
background-color:#f8fbfa;
}

.sc-tit2{
display:inline-block;
background:#273571;
color:#fff;
font-size:1.25em;
font-weight:700;
padding:8px 30px;
border-radius:999px;
margin-bottom:30px;
}
.sc-box2.scb2-1 .sc-tit2{
background:#1a6460;
}
.sc-img1{
width:100%;
box-sizing:border-box;
padding:10px;
border-radius:15px;
box-shadow: 1px 1px 100px rgba(0,0,0,0.2);
background:#fff;
}
.sc-img1 img{
width:100%;
}
.sc-img2{
text-align:center;
}
.sc-img2 img{
width:100%;
max-width:1000px;
}

.s12-area{
display:flex;
}
.s12a-left{
word-break: keep-all;
}
.s12a-right{
text-align:left;
}
.s12a-right img{
width:100%;
max-width:700px;
}

.sc-p1{
color:#fff;
font-size:30px;
font-weight:300;
}
.sc-p2{
font-size:1.5em;
}
.sc-p3{
font-size:1.35em;
word-break:keep-all;
margin-bottom:50px;
color:#172254;
}
.sc-p3 strong{
font-weight:800;
}
.sc-box2.scb2-1 .sc-p3{
color:#214041
}

.sc11-top{
display:flex;
justify-content: space-between;
align-items: flex-end;
}

.ppc {
	display:block;
}
.mmo {
	display:none;
}

.sc-box5-area{
width:96%;
max-width:1280px;
margin:0 auto;
}

.sc-venture img{
width:280px;
}

.sc-ul1{
border-top:3px rgba(255,255,255,0.7) solid;
margin-top:50px;
}
.sc-ul1 li{
display:flex;
border-bottom:1px rgba(255,255,255,0.1) solid;
padding:10px 0;
font-size:1.025em;
color:#fff;
opacity:0.9;
}
.sc-ul1 li span{
flex-shrink: 0;
width: 200px;
text-align:center;
font-weight:600;
}
.sc-ul1 li p{
flex-grow: 1;
}

.sc-ul2{
display:flex;
gap:2%;
margin-top:50px;
}
.sc-ul2 li{
flex-grow: 1;
background:#196dcc;
display:flex;
justify-content: space-between;
flex-direction: column;
}
.su2-img img{
width:100%;
}
.su2-txt{
color:#fff;
text-align:center;
padding:10px 0;
display:flex;
align-items: center;
justify-content: center;
font-weight:500;
line-height:1.2em;
font-size:1.025em;
height:45px;
}

.sc-ul3{
display:flex;
gap:2%;
flex-wrap:wrap;
margin-top:30px;
}
.sc-ul3 li{
margin-bottom:2%;
width:18.4%;
padding:15px;
border-radius:10px;
background:#fff;
box-sizing:border-box;
}
.sc-ul3 li img{
width:100%;
}


.sc25-list1 ul{
display:flex;
flex-wrap:wrap;
gap:3%;
}
.sc25-list1 ul li{
width:31.3333%;
margin-bottom:4%;
}
.sc25l1-img{
position:relative;
width:100%;
padding-top:75%;
box-sizing:border-box;
border:1px rgba(255,255,255,0.1) solid;
overflow:hidden;
background:rgba(255,255,255,0.1);
}
.sc25l1-img img{
position:absolute;
left:50%;
top:50%;
width:100%;
transition: .5s ease;
}
.sc25l1-img:hover img{
-webkit-transform: scale(1.2); transform: scale(1.2);
}
.sc25l1-txt{
margin-top:30px;
color:#fff;
}
.sc25l1-txt em{
display:block;
font-weight:300;
font-size:0.85em;
color:#7dbbff;
}
.sc25l1-txt strong{
font-weight:700;
font-size:1.25em;
display:block;
margin:10px 0 5px;
}
.sc25l1-txt  p{
max-height:3em;
line-height:1.5em;
overflow:hidden;
opacity:0.8;
font-weight:300;
word-break:keep-all;
}

.scb6-area{
display:flex;
align-items: center;
justify-content: space-around;
width:100%;
text-align:center;
margin-top:30px;
padding-top:30px;
border-top:1px #dfe5ea dashed;
}
.scb6-area:first-child{
border-top-width:0;
padding-top:0;
margin-top:0;
}
.scb6-a-t1{
width:400px;
}

.scb6-a-t1 img{
width:100%;
text-align:center;
}
.scb6-a-t1.scb6-a-t1-2 img{
width:200px;
border-radius:20px;
}
.scb6-a-t1.scb6-a-t1-2 .scb6-l-t1{
border-radius:100px;
margin-top:10px;
}

.arrow-box{
display:flex;
justify-content: center;
align-items: center;
font-size:24px;
color:#407fb4;
}
.arrow-box i{
letter-spacing:-0.5em;
}
.arrow-box i:first-child{
margin-left:-10px;
}
.scb6-a-t2{
display:flex;
font-size:0.95em;
text-align:left;
align-items: center;
font-weight:800;
color:#25315c
}
.scb6-a-t2 img{
width:95px;
background:#eef4f9;
border-radius:999px;
padding:10px;
margin-right:20px;
}


/*paging*/
.paging{text-align:center; margin-top:50px;}
.paging a,
.paging strong{display:inline-block; margin:0 3px;  width:40px; height:40px; line-height:40px; vertical-align:top; color:#fff; font-weight:700;}
.paging strong{color:#161c2c; background:#fff; border-radius:999px;}
.paging .p-prev, 
.paging .p-next{font-size:0; text-indent:-999999; overflow:hidden; border:1px rgba(255,255,255,0.2) solid; border-radius:999px; margin:0 10px;}
.p-prev i, 
.p-next i{font-size:28px; line-height:40px;}

/*view*/
.view-tit{
display:flex;
justify-content: space-between;
font-size:38px;
font-weight:900;
color:#fff;
margin-bottom:30px;
}
.view-sns a{
display:inline-block;
/*width:30px;*/
height:30px;
border-radius:2px;
overflow:hidden;
font-size:0;
box-sizing:border-box;
border:1px #262f47 solid;
}
.view-sns a img{
width:100%;
}

.view-box{
width:100%;
margin:0 auto;
}
.view-img{
background:rgba(0,0,0,0.5);
}
.view-img img{
width:100%;
}
.view-info{
margin-top:50px;
}
.view-info ul{
display:flex;
color:#fff;
gap:20px;
}
.view-info ul li{
flex: 1 1 20%;
box-sizing:border-box;
border-left:2px rgba(255,255,255,0.9) solid;
padding-left:20px;
}
.view-info ul li dt{
font-weight:300;
margin-bottom:5px;
color:rgba(255,255,255,0.6);
}
.view-info ul li dd{
font-weight:600;
font-size:1.025em;
}
.view-info ul li dd a{
color:#fff;
}

.view-text{
background:rgba(0,0,0,0.1);
padding:30px 20px;
box-sizing:border-box;
color:#fff;
margin-top:50px;
}
.view-text img{
max-width:100%;
}
.view-btn{
text-align:center;
margin-top:70px;
}
.view-btn a{
display:inline-block;
padding:15px 50px;
color:#fff;
font-weight:500;
font-size:1.025em;
margin:0 10px;
}
.vb-b1{
background:#0468d9;
}
.vb-b2{
background:rgb(255,255,255,0.1);
}


.s31-list{
display:flex;
flex-wrap:wrap;
gap:2%;
}
.s31-list li{
width:23.5%;
margin-bottom:5%;
}
.s31-list li a{
display:block;
width:100%;
height:100%;
box-sizing:border-box;
}
.s31l-img{
position:relative;
width:100%;
padding-top:128%;
background:#f9f9f9;
border:1px solid #ccc;
overflow:hidden;
}
.s31l-img img{
position:absolute;
left:50%;
top:50%;
width:100%;
}
.s31l-txt{
text-align:center;
font-size:1.125em;
font-weight:500;
margin-top:40px;
}

.scb3-list1{
display:flex;
}
.scb3-list1 > li{
width:33.333%;
box-sizing:border-box;
padding:50px 0 20px; 
}


.s3l1-tit{
font-size:1.7em;
color:#fff;
margin-bottom:20px;
text-align:center;
font-weight:700;
}
.s3l1-img{
width:320px;
height:320px;
margin:0 auto;
overflow:hidden;
border-radius:9999px;
position:relative;
box-sizing:border-box;
}
.s3l1-img img{
position:absolute;
left:0;
top:0;
width:100%;
}
.s3l1-p{
text-align:center;
color:#fff;
background:#1d376a;
padding:10px 0;
border-radius:15px 15px 0 0;
font-weight:800;
font-size:1.125em;
width:85%;
margin:30px auto 0;
}

.s3l1-li{
width:85%;
margin:0 auto;
background:#fff;
box-sizing:border-box;
padding:25px 15px;
border-radius:0 0 15px 15px;
}
.s3l1-li li{
position:relative;
padding-left:10px;
}

.s3l1-li li:after{
content:"";
display:block;
width:3px;
height:3px;
background:#2d2f37;
position:absolute;
left:0;
top:12px;
}
.scb3-list1 > li.s3l1-li3{
background:rgba(0,0,0,0.1);
border-radius:20px;
}
.s3l1-li3 .s3l1-tit{
color:#f9d92c;
}
.s3l1-li3 .s3l1-img{
border:5px #ffe241 solid;
}

.s3l1-li3 .s3l1-p{
background:#ffe241;
color:#161c2c;
}
.s3l1-li3 .s3l1-li{
background:#fbf5d8;
font-weight:600;
}

.sc-box4{
display:flex;
align-items: center;
}
.sc4-left{
flex-shrink: 0;
width: 50%;
border-radius:15px;
overflow:hidden;
}
.sc4-left img{
width:100%;
}
.sc4-right{
flex-grow: 1;
box-sizing:border-box;
padding-left:50px;
color:#fff;
}
.sc4-right p{
font-weight:600;
font-size:1.125em;
margin:20px 0;
}
.sc4-right ul{
border:1px rgba(255,255,255,0.1) solid;
border-radius:20px;
padding:20px;
box-sizing:border-box;
display:inline-block;
margin-top:-15px;
}
.sc4-right li{
opacity:0.8;
font-weight:300;
border-top:1px dashed rgba(255,255,255,0.1);
padding-top:10px;
padding-bottom:10px;
}
.sc4-right li:first-child{
border-top-width:0;
padding-top:0;
}
.sc4-right li:last-child{
padding-bottom:0;
}
.sc-box5{
display:flex;
}
.sc-box5 p{
font-weight:700;
font-size:1.4em;
word-break:keep-all;
margin-bottom:50px;
color:#fff;
flex-shrink: 0;
width: 450px;
word-break:keep-all;

}
.sc-box5 p:before{
content:"";
display:block;
width:80px;
height:5px;
background:#fff;
margin-bottom:30px;
}
.sc-box5 ul{
flex-grow: 1;
display:flex;
flex-wrap:wrap;
gap:4%;
padding-left:50px;
box-sizing:border-box;
}
.sc-box5 ul li{
width:48%;
border-radius:20px;
overflow:hidden;
margin-bottom:4%;
}
.sc-box5 ul li img{
width:100%;
}
.sc-box6{
background:#fff;   
box-sizing: border-box;
padding:50px;
border-radius: 15px;
box-shadow: 1px 1px 100px rgba(0,0,0,0.2);
background: #fff;
display:flex;
}
.sc-box6.scb6-1{
display:block;
padding:50px 100px;
}
.scb6-left{
flex-shrink: 0;
width: 400px;
text-align:center;
}
.scb6-l-img{
width:100%;
border-radius:20px 20px 0 0;
overflow:hidden;
}
.scb6-l-t1{
background:#202537;
color:#fff;
border-radius:0 0 20px 20px;
margin:0 auto;
padding:10px 0;
}
.scb6-l-t2{
margin-top:20px;
}
.scb6-l-ul1{
background:#e1eef9;
box-sizing:border-box;
border-radius:20px;
margin:0 auto;
margin-top:20px;
padding:20px;
color:#082b65;
text-align:left;
font-size:0.95em;
display:flex;
flex-direction: column;
gap:5px;
}
.scb6-right{
flex-grow: 1;
box-sizing:border-box;
padding-left:50px;
}
.scb6-r-t1{
color:#273571;
font-weight:800;
margin-bottom:10px;
letter-spacing: 0em;
font-size:1.125em;
}
.scb6-r-table1{
width:100%;
table-layout: fixed;
}
.scb6-r-table1 thead th{
background:#273571;
padding:10px;
color:#fff;
letter-spacing: 0em;
}
.scb6-r-table1 tbody th,
.scb6-r-table1 tbody td{
border-bottom:1px #ececec solid;
padding:5px 10px;
font-size:0.95em;
}
.scb6-r-table1 tbody th{
border-right:1px #ececec solid;
font-weight:600;
color:#474a54;
}

.s2pic-video{
position:relative;
padding-top:56.25%;
width:100%;
overflow:hidden;
}
.s2pic-video iframe{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}
.tab-box{display:none;}
.tab-box.current{display:block;animation: animate_opacity .5s ease-in-out forwards;}

.popup-box{
background:rgba(0,0,0,0.8);
width:100%;
height:100vh;
position:fixed;
left:0;
top:0;
z-index:999999999;
display:none;
}
.popup-box-area{
width:100%;
height:100vh;
display:flex;
justify-content: center;
align-items: center;
}
.ppb-img img{
max-height:90vh;
width:auto;
}

.popup-box i{
position:absolute;
color:#fff;
right:20px;
top:20px;
font-size:35px;
}


.process-list{
display:flex;
gap:2%;
flex-wrap:wrap;
}
.process-list li{
width:15%;
box-sizing:border-box;
position:relative;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.process-list li:after{
content:">";
position:absolute;
left:-10%;
bottom:120px;
color:#aabac6;
font-weight:700;
line-height:30px;
font-size:28px;
}
.process-list li:first-child:after{
display:none;
}

.process-list li .pl-img{
width:100%;
max-width:80px;
margin:0px 0 20px;
background:rgba(0, 67, 143, 1);
padding:40px;
border-radius:999px;
border:7px rgba(255,255,255, 0.7) solid;
}
.process-list li .pl-img img{
width:100%;
}
.process-list li span{
display:block;
width:50px;
height:50px;
line-height:50px;
text-align:center;
color:rgba(0, 67, 143, 1);
font-weight:900;
background:#fff;
border:3px solid rgba(0, 67, 143, 1);
border-radius:999px;
font-size:0.95em;
letter-spacing: 0em;
/*position:absolute;
left:50%;
margin-left:-25px;
top:-25px;*/
}
.process-list li .pl-line{
content:"";
width:1px;
height:20px;
border-left:2px rgba(0, 67, 143, 1) dashed;
display:block;
margin:5px 0;
opacity:0.3;
}

.process-list li p{
font-weight:600;
font-size:1.125em;
color:rgba(36, 41, 49, 1);
}

.process-list li:nth-child(2) .pl-img{
background:rgba(0, 44, 143, 1);
}
.process-list li:nth-child(2) span{
border-color:rgba(0, 44, 143, 1);
color:rgba(0, 44, 143, 1);
}
.process-list li:nth-child(2) .pl-line{
border-color:rgba(0, 44, 143, 1);
}
.process-list li:nth-child(3) .pl-img{
background:rgba(0, 108, 143, 1);
}
.process-list li:nth-child(3) span{
border-color:rgba(0, 108, 143, 1);
color::rgba(0, 108, 143, 1);
}
.process-list li:nth-child(3) .pl-line{
border-color:rgba(0, 108, 143, 1);
}
.process-list li:nth-child(4) .pl-img{
background:rgba(0, 143, 136, 1);
}
.process-list li:nth-child(4) span{
border-color:rgba(0, 143, 136, 1);
color:rgba(0, 143, 136, 1);
}
.process-list li:nth-child(4) .pl-line{
border-color:rgba(0, 143, 136, 1)
}
.process-list li:nth-child(5) .pl-img{
background:rgba(0, 143, 117, 1);
}
.process-list li:nth-child(5) span{
border-color:rgba(0, 143, 117, 1);
color:rgba(0, 143, 117, 1);
}
.process-list li:nth-child(5) .pl-line{
border-color:rgba(0, 143, 117, 1);
}
.process-list li:nth-child(6) .pl-img{
background:rgba(45, 125, 55, 1);
}
.process-list li:nth-child(6) span{
border-color:rgba(45, 125, 55, 1);
color:rgba(45, 125, 55, 1);
}
.process-list li:nth-child(6) .pl-line{
border-color:rgba(45, 125, 55, 1);
}

.map-info{
margin-top:30px;
}
.map-info p{
font-weight:600;
font-size:1.5em;
margin-bottom:20px;
}
.map-info ul{
display:flex;
gap:20px;
font-weight:300;
font-size:1.125em;
}
.history{
margin-top:30px;
}
.history dl{
display:flex;
align-items: flex-start;
margin-top:50px;
border-top:1px rgba(0,0,0,0.1) dashed;
padding-top:50px;
}
.history dl:first-child{
border-top:0;
padding-top:0;
}
.history dt{
font-size:55px;
font-weight:900;
color:#24418c;
flex-shrink: 0;
width: 180px;
line-height:1em;
}
.history dd {
flex-grow: 1;
}
.history dd strong{
font-weight:800;
color:#1e2e56;
font-size:1.25em;
display:block;
margin-bottom:10px;
}
.history dd li{
display:flex;
padding-bottom:15px;
font-size:1.125em;
color:#353d52;
}
.history dd li span{
flex-shrink: 0;
width:40px;
font-weight:700;
text-align:right;
}
.history dd li p{
flex-grow: 1;
box-sizing:border-box;
padding-left:10px;
}
.sc23-box1{
margin-top:40px;
}
.sc23-box1 dl{
display:flex;
border-bottom:1px rgba(255,255,255,0.2) dashed;
width:100%;
max-width:700px;
padding-bottom:40px;
margin-bottom:40px;
align-items: center;
}
.sc23-box1 dl dt{
padding-right:30px;
}
.sc23-box1 dl dt img{
width:120px;
}
.sc23-box1 dl dd p{
font-weight:800;
font-size:24px;
margin-bottom:20px;
}
.sc23-box1 dl dd li strong{
font-weight:800;
}



/* pc */
@media screen and (min-width:1025px){
.ww { width:560px;height:306px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
.ww { width:560px;height:306px; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
.ww { width:100%;height:300px; }
}

a { cursor : url(cur.png) 10 10, auto; }