#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;
position:absolute;
}
.header-top{
background:#f15d14;
}
.header-top p{
width:96%;
max-width:1280px;
margin:0 auto;
color:#fff;
font-size:1.5rem;
padding:5px 0;
}
.header-logo img{
width:180px;
}

.header-area{
padding:30px 0;
width:95%;
max-width:1280px;
margin:0 auto;
display:flex;
justify-content: space-between;
align-items: center;
}

.header-tel{
text-align:center;
background: linear-gradient(#f59127, #f2762b);
color:#fff;
border-radius:15px;
padding:10px 25px;
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;
}

.header-text{
color:#fff;
font-size:35px;
font-weight:500;
}


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



.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:2em;
}


.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;
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:70%;
top:10%;
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:#fff;
font-size:48px;
font-family: 'Gms';
line-height:1.1;
}
.va-t2{
font-family: 'Gms';
color:#ff8629;
font-weight:700;
font-size:85px;
line-height:1.1;
}
.va-t3{
display:flex;
justify-content:space-between;
color:#fff;
font-size:23px;
margin:0 auto;
margin-top:50px;
width:90%;
max-width:800px;
}
.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{
position:absolute;
bottom:80px;
text-align:center;
width:100%;
}
.va-link a{
display: inline-flex; 
color:#fff;
align-items: center;
justify-content: center;
background:#ff7200;
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:#061e3e;
text-align:center;
}
.title span{
display:block;
font-size:42px;
font-family:'Gms';
}
.title .tit-sp2{
font-size:28px;
}
.title p{
font-family:'Gms';
font-weight:700;
font-size:42px;
}
.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 em{
display:block;
color:#424242;
font-size:22px;
font-family: suit;
font-weight:400;
}
.title2{
text-align:center;
font-size:24px;
color:#5e646d;
}

#box1{

}

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


.ul-type1{
max-width:1280px;
margin:0 auto;
margin-top:30px;
display:flex;
gap:3%;
}
.ul-type1 li{
flex: 1 1 20%;
text-align:center;
}
.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: 12px solid transparent;
background-image: linear-gradient(#fff, #fff), 
linear-gradient(120deg, #0228a7 0%,  #237ad1 100%);
background-origin: border-box;
background-clip: content-box, border-box;
gap:7px;
}
.ult1-div span{
font-size:32px;
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{
font-size:28px;
color:#696c7f;
font-weight:300;
}



#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{
width:96%;
max-width:1280px;
margin:20px auto 0;
display:flex;
flex-wrap:wrap;
gap:2%;
}
.ul-type2 li{
width:49%;
box-sizing:border-box;
border-radius:20px;
background:#fff;
font-size:24px;
margin-top:2%;
padding:30px;
display:flex;
align-items: center;
gap:10px;
}
.ul-type2 li strong{
font-weight:800;
color:#3547c7;
display:block;
}
.ul-type2 li img{
width:50px;
}
.ult2-p{
font-weight:600;
color:#cb4825;
}


#box3{
background-image:url(img/box3-bg.jpg);
background-size: cover;
background-position:50% 100%;
}
.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{
display:flex !important;
align-items: center;
text-align: center;
background:#fff;
border-radius:20px;
height:60px;
margin-top:5px;
color:#727272;
font-size:20px;
}

.b3l-ul li p:nth-child(1),.b3l-ul li p:nth-child(3){
flex-shrink: 0;
width: 30%;
}
.b3l-ul li p:nth-child(2){
flex-grow: 1;
}
.b3l-ul li p:nth-child(3){
color:#111;
font-weight:600;
}
.b3l-ul li p:nth-child(3) span{
background:#e56626;
color:#fff;
padding:5px 20px;
border-radius:999px;
}

.b3l-ul li p span{
border:2px #e56626 solid;
color:#e56626;
padding:5px 20px;
border-radius:999px;
font-weight:700;
}
.b3l-ul li p span.bu-span1{
border-color:#e56626;
color:#e56626;
}
.b3l-ul li p span.bu-span2{
border-color:#2d47cf;
color:#2d47cf;
}

.b3l-ul li p span.bu-span3{
border-color:#eee;
color:#777;
background:#eee;
}

.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:#1b3066;
}
#box5 .box-area{
}
#box5 .title{
color:#fff;
}
#box5 .title p{
line-height:1.4em;
}
#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:20px;
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;
}
.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:20px;
background:#1b3066;
height:65px;
color:#fff;
font-size:20px;
font-weight:700;
gap:5px;
transition: all 0.2s linear;
}
.ba5-btn a:hover{
background:#2350c3;
}

.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: #1c3d93;
}

#box6 .title{
color:#fff;
}
#box6 .title2{
color:#9fb4e9;
}

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