#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:17px;
line-height:1.5;
letter-spacing:-0.05em;
font-family: 'SUIT';
font-weight:400;
}

body, html{
width:100%;
overflow-x:hidden;
}

: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;
}

.quick{
position:fixed;
transition: 0.8s;
animation: upAndDown 2s infinite forwards;
}
@keyframes upAndDown {
0% {bottom: 140px;}
50%{bottom: 120px;}
100%{bottom: 140px;}
}
.quick{
position:fixed;
bottom:150px;
right:80px;
z-index:9999;
transition: 0.3s;
animation: upAndDown 2s infinite forwards;
}
.quick.off{
display:none;
}
.quick a{
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
width:170px;
height:170px;
background: linear-gradient(120deg, #cb4825, #f18426);
border-radius:9999px;
text-align:center;
font-family:Gms;
font-weight:700;
color:#fff;
font-size:23px;
line-height:1.1;
gap:10px;
}
.quick a img{
width:45px;
}

header {
width:100%;
margin:0 auto;
top:0;
z-index:88;
}
.header-top{
background:#000c21;
width:100%;
margin:0 auto;

}
.header-top > a{
width:96%;
max-width:1280px;
display:flex;
box-sizing:border-box;
padding:15px 25px;
justify-content:space-between;
align-items: center;
color:#fff; 
margin:0 auto;
}
.header-top span{
font-weight:700;
}
.header-top em{
background:#ffc800;
border-radius:6px;
color:#000c21;
padding:5px 20px;
font-weight:700;
}

.header-logo{
color:#666;
}

.header-area{
padding:0px 0;
width:95%;
max-width:1280px;
margin:0 auto;
display:flex;
justify-content: space-between;
align-items: center;
gap:10px;
}
.ha-info{
display:flex;
gap:10px;
}
.ha-logo img{
width:180px;
}



.header-tel{
text-align:center;
background: linear-gradient(#f59127, #f2762b);
color:#fff;
border-radius:15px;
padding:5px 10px;
line-height:1.2;
}
.header-tel p{
display:flex;
justify-content: center;
align-items: center;
gap:3px;
}
.header-tel p i{
font-size:20px;
}
.header-tel span{
letter-spacing: 0em;
font-weight:800;
font-size:20px;
display:block;
}

.header-text{

}


/*footer*/
footer{
width:100%;
max-width:2000px;
margin:0 auto;
text-align:center;
padding:50px 0;
background:#222;
}



.foot-area{
margin:0 auto;
max-width:1280px;
width:96%;
color:#fff;
}

.foot-info p{
margin:10px 10px;
position:relative;
display:inline-block;
font-weight:500;
}
.foot-text{
padding-top:40px;

line-height:1.6em;
}


.foot-copy{
letter-spacing:0;
opacity:0.5;
margin-top:20px;
font-size:14px;
}



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

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

.va-box{
position:relative;
text-align:center;
}

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

.va-txt{
position:absolute;
height:60%;
top:0%;
display:flex;
flex-wrap:wrap;
flex-direction: column;
text-align:center;
width:100%;
justify-content: center;
}

.va-txt img{
width:85%;
max-width:990px;
}

.va-t1{
color:#233460;
font-size:48px;
font-family: 'Gms';
margin-bottom:10px;
}
.va-t2{
font-family: 'Gms';
color:#174ace;
font-weight:700;
font-size:78px;
}
.va-t3{
font-size:32px;
color:#174ace;
font-weight:800;
}
.va-t3 span{
color:#f801a7;
}
.va-t3 span.vat3-sp1{
font-size:1.125em;
}
.va-t3 li{
border-left:1px rgba(255,255,255,0.3) solid;
text-align:center;
flex-grow: 1;
}
.va-t3 li:first-child{
border-left:0;
}
.va-t3 li strong{
font-weight:700;
font-size:1.5em;
}
.va-t3 img{
width:80px;
margin-bottom:30px;
}

.va-link{
margin-top:30px;
text-align:center;
width:100%;
}
.va-link a{
display: inline-flex; 
color:#fff;
align-items: center;
justify-content: center;
background:#174ace;
padding:10px 50px;
font-size:22px;
font-weight:600;
gap:5px;
border-radius:9999px;
}
.va-link a img{
width:24px;
}
.va-img img{
width:100%;
}

#visual .slick-arrow{position:absolute; width:80px; height:80px; font-size:0; background:url(img/arrow-left.png); background-size:cover; left:10px; top:50%; margin-top:-20px; z-index:99999;}
#visual .slick-arrow.slick-next{background-image:url(img/arrow-right.png); left:auto; right:10px;}

.va-text{
position:absolute;
width:100%;
height:100%;
left:0;
top:0%;
display:table;
text-align:center;
width:50%;
left:40%;
}
.vat-box{
display:table-cell;
width:100%;
padding-top:80px;
vertical-align:middle;
}
.vat-box img{
width:100%;
max-width:480px;
}

.box{
padding:90px 0;
max-width:2000px;
width:100%;
margin:0 auto;
}
.box-area{
width:96%;
max-width:1280px;
margin:0 auto;
}

.title{
padding-bottom:30px;
color:#000c1e;
}
.title span{
display:block;
font-size:22px;
font-family:'Gms';
margin-bottom:30px;
}
.title .tit-sp2{
font-size:24px;
}
.title p{
font-family:'Gms';
font-weight:300;
font-size:48px;
margin-bottom:20px;
line-height:1.25em;
}
.title p strong{
font-weight:700;
}
.title p strong.tit-color1{
color:#1f9a92;
}
.title p strong.tit-color2{
color:#e67822;
}
.title p img{
width:360px;
vertical-align: -10px;
}
.title .tit-sp3 p{
font-size:18px;
}
.title .tit-sp3{
margin-bottom:30px;
}
.title a{
display:inline-block;
background:#1c3d93;
color:#fff;
font-family:'Gms';
font-weight:400;
font-size:24px;
padding:10px 30px;
border-radius:100px;
transition: all .3 sease-out;
}
.title a:hover{
background:#051641;
}

.title em{
display:block;
color:#424242;
font-size:22px;
font-family: suit;
font-weight:400;
}
.title2{
text-align:center;
font-size:24px;
color:#5e646d;
}

.ba-flex{
display:flex;
justify-content: space-between;
align-items: center;
}
.ba-flex .title{
width:45%;
flex-shrink: 0;
}

#box1{
background:#f0f6fa;
padding:50px 0;
}

.box1-ul{
display:flex;
flex-wrap:wrap;
}
.box1-ul li{
width:33.333%;
text-align:center;
margin-top:20px;
font-size:36px;
font-weight:200;
}
.box1-ul li strong{
font-weight:700;
}
.box1-ul li img{
width:80%;
max-width:320px;
}

.ba-content{
width:50%;
/*height:360px;*/
/*isplay:flex;
align-items: center;*/
}
.ba-rolling{
display:block;
}

@keyframes rolling-h {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-100%);
    }
}
@keyframes rolling-h2 {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0%);
    }
}
.roll1 .ul-type1{
    animation: rolling-h 16s linear infinite;
}
.roll2 .ul-type1{
    animation: rolling-h2 16s linear infinite;
}
.rolling-area {
display:flex;
position: relative;
transform: initial;
width: 100%;
overflow: hidden;
gap:5px;
}
.rolling-area:before{
position: absolute;
top: 0;
left: -100px;
content: '';
display: inline-block;
width: 150px;
height: 100%;
background: #f0f6fa;
-webkit-filter: blur(20px);
filter: blur(20px);
z-index: 1;
}
.rolling-area:after{
position: absolute;
top: 0;
right: -100px;
content: '';
display: inline-block;
width: 150px;
height: 100%;
background: #f0f6fa;
-webkit-filter: blur(20px);
filter: blur(20px);
z-index: 1;
}
.ul-type1{
margin:0 auto;
margin-top:30px;
display:flex;
gap:5px;
}
.ul-type1 li{
width:180px;
text-align:center;
margin:5px;
}
.ult1-div{
width:100%;
padding-top:100%;
position:relative;
}
.ult1-div > div{
position:absolute;
display:flex;
flex-direction: column;
width:100%;
height:100%;
border-radius:9999px;
background:#fff;
box-sizing:border-box;
left:0;
top:0;
justify-content: center;
align-items: center;
border: 1px solid #e5eaf0;
box-shadow: 2px 2px 10px #dbe2ec;
gap:7px;
}
.ult1-div img{
width:70px;
}
.ult1-div span{
font-size:12px;
letter-spacing: 0.02em;
font-weight:800;
background-image: linear-gradient(120deg, #0228a7 0%,  #237ad1 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.ult1-div span:after{
content:"";
display:block;
width:30px;
height:2px;
background:#acb0c8;
margin:10px 0;
}
.ult1-div strong{
font-weight:800;
color:#2e46ce;
display:block;
letter-spacing: -0.07em;
}
.ult1-div p{
color:#24252d;
font-weight:600;
line-height: 1.2em;
font-size:19px;
}


#box6 .slider {
}

#box6 .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0 !important;
    padding-top:10px;
}
#box6 .slick-track{
position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*#box6 .slick-vertical .slick-slide:not(.active){
    opacity: .1;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide:not(.active) .slider-box{
    position: relative;
   bottom: -10px;
    transform: scale(.75);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on1{
    opacity: .1;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on1 .slider-box{
    position: relative;
    bottom: -20px;
    transform: scale(.75);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on3{
    opacity: .5;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on3 .slider-box{
    position: relative;
  
    transform: scale(.85);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on5{
    opacity: .5;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on5 .slider-box{
    position: relative;
    top: -10px;
    transform: scale(.85);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on3{
    opacity: .1;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on3 .slider-box{
    position: relative;
    top: -10px;
    transform: scale(.85);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on6{
    opacity: .5;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on6 .slider-box{
    position: relative;
    bottom: -10px;
    transform: scale(.85);
    transition: all .2s;
}*/

#box6 .slick-vertical .slick-slide:not(.active){
    opacity: .1;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide:not(.active) .slider-box{
    position: relative;
    top: 0px;
    transform: scale(.65);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on1{
    opacity: .1;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on1 .slider-box{
    position: relative;
    bottom: -10px;
    transform: scale(.65);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on2{
    opacity: .1;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on2 .slider-box{
    position: relative;
    bottom: 0px;
    transform: scale(.65);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on3{
    opacity: .5;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on3 .slider-box{
    position: relative;
    bottom: 0px;
    transform: scale(.75);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on5{
    opacity: .5;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on5 .slider-box{
    position: relative;
    top: 0px;
    transform: scale(.75);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on6{
    opacity: .1;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on6 .slider-box{
    position: relative;
    top: 0px;
    transform: scale(.65);
    transition: all .2s;
}

.slider-box{
text-align:center;
background:#fff;
border-radius:6px;
height:62px;
display:flex !important;
align-items: center;
justify-content: center;
font-family: "Gms";
font-size:24px;
gap:10px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.05);
}
.slider-box strong{
font-weight:700;
color:#e56626;
font-size:1.125em;
}


#box2{
background:#eef0f1;
}
#box2 p br{
/*display:none;*/
}
.box2-dl dt{
background:url(img/box2-dt-bg.png);
background-size:cover;
padding-bottom:20px;
line-height:80px;
width:295px;
margin:0 auto;
text-align:center;
color:#fff;
font-size:38px;
}

.box2-dl dd{
background:url(img/box2-bg.png);
background-position:50% 50%;
background-repeat: repeat-x;
margin-top:40px;
}
.box2-dl dd ul{
width:90%;
max-width:1280px;
margin:0 auto;
display:flex;
gap:3%;
}
.box2-dl dd ul li{
flex: 1 1 20%;
text-align:center;
}
.b2dl-div{
width:100%;
padding-top:100%;
position:relative;
}
.b2dl-div > div{
position:absolute;
display:flex;
flex-direction: column;
width:100%;
height:100%;
border-radius:9999px;
background:#fff;
box-sizing:border-box;
left:0;
top:0;
justify-content: center;
align-items: center;
border: 12px solid transparent;
background-image: linear-gradient(#fff, #fff), 
linear-gradient(100deg, #03a2a7 0%,  #99cb41 100%);
background-origin: border-box;
background-clip: content-box, border-box;
gap:7px;
}
.b2dl-div span{
font-size:40px;
letter-spacing: 0.02em;
font-weight:800;
background-image: linear-gradient(100deg, #03a2a7 0%,  #99cb41 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.b2dl-div strong{
font-weight:700;
color:#111;
font-size:26px;
}
.b2dl-div p{
font-size:17px;
color:#727272;
}
#pcbr{
	display:block;
}

.ul-type2{
max-width:1280px;
margin:0px auto;
display:flex;
flex-wrap:wrap;
gap:10px 2%;
}
.ul-type2 li{
width:49%;
box-sizing:border-box;
border-radius:6px;
background:#fff;
font-size:20px;
padding:10px 30px;
display:flex;
align-items: center;
flex-wrap:wrap;
gap:5px;
}
.ul-type2 li strong{
font-weight:800;
color:#3547c7;
display:block;
}
.ul-type2 li img{
width:40px;
}
.ul-type2 li p{
display:block;
width:100%;
}
.ult2-p{
font-weight:600;
color:#cb4825;
}


#box3{
background:#1c3d93;

}
.box3-list{
width:100%;
max-width:900px;
margin:0 auto;
}

.b3l-top{
display:flex;
align-items: center;
text-align: center;
background:#e56626;
border-radius:20px;
color:#fff;
font-size:20px;
font-weight:700;
height:60px;
}
.b3l-top p:nth-child(1),.b3l-top p:nth-child(3){
flex-shrink: 0;
width: 30%;
}
.b3l-top p:nth-child(2){
flex-grow: 1;
display:flex;
justify-content: space-between;
align-items: center;
}
.b3l-top p:nth-child(2):before,.b3l-top p:nth-child(2):after{
content:"";
width:1px;
height:17px;
background:rgba(255,255,255,0.4);
}
.b3l-ul{
overflow:hidden;
}
.b3l-ul li{
background:rgba(30, 37, 57, 0.6);
border-radius:6px;
color:#fff;
display:flex !important;
align-items: center;
padding:10px 20px;
justify-content: space-between;
box-sizing:border-box;
margin:5px 0;
}
.b3ll-t1{
display:flex;
align-items: center;
gap:5px;
}
.b3ll-t1 > p em{
font-size:0.85em;
opacity:0.8;
display:inline-block;
margin-right:5px;
}
.b3ll-t1 > div i{
font-size:0.85em;
color:#ffea00;
margin-left:3px;
}
.b3ll-t2{
display:flex;
align-items: center;
gap:10px;
font-weight:700;
font-size:1.125em;
}

.b3ll-t2 span{
background-color:#e56626;
padding:5px 10px;
border-radius:999px;
color:#fff;
font-size:0.75em;
}
.b3ll-t2 span.bu-span1{
background-color:#e56626;

}
.b3ll-t2 span.bu-span2{
background-color:#2d47cf;
;
}

.b3ll-t2 span.bu-span3{
background-color:#072;
}

.box-counter{
width:96%;
max-width:700px;
margin:70px auto 0;
}
.box-counter ul{
display:flex;
justify-content: space-between;
align-items: center;
}
.box-counter ul li{
text-align:center;
}
.box-counter span{
display:block;
color:#de4d14;
font-weight:700;
font-size:20px;
}
.box-counter p{
font-size:22px;
}
.box-counter em{
font-weight:800;
font-size:38px;
}


#box4{
background-image:url(img/box4-bg.jpg);
}
#box4 .title{
color:#fff;
}
.box4-ul{
display:flex;
gap:2%;
flex-wrap:wrap;
align-items: center;
max-width:990px;
margin:0 auto;
}
.box4-ul li{
width:49%;
box-sizing:border-box;
position:relative;
border:2px #67e2da solid;
text-align:center;
height:115px;
display:flex;
align-items: center;
justify-content: center;
color:#fff;
margin-top:2%;
font-size:30px;
font-weight:700;
}
.box4-ul li em{
font-weight:200;
letter-spacing: 0.02em;
}
.box4-ul li span{
color:#ffe34b;
}
.box4-ul li img{
height:55px;
position:absolute;
right:30px;
bottom:-15px;
}
.box4-ul li:nth-child(1){
border-radius:50px 0 0 0;
}
.box4-ul li:nth-child(2){
border-radius:0 50px 0 0;
}
.box4-ul li:nth-child(3){
border-radius:0 0  0 50px;
}
.box4-ul li:nth-child(4){
border-radius:0 0 50px 0;
}

#box5{
background:#153588;
}
#box5 .box-area{
}
#box5 .title{
color:#fff;
text-align:center;
}

#box5 .title em{
color:rgba(255,255,255,0.6);
}
.ba5-left a{
background-image:url(img/tel-ico.png);
background-size:80px 70px;
background-position:0 50%;
background-repeat: no-repeat;
display:flex;
align-items: center;
height:80px;
color:#fff;
padding-left:90px;
font-weight:700;
letter-spacing: 0.02em;
font-size:32px;
}
.ba5-left{

}
.ba5-right{
width:90%;
max-width:900px;
margin:0 auto;
background:#fff;
border-radius:6px;
padding:50px;
box-sizing:border-box;
}
.b5r-tit{
text-align:center;
color: #424242;
font-size: 20px;
font-weight: 400;
margin-bottom:20px;
}
.b5r-tit span{
display:block;
font-weight:700;
color:#d41;
word-break: keep-all;
padding:0 10px;
}
.b5r-tit img{
width:180px;
margin-bottom:10px;
}

.ba5-right li{
display:flex;
background:#fff;
height:82px;
align-items: center;
box-sizing:border-box;
gap:10px;
border-bottom:1px #e0e0e0 solid;
}
.ba5-right li p{
font-weight:600;
font-size:24px;
flex-shrink: 0;
width: 100px;
}
.ba5-right li p em{
font-weight:800;
color:#e56626;
 
}
.ba5-right li input[type="text"], .ba5-right li input[type="tel"]{
border:0;
background:#e9ecf3;
border-radius:10px;
height:40px;
padding:0 10px;
box-sizing:border-box;
flex-grow: 1;
}
.ba5-right li input[type="radio"]{
border:0;
background:#e9f3ed;
border-radius:10px;
height:20px;
width:20px;
padding:0 5px;
box-sizing:border-box;
display:none;
}
.ba5li-radio{
flex-grow: 1;
display:flex;
background:#e9ecf3;
border-radius:10px;
}
.ba5li-radio label{
width:50%;
text-align:center;
box-sizing:border-box;
padding:10px;
}
.ba5li-radio input[type="radio"]:checked+label{
background:rgb(222, 78, 20);
border-radius:10px;
color:#fff;
}
.ba5-check #check{
display:none;
}
.ba5-check{
display:flex;
color:#666;
font-size:20px;
font-weight:300;
align-items: center;
margin-top:10px;
}
.ba5-check label{
display:flex;
gap:5px;
align-items: center;
}
.ba5-check a{
font-weight:600;
color:#666;
}
.ba5-check #check+label span{
background-repeat: no-repeat;
background-image: url('img/check-off.png');}
.ba5-check #check:checked+label span{
background-image: url('img/check-on.png');
}
.ba5-check label span{
display: block;
width:25px; 
height:25px; 
background-size:cover;
}
.ba5-btn{
margin-top:40px;
}
.ba5-btn a{
display:flex;
align-items: center;
justify-content: center;
border-radius:6px;
background: linear-gradient(#2350c3, #2289c3);
height:65px;
color:#fff;
font-size:20px;
font-weight:700;
gap:5px;
transition: all 0.5s linear;
}
.ba5-btn a:hover{
background: linear-gradient(#2350c3, #110b63);
}

.ba5-btn a i{
font-size:24px;
}


/*layer popup*/
.layer-popup{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,.85);
z-index: 999;
overflow: auto;
display:none;
}

.layer-pop-area{
width:70%;
width:800px;
height:50vh;
background:#fff;
position:absolute;
left:50%;
margin-left:-400px;
top:50%;
margin-top:-45vh;
padding:30px;
box-shadow: 2px 2px 10px rgba(0,0,0,.84);
box-sizing:border-box;

}

.layer-tit{
font-weight:600;
font-size:1.25em;
box-sizing:border-box;
height:55px;
line-height:55px;
width:100%;
padding:0 15px 20px;
}



.layer-content{
color:#555;
height:85%;
overflow-y:scroll;
box-sizing:border-box;
}

.layer-content table{
width:100%;
border-top:1px #e0e0e0 solid;
border-right:1px #e0e0e0 solid;
margin-top:10px;
table-layout:fixed;
}
.layer-content table th{
background:#555;
color:#fff;
font-size:20px;
padding:10px;
text-align:center;
}
.layer-content table td{
padding:5px 10px;
border-bottom:1px solid #e0e0e0;
border-left:1px #e0e0e0 solid;
word-break:keep-all;
}


.close-box{
position:absolute;
right:-50px;
top:0px;
z-index:99;
width:50px;
height:50px;
display:flex;
justify-content: center;
align-items: center;
color:#fff;
background:#de4d14;
font-size:32px;
}

#box6{
background: #cbe0f0;
}

#box3 .title, #box8 .title{
color:#fff;
}
#box6 .title2{
color:#9fb4e9;
}
#box3 .title a, #box8 .title a{
background:#fc0;
color:#000d2e;
}

.flex-box{
display:flex;
gap:4%;
max-width:900px;
margin:50px auto 0;
}
.flex-box img{
width:100%;
}

#box7{
background: #e1e4eb;
}
.graph-img{
display:flex;
justify-content: center;
}
.graph-img img{
width:100%;
max-width:650px;
}
#box8{
background: #1e2539;
}