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


@keyframes blink{
0% {opacity:0}
100% {opacity:1;}
}

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

.slick-slide {
display:inline-block;
}

.side-quick{
position:fixed;
/*right:0;*/
top:145px;
z-index:999999;
width:120px;
}
.side-quick ul{
display:flex;
flex-direction: column;
height:550px;
}
.side-quick ul li{
flex-grow: 1;
}
.side-quick ul li.sq01{
flex-shrink: 0;
flex-grow: 0;
height:184px;
}
.side-quick ul li a{
width:100%;
height:100%;
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
color:#fff;
font-weight:600;
font-size:18px;
gap:7px;
}
.side-quick ul li a img{
width:60px;
}
.side-quick ul li a span{
color:#ffee2f;
font-weight:700;
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
font-size:25px;
line-height:1.12em;
}
@keyframes blink-sq01{
0% {background:#38b045;}
100% {background:#ce5514;}
}
@keyframes blink-sq02{
0% {background:#4682B4;}
100% {background:#DB7093;}
}
@keyframes blink-sq03{
0% {background:#DB7093;}
100% {background:#4682B4;}
}
.sq01{background:#38b045; animation: blink-sq01 0.3s ease-in-out infinite alternate;}
.sq02{background:#f7e409;}
.sq03{background:#d02153; display:none;}
.sq04{background:#523c60;}
.sq033{background:#4682B4; animation: blink-sq02 0.3s ease-in-out infinite alternate;}
.sq044{background:#DB7093; animation: blink-sq03 0.3s ease-in-out infinite alternate;}
.side-quick ul li.sq02 a{
color:#381e1f;
}
.side-quick .sq-mo{
	border:7px solid #000;
	margin-bottom:20px;
}

/*header*/
.mobile-open-btn,.all-menu-area{
display:none;
}
.header-box{
display:flex;
width:98%;
max-width:1620px;
margin:0 auto;
justify-content: space-between;
align-items: center;
}
.header-box img{
width:100%;
}
.header-logo a{
display:block;
width:380px;
}
.hl-mo{
display:none;
}
.header-lg{
width:295px;
}
.header-tel a{
display:block;
color:#696969;
font-size:23px;
font-weight:700;
}
.header-tel a p{
font-size:35px;
font-weight:800;
}
.header-tel a br{
display:none;
}
@keyframes blink-hl{
0% {background-image: linear-gradient(#605357, #291c20);}
100% {background-image: linear-gradient(#cb2155, #7f3c50);}
}
.header-link{
	width:410px;
   display:flex;
   gap:5px;
   justify-content: flex-end;
}
.header-link a{
display:inline-block;
color:#fff;
font-size:17px;
font-weight:600;
background-image: linear-gradient(#605357, #291c20);
height:40px;
display:flex;
align-items: center;
padding:0 12px;
border-radius:5px;
animation: blink-hl 0.3s ease-in-out infinite alternate;
}
.header-link a .xi-angle-right{
padding-left:20px;
font-size:16px;
}
.header-link a .xi-comment-o{
font-size:28px;
padding-right:5px;
}

.header-link2 a{
display:inline-block;
color:#fff;
font-size:17px;
font-weight:600;
background-image: linear-gradient(#605357, #291c20);
height:40px;
display:flex;
align-items: center;
padding:0 12px;
border-radius:5px;
animation: blink-hl 0.3s ease-in-out infinite alternate;
margin-right:5px;
}

.header-gnb{
border:4px #2a000d solid;
border-width:4px 0;
padding:5px 0;
width:100%;
}
.gnb{
width:98%;
max-width:1620px;
margin:0 auto;
display:flex;
gap:5px;
}
.gnb > li{
flex-grow: 1;
position:relative;
}
.gnb > li > a{
height:36px;
display:flex;
align-items: center;
justify-content: center;
border:2px #a41a44 solid;
background:#b72450;
background-position:0 50%;
position:relative;
color:#fff;
font-size:20px;
font-weight:600;
}
.gnb > li > a span{
position:relative;
z-index:22;
}
.gnb > li > a:after{
content:"";
display:block;
position:absolute;
left:0;
top:0;
width:36px;
height:25px;
background:url(img/gnb-left-bg.gif);
z-index:1;
}
.gnb > li > a:before{
content:"";
display:block;
position:absolute;
right:0;
bottom:0;
width:44px;
height:33px;
background:url(img/gnb-right-bg.gif);
z-index:1;
}
.gnb ul{
position:absolute;
background:#76082a;
width:100%;
z-index:9999;
padding:5px 0;
display:none;
}
.gnb > li:hover ul{
display:block;
}
.gnb ul a{
display:block;
text-align:center;
color:#fff;
border-top:1px rgba(255,255,255,0.2) solid;
padding:7px 0;
}
.gnb ul li:first-child a{
border-top-width:0;
}


/*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;
padding:45px 0 35px;
align-items: center;
}
.foot-area a{
color:#fff;
}

.fa-info{
flex-grow: 1;
}
.fa-info > p{
font-size:56px;
color:#c6c6c6;
font-weight:900;
line-height:1em;
}
.fa-info ul{
margin-top:15px;
}
.fa-info li{
font-size:21px;
display:inline-block;
font-weight:300;
margin-right:30px;
line-height:1em;
margin-top:10px;
}
.fa-info li span{
display:inline-block;
font-weight:600;
margin-left:5px;
}

.fa-info a{
display:inline-block;
font-size:34px;
font-weight:800;
}

.fa-link{
flex-shrink: 0;
width:35%;
box-sizing:border-box;
border-left:1px rgba(255,255,255,0.4) solid;
padding-left:75px;
text-align:center;
}

.fa-link p{
color:#fae77e;
font-size:27px;
font-weight:600;
}
.fa-link a{
display:block;
width:100%;
height:80px;
display:flex;
justify-content: space-between;
box-sizing:border-box;
padding-left:28px;
color:#fff;
background-image: linear-gradient(#59279c, #6c24ce);
border-radius:10px;
margin-top:10px;
align-items: center;
font-size:27px;
font-weight:600;
overflow:hidden;
}
.fa-link i{
width:100px;
background:#471d81;
height:100%;
display:flex;
justify-content: center;
align-items: center;
font-size:37px;
}
@keyframes blink-a1{
0% {background-image: linear-gradient(#59279c, #6c24ce);}
100% {background-image: linear-gradient(#8b35ff, #b822ed);}
}
@keyframes blink-a2{
0% {background-image: linear-gradient(#9c275e, #b14578);}
100% {background-image: linear-gradient(#f80276, #bd015a);}
}
@keyframes blink-a3{
0% {background-image: linear-gradient(#59279c, #b14578);}
100% {background-image: linear-gradient(#f80276, #bd015a);}
}
.fa-link a.fl-a1{
animation: blink-a1 0.3s ease-in-out infinite alternate;
}
.fa-link a.fl-a2{
background-image: linear-gradient(#9c275e, #b14578);
animation: blink-a2 0.3s ease-in-out infinite alternate;
}
.fa-link a.fl-a3{
background-image: linear-gradient(#59279c, #b14578);
animation: blink-a3 0.3s ease-in-out infinite alternate;
}
.fa-link a.fl-a2 i{
background:#810d43;
}




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




/********************* main *********************************/
#main-visual{
width:100%;
overflow:hidden;
position:relative;
}
#main-visual .slick-arrow{
position:absolute;
left:50px;
top:50%;
margin-top:-50px;
z-index:99;
background:transparent;
color:#fff;
font-size:90px;
line-height:100px;
opacity:0.5;
}
#main-visual .slick-arrow.slick-next{
left:auto;
right:50px;
}
#main-visual .slick-list{
position:relative;
z-index:55;
}
.mv-box{
width:2000px;
position:relative;
left:50%;
margin-left:-1000px;
z-index:88;
}
.mo-mv-img{
display:none;
}

#main-banner01{
background:url(img/banner01-bg.jpg);
background-position:50% 50%;
background-size:cover;
}
.mb01-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
align-items: center;
justify-content: center;
padding:15px 0;
}
.mb01-area img{
width:110px;
}
.mb01a-txt{
padding-left:20px;
}
.mb01-t1{font-size:31px;}
.mb01-t1 span{color:#333; font-weight:700;}
.mb01-t1 strong{font-weight:900; color:#c2204f;}

.mb01-t2{font-size:21px; color:#fff; margin:5px 0;}
.mb01-t2 span{display:inline-block; border-radius:999px; padding:5px 20px; background:#ad1e39; margin-right:5px;}
.mb01-t3{font-weight:800; color:#820119; font-size:29px;}

.mobile-banner{
display:none;
}

.main-menu-box{
display:flex;
}
.main-menu-box > section{
width:20%;
}
.main-menu-box > section > a{
display:block; 
width:100%;
padding-top:112.5%;
overflow:hidden;
position:relative;
}
.mmb-slide{
width:100%;
top:0;
left:0;
position:absolute;
z-index:10;
}
.mbs-mo{
display:none;
}
.mbi-img{
width:100%;
}
.mbi-img img{
width:100%;
}

.mmb-txt{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
display:flex;
justify-content: flex-end;
align-items: center;
flex-direction: column;
box-sizing:border-box;
padding-bottom:45px;
z-index:20;
}
.mmb-txt p{
text-align:center;
color:#fff;
font-size:32px;
font-weight:900;
word-break: keep-all;
line-height:1.1em;
}
.mmb-txt p b{
text-align:center;
color:#fff;
font-size:32px;
font-weight:900;
word-break: keep-all;
line-height:1.1em;
text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;
-webkit-text-stroke: 2px #000;
/*
text-shadow: -2px 0 #ad1e39, 0 2px #ad1e39, 2px 0 #ad1e39, 0 -2px #ad1e39;
-webkit-text-stroke: 2px #ad1e39;
*/
}
.mmb-txt p em{
display:block;
margin-top:15px;
}

@keyframes blink-mts{
0% {background-image: linear-gradient(#dc1e54, #3d3485);}
100% {background-image: linear-gradient(#2110a8, #2d2125);}
}
.mmb-txt span{
display:inline-block;
border:1px rgba(255,255,255,0.2) solid;
background-image: linear-gradient(#dc1e54, #3d3485);
padding:5px 20px;
color:#fff;
font-size:20px;
animation: blink-mts 0.3s ease-in-out infinite alternate;
margin-top:25px;
}



.main-banner02{
background:#fff;
padding:50px 0;
}
.main-banner02-box{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
gap:2%;
}
.main-banner02-box > div{
width:49%;
background:#fff;
border: 7px solid transparent;
border-image: linear-gradient(to right, #a71d44, #ff497c);
border-image-slice: 1;
}
.main-banner02-box > div > a{
display:flex;
flex-direction: column;
justify-content: center;
height:100%;
box-sizing:border-box;
background:url(img/mb02-ico01.png) no-repeat;
background-position:30px 50%;
background-size:120px 130px;
padding:10px;
padding-left:190px;
box-sizing:border-box;
}
.main-banner02-box > div > a > p{
line-height:1.00em;
}
.mb02c-t1{font-weight:700; font-size:35px;}
.mb02c-t2{font-weight:900; font-size:65px;}
.mb02c-t3{font-size:22px;}

.main-banner02-box > div.mb02-certifi{
border:0;
}
.main-banner02-box > div.mb02-certifi > a{
background:none;
padding:0;
}
.main-banner02-box > div.mb02-certifi > a img{
width:100%;
}
.main-banner02-box > div.mb02-specialty{
border: 7px solid transparent;
border-image: linear-gradient(to right, #d4a856, #f7f6e6);
border-image-slice: 1;
}
.main-banner02-box > div.mb02-specialty > a{
background-image:url(img/mb02-ico02.png);
background-size:150px 163px; 
padding-left:210px;
}

.mb02s-t1{font-size:22px; font-weight:900; color:#6d6e71;}
.mb02s-t1 .color1{color:#9fa0a2;}
.mb02s-t1 .color2{color:#a71d44;}
.mb02s-t2{font-size:44px; margin:5px 0;}
.mb02s-t3{font-weight:700; font-size:30px;}

#main-certif{
display:;
width:100%;
background:url(img/main-certif-bg.jpg);
background-size:cover;
background-position:50%;
padding:75px 0;
}
.main-certif-box{
width:96%;
max-width:1280px;
margin:0 auto;
}
.mcb-t1{
background-image: linear-gradient(#f7f6e5, #fff0c3, #fae4b8, #d7ac59);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
font-size:58px;
font-weight:700;
text-align:center;
line-height:1.2em;
}
.mcb-t1 span{
display:block;
font-weight:600;
}

.mcb-t2{
text-align:center;
font-size:28px;
color:#fff;
font-weight:300;
margin:15px 0 25px;
}
.mcb-t2 strong{
font-weight:700;
}

.mcb-ul{
display:flex;
gap:2%;
}
.mcb-ul li{
flex-grow: 1;
}
.mcb-ul li img{
width:100%;
}

.mobile-bbanner{
display:none;
}


#main-customer{
width:100%;
background:url(img/main-customer-bg.jpg);
background-size:cover;
background-position:50%;
border:4px #581528 solid;
border-width:4px 0;
}
.main-customer-box{
display:flex;
width:96%;
max-width:1280px;
margin:0 auto;
height:100px;
align-items: center; 
justify-content: center;
gap:10px;
color:#fff;
font-size:50px;
font-weight:600;
}
.main-customer-box span{
font-weight:400;
font-size:36px;
}

#store-link{
width:100%;
background:url(img/main-store-bg.jpg);
background-size:cover;
background-position:50%;
border-bottom:4px #125318 solid;
}
.store-link-box{
display:flex;
width:96%;
max-width:1280px;
margin:0 auto;
height:100px;
align-items: center; 
justify-content: center;
gap:20px;
}
.store-link-box img{
width:80px;
}
.store-link-box p{
font-size:54px;
font-weight:700;
color:#fff;
}
.store-link-box a{
height:60px;
display:flex;
padding:0 15px;
background-image: linear-gradient(#fff, #d6ded7);
border-radius:2px;
align-items: center;
color:#166c20;
font-size:29px;
}


.main-board{
width:100%;
background-image:url(img/main-board-bg.gif);
background-position:20% -20px;
background-repeat:no-repeat;
background-color:#f6f6f6;
padding:60px 0;
}
.main-board-box{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
gap:4%;
}
.main-board-box section{
flex: 1 1 40%;
position:relative;
}
.board-tit{
font-weight:900;
font-size:28px;
}
.board-tit span{
font-weight:600;
color:#999999;
display:inline-block;
margin-left:5px;
text-transform: uppercase;
font-size:20px;
letter-spacing: 0em;
}

.mb-more{
position:absolute;
right:0;
top:3px;
}
.mb-more a{
display:inline-block;
background:#757575;
color:#fff;
font-size:18px;
padding:2px 10px;
border-radius:5px;
}
.mb-more a i{
vertical-align:-1px;
}
.board-ul{
margin-top:10px;
}
.board-ul li{
display:flex;
line-height:55px;
height:55px;
overflow:hidden;
border-top:1px #d7d7d7 solid;
justify-content: space-between;
}
.board-ul li:first-child{
border-top-width:0px;
}
.board-ul li span{
color:#777;
font-weight:300;
padding-left:50px;
letter-spacing: 0em;
}

.sub-visual{
width:100%;
height:417px;
position:relative;
overflow:hidden;
}
.sub-visual img{
position:absolute;
left:50%;
margin-left:-1000px;
}
.sv-mo{
display:none;
}

.mo-sub-menu{
display:none;
}

.sub-menu{
width:100%;
background:#2a000d;
}
.sub-menu ul{
width:96%;
max-width:1280px;
display:flex;
 border-left:1px rgba(255,255,255,0.4) solid;
 margin:0 auto;
}
.sub-menu li{
 align-items: center;
 flex-grow: 1;
 border-right:1px rgba(255,255,255,0.4) solid;
}
.sub-menu li a{
display:block;
text-align:center;
color:#fff;
font-sizr:19px;
font-weight:700;
height:55px;
line-height:55px;
}
.sub-menu li.current{
background:#7b0c2d;
}

.sub-content{
width:96%;
max-width:1280px;
margin:65px auto;
position:relative;
}

.sub-tit{
font-weight:800;
font-size:45px;
margin-bottom:30px;
}
.list-tab{
position:absolute;
right:0;
top:0;
display:flex;
gap:5px;
}

.list-tab a{
display:flex;
width:50px;
height:50px;
border:1px #e0e0e0 solid;
justify-content: center;
align-items: center;
font-size:29px;
}
.list-tab a.current{
background:#282828;
border-color:#282828;
color:#fff;
}

.list-type01 ul{
display:flex;
flex-wrap:wrap;
gap:2%;
}
.list-type01 ul li{
width:49%;
margin-bottom:2%;
}
.list-type01 ul li a{
display:flex;
gap:20px;
 align-items: flex-start;
}
.lt-img{
width:44%;
flex-shrink: 0;
margin-top:10px;
}
.lt-img img{
width:100%;
position:absolute;
left:50%;
top:50%;
transition: .5s ease;
cursor:pointer;
}
.lt-img:hover img{
-webkit-transform: scale(1.2); transform: scale(1.2);
} 
.lt-img-box{
width:100%;
padding-top:100%;
overflow:hidden;
background:#f9f9f9;
position:relative;
border:1px solid #ccc;
}
.lt-txt{
width:49%;
flex-grow: 1;
}
.lt-txt span{
	cursor:pointer;
}

.lt-t1{
font-weight:700;
font-size:22px;
}
.lt-t2{
line-height:1em;
max-height:15em;
overflow:hidden;
margin:5px 0;
font-size:15px;
}
.lt-t3 strong{
color:#bc194c;
font-weight:700;
font-size:24px;
}

.lt-t3{
display:flex;
justify-content: space-between;
align-items: center; 
}
.lt-t3 span{
padding:5px 10px;
background:#96103a;
font-size:16px;
color:#fff;
border-radius:5px;
}
.spandb03{
background-image: linear-gradient(#1d2354, #2e36c6);
animation: blink-db03 0.3s ease-in-out infinite alternate;
}


.list-type02 ul{
display:flex;
flex-wrap:wrap;
gap:2%;
}
.list-type02 ul li{
width:23.5%;
margin-bottom:2%;
}
.list-type02 ul li a{
display:flex;
gap:20px;
flex-direction: column;
}
.list-type02 .lt-img,
.list-type02 .lt-txt{
width:100%;
text-align:left;
}



/*paging*/
.paging{text-align:center; margin-top:50px;}
.paging a,
.paging strong{display:inline-block; margin-left:-1px;  width:40px; height:40px; line-height:40px; vertical-align:top; font-size:16px; font-weight:300; color:#000;}
.paging strong{color:#fff; background:#d02153; border-radius:999px;}
.paging .p-prev, 
.paging .p-next{font-size:0; background:#fff; border-radius:999px; margin:0 10px;}
.paging .p-prev i, 
.paging .p-next i{font-size:35px; line-height:40px; color:#c5c5c5;}




.detail-top{
display:flex;
gap:50px;
border-top:3px #333 solid;
padding-top:15px;
}
.dtl_img{
flex-shrink: 0;
width:48%;
}

.detail-info{
flex-grow: 1;
}
.img{
width:100%;
padding-top:100%;
position:relative;
overflow:hidden;
display:block;
background:#f9f9f9;
}
.img img{
position:absolute;
left:50%;
top:50%;
}
.thumb{
display:flex;
gap:2%;
margin-top:10px;
}
.thumb li{
width:23.5%;
}
.thumb li a{
display:block;
}

.detail-info{ 
padding-top:130px;
}
.detail-title{
font-weight:700;
font-size:28px;
}
.detail-text{
font-size:18px;
font-weight:500;
margin-top:20px;
}
.detail-li{
border-bottom:1px #e0e0e0 solid;
margin-top:20px;
}
.detail-li li{
border-top:1px #e0e0e0 solid; 
display:flex;
padding:15px 0;
align-items: center; 
}
.detail-li li span{
font-weight:700;
flex-shrink: 0;
width: 100px;
}
.detail-li li p{
flex-grow: 1;
}
.pay-btn{
background-image: linear-gradient(#4f4f4f, #0a0a0a);
color:#fff;
padding:10px 30px;
border-radius:5px;
display:inline-block;
margin-left:10px;
}

.detail-btn{
display:flex;
gap:5px;
margin-top:20px;
}
.detail-btn a{
flex-grow: 1;
text-align:center;
padding:10px 0;
font-size:24px;
font-weight:600;
color:#fff;
}
.detail-btn a.db01{
background:#555;
}
@keyframes blink-db02{
0% {background-image: linear-gradient(#177234, #348c41);}
100% {background-image: linear-gradient(#617217, #888c34);}
}
.detail-btn a.db02{
background-image: linear-gradient(#177234, #348c41);
animation: blink-db02 0.3s ease-in-out infinite alternate;
}
@keyframes blink-db03{
0% {background-image: linear-gradient(#1d2354, #2e36c6);}
100% {background-image: linear-gradient(#521d54, #a82ec6);}
}
.detail-btn a.db03{
background-image: linear-gradient(#1d2354, #2e36c6);
animation: blink-db03 0.3s ease-in-out infinite alternate;
}

.detail-content{
	all: unset;
	font-weight: 1.5;
	border-top:2px #333 solid;
	border-bottom:1px #e0e0e0 solid;
	padding:30px 0;
	margin-top:30px;
}
.detail-content i, .detail-content b{
	line-height:unset;
}
.detail-content i{
font-style: italic;
font-weight:unset;
}
.detail-content b{
font-weight:bold;
}



.sub-customer{
border:5px solid transparent;
border-image: linear-gradient(to right, #00378e, #bb006d);
border-image-slice: 1;
box-sizing:border-box;
padding:20px;
align-items: center; 
display:flex;
justify-content: center; 
gap:30px;
}
.sub-customer dl{
display:flex;
font-size:22px;
align-items: center; 
gap:10px;
}
.sub-customer dl dt{
font-weight:700;
color:#a4124f;
}
.sub-customer dl dd{
color:#000;
font-weight:700;
}
.sub-customer dl dd a{
color:#000;
}


.form-box{
display:flex;
flex-wrap:wrap;
margin-top:20px;
}

.form-box li{
width:100%;
border-bottom:1px #e0e0e0 solid;
margin:5px 0;
padding:15px;
box-sizing:border-box;
display:flex;
}

.form-box li.fb-w100{
width:100%;
}
.form-box li > p{
font-weight:700;
margin-bottom:10px;
flex-shrink: 0;
width: 220px;
flex-shrink: 0;
}
.form-box li > div{
flex-grow: 1;
}
.form_star{
color: #fe2607;
}

.form-box li > div.radio-box{
display:flex;
width:100%;
}
.form-box li > div.radio-box label{
display:flex;
align-items: center;
margin-right:10px;
}
.form-box li input[type="radio"]{
width:12px;
height:12px;
line-height:12px;
display:inline-block;
padding:0;
}


.form-box li input{
display: block;
padding: 0 10px;
border:1px #c8c8c8 solid;
width: 100%;
height: 46px;
font-size: 16px;
font-weight: 400;
line-height: 44px;
box-sizing: border-box;
border-radius:5px;
}

.form-box li textarea{
border:1px #c8c8c8 solid;
width: 100%;
padding:10px;
border-radius:5px;
height:80px;
box-sizing:border-box;
}

.division_box{
display:flex;
flex-grow: 1;
}
.form-box li .division_box input {
width: calc(50% - 20px);
}
.division_box span{
width: 30px;
line-height: 46px;
text-align: center;
font-size: 18px;
font-weight: 500;
color: #454545;
}
.division_box select{
display: block;
padding: 0 30px 0 10px;
border: 1px solid #dbdbdb;
width: calc(50% - 20px);
height: 46px;
line-height: 46px;
box-sizing: border-box;
border-radius:5px;
}


.form-box li input.fb-input{
display:inline-block;
max-width:200px;
width:80%;
margin-left:5px;
}
.form-box li .agree_desc{
padding: 18px;
border: 1px solid #dbdbdb;
width: 100%;
height: 100px;
font-size: 0.85em;
font-weight: 300;
color: #777;
line-height: 1.625;
overflow-y: auto;
box-sizing: border-box;
border-radius:10px 0 0 10px;
}
.agree_row{
flex-grow: 1;
}
.form-box li em{
display:block;
font-weight:300;
color:#999;
margin-bottom:5px;
}

.form-box .agree {
margin-top: 10px;
font-weight:500;
}
.agree.clearfix{
font-size:0.85em;
display:flex;
align-items: center;
}
.form-box .agree input {
display:inline-block;
width:20px;
height:20px;
}

.form-control{
font-size:0.85em;
opacity:0.7;
}
.form-box .agree input[type="checkbox"] + label span {
display:inline-block;
width:24px;
height:24px;
margin-right: 10px;
vertical-align:middle;

cursor:pointer;
}
.form-box .agree input[type="checkbox"]:checked + label span {
}
.btn-box{
text-align:center;
margin-top:50px;
}
.btn-box a{
display:inline-block;
border:2px #523c60 solid;
color:#523c60;
padding:10px 50px;
font-weight:700;
font-size:1.125em;
transition: all .3s linear;
}
.btn-box a:hover{
background:#523c60;
color:#fff;
}


.filebox{
display:flex;
flex-grow: 1;
align-items: center;
}
.filebox .upload-name {
padding: 0 10px;
vertical-align: middle;
border:0;
width: 78%;
color: #999999;
}

.filebox label {
padding:0px 20px;
color: #fff;
background-color:#523c60;
cursor: pointer;
margin-left: 10px;
display:flex;
align-items: center;
gap:5px;
height:32px;
}
.filebox input[type="file"] {
position: absolute;
width: 0;
height: 0;
padding: 0;
overflow: hidden;
border: 0;
}


.sub-sns{
position:absolute;
top:20px;
right:0;
display:flex;
gap:5px;
}
.sub-sns a{
width:50px;
border-radius:25%;
overflow:hidden;
}
.sub-sns a img{
width:100%;
}