@font-face{font-family:orion;src:url(fonts/Orion-Regular.eot);src:url(fonts/Orion-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/Orion-Regular.woff) format('woff'),url(fonts/Orion-Regular.ttf) format('truetype'),url(fonts/Orion-Regular.svg) format('svg');font-style:normal;font-weight:400;text-rendering:optimizeLegibility}
@font-face{font-family:orion;src:url(fonts/Orion-Bold.eot);src:url(fonts/Orion-Bold.eot?#iefix) format('embedded-opentype'),url(fonts/Orion-Bold.woff) format('woff'),url(fonts/Orion-Bold.ttf) format('truetype'),url(fonts/Orion-Bold.svg) format('svg');font-style:normal;font-weight:600;text-rendering:optimizeLegibility}
@font-face{font-family:orion;src:url(fonts/Orion-ExtraBold.eot);src:url(fonts/Orion-ExtraBold.eot?#iefix) format('embedded-opentype'),url(fonts/Orion-ExtraBold.woff) format('woff'),url(fonts/Orion-ExtraBold.ttf) format('truetype'),url(fonts/Orion-ExtraBold.svg) format('svg');font-style:normal;font-weight:700;text-rendering:optimizeLegibility}
@font-face{font-family:orion;src:url(fonts/Orion-Black.eot);src:url(fonts/Orion-Black.eot?#iefix) format('embedded-opentype'),url(fonts/Orion-Black.woff) format('woff'),url(fonts/Orion-Black.ttf) format('truetype'),url(fonts/Orion-Black.svg) format('svg');font-style:normal;font-weight:800;text-rendering:optimizeLegibility}
@font-face{font-family: tipograf;src: url(fonts/fbtipografen-regular-webfont.ttf) format('truetype');src:url(fonts/fbtipografen-regular-webfont.woff) format('woff');font-weight: 400;unicode-range:U+26,U+0-40,U+5B-60,U+7B-FFFFF,U+0030-0039}
@font-face{font-family: tipograf;src: url(fonts/fbtipografen-bold-webfont.ttf) format('truetype');src:url(fonts/fbtipografen-bold-webfont.woff) format('woff');font-weight: 600;unicode-range:U+26,U+0-40,U+5B-60,U+7B-FFFFF,U+0030-0039}
@font-face{font-family: tipograf;src: url(fonts/FbTipograf-Blackwebfont.ttf) format('truetype');src:url(fonts/FbTipograf-Blackwebfont.woff) format('woff');font-weight: 800;unicode-range:U+26,U+0-40,U+5B-60,U+7B-FFFFF,U+0030-0039}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,select,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0}
html{font-family:orion;width:100%;height:100vh;font-weight:400;overflow-x:hidden;font-family:orion;}
body{margin:0;padding:0;background: #fff;height:100%;font-size:4.4vw;direction: rtl;}
.desktop{display: none!important}
.logos{padding: 3vw 6vw 0vw 5vw;}
.logos *{}
.l1 img{height: 1.8em;padding-top: 3vw;}
.l2 img{height: 2.5em;}
header{background: url('../images/header-mob.jpg');background-repeat: no-repeat;background-size: 100%;height: 30em;}
header .container{margin-top: -1rem;padding-bottom: 1em;width: 95%;margin: auto;}
.topbox{margin: 0rem 1rem 1rem 1rem;color: #fff;}
.big-text-headline{font-size: 1.35em; font-weight: 700;line-height: 1.1;font-family: orion;}
.small-text-headline{margin-top: 1em;font-size: 0.9em;font-family: orion;position: absolute;line-height: 1.4;left: 3vw;top: 84vw;font-weight: 400;}
h1{font-size: 2.85em;color: #c01ae1;font-weight: 800;line-height: 1.1;font-family:orion;margin-bottom: 0.5rem;}
nav a{display:inline-block;line-height:1;font-size:.75em;vertical-align:middle;color:#fff;text-decoration:none;font-family:orion}
nav a:hover,nav a.active{color:#b625ad}
nav ul{list-style-type:none;display:flex;padding:0.5em 0 0;font-size:.8em;justify-content:center;margin:0;font-weight:600;font-family:orion}
nav ul li{padding-right:.5em;color:#fff}
nav ul li span{transform: rotate(90deg);display: inline-block;font-weight: 100;font-size: 100%;position: relative;margin-right: 0.3em;font-family: cursive;}
nav ul li ul{flex-direction: column;position: absolute;background: #000;padding: 1vw 0 1vw 1vw;display: none;z-index: 150;top: 3em;}
nav ul li:hover > ul{display: flex;}
.sub-menu li a{font-size: 1.3em;padding-top: 0.6em;}
/* .sub-menu{margin-top: 3em;width: 100%;} */
.mob-li{font-size: 0.75em;padding-top: 0.35em;bottom: 0.25em;}
nav ul li ul li{padding-bottom: 0.25vw;width: 100%;font-size: 1.2em;}
.en{font-family: orion;font-size: 1em;}
.image-box{margin: 5vw;}
.image-box img{width: 100%;display: block;}
a.join{color: #fff;text-decoration: none;background:#c01ae1;font-weight: 800;font-size:1.4em;padding:0.2em;display: block;text-align: center;width: 100%;position: fixed;bottom: 0;right: 0;z-index: 9;}
a.join span, .arrows{font-weight: 400;font-family: sans-serif;font-size: 8vw;}
h2{margin:1rem auto 1.5rem ;font-size: 1.85em;color: #010101;line-height: 1;text-align: center;font-weight: 800;}
h2 span{color: #c01ae1;}
.row{width: 93%;margin: auto;display: flex;flex-direction: column-reverse;}
.icon{display: flex;position: relative;padding: 1.3em;background:#dddddd;margin-bottom: 0.5rem;}
.icon .ib {flex:0 0 24%;position: relative;}
.icon .ib img{width:4em;display: block;position: absolute;right: 35%;bottom: 50%;transform: translate(50%,50%);}
.icon .text{font-size: 1em;font-family: orion;}
.icon .text p{color: #010101;font-size: 0.75em;}
.icon .text .title{color: #010101;font-weight: 800;font-size: 1.3em;line-height: 0.9;margin-bottom: 0.5rem;}
.third-section{background:#dddddd;padding:0.5em;margin-top: 7vw;}
.third-section .container{width: 90%;margin: auto;}
h3{font-weight: 600;line-height: 1;font-size: 2.3em;margin: 0.25rem 0 1rem;font-family: orion;}
h3 span{font-weight: 800;display: block;color: #c01ae1;}
.q{font-size:0.9em;padding:1em 0;color:#010101}
.qa{display:none;margin:.5em 2em 0 0;font-size:90%;line-height:1.3}
.qt{position:relative}
.qt a{color:#010101;display:inline-block;padding-right:1.7em;font-weight:800;text-decoration:none;position:relative}
.qt a:before{content:'+';color:#c01ae1;display:inline-block;position:absolute;right:0;bottom:55%;transform:translateY(50%);-ms-transform:translateY(50%);font-weight:800;font-size:1.2em}
.qt.active a:before{content:'-'}
.two-line:before{bottom:77% !important;}
footer{background:#010101;padding-bottom: 2.5em;}
.notice {width: 93%;margin: auto;font-family: orion;text-align: justify;}
.takanon{text-decoration: underline;color: #fff;}
.notice .phone {text-decoration: none;color: #fff;font-weight: 600;}
.notice span,.notice p{font-size: 0.75em;color: #fff;padding:0.75em 0;font-weight: 400;}
.notice p{text-align: center;font-size: 0.9em;}
.fancybox-slide--html .fancybox-close-small{right: auto;left: 0;color:#fff;padding: 0;}
#join{display: none;background:#c01ae1;text-align: right;direction: rtl;padding: 1em 3em;width: 100%;}
.tab{display: none;}
.tab.active{display: block;}
.tabpane{text-decoration: none;color: #fff;font-weight: 400;font-size: 1.25em;font-family: orion;margin:1em 0}
.tabpane.active{font-weight: 800;}
.tabpane:hover,.tabpane.active{border-bottom: 0.1em solid;}
.logos-footer{display: inline-flex;vertical-align: middle;width: 100%;flex-direction: row-reverse;}
.logos-footer .l1{text-align: right;}
.logos-footer .l2{text-align: left;}
.logos-footer .l1 ,.logos-footer .l2{width: 50%;padding: 2vw;}
.tablist{display: flex;flex-wrap: wrap;justify-content: space-between;}
#join .title{font-weight: 800;font-size: 1.35em;text-align: center;display: block;color: #fff;}
#join .title span{font-weight: 400;font-family: sans-serif;}
.footer{padding-top: 2vw;}
.tab.active > span{font-size:0.9em ;display: block;color: #fff;}
ol{margin:0;font-size: 0.8em;padding-right: 1em;color: #fff;}
.download{color: #c01ae1;background:#fff;text-decoration: none;display: block;padding: 0.35em;text-align: center;font-weight: 800;margin-top: 0.75em;font-size: 1.2em;}
/* @media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) {footer{margin-bottom: 7em;} }
    @media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) {footer{margin-bottom: 7em;} }
    @media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3) {footer{margin-bottom: 7em;} } */