header{display: none;}
header.block{display: block;}
footer{display: none;}
body{background-color: #f9f9f9}

/* common */
section{padding: 30px 0;}
.title{height: 40px; position: relative; margin: 30px auto;}
.title h2{display: block; text-align: center; font-weight: 700; letter-spacing: 5px; line-height: 1.2;}
.title .outline{position: absolute; top: 0; left: 0; width: 100%;}
.title .outline h2:before{content: ""; position: absolute; top: 18px; left: -1.5px; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
.title .outline h2:after{content: ""; position: absolute; top: 18px; right: -1.5px; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
.title.w .outline h2 {-webkit-text-stroke: 1px #fff; color: #1C46D3;}
.title.w .outline h2:before{border-right: 7px solid #fff; top: 11px;}
.title.w .outline h2:after{border-left: 7px solid #fff; top: 11px;}
.title.bl .outline h2 {-webkit-text-stroke: 1px #1C46D3; color: #1C46D3;}
.title.bl .outline h2:before{border-right: 7px solid #1C46D3;}
.title.bl .outline h2:after{border-left: 7px solid #1C46D3;}
.title.w .mask{position: absolute; top: 0; left: 0; width: 100%;}
.title.w .mask h2 {-webkit-mask-image: url(/assets/img/ilp/mask_w.svg); -o-mask-image: url(/assets/img/ilp/mask_w.svg); -moz-mask-image: url(/assets/img/ilp/mask_w.svg); mask-image: url(/assets/img/ilp/mask_w.svg); }
.title.bl .mask h2 {-webkit-mask-image: url(/assets/img/ilp/mask_bl.svg); -o-mask-image: url(/assets/img/ilp/mask_bl.svg); -moz-mask-image: url(/assets/img/ilp/mask_bl.svg); mask-image: url(/assets/img/ilp/mask_bl.svg); }
h2.lines-on-sides{ display: table; text-align: center; white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%;}
h2.lines-on-sides:after, h2.lines-on-sides:before { content: ''; display: table-cell; width: 50%; background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1.5px), transparent -webkit-calc(50% + 1.5px)); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1.5px)), to(transparent calc(50% + 1.5px))); background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1.5px), transparent calc(50% + 1.5px)); -webkit-background-clip: padding; background-clip: padding;}
h2.lines-on-sides:after{ border-left: 20px solid transparent;}
h2.lines-on-sides:before{ border-right: 20px solid transparent;}

h3{font-size: 30px; padding: 0 10px; padding-right: 100px; display: inline-block; color: #1C46D3; font-weight: 700; position: relative; vertical-align: baseline; margin-bottom: 30px;}
h3:before{content: ""; width: 100%; height: 1px; background-color: #1C46D3; position: absolute; bottom: 4px; left: 0px;}
h3:after{content: ""; width: calc(100% - 90px); height: 1px; background-color: #1C46D3; position: absolute; top: 4px; left: 0px;}
h3 .line{width: 1px; height: 40px; position: absolute; top: -5px; left: 11px; background-color: #1C46D3;}

/* header */
header{width: 100%; background: #1C46D3 url(/assets/img/ilp/bg_w.svg) repeat center top; background-size: 41px 41px; height: auto; padding-bottom: 50px; overflow: hidden; position: relative}
header .logo_area{padding: 45px 0px;}
header .menu{width: auto; height: 55px; padding: 7.5px 0; box-sizing: border-box;}
header .menu li{width: 100px; height: 40px; border: 1.5px solid #fff; box-sizing: border-box; margin-left: 10px; position: relative; font-size: 16px; text-align: center; line-height: 37px; cursor: pointer; padding: 0;}
header .menu li a{display: block; line-height: 37px;}
header .menu li:before{content: ""; width: 25px; height: 1.5px; background-color: #fff; position: absolute; left: -19px; top: 19.25px;}
header .menu li:first-child:before{content: ""; width: 0; height: 0;}

header .menu li.flag{width: 100px; padding: 8.5px 0; background-color: #fff; position: relative;}
header .menu li.flag:after{content: ""; position: absolute; top: 15px; right: 7px; border-top: 8px solid #1C46D3; border-right: 4px solid transparent; border-left: 4px solid transparent;}
header .menu li.flag.select:after {transform: rotateZ(-180deg);}
header .menu li.flag .flag_img{width: 100%; height:20px; color: #1C46D3; line-height: 20px; text-align: center;}
header .menu li.flag .lists{width: 100px; height: 0; overflow: hidden; z-index: 1; position: absolute; top: 50px; left: -1.5px; box-sizing: border-box;}
header .menu li.flag .list{width:100%; height: 40px; box-sizing: border-box; line-height: 40px; cursor: pointer; border: 2px solid #fff; border-bottom: none; background-color: #1C46D3;}
header .menu li.flag .list:last-child{border-bottom: 2px solid #fff;}
header .menu li.flag .list.selected{background-color: #fff; color: #1C46D3;}
header .menu li.flag .list:hover{background-color: #fff; color: #1C46D3;}
header .menu li.flag .list img{width: 20px; margin: 8.5px auto;}
header .menu li.flag .list a{display: block;}
header .menu li.active{color: #1C46D3; background-color: #fff; animation-duration: 0.6s; animation-name: bluenize;}
header .menu li.inactive{animation-duration: 0.6s; animation-name: whiten;}
header .menu li.flag .selector.mob{display: none; position: absolute; width: 100%; height: 100%;}
header .menu li.flag .selector.mob .label {color: #1C46D3; position: absolute; width: 100%; z-index: 1; text-align: center; background-color: transparent;}
header .menu li.flag .selector.mob .select {-webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; cursor: pointer; width: 100%; border: none; padding: 20px; opacity: 0; position: relative; z-index: 2; background-color: transparent !important;}

/* IE10以上で矢印を消す */
header .menu li.flag .selector.mob .select::-ms-expand {display: none; }

/* フォーカス時 */
header .menu li.flag .selector.mob .select:focus {z-index: -1; opacity: 1;}

header .title{width: 600px; height: 30px;}
header .title h2{letter-spacing: 2px;}

header .countdown .dec{width: calc(50% - 250px); border-top: 2px dashed #fff; margin-top: 67px; box-sizing: border-box;}
header .countdown ul {position: relative; width: 500px;}
header .countdown li{width: 80px; height: 110px; border: 1.5px solid #fff; box-sizing: border-box; margin-left: 60px; position: relative;}
header .countdown li:first-child{margin-left: 0;}
header .countdown li:before{content: ""; width: 78px; border-top: 2px dashed #fff; box-sizing: border-box; position: absolute; left: -68px; top: 65px;}
header .countdown li:first-child:before{width: 8px; left: 2px}
header .countdown li:last-child:after{content: ""; width: 8px; border-top: 2px dashed #fff; box-sizing: border-box; position: absolute; right: 2px; top: 65px;}
header .countdown .time{font-size: 50px; font-weight: 600; text-align: center; padding: 10px 0;}

.start h2.lines-on-sides:after{ border-left: 10px solid transparent;}
.start h2.lines-on-sides:before{ border-right: 10px solid transparent;}

.start .title.w .outline h2:after{top: 9px;}
.start .title.w .outline h2:before{top: 9px;}

header .mailchimp_box{margin: 0 auto; margin-top: 50px;}
header .sns{margin: 0 auto; margin-top: 30px;}
.sns li{position: relative;}
.sns .ring{width: 42px; height: 42px; border:1.5px solid #1C46D3; border-radius: 50%; box-sizing: border-box; position: absolute; top: 4px; left: 4px;}

.mob.link{width: 200px; height: 40px; border: 1.5px solid #fff; box-sizing: border-box; text-align: center; line-height: 37px; color: #fff; position: relative; cursor: pointer; background-color: #1C46D3; margin: 30px auto; font-size: 20px; font-weight: 600;}
.mob.link.wp a{color: #fff !important;}
.mob.link:before{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; left: -7.5px; background-color: #fff;}
.mob.link:after{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; right: -7.5px; background-color: #fff;}


.humberger span{border-radius: 0;}

.gear{position: absolute; }
.gears .gear_l{width: 200px; animation: rotate_l 130s; animation-iteration-count: infinite; -webkit-animation: rotate_l 130s; -webkit-animation-iteration-count: infinite;}
.gears .gear_s{width: 130px; animation: rotate_s 95s; animation-iteration-count: infinite; -webkit-animation: rotate_s 95s; -webkit-animation-iteration-count: infinite;}

.gears.l .gear_l{left: 30px; bottom: -100px;}
.gears.l .gear_s{left: -50px; bottom: 45px;}
.gears.r .gear_l{right: -100px; top: 120px;}
.gears.r .gear_s{right: 0px; top: 300px;}
@keyframes rotate_l {
    0% { transform: rotate(360deg); }
    100% { transform: rotate(0deg); } 
}
@-webkit-keyframes rotate_l {
    0% { -webkit-transform: rotate(360deg); }
    100% { -webkit-transform: rotate(0deg); }
}

@keyframes rotate_s {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); } 
}
@-webkit-keyframes rotate_s {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

/* footer */
footer{width: 100%; background: #1C46D3 url(/assets/img/ilp/bg_w.svg) repeat center top; background-size: 41px 41px;}

/* content */
.content{width: 100%;background: #fff url(/assets/img/ilp/bg_b.svg) repeat center top; background-size: 41px 41px; padding-bottom: 60px;}

/* video*/
.video_box{width: 600px; margin: 30px auto; padding: 15px; border: solid 2px #fff; box-sizing: border-box; margin-bottom: 60px}
.video_mobile{display: none; margin: 20px auto;}
.video_img{width: 100%; height: 338px; position: relative; background-size: cover; background-position: center center;}
.video_img:before {z-index: 0; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color:rgba(225,225,225,0.2);}
.play{display: block; position: absolute; top: 119px; left: calc(50% - 50px); width: 100px; height: 100px; background: url(/assets/img/ilp/btn_play.svg) no-repeat center center;}
.player_filter {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: none; z-index: 50;}
.btn_close {width: 30px; height: 30px; background: url(/assets/img/ilp/btn_close.svg) no-repeat center top; background-size: contain; position: absolute; top:120px; right:24%; cursor: pointer;}

/* ecosystem */
.hive_box{position: relative; left: 50%; float: left;}
.hive_box .thumbnail{width: 180px; height: 207.3px; background-size: cover; position: relative; left: -50%; margin-left: 25px;}
.hive_box .thumbnail:before{content: ""; width: 22.5px; border-top: 2px dashed #1C46D3; position: absolute; left: -10px; top: 102.9px;}
.hive_box .thumbnail:after{content: ""; width: 22.5px; border-top: 2px dashed #1C46D3; position: absolute; right: -10px; top: 102.9px;}
.hive_box .thumbnail:first-child{margin-left: 0px;}

.partners .hive_box{left: 0; float: none;}
.partners .thumbnail{left: 0;}
.partners .thumbnail:first-child{margin-left: calc(50% - 448.75px);}
.partners .thumbnail:nth-child(5){margin-left: calc(50% - 346.25px);}
.partners .thumbnail:nth-child(9){margin-left: calc(50% - 448.75px);}

/* ILP */
/* .wrapper p{width: 600px;} */
.piechart.wrapper .txt p{padding-left: 40px; box-sizing: border-box; padding-bottom: 10px; position: relative;}
.piechart.wrapper .txt p:before{content: ""; width: 10px; height: 10px; background: url(/assets/img/ilp/point.svg) no-repeat center center; background-size: cover; position: absolute; left: 15px; top: 10px;}
.flat.wrapper img{width: 280px;}
.hive.wrapper img{width: 330px;}
.piechart.wrapper img{width: 330px;}

.link{width: 120px; height: 40px; border: 1.5px solid #1C46D3; box-sizing: border-box; text-align: center; line-height: 37px; color: #1C46D3; margin-left: 30px; position: relative; cursor: pointer;}
.link.wp a{color: #1C46D3 !important;}
.link:before{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; left: -7.5px; background-color: #1C46D3;}
.link:after{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; right: -7.5px; background-color: #1C46D3;}

.pre_registration.link{width: 280px; height: 40px; box-sizing: border-box; text-align: center; position: relative; cursor: pointer; background-color: #fff; margin: 30px auto; font-size: 20px; font-weight: 600;}
.pre_registration.link a{background-color: #fff; color: #1C46D3 !important; display: block; height: 40px; line-height: 37px; border: 1.5px solid #fff; box-sizing: border-box; }
.pre_registration.link a:hover{background-color: #1C46D3; color: #fff !important;}
.pre_registration.link:before{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; left: -7.5px; background-color: #fff;}
.pre_registration.link:after{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; right: -7.5px; background-color: #fff;}

.ilp_start.link{width: 200px; height: 60px; box-sizing: border-box; text-align: center; position: relative; cursor: pointer; background-color: #fff; margin: 40px auto; font-size: 24px; font-weight: 600; margin-top: 20px;}
.ilp_start.link a{background-color: #fff; color: #1C46D3 !important; display: block; height: 60px; line-height: 57px; border: 1.5px solid #fff; box-sizing: border-box; }
.ilp_start.link a:hover{background-color: #1C46D3; color: #fff !important;}
.ilp_start.link:before{content: ""; width: 30px; height: 2px; position: absolute; top: 27.5px; left: -30px; background-color: #fff;}
.ilp_start.link:after{content: ""; width: 30px; height: 2px; position: absolute; top: 27.5px; right: -30px; background-color: #fff;}

.table_area{width: 100%; padding: 0 30px; box-sizing: border-box; margin: 30px 0;}
.table_header{width: 100%; height: 40px; border: 1.5px solid #1C46D3; background: url(/assets/img/ilp/mask_bl.svg) repeat center center; background-size: auto; color: #1C46D3; text-align: center; line-height: 37px; font-size: 24px; font-weight: 700; margin-top: 8px; margin-bottom: 3px; box-sizing: border-box;}
.table_area li{height: 40px; margin-bottom: 3px}
.table_area li .th{width: 415px; border: 1.5px solid #1C46D3; height: 100%; background-color: #1C46D3; margin-bottom: 3px; box-sizing: border-box; line-height: 37px; padding-left: 10px; font-size: 18px; font-weight: 700;}
.table_area.ru li .th{width: 400px; font-size: 16px;}
.table_area li .td{width: calc(100% - 415px); height: 100%; border: 1.5px solid #1C46D3; margin-bottom: 3px; box-sizing: border-box; padding-left: 10px; font-size: 18px; color: #1C46D3; line-height: 37px;}
.table_area.ru li .td{width: calc(100% - 400px); font-size: 16px;}
.table_area li br.ru{display: none;}
.table_area li.two{height: 65px;}
.table_area li.two .th{line-height: 65px;}
.table_area li.two .td{line-height: 1.4; padding: 5px 10px;}
.table_area.ru li.two .td{line-height: 1.6;}
.table_area li.two.cn, .table_area li.two.tw{height: 40px;}
.table_area li.two.cn .th, .table_area li.two.tw .th{line-height: 37px;}
.table_area li.two.cn .td, .table_area li.two.tw .td{line-height: 37px; padding: 0; padding-left: 10px;}
.table_area li.three{height: 90px;}
.table_area li.three .th{line-height: 90px;}
.table_area li.three.cn, .table_area li.three.tw{height: 65px;}
.table_area li.three.cn .th, .table_area li.three.tw .th{line-height: 65px;}
.table_area li.three.cn .td, .table_area li.three.tw .td{line-height: 1.4; padding: 5px 10px;}
.table_area li span{display: inline-block; position: relative;}
.table_area li span:before{content: ""; width: calc(100% + 10px); height: 4px; background: url(/assets/img/ilp/wave.svg) repeat left top; background-size: contain; position: absolute; bottom: 6px; left: -5px;}

/* whitepaper */
.whitepaper ul{width: 600px; margin: 0 auto;}
.whitepaper ul li{width: 50%;}
.whitepaper ul li .icon{width: 60px; height: 76px; background: url(/assets/img/ilp/whitepaper_w.svg) repeat center center; background-size: contain; margin: 30px auto; display: block;}
.whitepaper ul li .icon:hover{background: url(/assets/img/ilp/whitepaper_b.svg) repeat center center; background-size: contain;}

/* participate */
.participate .steps li{width: 25%; position: relative;}
.participate .steps li:before{content: ""; width: 74.5px; border-top: 1.5px dashed #1C46D3; position: absolute; top: 99.25px; left: -37px;}
.participate .steps li:after{content: ""; position: absolute; top: 94px; left: 37px; border-top: 6px solid transparent; border-left: 9px solid #1C46D3; border-bottom: 6px solid transparent;}
.participate .steps li:first-child:before{display: none;}
.participate .steps li:first-child:after{display: none;}
.participate .steps .circle{width: 200px; height: 200px; border: 1.5px solid #1C46D3; box-sizing: border-box; border-radius: 50%; position: relative;  overflow: hidden; padding-top: 70px; margin: 0 auto; margin-bottom: 10px;}
.participate .steps .box{position: relative; left: 50%; float: left;}
.participate .steps .step{font-size: 24px; padding: 0 10px; display: inline-block; color: #1C46D3; font-weight: 700; position: relative; vertical-align: baseline; left: -50%; margin-bottom: 20px;}
.participate .steps .step:before{content: ""; width: 100%; height: 1px; background-color: #1C46D3; position: absolute; bottom: 4px; left: 0px;}
.participate .steps .step:after{content: ""; width: 80px; height: 1px; background-color: #1C46D3; position: absolute; top: 4px; left: 0px;}
.participate .steps .step .line.l{width: 1px; height: 70px; position: absolute; top: -5px; left: 11px; background-color: #1C46D3;}
.participate .steps .step .line.r{width: 1px; height: 16px; position: absolute; bottom: -3px; right: 11px; background-color: #1C46D3;}
.participate .steps .num{width: 80px; height: 80px; font-size: 60px; -webkit-text-stroke: 1px #1C46D3; color: #fff; font-weight: 700; text-align: center; position: absolute; bottom: -5px; left: calc(50% - 40px); font-family: futura-pt, sans-serif !important;}
.participate .steps .detail{width: 220px; margin: 0 auto;}
.participate .steps.ru .step{font-size: 22px;}

.participate .steps .circle.last{padding-top: 90px;}
.participate .steps .circle.last .line.l{width: 1px; height: 40px;}

.participate .mailchimp_box{position: relative; width: 500px; height: 50px; border-radius: 25px; border: solid 1px #1C46D3; padding-left: 20px; padding-right: 108px; box-sizing: border-box; margin: 0 auto; margin-top: 30px;}
.participate .mailchimp_box input{width: 100%; height: 28px; padding: 10px 0; background-color: transparent; color: #1C46D3; line-height: 1.286;}
.participate ::-webkit-input-placeholder {color: #768bcd;}
.participate ::-moz-placeholder {color: #768bcd;}
.participate :-ms-input-placeholder {color: #768bcd;}
.participate .mailchimp_box .submit{position: absolute; top: 4px; right: 4px; width: 100px; height: 40px; border-radius: 20px; cursor: pointer; line-height: 40px; color: #fff; background-color: #1C46D3;}

/* rodemap */
.horizontal_scroll_wrap{ height: 240px; overflow-y: hidden; margin-left: calc(50% - 490px);}
.rodemap ul{width: 100%; height: 240px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding-bottom: 50px; margin: 25px 0 0; -webkit-overflow-scrolling: touch;}
.rodemap li{width: 200px;height: 240px; display: inline-block; vertical-align: top; position: relative;}
.rodemap li:before{content: ""; width: 110px; height: 1.5px; background-color: #1C46D3; position: absolute; left: -60px; top: 49.25px;}
.rodemap li:first-child:before{width: 0;}
.rodemap .time{width: 100px; height: 100px; background: #1C46D3; border-radius: 50%; position: relative; text-align: c; padding-top: 30px; box-sizing: border-box; margin: 0 auto; margin-bottom: 30px;}
.rodemap .time:before{content: ""; width: calc(100% - 15px); height:  calc(100% - 15px); border: 1.5px solid #fff; border-radius: 50%; position: absolute; box-sizing: border-box; top: 7.5px; left: 7.5px; }
.rodemap .time p{font-weight: 700;}
.rodemap .info{width: 200px; white-space: normal;}

/* team */
.team ul{width: 100%;}
.team li{width: 25%; padding: 0 15px; box-sizing: border-box; margin-bottom: 20px;}
.team li .thumbnail{width: 180px; height: 180px; border: 1.5px solid #1C46D3; margin: 0 auto; margin-bottom: 10px; border-radius: 50%; background-size: cover;}
.team li .role{height: 90px; margin-top: 10px;}
.team .link{width: 150px; margin: 0 auto; display: block;}
.ru_font .team .link{width: 300px;}
.team a{color: #1C46D3 !important; font-weight: bold !important;}
.team a:hover{border-bottom: 1.5px solid #1C46D3;}
.team img.linkedin{width: 15px; border-radius: 1.5px; display: inline-block; margin-left: 5px;}

/* advisors */
.advisors ul{width: 100%;}
.advisors li{width: 25%; padding: 0 15px; box-sizing: border-box; margin-bottom: 20px;}
.advisors li .thumbnail{width: 180px; height: 180px; border: 1.5px solid #1C46D3; margin: 0 auto; margin-bottom: 10px; border-radius: 50%; background-size: cover;}
.advisors li .role{height: 90px; margin-top: 10px;}
.advisors .link{width: 150px; margin: 0 auto; display: block;}
.ru_font .advisors .link{width: 300px;}
.advisors a{color: #1C46D3 !important; font-weight: bold !important;}
.advisors a:hover{border-bottom: 1.5px solid #1C46D3;}
.advisors img.linkedin{width: 15px; border-radius: 1.5px; display: inline-block; margin-left: 5px;}

/* faq */
#faqs p{color: #555555; font-family: 'Hind Madurai', sans-serif !important;}
#faqs .inner-main{position: relative; width: 1200px; margin: 0 auto; padding: 0px 50px; box-sizing: border-box;}
#faqs .inner-main.narrow{padding: 0px 100px;}
#faqs .hm{font-family: 'Hind Madurai', sans-serif !important;}
#faqs .register{width: 250px; height: 60px; border-radius: 30px; background-color: #3CC0C9; box-shadow: 0px 5px 10px rgba(60,192,201,0.3); font-size: 20px; color: #fff; text-align: center; cursor: pointer; display: inline-block; line-height: 60px; box-sizing: border-box;}
#faqs .white{color: #fff;}
#faqs .bgw{background-color: #fff;}
#faqs .bglg{background-color: #fafafa;}
#faqs .green{color: #3CC0C9;}
#faqs .bold{font-weight: 600;}
#faqs .btn{width: 200px; height: 40px; border-radius: 20px; background: -webkit-gradient(linear, left top, right top, from(#3B66AA), to(#3288B5)); box-shadow: 0px 2px 5px rgba(59,102,170,0.3); font-size: 14px; color: #fff; text-align: center; cursor: pointer; display: inline-block; line-height: 40px;}
#faqs .btn.lock{background-color: #DDDDDD;}
#faqs .lh20{line-height: 2;}
#faqs .lh16{line-height: 1.6;}
#faqs section{position: relative; min-width: 1200px; padding: 100px 0px; overflow: hidden;}
#faqs section h2{font-size: 40px; text-align: center; padding: 30px 0; color: #555555;}
#faqs section h4{display: table; white-space: nowrap; width: 100%; color: #3B66AA; font-size: 20px; height: 25px; line-height: 25px; margin-top: 15px; margin-bottom: 20px; font-weight: 600;}
#faqs section h4:after{ content: ''; display: table-cell; width: 100%; background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(100% + 0.5px), transparent -webkit-calc(50% + 0.5px)); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, #707070), color-stop(currentColor calc(50% + 0.5px)), to(transparent calc(50% + 0.5px))); background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 0.5px), transparent calc(50% + 0.5px)); background-clip: padding; -webkit-background-clip: padding;}
#faqs a{color: #3288B5 !important;}

#faqs header{background: -webkit-gradient(linear, left top, right top, from(#3B66AA), to(#3288B5)); position: relative; overflow: hidden;}
#faqs header{padding-top: 40px; padding-bottom: 120px;}
#faqs header img.logo{height: 55px; margin-bottom: 50px;}
#faqs header h1{font-size: 40px; margin-bottom: 10px; text-align: center;}
#faqs header p{letter-spacing: 0.02em; text-align: center; color: #fff;}
	
#faqs ul{padding-bottom: 20px;}
#faqs li{cursor: pointer; margin-bottom: 15px;}
#faqs li .question{width: 100%; padding: 15px 50px; box-sizing: border-box; background-color: #fff; border-radius: 5px; position: relative;}
#faqs li .question p{line-height: 1.4;}
#faqs li .question:before{content: ""; width: 18px; height: 18px; background: url(/assets/img/ilp/q_b.svg) no-repeat center center; background-size: contain; position: absolute; left: 20px; top: calc(50% - 9px);}
#faqs li .question:after{content: ""; width: 15px; height: 15px; background: url(/assets/img/ilp/plus_b.svg) no-repeat center center; background-size: contain; position: absolute; right: 20px; top: calc(50% - 7.5px); transition: .3s; transform: rotate(0deg);}
#faqs li:hover .question {background-color: #3288B5;}
#faqs li:hover .question p{color: #fff;}
#faqs li:hover .question:before{background: url(/assets/img/ilp/q_w.svg) no-repeat center center; background-size: contain;}
#faqs li:hover .question:after{background: url(/assets/img/ilp/plus_w.svg) no-repeat center center; background-size: contain;}	
#faqs li.open .question {border-radius:5px 5px 0px 0px; background-color: #3288B5;}
#faqs li.open .question p{color: #fff;}
#faqs li.open .question:before{background: url(/assets/img/ilp/q_w.svg) no-repeat center center; background-size: contain;}
#faqs li.open .question:after{background: url(/assets/img/ilp/plus_w.svg) no-repeat center center; background-size: contain; transform: rotate(45deg);}	
#faqs li .answer{max-height: 0; overflow: hidden; transition: max-height 0.15s ease-out;}
#faqs li .answer p{width: 100%; padding: 20px 50px; border-radius: 0px 0px 5px 5px; background-color: #fff; box-sizing: border-box; line-height: 1.4;}
#faqs li.open .answer{max-height: 500px; transition: max-height 0.25s ease-in;}
#faqs li.open .answer p{width: 100%; position: relative;}
#faqs li.open .answer p:after{content: ""; width: calc(100% - 100px); height: 1px; background-color: #f2f2f2; position: absolute; top: 0px; left: 50px;}

#faqs footer{background: -webkit-gradient(linear, left top, right top, from(#3B66AA), to(#3288B5)); padding:80px 0; text-align: center; position: relative; min-width: 1200px; overflow: hidden;}
#faqs footer img.logo{height: 55px; margin: 0 auto; margin-bottom: 40px;}
#faqs footer .mailchimp_box{position: relative; width: 500px; height: 50px; margin: 0 auto; margin-bottom: 25px; margin-top: 40px;}
#faqs footer .mailchimp_box input[type="text"]{width: 100%; height: 50px; border-radius: 5px; border: 2px solid #fff; box-sizing: border-box; line-height: 1.286; padding-left: 25px; background-color: transparent; color: #fff;}
#faqs footer .mailchimp_box .mail::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.8);}
#faqs footer .mailchimp_box .mail:-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);}
#faqs footer .mailchimp_box .mail::-moz-placeholder {color: rgba(255, 255, 255, 0.8);}
#faqs footer .mailchimp_box .mail::-placeholder {color: rgba(255, 255, 255, 0.8);}
#faqs footer .mailchimp_box .submit{position: absolute; width: 100px; height: 50px; background-color: #fff; border-radius: 0px 5px 5px 0px; right: 0; top: 0; line-height: 50px; font-size: 18px; font-weight: bold; color: #3B66AA; display: inline-block; cursor: pointer;}
#faqs footer .sns{margin: 40px auto; display: inline-block;}
#faqs footer .sns a{display: block; margin:0 25px;}
#faqs footer .sns a img{width: 50px; height: 50px;}

/*
.sticker{width: 100%; height: 100px; position: fixed; left: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 500;}
.sticker .joinilp{width: 300px; height: 60px; margin: 20px auto; font-size: 32px; line-height: 60px; cursor: pointer; border-radius: 30px; display: block;}
.sticker .joinilp:hover{background-color: #fff; color: #1C46D3;}
*/
/*------------------------------------------------------------------------------------------------------------------------
	
														Tablet Wide
	
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 845px){
	
	
	/********************************************************************************
										Header
	********************************************************************************/
	.humberger{display: block; z-index: 201;}
	header .menu{position: fixed; top: -150%; left: 0; width: 100%; height: 100%; background: #1C46D3 url(/assets/img/ilp/bg_w.svg) repeat center top; background-size: 41px 41px;  float: none; padding: 0 60px; padding-top: 150px; box-sizing: border-box; z-index: 200;}
	header .menu li{width: 100%; height: 60px; border: 1.5px solid #fff; box-sizing: border-box; margin-left: 0px; position: relative; font-size: 24px; text-align: center; line-height: 57px; cursor: pointer; margin-bottom: 20px;}
	header .menu li a{display: block; line-height: 57px;}
	header .menu li:before{content: ""; width: 0px;}
	header .menu li.flag{width: 100%; position: relative; padding: 0;}
	header .menu li.flag:after{top: 22.5px; right: 25px; border-top: 12px solid #1C46D3; border-right: 8px solid transparent; border-left: 8px solid transparent;}
	header .menu li.flag .selector.pc{display: none;}
	header .menu li.flag .selector.mob{display: block;}
	header .menu li.flag .selector.mob .label {font-size: 24px; line-height: 57px;}
		
	header .title{width: 100%;}
	
	header .countdown .dec{width: calc(50% - 205px); border-top: 2px dashed #fff; margin-top: 67px; box-sizing: border-box;}
	header .countdown ul {position: relative; width:410px;}
	header .countdown li{margin-left: 30px;}
	header .countdown li:first-child{margin-left: 0;}
	header .countdown li:before{content: ""; width: 45px; border-top: 2px dashed #fff; box-sizing: border-box; position: absolute; left: -38px; top: 65px;}
	header .countdown li:first-child:before{width: 5px; left: 2px}
	header .countdown li:last-child:after{content: ""; width: 5px; border-top: 2px dashed #fff; box-sizing: border-box; position: absolute; right: 2px; top: 65px;}
	header .countdown .time{font-size: 50px; font-weight: 600; text-align: center; padding: 10px 0;}

	.gears .gear_l{width: 150px; animation: rotate_l 130s; animation-iteration-count: infinite; -webkit-animation: rotate_l 130s; -webkit-animation-iteration-count: infinite;}
	.gears .gear_s{width: 80px; animation: rotate_s 95s; animation-iteration-count: infinite; -webkit-animation: rotate_s 95s; -webkit-animation-iteration-count: infinite;}
	.gears.l .gear_l{left: 30px; bottom: -75px;}
	.gears.l .gear_s{left: -20px; bottom: 25px;}
	.gears.r .gear_l{right: -75px; top: 120px;}
	.gears.r .gear_s{right: 0px; top: 265px;}

	/********************************************************************************
										Contents
	********************************************************************************/
	/* common */
	.title{margin: 15px auto;}
	h3{padding-right: 50px;}
	.title h2{letter-spacing: 2px;}

	/* video */
	.video_mobile{display: block;}
	.video_box{display: none; margin-bottom: 50px;}
	
	/* ecosystem */
	.hive_box{margin: 15px auto;}
	.hive_box .thumbnail{width: 90px; height: 103.64px; margin-left: 15px;}
	.hive_box .thumbnail:before{width: 17.5px; left: -10px; top: 51.07px;}
	.hive_box .thumbnail:after{width: 17.5px; right: -10px; top: 51.07px;}
	
	.partners .hive_box{left: 0; float: none;}
	.partners .thumbnail{left: 0;}
	.partners .thumbnail:first-child{margin-left: calc(50% - 228.75px);}
	.partners .thumbnail:nth-child(5){margin-left: calc(50% - 176.25px);}
	.partners .thumbnail:nth-child(9){margin-left: calc(50% - 228.75px);}

	.table_area{padding: 0;}
	.table_header{height: auto; background: url(/assets/img/ilp/mask_bl.svg) repeat center center; background-size: cover; margin-bottom: 10px;}
	.table_area li{height: auto;}
	.table_area li .th{width: 100%; height: 40px; margin-bottom: 0px; box-sizing: border-box; float: none;}
	.table_area li .td{width: 100%; height: 40px; float: none;}
	.table_area.ru li .th{width: 100%; height: 40px; margin-bottom: 0px; box-sizing: border-box; float: none;}
	.table_area.ru li .td{width: 100%; height: 40px; float: none;}
	.table_area li.two{height: auto;}
	.table_area li.two .th{height: 40px; line-height: 37px;}
	.table_area li.two .td{height: auto; line-height: 1.4; padding: 5px 10px;}
	.table_area li.two.cn, .table_area li.two.tw{height: auto;}
	.table_area li.two.cn .th, .table_area li.two.tw .th{height: 40px; line-height: 37px;}
	.table_area li.two.cn .td, .table_area li.two.tw .td{height: auto; line-height: 1.4; padding: 5px 10px;}
	.table_area li span{display: inline-block; position: relative;}
	.table_area li span:before{content: ""; width: calc(100% + 10px); height: 4px; background: url(/assets/img/ilp/wave.svg) repeat left top; background-size: contain; position: absolute; bottom: 6px; left: -5px;}
	.table_area span.ru_br{display: none;}

	/* ILP */
	.wrapper p{width: 100%; float: none;}
	.piechart.wrapper .txt p{padding-left: 40px; box-sizing: border-box; padding-bottom: 10px; position: relative;}
	.piechart.wrapper .txt p:before{content: ""; width: 10px; height: 10px; background: url(/assets/img/ilp/point.svg) no-repeat center center; background-size: cover; position: absolute; left: 15px; top: 10px;}
	.wrapper img{float: none; margin: 30px auto; padding: 0;}
	
	.whitepaper p{float: none;}
	.whitepaper .link{float: none; margin: 0 auto; margin-top: 15px;}
	.whitepaper .link:before{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; left: -7.5px; background-color: #1C46D3;}
	.whitepaper .link:after{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; right: -7.5px; background-color: #1C46D3;}

	/* whitepaper */
	.whitepaper ul{width: 100%; margin: 0 auto;}

	/* participate */
	.participate .steps li{width: 50%; margin-bottom: 30px;}
	.participate .steps li:nth-child(3):before{width: 260px; top: -60px; left: auto; right: -130px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
	.participate .steps li:nth-child(3):after{top: 29px; left: 164px; border-top: 6px solid transparent; border-left: 9px solid #1C46D3; border-bottom: 6px solid transparent; transform: rotate(15deg); -ms-transform: rotate(15deg); -moz-transform: rotate(15deg); -webkit-transform: rotate(15deg); -o-transform: rotate(15deg);}
	
	/* rodemap */
	.horizontal_scroll_wrap{margin-left: 50px;}

	/* team */
	.team li{width: 50%;}
	.team li .role{height: 70px; margin-top: 10px;}
	
	/* advisors */
	.advisors li{width: 50%;}
	.advisors li .role{height: 70px; margin-top: 10px;}

	/* faq */
	#faqs .inner-main{position: relative; width: 100%; margin: 0 auto; padding: 0px 60px; box-sizing: border-box;}
	#faqs .inner-main.narrow{padding: 0px 60px;}
	#faqs section{padding: 60px 0; min-width: 100%;}
	#faqs section h2{font-size: 30px; padding-bottom: 30px;}
	#faqs br.mob{display: block;}
	
	#faqs .humberger{display: block;}
	
	#faqs header img.logo{height: 35px; margin-top: 10px;}
	#faqs header .inner-main.mainbox{padding: 40px;}
	
	#faqs footer{min-width: 100%;}


}

/*------------------------------------------------------------------------------------------------------------------------
	
														Tablet Narrow
	
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 640px){
	
	/********************************************************************************
										Header
	********************************************************************************/
	header h1.fsxxl{font-size: 40px;}
	header p.fss{font-size: 12px;}
	.humberger{display: block; z-index: 201;}
	header .menu{position: fixed; top: -150%; left: 0; width: 100%; height: 100%; background: #1C46D3 url(/assets/img/ilp/bg_w.svg) repeat center top; background-size: 41px 41px;  float: none; padding: 0 60px; padding-top: 150px; box-sizing: border-box; z-index: 200;}
	header .menu li{width: 100%; height: 50px; border: 1.5px solid #fff; box-sizing: border-box; margin-left: 0px; position: relative; font-size: 20px; text-align: center; line-height: 47px; cursor: pointer; margin-bottom: 15px;}
	header .menu li a{display: block; line-height: 47px;}
	header .menu li:before{content: ""; width: 0px;}
	header .menu li.flag{width: 100%; position: relative; padding: 0;}
	header .menu li.flag:after{top: 17.5px; right: 25px; border-top: 12px solid #1C46D3; border-right: 8px solid transparent; border-left: 8px solid transparent;}
	header .menu li.flag .selector.pc{display: none;}
	header .menu li.flag .selector.mob{display: block;}
	header .menu li.flag .selector.mob .label {font-size: 20px; line-height: 47px;}
	
	header .title{width: 100%;}
	
	header .countdown .dec{width: calc(50% - 177.5px); border-top: 2px dashed #fff; margin-top: 62px; box-sizing: border-box;}
	header .countdown ul {position: relative; width: 355px;}
	header .countdown li{width: 70px; height: 100px; margin-left: 25px;}
	header .countdown li:first-child{margin-left: 0;}
	header .countdown li:before{content: ""; width: 40px; border-top: 2px dashed #fff; box-sizing: border-box; position: absolute; left: -35px; top: 60px;}
	header .countdown li:first-child:before{width: 5px; left: 2px}
	header .countdown li:last-child:after{content: ""; width: 5px; border-top: 2px dashed #fff; box-sizing: border-box; position: absolute; right: 2px; top: 60px;}
	header .countdown .time{font-size: 40px; font-weight: 600; text-align: center; padding: 10px 0;}
	header .mailchimp_box{margin-top: 30px;}
	.sns .ring{width: 34px; height: 34px; top: 3px; left: 3px;}

	.ilp_start.link{width: 200px; height: 40px; box-sizing: border-box; text-align: center; position: relative; cursor: pointer; background-color: #fff; margin: 50px auto; font-size: 24px; font-weight: 600;}
	.ilp_start.link a{background-color: #fff; color: #1C46D3 !important; display: block; height: 40px; line-height: 37px; border: 1.5px solid #fff; box-sizing: border-box; }
	.ilp_start.link:before{content: ""; width: 20px; height: 2px; position: absolute; top: 18.5px; left: -20px; background-color: #fff;}
	.ilp_start.link:after{content: ""; width: 20px; height: 2px; position: absolute; top: 18.5px; right: -20px; background-color: #fff;}

	.gears .gear_l{width: 150px; animation: rotate_l 130s; animation-iteration-count: infinite; -webkit-animation: rotate_l 130s; -webkit-animation-iteration-count: infinite;}
	.gears .gear_s{width: 80px; animation: rotate_s 95s; animation-iteration-count: infinite; -webkit-animation: rotate_s 95s; -webkit-animation-iteration-count: infinite;}
	.gears.l .gear_l{left: 30px; bottom: -75px;}
	.gears.l .gear_s{left: -20px; bottom: 25px;}
	.gears.r .gear_l{right: -75px; top: 120px;}
	.gears.r .gear_s{right: 0px; top: 265px;}

	/********************************************************************************
										Contents
	********************************************************************************/
	/* common */
	section{padding: 15px 0;}
	.fsm{font-size: 16px;}
	.title{margin: 15px auto; height: 36px;}
	h3{font-size: 24px; padding-right: 50px; margin-bottom: 15px;}
	h3:before{content: ""; width: 100%; height: 1px; background-color: #1C46D3; position: absolute; bottom: 4px; left: 0px;}
	h3:after{content: ""; width: calc(100% - 90px); height: 1px; background-color: #1C46D3; position: absolute; top: 4px; left: 0px;}
	h3 .line{width: 1px; height: 40px; position: absolute; top: -5px; left: 11px; background-color: #1C46D3;}

	.title h2{letter-spacing: 2px;}
	.title h2{font-size: 28px; letter-spacing: 2px;}

	h2.lines-on-sides:after{ border-left: 10px solid transparent;}
	h2.lines-on-sides:before{ border-right: 10px solid transparent;}

	.title .outline h2:before{top: 13px;}
	.title .outline h2:after{top: 13px;}

	.title.w .outline h2:before{top: 13px;}
	.title.w .outline h2:after{top: 13px;}

	.start .title h2{font-size: 18px; letter-spacing: 1px;}

	.start h2.lines-on-sides:after{ border-left: 3px solid transparent;}
	.start h2.lines-on-sides:before{ border-right: 3px solid transparent;}

	.start .title.w .outline h2:after{top: 7px;}
	.start .title.w .outline h2:before{top: 7px;}

	/* video */
	.video_mobile{display: block;}
	.video_box{display: none; margin-bottom: 50px;}

	/* ecosystem */
	.hive_box{margin: 10px auto;}
	.hive_box .thumbnail{width: 75px; height: 86.37px; margin-left: 10px;}
	.hive_box .thumbnail:before{width: 12px; left: -6px; top: 45.3px; border-top-width: 1px;}
	.hive_box .thumbnail:after{width: 12px; right: -6px; top: 45.3px; border-top-width: 1px;}
	
	.partners .hive_box{left: 0; float: none;}
	.partners .thumbnail{left: 0;}
	.partners .thumbnail:first-child{margin-left: calc(50% - 188.75px);}
	.partners .thumbnail:nth-child(5){margin-left: calc(50% - 146.25px);}
	.partners .thumbnail:nth-child(9){margin-left: calc(50% - 188.75px);}

	.table_area{padding: 0;}
	.table_header{height: auto; background: url(/assets/img/ilp/mask_bl.svg) repeat center center; background-size: cover; margin-bottom: 10px; font-size: 20px;}
	.table_area li{height: auto;}
	.table_area li .th{width: 100%; height: 40px; margin-bottom: 0px; box-sizing: border-box; float: none; font-size: 14px;}
	.table_area li .td{width: 100%; height: 40px; float: none; font-size: 14px;}
	.table_area.ru li .th{width: 100%; height: 40px; margin-bottom: 0px; box-sizing: border-box; float: none; font-size: 14px;}
	.table_area.ru li .td{width: 100%; height: auto; float: none; font-size: 14px;}
	.table_area.ru li .td.ru_wrap_td{padding: 0 10px; line-height: 2.0; padding-bottom: 8px;}
	.table_area li span.ru_wrap{display: block;}
	.table_area li span.ru_wrap br.ru{display: block;}
	.table_area li span.ru_wrap:before{display: none;}
	.table_area li span.ru_wrap span:before{content: ""; width: calc(100% + 10px); height: 4px; background: url(/assets/img/ilp/wave.svg) repeat left top; background-size: contain; position: absolute; bottom: 0px; left: -5px;}
	.table_area li .td.ru_two{line-height: 1.6; padding: 5px 10px;}
	.table_area li.two{height: auto;}
	.table_area li.two .th{height: 40px; line-height: 37px;}
	.table_area li.two .td{height: auto; line-height: 1.4; padding: 5px 10px;}
	.table_area li.two.cn, .table_area li.two.tw{height: auto;}
	.table_area li.two.cn .th, .table_area li.two.tw .th{height: 40px; line-height: 37px;}
	.table_area li.two.cn .td, .table_area li.two.tw .td{height: auto; line-height: 1.4; padding: 5px 10px;}
	.table_area li span{display: inline-block; position: relative;}

	/* ILP */
	.wrapper p{width: 100%; float: none;}
	.piechart.wrapper .txt p{padding-left: 40px; box-sizing: border-box; padding-bottom: 10px; position: relative;}
	.piechart.wrapper .txt p:before{content: ""; width: 10px; height: 10px; background: url(/assets/img/ilp/point.svg) no-repeat center center; background-size: cover; position: absolute; left: 15px; top: 10px;}
	.wrapper img{float: none; margin: 30px auto; padding: 0;}
	
	.whitepaper p{float: none;}
	.whitepaper .link{float: none; margin: 0 auto; margin-top: 15px;}
	.whitepaper .link:before{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; left: -7.5px; background-color: #1C46D3;}
	.whitepaper .link:after{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; right: -7.5px; background-color: #1C46D3;}

	/* whitepaper */
	.whitepaper ul{width: 100%;}
	.whitepaper ul li{width: 100%;}
	.whitepaper ul li:first-child{margin-bottom: 30px;}

	/* participate */
	.participate .steps li{width: 100%; margin-bottom: 30px;}
	.participate .steps li:before{display: none;}
	.participate .steps li:after{display: none;}
	.participate .mailchimp_box{width: 100%;}
	.participate p.mt30{margin-top: 0;}
	
	/* rodemap */
	.horizontal_scroll_wrap{margin-left: 50px;}

	/* team */
	.team li{width: 50%;}
	.team li .thumbnail{width: 130px; height: 130px;}
	.team li .role{height: 70px; margin-top: 10px;}
	
	/* advisors */
	.advisors li{width: 50%;}
	.advisors li .thumbnail{width: 130px; height: 130px;}
	.advisors li .role{height: 70px; margin-top: 10px;}

	/* faq */
	#faqs .inner-main{position: relative; width: 100%; margin: 0 auto; padding: 0px 40px; box-sizing: border-box;}
	#faqs .inner-main.narrow{padding: 0px 40px;}
	#faqs  section{padding: 60px 0; min-width: 100%;}
	#faqs br.mob{display: block;}
		
	#faqs  .humberger{display: block;}
		
	#faqs  section h2{font-size: 30px; padding-bottom: 20px;}
	#faqs header img.logo{height: 35px; margin-top: 10px;}
	#faqs header .inner-main.mainbox{padding: 40px;}
	#faqs header nav {display: none;}
		
	#faqs footer{min-width: 100%;}
	
}

/*------------------------------------------------------------------------------------------------------------------------
	
														Mobile Device
	
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 480px){
	
	/********************************************************************************
										Header
	********************************************************************************/
	header .logo_area{padding-bottom: 30px;}
	header h1.fsxxl{font-size: 32px;}
	header p.fss{font-size: 16px; line-height: 1.4;}
	.humberger{display: block; z-index: 201;}
	header .menu{position: fixed; top: -150%; left: 0; width: 100%; height: 100%; background: #1C46D3 url(/assets/img/ilp/bg_w.svg) repeat center top; background-size: 41px 41px;  float: none; padding: 0 50px; padding-top: 100px; box-sizing: border-box; z-index: 200;}
	header .menu li{width: 100%; height: 50px; border: 1.5px solid #fff; box-sizing: border-box; margin-left: 0px; position: relative; font-size: 24px; text-align: center; line-height: 47px; cursor: pointer; margin-bottom: 15px;}
	header .menu li a{display: block; line-height: 47px;}
	header .menu li:before{content: ""; width: 0px;}
	header .menu li.flag{width: 100%; position: relative; padding: 0;}
	header .menu li.flag:after{top: 17.5px; right: 25px; border-top: 12px solid #1C46D3; border-right: 8px solid transparent; border-left: 8px solid transparent;}
	header .menu li.flag .selector.pc{display: none;}
	header .menu li.flag .selector.mob{display: block;}
	header .menu li.flag .selector.mob .label {font-size: 24px; line-height: 47px;}
	
	header .title{width: 100%;}
	
	header .countdown .dec{width: calc(50% - 142.5px); border-top: 2px dashed #fff; margin-top: 47px; box-sizing: border-box;}
	header .countdown ul {position: relative; width: 285px;}
	header .countdown li{width: 60px; height: 80px; margin-left: 15px;}
	header .countdown li:first-child{margin-left: 0;}
	header .countdown li:before{content: ""; width: 30px; border-top: 2px dashed #fff; box-sizing: border-box; position: absolute; left: -25px; top: 45px;}
	header .countdown li:first-child:before{width: 5px; left: 2px}
	header .countdown li:last-child:after{content: ""; width: 5px; border-top: 2px dashed #fff; box-sizing: border-box; position: absolute; right: 2px; top: 45px;}
	header .countdown .time{font-size: 32px; font-weight: 600; text-align: center; padding: 10px 0;}
	header .mailchimp_box{margin-top: 30px;}
	header .sns{margin-top: 10px;}
	
	.sns .ring{width: 34px; height: 34px; top: 3px; left: 3px;}

	.gears .gear_l{width: 80px; animation: rotate_l 130s; animation-iteration-count: infinite; -webkit-animation: rotate_l 130s; -webkit-animation-iteration-count: infinite;}
	.gears .gear_s{width: 40px; animation: rotate_s 95s; animation-iteration-count: infinite; -webkit-animation: rotate_s 95s; -webkit-animation-iteration-count: infinite;}
	.gears.l .gear_l{left: 10px; bottom: -40px;}
	.gears.l .gear_s{left: -10px; bottom: 25px;}
	.gears.r .gear_l{right: -40px; top: 100px;}
	.gears.r .gear_s{right: 0px; top: 180px;}

	.ilp_start.link{width: 180px; height: 40px; box-sizing: border-box; text-align: center; position: relative; cursor: pointer; background-color: #fff; margin: 40px auto; font-size: 20px; font-weight: 600;}
	.ilp_start.link a{background-color: #fff; color: #1C46D3 !important; display: block; height: 40px; line-height: 37px; border: 1.5px solid #fff; box-sizing: border-box; }
	.ilp_start.link:before{content: ""; width: 20px; height: 2px; position: absolute; top: 18.5px; left: -20px; background-color: #fff;}
	.ilp_start.link:after{content: ""; width: 20px; height: 2px; position: absolute; top: 18.5px; right: -20px; background-color: #fff;}


	/********************************************************************************
										Contents
	********************************************************************************/
	/* common */
	section{padding: 15px 0;}
	.fsm{font-size: 16px;}
	.title{margin: 15px auto; height: 36px;}
	h3{font-size: 20px; padding: 0 5px; padding-right: 30px; margin-bottom: 15px;}
	h3:before{content: ""; width: 100%; height: 1px; background-color: #1C46D3; position: absolute; bottom: 3px; left: 0px;}
	h3:after{content: ""; width: calc(100% - 90px); height: 1px; background-color: #1C46D3; position: absolute; top: 3px; left: 0px;}
	h3 .line{width: 1px; height: 30px; position: absolute; top: -5px; left: 6px; background-color: #1C46D3;}

	.title h2{letter-spacing: 2px;}
	.title h2{font-size: 24px; letter-spacing: 1px;}
	.start .title h2{font-size: 15px; letter-spacing: 0.7px;}
	
	.ru_font .title h2{font-size: 20px;}
	.ru_font .title .outline h2:before{top: 9px;}
	.ru_font .title .outline h2:after{top: 9px;}

	h2.lines-on-sides:after{ border-left: 10px solid transparent;}
	h2.lines-on-sides:before{ border-right: 10px solid transparent;}

	.title .outline h2:before{top: 11px;}
	.title .outline h2:after{top: 11px;}

	.title.w .outline h2:before{top: 11px;}
	.title.w .outline h2:after{top: 11px;}

	.start h2.lines-on-sides:after{ border-left: 5px solid transparent;}
	.start h2.lines-on-sides:before{ border-right: 5px solid transparent;}

	.start .title.w .outline h2:after{top: 5.5px;}
	.start .title.w .outline h2:before{top: 5.5px;}

	/* video */
	.video_mobile{display: block;}
	.video_box{display: none;}

	/* ecosystem */
	.hive_box{margin-top: 10px;}
	.hive_box .thumbnail{width: 65px; height: 74.85px; margin-left: 10px;}
	.hive_box .thumbnail:before{width: 10px; left: -5px; top: 37.43px; border-top-width: 1px;}
	.hive_box .thumbnail:after{width: 10px; right: -5px; top: 37.43px; border-top-width: 1px;}
	
	.partners .hive_box{left: 0; float: none;}
	.partners .thumbnail{left: 0;}
	.partners .thumbnail:first-child{margin-left: calc(50% - 112.5px);}
	.partners .thumbnail:nth-child(4){margin-left: calc(50% - 75px);}
	.partners .thumbnail:nth-child(5){margin-left: 10px;}
	.partners .thumbnail:nth-child(6){margin-left: calc(50% - 112.5px);}
	.partners .thumbnail:nth-child(9){margin-left: calc(50% - 75px);}
	
	.table_area{padding: 0;}
	.table_header{height: auto; background: url(/assets/img/ilp/mask_bl.svg) repeat center center; background-size: cover; margin-bottom: 10px; font-size: 20px;}
	.table_area li{height: auto;}
	.table_area li .th{width: 100%; height: 40px; margin-bottom: 0px; box-sizing: border-box; float: none; font-size: 14px;}
	.table_area li .td{width: 100%; height: 40px; float: none; font-size: 14px;}
	.table_area.ru li .th{width: 100%; height: 40px; margin-bottom: 0px; box-sizing: border-box; float: none; font-size: 14px;}
	.table_area.ru li .td{width: 100%; height: auto; float: none; font-size: 14px;}
	.table_area.ru li .td.ru_wrap_td{padding: 0 10px; line-height: 2.0; padding-bottom: 8px;}
	.table_area li span.ru_wrap{display: block;}
	.table_area li span.ru_wrap br.ru{display: block;}
	.table_area li span.ru_wrap:before{display: none;}
	.table_area li span.ru_wrap span:before{content: ""; width: calc(100% + 10px); height: 4px; background: url(/assets/img/ilp/wave.svg) repeat left top; background-size: contain; position: absolute; bottom: 0px; left: -5px;}
	.table_area li .td.ru_two{line-height: 1.6; padding: 5px 10px;}
	.table_area li.two{height: auto;}
	.table_area li.two .th{height: 40px; line-height: 37px;}
	.table_area li.two .td{height: auto; line-height: 1.4; padding: 5px 10px;}
	.table_area li.two.cn, .table_area li.two.tw{height: auto;}
	.table_area li.two.cn .th, .table_area li.two.tw .th{height: 40px; line-height: 37px;}
	.table_area li.two.cn .td, .table_area li.two.tw .td{height: auto; line-height: 1.4; padding: 5px 10px;}
	.table_area li span{display: inline-block; position: relative;}
	.table_area li span:before{content: ""; width: calc(100% + 10px); height: 4px; background: url(/assets/img/ilp/wave.svg) repeat left top; background-size: contain; position: absolute; bottom: 6px; left: -5px;}

	/* ILP */
	.wrapper p{width: 100%; float: none;}
	.piechart.wrapper .txt p{padding-left: 40px; box-sizing: border-box; padding-bottom: 10px; position: relative;}
	.piechart.wrapper .txt p:before{content: ""; width: 10px; height: 10px; background: url(/assets/img/ilp/point.svg) no-repeat center center; background-size: cover; position: absolute; left: 15px; top: 10px;}
	.wrapper img{width: 100%; float: none; margin: 30px auto; padding: 0;}
	
	.whitepaper p{float: none;}
	.whitepaper .link{float: none; margin: 0 auto; margin-top: 15px;}
	.whitepaper .link:before{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; left: -7.5px; background-color: #1C46D3;}
	.whitepaper .link:after{content: ""; width: 13.5px; height: 2px; position: absolute; top: 19.25px; right: -7.5px; background-color: #1C46D3;}

	/* whitepaper */
	.whitepaper ul{width: 100%;}
	.whitepaper ul li{width: 100%;}
	.whitepaper ul li:first-child{margin-bottom: 30px;}

	/* participate */
	.participate .steps li{width: 100%; margin-bottom: 30px;}
	.participate .steps li:before{display: none;}
	.participate .steps li:after{display: none;}
	.participate .mailchimp_box{width: 100%;}
	.participate p.mt30{margin-top: 0;}
	.participate .steps .num{-webkit-text-stroke: 1.5px #1C46D3;}
	
	/* rodemap */
	.horizontal_scroll_wrap{margin-left: 20px;}

	/* team */
	.team li{width: 50%;}
	.team li .thumbnail{width: 130px; height: 130px;}
	.team li .role{height: 70px; margin-top: 10px;}
	.team p.name{font-size: 14px !important;}
	.ru_font .team .link{width: 100%;}

	
	/* advisors */
	.advisors li{width: 50%;}
	.advisors li .thumbnail{width: 130px; height: 130px;}
	.advisors li .role{height: 70px; margin-top: 10px;}
	.advisors p.name{font-size: 14px !important;}
	.ru_font .advisors .link{width: 100%;}

	/* faq */
	#faqs .inner-main{position: relative; width: 100%; margin: 0 auto; padding: 0px 30px; box-sizing: border-box;}
	#faqs .inner-main.narrow{padding: 0px 30px;}
	#faqs  section{padding: 60px 0; min-width: 100%;}
	#faqs br.mob{display: block;}
		
	#faqs  .humberger{display: block;}
				
	#faqs  section h2{font-size: 24px; padding-bottom: 20px;}
	#faqs  section h4{font-size: 18px;}
	#faqs header img.logo{height: 35px; margin-top: 10px;}
	#faqs .inner-main.mainbox{padding: 40px;}
	#faqs .catchcopy h1{font-size: 30px;}
	#faqs nav {display: none;}
	
	#faqs li p{font-size: 12px;}
	#faqs li{cursor: pointer; margin-bottom: 15px;}
	#faqs li .question{padding: 10px 30px;}
	#faqs li .question:before{width: 11px; height: 11px; left: 10px; top: calc(50% - 5.5px);}
	#faqs li .question:after{width: 9px; height: 9px; right: 10px; top: calc(50% - 4.5px);}
	#faqs li .answer p{padding: 15px 30px;}
		
	#faqs footer{padding: 40px 0; min-width: 100%;}
	#faqs footer p.m{font-size: 12px;}
	#faqs footer .sns{margin: 40px auto; display: inline-block;}
	#faqs footer .sns a{display: block; margin:0 10px;}
	#faqs footer .sns a img{width: 50px; height: 50px;}
	
}

/*------------------------------------------------------------------------------------------------------------------------
	
														iPhone 5 etc
	
------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px){
	/********************************************************************************
										Init
	********************************************************************************/
	body{position: relative; min-width: auto; overflow-x: hidden;}
	.wrapper{position: relative; width: 100%; overflow-x: hidden;}
	
	/********************************************************************************
										Font
	********************************************************************************/
	.fsxxs{font-size: 10px;}
	.fsxs{font-size: 11px;}
	.fss{font-size: 12px;}
	.fsm{font-size: 14px;}
	.fsl{font-size: 18px;}
	.fsxl{font-size: 24px;}
	.fsxxl{font-size: 30px;}	
	
	/********************************************************************************
								↓Common Parts↓
	********************************************************************************/
	.inner{position: relative; width: 100%; margin: 0 auto; padding: 0px 20px; box-sizing: border-box;}
	br.pc{display: none;}
	br.tab{display: block;}
	
	/********************************************************************************
										Header
	********************************************************************************/
	header{height: auto;}
	header .title_area{padding-top: 35px;}
	header .mailchimp_box{margin-top: 0px;}
	header .menu li.flag:after{right: 15px; border-top: 12px solid #1C46D3; border-right: 6px solid transparent; border-left: 6px solid transparent;}

	.ilp_start.link{width: 250px; height: 50px; box-sizing: border-box; text-align: center; position: relative; cursor: pointer; background-color: #fff; margin: 30px auto; font-size: 20px; font-weight: 600; margin-top: 40px;}
	.ilp_start.link a{background-color: #fff; color: #1C46D3 !important; display: block; height: 50px; line-height: 47px; border: 1.5px solid #fff; box-sizing: border-box; }
	.ilp_start.link:before{content: ""; width: 20px; height: 2px; position: absolute; top: 22.5px; left: -20px; background-color: #fff;}
	.ilp_start.link:after{content: ""; width: 20px; height: 2px; position: absolute; top: 22.5px; right: -20px; background-color: #fff;}
	
	/********************************************************************************
										Contents
	********************************************************************************/
	header h1.fsxxl{font-size: 28px;}
	header p.fss{font-size: 14px; line-height: 1.4;}
	header .title h2{font-size: 20px; letter-spacing: 0.7px;}

	header h2.lines-on-sides:after{ border-left: 3px solid transparent;}
	header h2.lines-on-sides:before{ border-right: 3px solid transparent;}

	header .title.w .outline h2:after{top: 9px;}
	header .title.w .outline h2:before{top: 9px;}
	
	.ru_font .title h2{font-size: 16px;}
	.ru_font .title .outline h2:before{top: 6px;}
	.ru_font .title .outline h2:after{top: 6px;}

	/* ecosystem */
	.hive_box{margin-top: 10px;}
	.hive_box .thumbnail{width: 60px; height: 69.1px; margin-left: 10px;}
	.hive_box .thumbnail:before{width: 10px; left: -5px; top: 34.55px; border-top-width: 1px;}
	.hive_box .thumbnail:after{width: 10px; right: -5px; top: 34.55px; border-top-width: 1px;}
	
	.partners .hive_box{left: 0; float: none;}
	.partners .thumbnail{left: 0;}
	.partners .thumbnail:first-child{margin-left: calc(50% - 105px);}
	.partners .thumbnail:nth-child(4){margin-left: calc(50% - 70px);}
	.partners .thumbnail:nth-child(5){margin-left: 10px;}
	.partners .thumbnail:nth-child(6){margin-left: calc(50% - 105px);}
	.partners .thumbnail:nth-child(9){margin-left: calc(50% - 70px);}

	/* team */
	.team li{width: 50%;}
	.team li .thumbnail{width: 100px; height: 100px;}
	.team li .role{height: 60px; margin-top: 10px;}
	.team p.name{font-size: 11px !important;}

	/* advisors */
	.advisors li{width: 50%;}
	.advisors li .thumbnail{width: 100px; height: 100px;}
	.advisors li .role{height: 60px; margin-top: 10px;}
	.advisors p.name{font-size: 11px !important;}
	
	/********************************************************************************
										Detail
	********************************************************************************/

	/********************************************************************************
										Footer
	********************************************************************************/
	footer .welcome{margin-top: 30px;}

	#faqs .inner-main{position: relative; width: 100%; margin: 0 auto; padding: 0px 20px; box-sizing: border-box;}
	#faqs .inner-main.narrow{padding: 0px 20px;}
	#faqs section{padding: 50px 0; min-width: 100%;}

	
}

@-webkit-keyframes bluenize{0%{color: #fff; background-color: transparent;} 100%{color: #1C46D3; background-color: #fff;}}
@keyframes bluenize{0%{color: #fff; background-color: transparent;} 100%{color: #1C46D3; background-color: #fff;}}

@-webkit-keyframes whiten{0%{color: #1C46D3; background-color: #fff;} 100%{color: #fff; background-color: transparent;}}
@keyframes whiten{0%{color: #1C46D3; background-color: #fff;} 100%{color: #fff; background-color: transparent;}}

@-webkit-keyframes ripple{0%{opacity:0;transform:scale(0.85, 0.6)}50%{opacity:1}100%{opacity:0;transform:scale(1.1,1.25);border-radius: 32px;}}
@keyframes ripple{0%{opacity:0;transform:scale(0.85, 0.6)}50%{opacity:1}100%{opacity:0;transform:scale(1.1,1.25);border-radius: 32px; }}