@charset "utf-8"; @import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css'); @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300&display=swap'); .ck{ background:rgba(255,0,255,0.8);} /* Reset-----------------------------------------------------------*/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, code, em, font, img, small, strong, ol, ul, li, form, label, table, tr, th, td, dl, dd, dt, article, aside, footer, header, menu, nav, section, summary, textarea,main, figure,figcaption {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} i{font-style:normal;} .clx:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;} .clx { display: block; } * html .clx { height: 1%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} html {-webkit-text-size-adjust:none;-webkit-touch-callout: none;} a {outline:none;text-decoration:none;} iframe {border:none;} ul, ol { list-style: none;} img { border: none; vertical-align:bottom;max-width: 100%;height: auto;width /***/:auto;} :focus { outline: 0;} table { border-collapse: collapse;border-spacing:0;font-size:inherit;font:100%;} h1, h2, h3, h4, h5, h6 {line-height:1.4;} html {height: 100%;font-size: 62.5%;} body { font: 1rem "Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif; color:#000; background:#fff; letter-spacing:0.1rem; font-feature-settings :palt; height: 100%; overflow-x:hidden; line-height: 1.8; } @-ms-viewport { width: device-width; } /* common -----------------------------------------------------------*/ body { overflow-x: hidden; position: relative; font:1.8rem; color: #333;} *,*::before,*::after { box-sizing: border-box;} a { color: #3d3a35;} .gf{ font-family: "Roboto Condensed","Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif; letter-spacing:0;} button{ font-family: "Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif; background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none;} input, select, textarea{ font-family: "Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif;-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background:#fff; border:1px solid #d1d0ce;} input[type=text].not_input{ background:#FFE0E0;} select{ padding:0.5rem 3rem 0.5rem 1rem; cursor:pointer;} select::-ms-expand { display: none;} .select{position:relative;} .select::after {right: 12px;top: 12px;width: 6px;height: 6px;transform: rotate(-45deg);position: absolute;display: block;border-bottom: 2px solid #444;border-left: 2px solid #444;content:'';z-index: 2;} input[type=checkbox], input[type=radio] { display: none;} input[type=checkbox] + label, input[type=radio] + label { transition: background-color 0.2s linear; position: relative; display: inline-block; padding: 0 0 0 2.5rem; margin: 0; vertical-align: middle; transition: 0.4s; cursor: pointer;} input[type=checkbox] + label:after, input[type=radio] + label:after { position: absolute; top: 50%; left: 0; display: block; border: 1px solid #d1d0ce; background:#fff; content: ''; margin-top: -8px; width: 17px; height: 17px;} input[type=checkbox] + label:before, input[type=radio] + label:before { left: 0; top: 3px; width: 17px; height: 11px; transform: rotate(-45deg); position: absolute; display: block; border-bottom: 2px solid #00973F; border-left: 2px solid #00973F; content: ''; opacity: 0; z-index: 2;} input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before { opacity: 1;} input[type=checkbox] + label:hover, input[type=radio] + label:hover { opacity: 0.7;} label{ user-select: none;} hr { display: block; height: 1px; border: 0; border-top: 1px dotted #e4e4e4; margin: 1rem 0; padding: 0; } hr.bd_none{ display: block; height: 1px; border: 0; border-top:none; margin: 1rem 0; padding: 0; } .txt_al { text-align:left !important; } .txt_ar { text-align:right !important; } .txt_ac { text-align:center !important; } .w15{ width:15% !important;} .w25{ width:25% !important;} .w30{ width:30% !important;} .w45{ width:45% !important;} .w50{ width:50% !important;} .w60{ width:60% !important;} .w65{ width:65% !important;} .cl_pink{ color:#e62456;} .cl_gray{ color:#aaa;} .fixed { position: fixed; width: 100%; height: 100%;} .line-through{ text-decoration:line-through;} @keyframes fadeOut { 0% { opacity: 1; } 99% { opacity: 0; z-index:-1; } 100% { z-index:-1; display:none; opacity: 0; } } @media screen and (min-width:981px) { .sp{ display:none;} .pc{ display:inline-block;} .mb_ss{ margin-bottom:1rem !important;} .mb_s{ margin-bottom:2rem !important;} .mb_m{ margin-bottom:3rem !important;} .mb_l{ margin-bottom:4rem !important;} .mb_xl{ margin-bottom:8rem !important;} .mr_m{ margin-right:3rem !important;} .mr_s{ margin-right:2rem !important;} .mt_ss{ margin-top:1rem !important;} .pt_ss{ padding-top:2rem !important;} .pt_s{ padding-top:9rem !important;} .pt_l{ padding-top:10rem !important;} .font_s{ font-size:1.2rem !important;} .font_m{ font-size:2rem !important;} .font_l{ font-size:2.5rem !important;} .font_xl{ font-size:3.5rem !important;} .font_xxl{ font-size:4.5rem !important;} .bigger{ font-size:150% !important;} .scroll{ opacity: 0; transition: 0.6s; transform:translateY(2rem);} .scroll.delay01{ transition-delay:0.1s !important;} .scroll.delay02{ transition-delay:0.2s !important;} .scroll.delay03{ transition-delay:0.3s !important;} .scroll.delay04{ transition-delay:0.4s !important;} .scroll.delay05{ transition-delay:0.5s !important;} .scroll.delay06{ transition-delay:0.6s !important;} .scroll.active{opacity: 1; transform:translateY(0)} /* header__ -------------------------------------*/ [id^="header__"] { width:100%; height:7rem; position:fixed; z-index:888;} .logo{ position:absolute; top:2rem; left:2rem; text-align:center;transition: 0.4s;} .logo img[src$=".svg"]{ height:auto; width:23rem; transition: 0.4s;} .logo.on img[src$=".svg"]{ height:auto; width:18rem;} .-index .logo img[src$=".svg"]{ width:18rem;} .-index .logo{ opacity:0;} .-index .logo.on{ opacity:1;} [id^="nav__"] { position:absolute; top:0; right:0;} [id^="nav__"] li{ display:table-cell; height:8rem; padding:0 1rem; font-size:1.5rem; vertical-align:middle;} [id^="nav__"] li:last-child{ padding:0 3rem 0 1rem} [id^="nav__"] li a{ position:relative; overflow:hidden; height:8rem; line-height:8rem; display:block; transition: 0.4s; z-index:1;} [id^="nav__"] li a::after{ z-index:-1; position: absolute; content:""; width:0; height:0.1rem; left:50%; right:0; bottom:2rem; background:#fff; transition: 0.3s;} [id^="nav__"] li a:hover, [id^="nav__"] li.active a{ color:#eee;} [id^="nav__"] li a:hover::after, [id^="nav__"] li.active a::after{ width:100%; left:0; } .nav__all { position:relative; position:fixed; top:0; left:0; width:100%; height:8rem; font-size:1.4rem; text-align:left; color:#fff; z-index: 99; transition: 0.3s; background: -webkit-linear-gradient(-45deg, rgba(19,173,217,0), rgba(72,179,101,0));} .nav__all a{ color:#fff;} .nav__all.on{ background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,0.2)} .nav__all .nav_logo{ position:absolute; top:1.6rem; left:1.8rem;} .nav__all .nav_logo img[src$=".svg"]{ height:auto; width:6rem; transition: 0.3s;} .nav__all.on .nav_logo img[src$=".svg"]{ height:auto; width:4.5rem;} .nav__all.on [id^="nav__"] li a{ color: #333333;} .nav__all.on [id^="nav__"] li a:hover, .nav__all.on [id^="nav__"] li.active a{ color:#666;} .nav__all.spk{ background: #fff; } .nav__all.spk .nav_logo img[src$=".svg"]{ height:auto; width:4.5rem;} .nav__all.spk [id^="nav__"] li a{ color: #333333;} .nav__all.spk [id^="nav__"] li a:hover, .nav__all.on [id^="nav__"] li.active a{ color:#666;} [id^="nav__"] .nav__contact{ padding:0 2rem 0 0; } [id^="nav__"] .nav__contact a{ position:relative; overflow:hidden; display:block; color:#fff; padding:0 5rem; background:#2bb19e; height:5rem; line-height:5rem; z-index:1; border-radius: 5rem;} [id^="nav__"] .nav__contact a::after{ z-index:-1; position: absolute; content:""; width:0; height:100%; left:50%; top:0; background:#0c9c88; transition: 0.3s;} [id^="nav__"] .nav__contact a, [id^="nav__"] .nav__contact a:hover{ color:#fff !important;} [id^="nav__"] .nav__contact a:hover::after{ width:100%; left: 0; } #entry_btn{ position: fixed; bottom: 4rem; right: -10rem; z-index: 2; text-align: center; opacity: 0; transition: 0.4s;} #entry_btn a{ color:#fff; line-height: 1.2; font-size: 2rem; font-weight: bold; background:#2bb19e; border-radius: 6rem; padding: 1.5rem 4rem; box-shadow:2px 2px 3px rgba(0,0,0,.1);transition: 0.4s;} #entry_btn a:hover{background:#0c9c88;} #entry_btn span{ display: block;} #entry_btn.on{ right: 2rem; opacity: 1;} /* footer -------------------------------------*/ [id^="footer__"] { width:100%; background:#000; color:#fff; font-weight:100; padding:0 0 6rem; position:relative; font-size:1.3rem;} [id^="footer__"] a{ color:#fff; transition: 0.4s;} [id^="footer__"] a:hover{ color:#2bb19e;} #footer__ #follow__{ background: -webkit-linear-gradient(-45deg, rgba(19,173,217,1), rgba(72,179,101,1)); text-align:center; padding:4rem 0;} #footer__ #follow__ h3{ font-size:2.8rem; font-weight:100; padding:0 0 2rem;} #footer__ #follow__ ul{ padding:0 0 2rem; display:block;} #footer__ #follow__ ul li{ display:inline-block; padding:0 2rem;} #footer__ #follow__ ul li a{ position:relative;transition: .4s;} #footer__ #follow__ ul li a::after{ position:absolute; content:""; width:5rem; height:5rem; padding:0; top:calc(50% - 3.2rem); left:calc(50% - 2.5rem); background:rgba(255,255,255,.2); border-radius:100%; display:block;transition: .4s;} #footer__ #follow__ ul li a svg{ margin:0 0 0.3rem; width:2.5rem; z-index:4; position:relative;} #footer__ #follow__ ul li a path{ fill:#fff;} #footer__ #follow__ ul li a:hover path{ fill:#2bb19e;} #footer__ #follow__ ul li a:hover::after{ background:#fff;} #footer__ #follow__ p{ font-size:1.8rem; font-weight:100;} #footer__ #under__{ padding:3rem 0;} #footer__ #under__ .row{ border-left: 1px solid #272727; margin: 0; padding:0 3rem;} #footer__ #under__ .row:first-child { width:34%; border: none;} #footer__ #under__ .row:first-child .logo__ img{ height:9rem; padding: 0 0 2rem;} #footer__ #under__ .row:first-child p{ padding:0; line-height: 1.2; font-size: 1.2rem;} #footer__ #under__ .row:first-child p strong{ display:block; font-size: 2.5rem;} #footer__ #under__ .row:nth-child(2){ width:21%;} #footer__ #under__ .row:nth-child(3){ width:20%;} #footer__ #under__ .row:last-child { margin:0 0 0 auto; width:25%;} #footer__ #under__ .row:last-child p{ padding:0 0 0.5rem; font-size:1.2rem;} #footer__ #under__ .row:last-child ul{ padding:0 0 1rem;} #footer__ #under__ .row:last-child ul.sns li{ display:inline-block; padding:0 1rem 0 0; text-align: center;line-height: 4.5;} #footer__ #under__ .row:last-child ul.sns li a{position: relative; width: 5rem; height: 5rem; display: block; transition: 0.4s;} #footer__ #under__ .row:last-child ul.sns li a::before{ position: absolute; z-index: 0; background: #262626; top:0; left:0; width: 5rem; height: 5rem; border-radius: 3rem; display: block; content: "";transition: 0.4s;} #footer__ #under__ .row:last-child ul.sns li a svg{ height:1.8rem; z-index: 2; position: relative;} #footer__ #under__ .row:last-child ul.sns li a svg path{ fill:#fff;} #footer__ #under__ .row:last-child ul.sns li a:hover::before{ background: #fff; } #footer__ #under__ .row:last-child ul.sns li a:hover svg path{ fill:#000;} #footer__ #under__ .row:last-child ul.powered li{ display:inline-block; padding:0 1rem 0 0;} #footer__ #under__ .row:last-child ul.powered li img{ height:1.7rem;} /* main -------------------------------------*/ [id^="main__"] { position:relative; font-size:1.6rem; min-height:100vh;} .inner{ max-width:1100px; min-width:800px; width:calc(90% + 6rem); padding:0; margin:0 auto; position:relative; } .inner_small{ max-width:900px; min-width:660px; width:calc(70% + 6rem); padding:0 3rem; margin:0 auto; position:relative; } [class^="section___"] { width:100%; position:relative; transition: 0.6s; opacity:0; transform: translate(0, 10%);} [class^="section___"].active{ opacity:1; transform: translate(0, 0);} [class*="btn__"] { display:inline-block; text-align:center; padding:2rem 4rem; min-width:34rem; color:#fff; background:#2bb19e; font-size:1.6rem; line-height:1; position:relative; overflow:hidden; z-index: 1; box-shadow:2px 2px 3px rgba(0,0,0,.1); border-radius:7rem; transition: 0.4s;} [class*="btn__"]:hover{} [class*="btn__"]::after{ z-index:-1; position: absolute; content:""; width:0; height:100%; left:50%; top:0; background:#0c9c88; transition: 0.4s;} [class*="btn__"]:hover::after{ width:100%; left: 0; } .btn__w{ background:#fff; color: #2bb19e;} .btn__w:hover{color: #fff;} .btn__w::after{ background:#008291;} .btn__fb{ background:#4267b2;} .btn__fb::after{ background:#28498d;} .btn__line{ background:none; border:1px solid #fff;padding:1.9rem 4rem;} .btn__line::after{ background:rgba(255,255,255,0.4);} [class*="column__"] { display: flex; flex-wrap: wrap; width:100%; } [class*="column__"] .row{ position:relative;} [class*="column__"] .row .thumb{ width:100%; position:relative; overflow:hidden;} [class*="column__"] .row .thumb img{} [class*="column__"] .row a:hover .thumb img{transform: scale(1.05);} .column__02 .row{ width:48.3%; margin:0 0 3% 3.4%;} .column__02 .row:nth-child(2n+1){ margin:0 0 3%;} .column__03 .row{ width:31.066%; margin:0 0 3% 3.4%;} .column__03 .row:nth-child(3n+1){ margin:0 0 3%;} .column__04 .row{ width:23.5%; margin:0 0 3% 2%;} .column__04 .row:nth-child(4n+1){ margin:0 0 3%;} .column__05 .row{ width:18%; margin:0 0 2% 2%;} .column__05 .row:nth-child(5n+1){ margin:0 0 2%;} .column__06 .row{ width:15%; margin:0 0 2% 2%;} .column__06 .row:nth-child(6n+1){ margin:0 0 2%;} .bg_lightgray{ background:#f9f9f9;} .bg_gradient{ background: -webkit-linear-gradient(-25deg, #13add9, #15aed5, #2bb19e, #45b368, #48b365); } .f_gradient{background: -webkit-linear-gradient(-25deg, #13add9, #15aed5, #2bb19e, #45b368, #48b365); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} [class*="table__"]{} [class*="table__"] dl{ border-bottom:1px solid #d4dcdf; display: flex; flex-wrap: wrap; width:100%; } [class*="table__"] dl:first-child{ border-top:1px solid #d4dcdf;} [class*="table__"] dl dt{ width:20%; padding:2rem 1rem;} [class*="table__"] dl dd{ width:80%; padding:2rem 1rem 2rem 0rem;} [class*="table__"] dl ul{ list-style:disc; margin:0 0 0 2rem;} [class*="table__"] dl ul li{ padding:0 0 0.5rem;} .section__ h2 { padding:0 0 4rem; text-align:center; } .section__ h2 span{ font-size:5rem; color:#28b1a8;} .section__ h2 small{ display:block; font-size:1.4rem; color:#333 !important; font-weight:normal; line-height:1.6;} .side_fix{ position:fixed; right:1rem; top:14rem; display:block; font-size:1.3rem; z-index:3; color:#333;} .side_fix a{ color:#c4c4c4; display:block; font-size:1.4rem; transition: 0.4s; position:relative;} .side_fix a:hover{ color:#2bb19e !important; margin:0; } .side_fix .active a{ color:#2bb19e;} .side_fix .lang{ padding:0 0 1rem;} .side_fix .lang a{ padding:1.7rem; font-weight:bold; position: relative; z-index: 2;} .side_fix .lang a::before{ position: absolute; z-index: -1; background: rgba(255,255,255,0.2); top:0.8rem; left:0.5rem; width: 4rem; height: 4rem; border-radius: 3rem; display: block; content: "";transition: 0.4s;} .side_fix .lang a:hover::before, .side_fix .lang .active a::before{ background: #fff;} .side_fix .sns svg{ width:1.8rem;} .side_fix .sns path{ fill:#c4c4c4; transition: 0.4s; } .side_fix .sns a{ padding:1.5rem 1.2rem;} .side_fix .sns a:hover path{ fill:#2bb19e;} .page_ttl{ height:46rem; width:100%; display:table;} .page_ttl .txt{ display:table-cell; padding:3rem 0 0; text-align:center; vertical-align:middle; color:#fff;} .page_ttl .txt h2{ font-size:4.3rem; position:relative; font-weight:400; line-height:4rem; margin:0 0 2rem;} .page_ttl .txt p{ font-size:1.6rem;} /* top -------------------------------------*/ #top__fv{ width:100%; height:100vh; position:relative;} #top__fv::after{ background:#fff; position: absolute; top:0; left: 0; content: ""; display: block; width: 100%; height: 13rem; z-index: 0;} #top__fv .txt{ position: absolute; top:20%; left: calc(50% - 25rem); z-index: 2; text-align: center; color: #fff;} #top__fv .txt img{ width:50rem; margin: 0 0 5rem;} #top__fv .txt h2{ position:relative; line-height:5rem; margin:0 0 4rem;} #top__fv .txt h2 span{ display:block; font-size:6rem;} #top__fv .txt h2 strong{ display:block; font-size:1.8rem; font-weight: 400;} #top__fv .txt p{ position: absolute; right:4rem; bottom: 6rem; text-align: right; font-size:1.7rem; line-height:1.3;} #top__fv .txt p strong{ font-size:3.9rem;} #top__fv .date{ position: absolute; /*bottom:12rem;*/ bottom:4rem; right: 4%; z-index: 2; color: #fff; text-align: right;} #top__fv .date strong{ font-size: 5rem; line-height: 1;} #top__fv .-btn{ position: absolute; bottom:0; left:0; z-index: 2; width: 100%; background: rgba(43,177,158,0.8); padding: 1.5rem; color: #fff; font-size: 2.2rem; line-height: 1.4; font-weight: bold; text-align: center;} #top__fv .-btn .btn__w{ margin: 0 0 0 1.2rem; vertical-align: middle; min-width: auto; padding: 1.5rem 3rem;} #top__fv .swiper-container { width:100%; height:100vh; overflow:hidden; margin:0; display: block; position: relative; } #top__fv .p01{ background: url(../img/bg_top01.jpg) center center no-repeat; background-size:cover;} #top__fv .p02{ background: url(../img/bg_top02.jpg) center center no-repeat; background-size:cover;} #top__fv .p03{ background: url(../img/bg_top03.jpg) center center no-repeat; background-size:cover;} #top__fv .p04{ background: url(../img/bg_top04.jpg) center center no-repeat; background-size:cover;} #top__fv .p05{ background: url(../img/bg_top05.jpg) center center no-repeat; background-size:cover;} .information{ width:100%; z-index:100;} .information .inner{ padding:5rem 0;} .information dl.column__02 { width: 100%; margin: 0; color: #fff;} .information dl.column__02 > dt{ width: 20%; font-size: 2.6rem; line-height: 1.1; padding: 0; margin: 0;} .information dl.column__02 > dd{ width: 80%; margin: 0;} .information dl.column__02 > dd a{ color:#fff; font-weight: bold; text-decoration: underline; transition: 0.4s;} .information dl.column__02 > dd a:hover{ color:#fff; text-decoration:none;} .information dl.column__02 > dd .frame { height: 15rem; width: 100%; display: block; padding: 0 2rem 0 0; overflow-y:auto; -webkit-overflow-scrolling: touch; } .information dl.column__02 > dd .frame dl{ width: 100%; } .information dl.column__02 > dd .frame dl dt{ display: table-cell; width: 13%;padding: 1rem;} .information dl.column__02 > dd .frame dl dd{ display: table-cell; width: 87%;padding: 1rem;} .information dl.column__02 > dd .frame dl:first-child dt, .information dl.column__02 > dd .frame dl:first-child dd{ padding: 0 1rem 1rem;} .information dl.column__02 > dd .frame::-webkit-scrollbar{ width:0.5rem; height:auto; } .information dl.column__02 > dd .frame::-webkit-scrollbar-track{ background:none; } .information dl.column__02 > dd .frame::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.4); border-radius: 1rem;} #about__top{ padding: 12rem 0; text-align: left; position:relative; overflow: hidden;} #about__top::before, #about__top::after{ content: ""; position: absolute; background: #e9f4f3; border-radius: 100%; z-index: -1;} #about__top::before{ width: 80vw; height: 80vw; top:-50vw; right:-10vw;} #about__top::after{ width: 100vw; height: 100vw; bottom:-40vw; left:-10vw; } #about__top [class*="symbol__"]{ border-radius: 100%; background: -webkit-linear-gradient(-25deg, #13add9, #15aed5, #2bb19e, #45b368, #48b365); position: absolute; z-index: 2;} #about__top .symbol__01{width: 20rem; height: 20rem; top:60vh; left:calc(50% - 70rem);} #about__top .symbol__02{width: 10rem; height: 10rem; top:120vh; left:calc(50% - 57rem);} #about__top .symbol__03{width: 18rem; height: 18rem; bottom:70vh; right:calc(50% - 75rem);} #about__top .first { padding: 0 0 20rem; position: relative;} #about__top .first .row:first-child{ width:38%; padding: 0 3rem 0 0; text-align: left;} #about__top .first .row:first-child span{ font-size: 8rem; line-height: 1.3; display: block; padding: 0 0 1rem;} #about__top .first .row:first-child small{ font-size: 1.4rem;} #about__top .first .row:last-child {width:58%; padding: 4rem 0; } #about__top .first .row p{ width:100%;} #about__top .first .-img{ position: absolute; bottom:-7rem; right:-5vw; width: 35rem; overflow: hidden; border-radius: 100%;} #about__top .second{ padding: 0 0 10rem;} #about__top .second .img{ padding: 0 0 4rem; text-align: center;} #about__top .second .img img{ vertical-align: middle; padding: 0 1rem;} #about__top .second .logo__{ height: 4rem;} #about__top .second h3{ font-size: 2rem; padding: 0 0 4rem; text-align: center;} #about__top .second p{ font-size: 1.4rem; line-height: 1.8;} #about__top .third { position: relative;} #about__top .third h3{ text-align: center; padding: 0 0 4rem;} #about__top .third h3 small{ display: block; font-weight: 300; font-size: 1.8rem; padding: 0 0 0.5rem;} #about__top .third h3 span{ display: block; font-size: 7rem;} #about__top .third h3 strong{} #about__top .third .-width{ width:82%; margin: 0 auto; padding: 0 0 3rem;} #about__top .column__03 dt{ font-size: 3.4rem; padding: 0 0 4rem; text-align: center;} #about__top .column__03 dd{ font-size: 1.8rem; text-align: center; position: relative; } #about__top .column__03 dd img{ padding: 0 0 2rem; border-radius: 3rem;} #about__top .column__03 dd span{ position: relative; position:absolute; top: -2.5rem; width: 100%; text-align: center;} #about__top .column__03 dd span::before{ position: absolute; z-index: 1; background: #2bb19e; top:-1.2rem; left:calc(50% - 3.5rem); width: 7rem; height: 7rem; border-radius: 5rem; display: block; content: "";transition: 0.4s;} #about__top .column__03 dd span img{ width:4.5rem; position: relative;z-index: 2;} #keyword__{ color: #fff; padding: 6rem 0 7rem; text-align: center;} #keyword__ h2{ font-size:4.5rem; padding: 0 0 1.5rem;} #keyword__ h2 span{ padding:0 1rem;} #keyword__ h2 span img{ height:5rem; vertical-align: middle;} #bg_green{ padding: 12rem 0; text-align: left; position:relative; background: #e9f4f3;overflow: hidden;} #bg_green::before, #bg_green::after{ content: ""; position: absolute; background: #fff; border-radius: 100%; z-index: 0;} #bg_green::before{ width: 120vw; height: 120vw; top:-50vw; right:-45vw;} .column__02.-style{ padding: 0 0 2rem;} .column__02.-style h2.row{ width: 25%; margin: 0; padding: 0 6rem 0 0; text-align: left;} .column__02.-style h2.row span{ line-height: 1.2; display: block; padding: 0 0 1rem;} .column__02.-style div.row{ width:75%; margin: 0; padding: 0 0 0 6rem; border-left: 1px solid #2bb19e;} #conference__{ text-align: left;} #conference__ p{ padding:0 0 2rem;} #conference__ .column__05{ width:100%; text-align: center; font-size: 3rem; padding: 0 0 3rem;} #conference__ .column__05 .row{ position: relative; line-height: 1; color: #fff;} #conference__ .column__05 .row::before{ position:absolute; background: #2bb19e; z-index: 0; top:3rem; width: 19rem; height: 19rem; border-radius: 19rem; display: block; content: "";} #conference__ .column__05 .row dt { position: absolute; top:7rem; left: 4rem;} #conference__ .column__05 .row dt img{ width: 11rem; position: relative; z-index: 1;} #conference__ .column__05 .row dd{ display:table-cell; vertical-align: middle; position: relative; width: 19rem; height: 26rem; text-align: center; z-index: 2;} #event__{ text-align: left;} #event__ .column__02 .row h3{ font-size: 3rem; padding: 0 0 1.5rem; text-align: left; font-weight: bold;} #event__ .column__02.-style{ flex-flow: row-reverse;} #event__ .column__02.-style h2.row{ width: 25%; margin: 0; padding: 0 0 0 6rem;} #event__ .column__02.-style div.row{ width:75%; margin: 0; padding: 0 6rem 0 0; border-right: 1px solid #2bb19e; border-left: none;} #merit__{padding: 10rem 0 0;} #merit__ h2{ font-size:3rem; font-weight: 400; padding: 0 0 4rem;} #merit__ .column__02 dt{ padding: 0; text-align: center; position: relative;} #merit__ .column__02 dt img{ border-radius:3rem;} #merit__ .column__02 dd{ padding: 2rem;} #merit__ .column__02 dd h3{ text-align: left; font-size: 2.4rem; line-height: 1; font-weight: 400; padding: 0 0 1rem;} #merit__ .column__02 dd h3 span{ font-size: 11rem; color: #2bb19e; padding: 0 2rem 0 0; vertical-align: middle;} #merit__ .column__02:nth-of-type(2){ flex-flow: row-reverse;} #tickets__{ padding:10rem 0; color: #fff;} #tickets__ h2 span, #tickets__ h2 small{ color: #fff !important; background: -webkit-linear-gradient(-25deg, #fff, #fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} #tickets__ .column__02 .row{ background:#fff; border-radius: 3rem; margin-top: 2rem; padding: 6rem 4rem 4rem; position: relative;} #tickets__ .column__02 .row dt{ background: #008291; border-radius: 3rem; padding: 1rem 4rem; line-height: 1; display: inline-block; position: absolute; top:-1.5rem; left: calc(50% - 10rem); text-align: center;} #-en #tickets__ .column__02 .row:first-child dt{ left: calc(50% - 16rem);} #-en #tickets__ .column__02 .row:last-child dt{ left: calc(50% - 7.5rem);} #tickets__ .column__02 .row dd{ color:#000; text-align: center;} #tickets__ .column__02 .row dd small{ font-size:1.2rem; display: block; text-align: left;} #tickets__ .column__02 .row dd span{ display:block;} #tickets__ .column__02 .row dd strong{ font-size:3.6rem; padding: 0 0 1.5rem; display: block;} #tickets__ .column__02 .row dd strong.gf{ font-size:4rem;} #tickets__ .column__02 .row dd strong.gf small{ font-size:1.6rem; text-align: center; display: inline-block;} #tickets__ .btn{ text-align: center;} #tickets__ .btn .btn__w{font-size: 2rem; font-weight: bold;} #-en #tickets__ .column__02 .row dd strong{ line-height:1.1;} #outline__{ padding:10rem 0;} #outline__ .table__{ max-width:90rem; margin:0 auto; padding: 0 0 8rem;} #outline__ .table__ small{ font-size:1.2rem;} #outline__ #map1{ width:100%; height:400px; display:block; position:relative; z-index:2; border-radius: 3rem;} #measures__{padding: 7rem 0; text-align: left; font-size: 1.4rem;} #measures__ h4{ text-align:center; font-size: 1.8rem; padding: 0 0 2rem;} #video__{ padding: 8rem 0; text-align: center; background:url(../img/bg_video.jpg) center center no-repeat fixed; background-size:cover;} #video__ .video-outer{position: relative; width: 100%; padding-top: 56.25%;} #video__ iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;} #video__ h2{ color: #fff;} #access__{ padding:7rem 0;} #access__ dt{ font-weight:bold; font-size:1.8rem; padding:0 0 0.5rem;} #access__ dd{ line-height:1.8;} #access__ #map1{ width:100%; height:400px; display:block; position:relative; z-index:2; } #pitch_competition__{ padding:8rem 0; background: url("../img/bg_startup01.jpg") center center no-repeat; background-size:cover;} #pitch_competition__ h2{ color:#fff; padding:0 0 2rem;} #pitch_competition__ h2 small{ color:#fff;} #pitch_competition__ p{ color:#fff; font-size:2.4rem; font-weight:bold;} #pitch_competition__ ul{ text-align:center;} #pitch_competition__ ul li{ padding:0 1rem; display:inline-block;} #pitch_competition__ ul li [class*="btn__"]{ min-width:25rem !important;} #opportunity__{ padding:7rem 0 8rem;} #opportunity__ .column__04{ padding:3rem 0 0;} #opportunity__ .column__04 .row{ border:1px solid #d4dcdf; padding:0; margin-bottom:1.5rem;} #opportunity__ .column__04 .row dt{ text-align:center; padding:6rem 0 2rem; font-size:1.4rem; position:relative;} #opportunity__ .column__04 .row dt::after{ position:absolute; content:""; display:block; top:-3.5rem; left:calc(50% - 3.5rem); background:#005979; border-radius:10rem; width:7rem; height:7rem;} #opportunity__ .column__04 .row dt img{ position:absolute; top:-3.5rem; left:calc(50% - 3.5rem); padding:1.3rem;width:7rem; z-index:2;} #opportunity__ .column__04 .row dt strong{ font-size:3.2rem; color:#005979; display:block; font-weight:100;} #opportunity__ .column__04 .row dd{ padding:0 4rem 0; height:9rem; font-size:1.5rem;} #opportunity__ .column__04 .row dd.btn_dd{ padding:0; height:auto;} #opportunity__ .column__04 .row dd.btn_dd .btn_square{display:block; text-align:center; padding:2rem 0; color:#fff; font-size:1.8rem; background:#29b74f; line-height:1; position:relative; overflow:hidden; z-index: 1;} #opportunity__ .column__04 .row dd.btn_dd .btn_square::after{ z-index:-1; position: absolute; content:""; width:0; height:100%; left:auto; right:0; bottom:0; background:#1b8938; transition: 0.4s;} #opportunity__ .column__04 .row dd.btn_dd .btn_square:hover::after{ width:100%; left:0; } #opportunity__ .column__04 .row dd.btn_dd .btn__green{ min-width:auto; display:block; padding:1.5rem; margin:0 1rem 1rem; font-size:1.8rem;} #opportunity__ .column__04 .row dd.btn_dd.ip .btn_square{ opacity:0.5;} #sponsors__{ padding:7rem 0; background: #e9f4f3;} #sponsors__ h3{ text-align:center; position:relative; padding:0 0 2rem; font-size:2.2rem;} #sponsors__ h3::before, #sponsors__ h3::after{ position:absolute; content:""; top:1.4rem; width:2.5rem; height:0.1rem; display:block; background:#999;} #sponsors__ h3.platinum::before{ left:calc(50% - 8rem);} #sponsors__ h3.platinum::after{ right:calc(50% - 8rem);} #sponsors__ h3.gold::before{ left:calc(50% - 6.5rem);} #sponsors__ h3.gold::after{ right:calc(50% - 6.5rem);} #sponsors__ h3.silver::before{ left:calc(50% - 6.5rem);} #sponsors__ h3.silver::after{ right:calc(50% - 6.5rem);} #sponsors__ h3.bronze::before{ left:calc(50% - 7rem);} #sponsors__ h3.bronze::after{ right:calc(50% - 7rem);} #sponsors__ h3.mediapartner::before{ left:calc(50% - 10rem);} #sponsors__ h3.mediapartner::after{ right:calc(50% - 10rem);} #sponsors__ h3.supporter::before{ left:calc(50% - 7.5rem);} #sponsors__ h3.supporter::after{ right:calc(50% - 7.5rem);} #sponsors__ h3.supporter_en::before{ left:calc(50% - 9rem);} #sponsors__ h3.supporter_en::after{ right:calc(50% - 9rem);} #sponsors__ [class*="column__"]{ justify-content: center;} #sponsors__ h4{ text-align:center; vertical-align: middle; position:relative; padding:0 0 0rem; font-size:2.3rem;} #sponsors__ .en{ font-size:1.5rem!important;} #sponsors__ .pa{padding:0 18rem;} #sponsors__ .paen{padding:0 10rem;} #sponsors__ img{ border-radius: 3rem;} /* about -------------------------------------*/ .about__ .page_ttl{ background: url(../img/bg_about01.jpg) center center no-repeat; background-size:cover;} .about__ #about01{ text-align:center; padding:7rem 0;} /*.about__ #about01::after{ position:absolute; content:""; display:block; width:4rem; height:0.3rem; background:#005979; left:calc(50% - 2rem); bottom:0;}*/ .about__ #about01 h3{ font-size:3.8rem; color:#005979; font-weight:bold; padding:0 0 3rem;} .about__ #about01 p{ line-height:2;} .about__ #about02{ padding:7rem 0;} .about__ #about02 dl{ display: flex; flex-wrap: wrap; width:85%; } .about__ #about02 dl dt{ width:50%;} .about__ #about02 dl dt p{ padding:0 0 4rem; line-height:2.2;} .about__ #about02 dl dd{ width:50%;} .about__ #about02 dl.first{ margin:0 0 5vw auto;} .about__ #about02 dl.first dt{ padding:0 6rem 0 0;} .about__ #about02 dl.first dt h5{ font-size:5rem; color:#005979; font-weight:bold; padding:0 0 2rem;} .about__ #about02 dl.end{ margin:0 auto 4rem 0; flex-flow: row-reverse;} .about__ #about02 dl.end dt{ padding:0 0 0 6rem;} .about__ #about02 dl.end dt h4{ font-size:3rem; font-weight:bold; padding:0 0 2rem;} .about__ #about03{ padding:6rem 0;} .about__ #about03 .column__03 .row{ width:33.3333%; margin:0; border-left:1px solid #d4dcdf;} .about__ #about03 .column__03 .row:nth-child(3n+1){ margin:0; border-left:none;} .about__ #about03 .column__03 .row dt{ text-align:center; color:#005979; font-size:3.8rem; font-weight:100; padding:7rem 0 2rem; position:relative;} .about__ #about03 .column__03 .row dt::after{ position:absolute; content:""; display:block; top:0; left:calc(50% - 3.5rem); background:#005979; border-radius:10rem; width:7rem; height:7rem;} .about__ #about03 .column__03 .row dt img{ position:absolute; top:0; left:calc(50% - 3.5rem); padding:1.3rem;width:7rem; z-index:2;} .about__ #about03 .column__03 .row dd{ padding:0 4rem;} .about__ #about04{ padding:6rem 0;} .about__ #about04 h3{ font-size:3rem; color:#005979; font-weight:normal; padding:0 0 2rem; text-align:center;} .about__ #about04 p{ padding:0 0 2rem; line-height:2.2;} .about__ #about04 .column__02{ padding:3rem 0;} .about__ #about04 .column__02 h4{font-size:3rem; color:#005979; font-weight:normal; padding:0 0 2rem; } .about__ #about04 .column__02 p{ padding:0 0 3rem; line-height:2.2;} .about__ #healthtech__{ padding:6rem 0 7rem; color:#fff;} .about__ #healthtech__ .inner{ padding:0 6%;} .about__ #healthtech__ .inner h2{ font-size:3.3rem; position:relative; font-weight:400; line-height:6rem; margin:0 0 3.4rem; color:#fff; padding:0 0 2rem;} .about__ #healthtech__ .inner h2::after{ position:absolute; content:""; display:block; width:4rem; height:0.3rem; background:#fff; left:calc(50% - 2rem); bottom:0;} .about__ #healthtech__ .inner p{ line-height:2;} .about__ #merit__{ padding:10rem 0 3rem;} .about__ #merit__ h2{ font-weight:400 !important; font-size:4rem; padding:0 0 4rem;} .about__ #merit__ dl{ display: flex; flex-wrap: wrap; width:85%; background:#edf3f6; padding:3rem; position:relative;} .about__ #merit__ dl dt{ width:35%;} .about__ #merit__ dl dd{ width:65%; height:24rem; display:table;} .about__ #merit__ dl dd .txt{ display:table-cell; vertical-align:middle;} .about__ #merit__ dl dd h3{ font-size:2.8rem; color:#005979; font-weight:bold; padding:0 0 1.5rem;} .about__ #merit__ dl dd p{ line-height:1.8;} .about__ #merit__ dl:nth-child(even){ margin:0 0 4vw auto;} .about__ #merit__ dl:nth-child(even) dd{ padding:0 17% 0 5rem;} .about__ #merit__ dl:nth-child(odd){ margin:0 auto 4vw 0; flex-flow: row-reverse;} .about__ #merit__ dl:nth-child(odd) dd{ padding:0 5rem 0 17%;} .about__ #merit__ dl::after{ position:absolute; font-size:11rem; color:#005979; opacity:0.2; top:1rem; font-family: "Roboto Condensed","Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif; letter-spacing:0;} .about__ #merit__ dl:nth-child(2)::after{ content:"01"; right:15%;} .about__ #merit__ dl:nth-child(3)::after{ content:"02"; left:15%;} .about__ #merit__ dl:nth-child(4)::after{ content:"03"; right:15%;} .about__ #highlight__{ padding:6rem 0; background: url(../img/bg_highlight01.jpg) center center no-repeat; background-size:cover;} .about__ #highlight__ h2{ color:#fff; padding:0 0 3rem;} .about__ #highlight__ h2 small{ color:#fff;} .about__ #highlight__ p{ color:#fff; text-align:center; padding:0 0 4rem; font-size:1.4rem;} .about__ #highlight__ ul{ text-align:center;} .about__ #highlight__ ul li{ padding:0 1rem; display:inline-block;} .about__ #highlight__ ul li [class*="btn__"]{ min-width:25rem !important;} /* pitch -------------------------------------*/ .pitch__ .page_ttl{ background: url(../img/bg_pitch_competition01.jpg) center center no-repeat; background-size:cover; position:relative;} .pitch__ .page_ttl p{ padding:0 0 3rem;} .pitch__ .page_ttl .btn__{ padding:2rem; min-width:25rem; font-size:1.6rem;} .pitch__ .page_ttl .announcement{ position:absolute; left:0; bottom:0; width:100%; padding:2rem; color:#fff; text-align:center;} .pitch__ #pitch01{ text-align:center; padding:5rem 0; color: #333;} .pitch__ #pitch01 h3{ font-size:3.6rem; font-weight:bold; padding:0 0 3rem;} .pitch__ #pitch01 p{ line-height:2;} .pitch__ #feature__{ padding:7rem 0;} .pitch__ #feature__ h2{ font-weight:bold; font-size:3rem; padding:0 0 4rem;} .pitch__ #feature__ .column__03 .row{ width:30.066%; margin:0 0 3% 4.9%;} .pitch__ #feature__ .column__03 .row:nth-child(3n+1){ margin:0 0 3%;} .pitch__ #feature__ dt{ padding: 0 0 1.5rem;} .pitch__ #feature__ h3{ font-weight:bold; font-size:1.8rem; padding:0 0 1.5rem;} .pitch__ #feature__ p{ line-height:1.8;} .pitch__ #finalist__{ padding:7rem 0 6rem;} .pitch__ #finalist__ h2{ font-weight:700 !important; font-size:4rem; padding:0 0 4rem;} .pitch__ #finalist__ .column__03 .row{ width:30.066%; margin:0 0 3% 4.9%;} .pitch__ #finalist__ .column__03 .row:nth-child(3n+1){ margin:0 0 3%;} .pitch__ #finalist__ h3{ font-size:3.0rem; font-weight:bold; padding:0 0 3rem; text-align:center;} .pitch__ #finalist__ h4{ line-height:2; text-align:center; font-weight:400;} .pitch__ #finalist__ p small{ font-size:1.2rem;} .pitch__ #finalist__ .column__03 .row dt a img {box-shadow:0 0 1rem rgba(0,0,0,0.2); transition: 0.3s;} .pitch__ #finalist__ .selection { margin:8rem 0 2rem;} .pitch__ #finalist__ .selection h3{ color:#2bb19e !important;} .pitch__ #finalist__ .selection h4{ text-align: left !important; font-weight:bold;} .pitch__ #finalist__ .selection02 { margin:6rem 0 2rem;} .pitch__ #finalist__ .selection02 h3{ color:#2bb19e !important;} .pitch__ #finalist__ .selection02 h4{ text-align: left !important; font-weight:bold;} .pitch__ #finalist__ .advance{text-align:center; color:#2bb19e; margin-bottom:3rem; } .pitch__ #requirements__{ padding:7rem 0 9rem;} .pitch__ #requirements__ .table__{ max-width:85rem; margin:0 auto;} .pitch__ #requirements__ .table__ small{ font-size:1.2rem;} .pitch__ #schedule__{ padding:7rem 0;} .pitch__ #schedule__ p{ text-align:center; width:80%; margin:0 auto;} /* Judges -------------------------------------*/ .pitch__ #judges__ { padding:7rem 0 2rem;} .pitch__ #judges__ .section__{ text-align:center; padding:0 0 7rem;} .pitch__ #judges__ p{ font-size:1.3rem; padding:0 0 2rem;} .pitch__ #judges__ .column__04 .row a dt{ margin:4rem 0 1rem; overflow: hidden; border-radius: 0.5rem; background:#f8f8f8; position:relative; transition: 0.3s;} .pitch__ #judges__ .column__04 .row a dt::before{ position:absolute; left:0; top:0; content:""; width:100%; height:100%; display:block; z-index:99; background: rgba(0,0,0,0.7); opacity:0; transition: 0.3s;} .pitch__ #judges__ .column__04 .row a dt img{transition: 0.3s;} .pitch__ #judges__ .column__04 .row a:hover dt::before{ opacity:0.5;} .pitch__ #judges__ .column__04 .row a dt::after{ position:absolute; left:0; bottom:calc(50% - 0.8rem); content:"VIEW MORE"; font-size:1.3rem; color:#fff; width:100%; display:block; z-index:99; opacity:0; transition: 0.3s;} .pitch__ #judges__ .column__04 .row a:hover dt::after{ opacity:1;} .pitch__ #judges__ .column__04 .row a:hover dt img{transform:scale(1.05);} .pitch__ #judges__ .column__04 .row a dd{ font-size:2.2rem;} .pitch__ #judges__ .column__04 .row a dd small{ font-size:1.1rem; color:#777; line-height: 1.5; display:block;} .pitch__ #judges__ hr.space__ { display: block; height: 0; border: 0; border-top: 3px solid #005979; width:4rem; margin: 0 auto; padding: 0; } /* speakers -------------------------------------*/ .speakers__ .page_ttl{ background: url("../img/bg_speakers01.jpg") center center no-repeat; background-size:cover; position:relative;} .speakers__ .section__{ text-align:center; padding:7rem 0;} .speakers__ .section__ p{ font-size:1.3rem; padding:0 0 2rem;} .speakers__ .column__04 .row a dt{ margin:4rem 0 1rem; overflow: hidden; border-radius: 0.5rem; background:#f8f8f8; position:relative; transition: 0.3s;} .speakers__ .column__04 .row a dt::before{ position:absolute; left:0; top:0; content:""; width:100%; height:100%; display:block; z-index:99; background: rgba(0,0,0,0.7); opacity:0; transition: 0.3s;} .speakers__ .column__04 .row a dt img{transition: 0.3s;} .speakers__ .column__04 .row a:hover dt::before{ opacity:0.5;} .speakers__ .column__04 .row a dt::after{ position:absolute; left:0; bottom:calc(50% - 0.8rem); content:"VIEW MORE"; font-size:1.3rem; color:#fff; width:100%; display:block; z-index:99; opacity:0; transition: 0.3s;} .speakers__ .column__04 .row a:hover dt::after{ opacity:1;} .speakers__ .column__04 .row a:hover dt img{transform:scale(1.05);} .speakers__ .column__04 .row a dd{ font-size:2.2rem;} .speakers__ .column__04 .row a dd small{ font-size:1.1rem; color:#777; line-height: 1.5; display:block;} .speakers__ hr.space__ { display: block; height: 0; border: 0; border-top: 3px solid #005979; width:4rem; margin: 0 auto; padding: 0; } /* lightning__ -------------------------------------*/ .lightning__ .section__{ text-align:center; padding:7rem 0;} .lightning__ .section__ h3{ text-align:center; font-size:5rem; padding:0 0 3rem; font-weight:100 !important; color:#005979;} .lightning__ .section__ h3 small{ display:block; font-size:1.6rem; color:#3d3a35; font-weight:normal; line-height:1.6;} .lightning__ .section__ ul{ width:90%; display:flex; flex-wrap: wrap; margin:0 auto; list-style:none;} .lightning__ .section__ ul li{ width:50%; text-align:left; padding:0 0 1rem 1rem; text-indent: -1rem; font-size:1.4rem;} .lightning__ .section__ ul li:before {content: "• "; color: #005979;} .lightning__ .section__ .lightning_pitch_live{ text-align:center; margin:0 0 4rem;} .lightning__ .section__ .lightning_pitch_live h4{ font-size:3rem; padding:0 0 3rem; color:#005979;} .lightning__ .section__ .lightning_pitch_live p{ font-size:1.6rem; padding:0 0 2rem; line-height:2; color:#3d3a35;} .lightning__ .section__ .lightning_pitch_live img{ vertical-align:sub;} .lightning__ .section__ .lightning_pitch_timetable { padding:0 0 5rem;} .lightning__ .section__ .lightning_pitch_timetable table{width: 100%; background:#fff; margin:0 0 1rem;} .lightning__ .section__ .lightning_pitch_timetable table th, .lightning__ .section__ .lightning_pitch_timetable table td { border: 1px solid #d4dcdf; padding:1rem; line-height:1.2; vertical-align:middle; font-weight:normal;} .lightning__ .section__ .lightning_pitch_timetable table th{ background:#005979; color: #fff;} .lightning__ .section__ .lightning_pitch_timetable table .finish{ background:#f2f2f2;} .lightning__ .section__ .lightning_pitch_timetable table .announcement{ background:#ede7d7; color: #a58936;} .lightning__ .section__ .lightning_pitch_timetable small{ font-size:1.2rem;} /* program__ -------------------------------------*/ .program__ .page_ttl{ background: url(../img/bg_program01.jpg) center center no-repeat; background-size:cover;} .program__ .section__{ text-align:center; padding:7rem 0;} .program__ .program_day{ width:100%; display:table; padding:0 0 2rem;} .program__ .program_day li{ width:50%; display:table-cell; text-align:center; font-size:1.5rem; line-height: 1.1;} .program__ .program_day li span{ display: block; font-size: 3.5rem;} .program__ .program_day li a{ background:#f9f9f9; color:#2bb19e; padding:2rem; display:block; transition: 0.4s;} .program__ .program_day li a:hover, .program__ .program_day li.active{ background:#2bb19e; color:#fff; padding:2rem; position:relative; } .program__ .program_day.top li a::before{ position:absolute; content:""; bottom:1rem; left:calc(50% - 2rem); width: 0; height: 0; border-left: 2rem solid transparent; border-right: 2rem solid transparent; border-top: 2rem solid #2bb19e; opacity:0; transition: 0.3s; z-index:-1;} .program__ .program_day.top li a:hover::before, .program__ .program_day.top li.active::before{ position:absolute; content:""; bottom:-1rem; left:calc(50% - 2rem); width: 0; height: 0; border-left: 2rem solid transparent; border-right: 2rem solid transparent; border-top: 2rem solid #2bb19e; opacity:1;} .program__ .program_day.bottom li a::before{ position:absolute; content:""; top:1rem; left:calc(50% - 2rem); width: 0; height: 0; border-left: 2rem solid transparent; border-right: 2rem solid transparent; border-bottom: 2rem solid #2bb19e; opacity:0; transition: 0.3s; z-index:-1;} .program__ .program_day.bottom li a:hover::before, .program__ .program_day.bottom li.active::before{ position:absolute; content:""; top:-1rem; left:calc(50% - 2rem); width: 0; height: 0; border-left: 2rem solid transparent; border-right: 2rem solid transparent; border-bottom: 2rem solid #2bb19e; opacity:1;} .program__ .program_table {text-align:left; padding:0 0 2rem;} .program__ .program_table table{ width: 100%; background:#fff; padding:0 0 2rem;} .program__ .program_table table tr{ width:50%;} .program__ .program_table table th, .program__ .program_table table td { border: 1px solid #d4dcdf; padding:2rem; vertical-align:top; font-weight:normal;} .program__ .program_table table th{ text-align:center; font-weight:bold; vertical-align:middle; padding:2rem 0.5rem;} .program__ .program_table table th small{ display:block; font-weight:normal;} .program__ .program_table table td{ font-size:1.4rem; position:relative;} .program__ .program_table table td.bg_blue{ background:#f8f8f8; border: 1px solid #d4dcdf;} .program__ .program_table table td time{padding:0 0 0.5rem;} .program__ .program_table table td p{ font-size:1.6rem; padding:0 0 1rem; margin:0; font-weight:bold;} .program__ .program_table table td p a{ border-bottom:1px dotted #999;} .program__ .program_table table td h3{ text-align:center; padding:0 0 2rem; color:#005979; font-size:1.6rem;} .program__ .program_table table td ul{ list-style:disc; display:block; margin:0 0 0 2rem;} .program__ .program_table table td ul li{ padding:0 0 2rem;} .program__ .program_table table td ul li strong{ display:block; padding:0 0 0.5rem;} .program__ .program_table table td ul li span{ margin:0 0 0 1rem; display:block; color:#abaaaa; font-size:1.4rem;} .program__ .program_table table td ul li span small{ font-size:1rem !important;} .program__ .program_table small{ font-size:1.2rem;} .program__ .program_table table td dl{ display:table; width:100%; margin:0 0 1.3rem;} .program__ .program_table table td dl:last-child{ margin:0;} .program__ .program_table table td dl dt{ display:table-cell; width:12rem; color:#2bb19e;} .program__ .program_table table td dl dt a{color:#2bb19e; text-decoration: underline; transition: 0.3s;} .program__ .program_table table td dl dd{ display:table-cell; line-height:1.6rem;} .program__ .program_table table td dl dd p{ padding:0 0 0.4rem; margin:0; font-size:1.4rem; font-weight:normal;} .program__ .program_table table td dl dd small{ font-size:1rem; color:#777;} .program__ .program_table table td.short dl{ display:block;} .program__ .program_table table td.short dl dt{ display:block; width:100%; padding:0 0 0.5rem;} /* startup -------------------------------------*/ .startup__ .page_ttl{ background: url(../img/bg_startup01.jpg) top center no-repeat; background-size:cover; position:relative;} .startup__ .page_ttl p{ padding:0 0 3rem;} .startup__ .page_ttl .btn__{ padding:2rem; min-width:25rem; font-size:1.6rem;} .startup__ .page_ttl .announcement{ position:absolute; left:0; bottom:0; width:100%; padding:1.5rem; color:#fff; background: -webkit-linear-gradient(-25deg, #13add9, #15aed5, #2bb19e, #45b368, #48b365); text-align:center;} .startup__ #startup{ text-align:center; padding:7rem 0;} .startup__ #startup h3{ font-size:3.5rem; font-weight:bold; color: #2bb19e; padding:0 0 2rem;} .startup__ #startup .lead{ padding: 0 0 8rem;} .startup__ #startup p{ padding: 0 0 7rem;} .startup__ #startup .column__02{ margin-bottom:5rem;} .startup__ #startup .column__02 .row{ display: table; padding: 1.5rem;} .startup__ #startup .column__02 .row dt{ display: table-cell; width: 35%;} .startup__ #startup .column__02 .row dt a img {box-shadow:0 0 1rem rgba(0,0,0,0.2); transition: 0.3s;} .startup__ #startup .column__02 .row dt a:hover img{ opacity:0.9; box-shadow:0 0 0.5rem rgba(0,0,0,0.2);} .startup__ #startup .column__02 .row dd{ display: table-cell; width: 65%; padding: 0 0 0 3rem; vertical-align: top; text-align: left; position: relative;} .startup__ #startup .column__02 .row dd span{ position: relative; position: absolute; font-weight: bold; font-size: 2rem; right:1rem; top:1rem; line-height: 2.5rem; font-family: "Roboto Condensed","Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif; letter-spacing:0;} .startup__ #startup .column__02 .row dd span:after{ position: absolute; content: ""; top:-0.7rem; right: -0.9rem; width: 4rem; height: 4rem; border: 1px solid #999; display: block;} .startup__ #startup .column__02 .row dd h4{ padding: 0 5rem 2rem 0;} .startup__ #startup .column__02 .row dd h4 a{ display: block; text-decoration: underline; transition: 0.3s;} .startup__ #startup .column__02 .row dd h4 a:hover{opacity:0.9; text-decoration: none;} .startup__ #startup .column__02 .row dd h4 small{ font-size: 1.2rem; font-weight: 300;} .startup__ #startup .column__02 .row dd p{ padding:0 0 2rem; font-size: 1.4rem; line-height: 1.6;} .startup__ #startup .column__02 .row dd .movie{ text-align: right;} .startup__ #startup .column__02 .row dd .btn__{ min-width:auto; padding: 1.4rem 3rem; font-size: 1.4rem;} .md-modal {position: fixed;top: 50%;left: 50%; width: 50%; max-width: 85rem; min-width: 85rem; height: auto; z-index: 2000;visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden; backface-visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} .md-show {visibility: visible;} .md-overlay {position: fixed;width: 100%; height: 100%; visibility: hidden; top: 0;left: 0;z-index: 1000; opacity: 0; background: rgba(0,21,30,0.7); transition: 0.3s;} .md-show ~ .md-overlay { opacity: 1; visibility: visible; } .md-show {visibility: visible;} .md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 1000;opacity: 0; background: rgba(0,0,0,0.5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} .md-show ~ .md-overlay {opacity: 1;visibility: visible;} /* Content styles */ .md-content { position: relative; background:#fff; padding:3.5rem 2rem 3.5rem 3.5rem; margin:0 auto; } .md-content .md-scroll{ max-height:70vh; overflow-y:scroll;} .md-content ::-webkit-scrollbar{ width:0.5rem; height:auto;} .md-content ::-webkit-scrollbar-track{ border-radius: 2rem; background: #eee;} .md-content ::-webkit-scrollbar-thumb{ border-radius: 2rem; background: #777;} .md-content h3 { font-size:1.6rem; padding: 0 0 1rem;} .md-content h3 small{ font-size:1.2rem;} .md-content dl{ display: table; width:100%; padding:0 0 2rem;} .md-content dl dt{ display:table-cell; width:25%;} .md-content dl dt img{ border-radius:0.5rem; overflow:hidden; width:100%;} .md-content dl dd{ display:table-cell; width:75%; vertical-align:middle; padding:0 2rem; font-size:2.2rem;} .md-content dl dd small{ font-size:1.1rem; color:#777; display:block;} .md-content .txt { color:#3d3a35; font-size: 1.4rem;line-height:2; padding:0 1.5rem 0 0;} .md-content .txt p {margin: 0; padding: 0 0 1rem;} .md-close{ position:absolute; right:-2rem; top:-2rem;} .md-close i{ height:4rem; width:4rem; background:#28b1a8; border-radius: 50%; display:block; margin:0 auto; position:relative;} .md-close i:before, .md-close i:after{ display: block; content: ""; position: absolute; left: 1rem; top:2rem; width:2rem; height: 1px; background: #fff;} .md-close i:before{ transform: rotate(45deg);} .md-close i:after{ transform: rotate(-45deg);} .md-close i:hover{ cursor:pointer;} .pg-content { position: relative; background:#fff; padding:3.5rem 2rem 3.5rem 3.5rem; margin:0 auto; } .pg-content .pg-scroll{ max-height:70vh; overflow-y:scroll;} .pg-content ::-webkit-scrollbar{ width:0.5rem; height:auto;} .pg-content ::-webkit-scrollbar-track{ border-radius: 2rem; background: #eee;} .pg-content ::-webkit-scrollbar-thumb{ border-radius: 2rem; background: #777;} .pg-content h3 { font-size:1.6rem; padding: 0 0 1rem;} .pg-content h3 small{ font-size:1.2rem;} .pg-content dl{ display: table; width:100%; padding:0 0 2rem;} .pg-content dl dt{ display:table-cell; width:25%;} .pg-content dl dt img{ border-radius:0.5rem; overflow:hidden; width:100%;} .pg-content dl dd{ display:table-cell; width:75%; vertical-align:middle; padding:0 0rem; font-size:2.2rem;} .pg-content dl dd small{ font-size:1.1rem; color:#777; display:block;} .pg-content .txt { color:#3d3a35; font-size: 1.4rem;line-height:2; padding:0 1.5rem 0 0;} .pg-content .txt p {margin: 0; padding: 0 0 1rem;} } @media screen and (max-width:980px) { .sp{ display:inline;} .pc{ display:none;} .mb_ss{ margin-bottom:1rem !important;} .mb_s{ margin-bottom:2rem !important;} .mb_m{ margin-bottom:3rem !important;} .mb_l{ margin-bottom:4rem !important;} .mb_xl{ margin-bottom:8rem !important;} .mr_m{ margin-right:3rem !important;} .mr_s{ margin-right:2rem !important;} .mt_ss{ margin-top:1rem !important;} .pt_ss{ padding-top:2rem !important;} .pt_s{ padding-top:9rem !important;} .pt_l{ padding-top:10rem !important;} .font_s{ font-size:1.2rem !important;} .font_m{ font-size:2rem !important;} .font_l{ font-size:2.5rem !important;} .font_xl{ font-size:3.5rem !important;} .font_xxl{ font-size:4.5rem !important;} .bigger{ font-size:150% !important;} .scroll{ opacity: 0; transition: 0.6s; transform:translateY(2rem);} .scroll.delay01{ transition-delay:0.1s !important;} .scroll.delay02{ transition-delay:0.2s !important;} .scroll.delay03{ transition-delay:0.3s !important;} .scroll.delay04{ transition-delay:0.4s !important;} .scroll.delay05{ transition-delay:0.5s !important;} .scroll.delay06{ transition-delay:0.6s !important;} .scroll.active{opacity: 1; transform:translateY(0)} /* header__ -------------------------------------*/ [id^="header__"] { width:100%; height:60px; position:fixed; z-index:888;} .logo{ position:absolute; top:1.5rem; left:1.5rem; text-align:center;} .logo img[src$=".svg"]{ height:auto; width:13rem;} .btn_nav{ position:absolute; top:0.8rem; right:1rem; width:4.5rem; height:4.5rem; background: #28b1a8; z-index:9999;} .icon_menu{ position: absolute; top: calc(50% - 0.1rem); left: calc(50% - 1.5rem); opacity: 1; transition: .2s; width: 2.6rem; height: 2px;background: #fff;} .icon_menu:before, .icon_menu:after{ display: block; content: ""; position: absolute; left: 0; width: 3rem; height: 2px; transition: .2s; background: #fff;} .icon_menu:before{margin-top: -1rem;} .icon_menu:after{ margin-top: 1rem;} .btn_nav.close .icon_menu{ height:0; background: #fff;} .btn_nav.close .icon_menu:before, .btn_nav.close .icon_menu:after{background: #fff;} .btn_nav.close .icon_menu:before{margin-top:0;transform: rotate(45deg);} .btn_nav.close .icon_menu:after{ margin-top: 0;transform: rotate(-45deg);} [id^="nav__"] { padding:25vh 5vw 4rem; text-align:center;} [id^="nav__"] li{ font-size:1.5rem; border-bottom:1px solid rgba(255,255,255,0.2); display:block;} [id^="nav__"] li a{ padding:1.5rem; display:block;} .nav__all { position:relative; position:fixed; top:-100vh; left:0; width:100vw; height:100vh; background: -webkit-linear-gradient(-45deg, rgba(19,173,217,0.9), #48b365); z-index:-1; opacity:0; font-size:1.4rem; text-align:left; color:#fff;} .nav__all a{ color:#fff;} .nav__all.op{ opacity:1; top:0; z-index:999;} .nav__all .nav_logo{ position:absolute; top:12vh; left:0; width: 100%; text-align:center;} .nav__all .nav_logo img[src$=".svg"]{ height:auto; width:56vw;} .nav__contact{ bottom:3rem; left:3rem; width:calc(100% - 6rem); border: none;} [id^="nav__"] .nav__contact a{ position:relative; overflow:hidden; display:block; color:#2bb19e; padding:0 2rem; font-size: 1.8rem; background:#fff; height:5rem; line-height:5rem; z-index:1; border-radius: 5rem; font-weight: bold;} .nav__all.op .nav__contact{ position: fixed; z-index: 999;} #entry_btn{ position: fixed; bottom: -10rem; left: 0; z-index: 99; text-align: center; width: 100%; opacity: 0; transition: 0.4s;} #entry_btn a{ color:#fff; line-height: 1.2; font-size: 1.8rem; padding: 1.5rem; font-weight: bold; display: block;} #entry_btn a::after{ position: absolute; left:0; top:0; z-index: -1; content: ""; width: 100%; height: 16rem; display: block; background:#2bb19e; transition: 0.4s;} #entry_btn a:hover::after{background:#0c9c88;} #entry_btn span{ padding: 0 1rem 0 0;} #entry_btn.on{ bottom: 0; opacity: 1;} /* footer -------------------------------------*/ [id^="footer__"] { width:100%; background:#000; color:#fff; font-weight:100; padding:0 0 6rem; position:relative; font-size:1.3rem;} [id^="footer__"] a{ color:#fff; transition: 0.4s;} [id^="footer__"] a:hover{ color:#2bb19e;} #footer__ #follow__{ background: -webkit-linear-gradient(-45deg, rgba(19,173,217,1), rgba(72,179,101,1)); text-align:center; padding:3rem 0;} #footer__ #follow__ h3{ font-size:5vw; font-weight:100; padding:0 0 2rem;} #footer__ #follow__ ul{ padding:0 0 2rem; display:block;} #footer__ #follow__ ul li{ display:inline-block; padding:0 2rem;} #footer__ #follow__ ul li a{ position:relative;transition: .4s;} #footer__ #follow__ ul li a::after{ position:absolute; content:""; width:5rem; height:5rem; padding:0; top:calc(50% - 3.2rem); left:calc(50% - 2.5rem); background:rgba(255,255,255,.2); border-radius:100%; display:block;transition: .4s;} #footer__ #follow__ ul li a svg{ margin:0 0 0.3rem; width:2.5rem; z-index:4; position:relative;} #footer__ #follow__ ul li a path{ fill:#fff;} #footer__ #follow__ p{ font-size:4vw; font-weight:100;} #footer__ #under__{ padding: 3rem 0;} #footer__ #under__ .row{ display: block; width: 100%; margin: 0 0 1rem; padding:0 3rem;} #footer__ #under__ .row:first-child { border: none; text-align: center; padding: 0 0 4rem;} #footer__ #under__ .row:first-child .logo__ img{ height:6rem; margin: 0 0 2rem;} #footer__ #under__ .row:first-child p{ padding:0; line-height: 1.4; font-size: 1.3rem;} #footer__ #under__ .row:first-child p strong{ display:block; font-size: 2.5rem;} #footer__ #under__ .row:last-child { margin: 3rem 0 0; text-align: center;} #footer__ #under__ .row:last-child p{ padding:0 0 0.5rem; font-size:1.2rem;} #footer__ #under__ .row:last-child ul{ padding:0 0 1rem;} #footer__ #under__ .row:last-child ul.sns li{ display:inline-block; padding:0 1rem 0 0; text-align: center;line-height: 4.5;} #footer__ #under__ .row:last-child ul.sns li a{position: relative; width: 5rem; height: 5rem; display: block; transition: 0.4s;} #footer__ #under__ .row:last-child ul.sns li a::before{ position: absolute; z-index: 0; background: #262626; top:0; left:0; width: 5rem; height: 5rem; border-radius: 3rem; display: block; content: "";transition: 0.4s;} #footer__ #under__ .row:last-child ul.sns li a svg{ height:1.8rem; z-index: 2; position: relative;} #footer__ #under__ .row:last-child ul.sns li a svg path{ fill:#fff;} #footer__ #under__ .row:last-child ul.sns li a:hover::before{ background: #fff; } #footer__ #under__ .row:last-child ul.sns li a:hover svg path{ fill:#000;} #footer__ #under__ .row:last-child ul.powered li{ display:inline-block; padding:0 1rem 0 0;} #footer__ #under__ .row:last-child ul.powered li img{ height:1.7rem;} #footer__ .font_s{ font-size: 1rem !important;} /* main -------------------------------------*/ [id^="main__"] { position:relative; font-size:1.5rem; min-height:100vh; width: 100%;} .inner, .inner_small{ width:92%; margin:0 auto; position:relative; } [class^="section___"] { width:100%; position:relative; transition: 0.6s; opacity:0; transform: translate(0, 10%);} [class^="section___"].active{ opacity:1; transform: translate(0, 0);} [class*="btn__"] { display:inline-block; text-align:center; padding:1.5rem 4rem; min-width: 80%; color:#fff; background:#2bb19e; font-size:1.6rem; line-height:1; position:relative; overflow:hidden; z-index: 1; box-shadow:3px 3px 5px rgba(0,0,0,.2); text-shadow:1px 1px 5px rgba(0,0,0,.1); border-radius:5rem;} .btn__w{ background:#fff; color: #2bb19e;} .btn__w:hover{} .btn__w::after{ background:#008291;} .btn__fb{ background:#4267b2;} .btn__fb::after{ background:#28498d;} .btn__line{ background:none; border:1px solid #fff;padding:1.9rem 4rem;} .btn__line::after{ background:rgba(255,255,255,0.4);} [class*="column__"] { display: flex; flex-wrap: wrap; width:100%; } [class*="column__"] .row{ position:relative;} [class*="column__"] .row .thumb{ width:100%; position:relative; overflow:hidden;} [class*="column__"] .row .thumb img{} [class*="column__"] .row a:hover .thumb img{transform: scale(1.05);} .column__02 .row{ width:48.3%; margin:0 0 3% 3.4%;} .column__02 .row:nth-child(2n+1){ margin:0 0 3%;} .column__03 .row{ width:31.066%; margin:0 0 3% 3.4%;} .column__03 .row:nth-child(3n+1){ margin:0 0 3%;} .column__04 .row{ width:23.5%; margin:0 0 3% 2%;} .column__04 .row:nth-child(4n+1){ margin:0 0 3%;} .column__06 .row{ width:15%; margin:0 0 2% 2%;} .column__06 .row:nth-child(6n+1){ margin:0 0 2%;} .bg_lightgray{ background:#f9f9f9;} .bg_gradient{ background: -webkit-linear-gradient(-25deg, #13add9, #15aed5, #2bb19e, #45b368, #48b365); } .f_gradient{background: -webkit-linear-gradient(-25deg, #13add9, #15aed5, #2bb19e, #45b368, #48b365); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} [class*="table__"]{} [class*="table__"] dl{ border-bottom:1px solid #d4dcdf; display: flex; flex-wrap: wrap; width:100%; } [class*="table__"] dl:first-child{ border-top:1px solid #d4dcdf;} [class*="table__"] dl dt{ width:30%; padding:1rem;} [class*="table__"] dl dd{ width:70%; padding:1rem 1rem 1rem 0rem;} [class*="table__"] dl ul{ list-style:disc; margin:0 0 0 2rem;} [class*="table__"] dl ul li{ padding:0 0 0.5rem;} .section__ h2 { padding:0 0 4rem; text-align:center; } .section__ h2 span{ font-size:3.5rem; color:#28b1a8;} .section__ h2 small{ display:block; font-size:1.2rem; color:#000 !important; font-weight:normal; line-height:1.6;} .side_fix{ display:block; font-size:1.6rem; padding: 18vh 0 0; z-index:3; text-align:center; color:#fff;} .side_fix a{ color:#fff; display:block; font-size:1.4rem; transition: 0.4s; position:relative;} .side_fix .active a{ color:#fff; margin:0; } .side_fix ul{ padding:0 0 2rem;} .side_fix ul li{ display:inline-block;} .side_fix .lang{ padding:0 0 1rem;} .side_fix .lang li:first-child{ border-right:1px solid rgba(255,255,255,0.2);} .side_fix .lang a{ padding:1.7rem; font-size:2rem; font-weight:bold;} .side_fix .sns svg{ width:2rem;} .side_fix .sns path{ fill:#fff;} .side_fix .sns a{ padding:1.5rem 1.2rem;} .page_ttl{ height:40vh; width:100%; display:table;} .page_ttl .txt{ display:table-cell; padding:3rem 0 0; text-align:center; vertical-align:middle; color:#fff;} .page_ttl .txt h2{ font-size:3rem; position:relative; font-weight:400; line-height:3rem; margin:0 0 1.5rem;} .page_ttl .txt p{ font-size:1.4rem;} /* top -------------------------------------*/ #top__fv{ width:100%; height:100vh; position:relative; display:table;} #top__fv .txt{ position: absolute; top:0; height:30vh; vertical-align:middle; width:100vw; text-align:center; color:#fff; z-index:3; padding: 10vh 0 0;} #top__fv .txt img{ width:65vw; margin: 0 0 1rem;} #top__fv .txt h2{ position:relative; line-height:1.4; margin:0; font-size:3.5rem;} #top__fv .txt h2 strong{ display:block; font-size:1.2rem; font-weight:400; } #top__fv .txt p{ position: absolute; bottom: 0; width: 100%; font-size:1.3rem; line-height:1.2; display:block;} #top__fv .txt p.mb_s{ margin:0 0 6rem !important;} #top__fv .txt p strong{ font-size:3.2rem;} #top__fv .date{ position: absolute; /*bottom:19rem;*/ bottom:3rem; right: 4%; z-index: 2; font-size: 1.2rem; color: #fff; text-align: right;} #top__fv .date strong{ font-size: 3.4rem; line-height: 1;} #top__fv .-btn{ position: absolute; bottom:0; left: 0; width: 100%; z-index: 2; background: rgba(43,177,158,0.8); padding: 1.5rem; color: #fff; font-size: 1.8rem; line-height: 1.4; font-weight: bold; text-align: center;} #top__fv .-btn .btn__w{ display: block; font-size: 1.5rem; vertical-align: middle; max-width: 10rem; padding: 1.5rem 3rem; margin: 1.2rem auto 0;} #top__fv .swiper-container { width:100%; height:100vh; overflow:hidden; position:absolute; top:0; right:0; margin:0 0 0 auto;} #top__fv .p01{ background: url(../img/bg_top01_tab.jpg) center center no-repeat; background-size:cover;} #top__fv .p02{ background: url(../img/bg_top02_tab.jpg) center center no-repeat; background-size:cover;} #top__fv .p03{ background: url(../img/bg_top03_tab.jpg) center center no-repeat; background-size:cover;} #top__fv .p04{ background: url(../img/bg_top04_tab.jpg) center center no-repeat; background-size:cover;} #top__fv .p05{ background: url(../img/bg_top05_tab.jpg) center center no-repeat; background-size:cover;} .information{ width:100%; z-index:8;} .information.bg_gradient{padding: 3rem 0;} .information dl.column__02 { width: 100%; margin: 0; display: block; color: #fff;} .information dl.column__02 a{ color:#fff; font-weight: bold; text-decoration: underline; transition: 0.4s;} .information dl.column__02 dt.row{ width: 100%; line-height: 1.1; margin: 0 0 1rem; display: block; font-size: 1.8rem; text-align: center;} .information dl.column__02 dd.row {display: block; width: 100%;} .information dl.column__02 dd.row .frame { height: 20rem; width: 100%; display: block; padding: 0 2rem 0 0; overflow-y:auto; -webkit-overflow-scrolling: touch; } .information dl.column__02 dd.row .frame dl{ width: 100%; border-bottom: 1px solid rgba(255,255,255,0.4);display: block; } .information dl.column__02 dd.row .frame dl dt{ display: block; width:100%;padding: 1rem 0 0; font-size: 1.3rem;} .information dl.column__02 dd.row .frame dl dd{ display: block; width:100%;padding: 0.5rem 0 1rem; font-size: 1.4rem;} .information dl.column__02 dd.row .frame::-webkit-scrollbar{ width:0.5rem; height:auto; } .information dl.column__02 dd.row .frame::-webkit-scrollbar-track{ background:none; } .information dl.column__02 dd.row .frame::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.4); border-radius: 1rem;} #about__top{ padding: 5rem 0 3rem; text-align: left; position:relative; overflow: hidden;} #about__top::before, #about__top::after{ content: ""; position: absolute; background: #e9f4f3; border-radius: 100%; z-index: -1;} #about__top::before{ width: 25rem; height: 25rem; top:-10rem; right:-5rem;} #about__top::after{ width: 35rem; height: 35rem; bottom:-5rem; left:-5rem; } #about__top [class*="symbol__"]{ display: none; border-radius: 100%; background: -webkit-linear-gradient(-25deg, #13add9, #15aed5, #2bb19e, #45b368, #48b365); position: absolute; z-index: 2;} #about__top .symbol__01{width: 20rem; height: 20rem; top:60vh; left:calc(50% - 70rem);} #about__top .symbol__02{width: 10rem; height: 10rem; top:110vh; left:calc(50% - 50rem);} #about__top .symbol__03{width: 18rem; height: 18rem; bottom:70vh; right:calc(50% - 75rem);} #about__top .first { padding: 0 0 20rem; position: relative;} #about__top .first::before{ content: ""; position: absolute; background: #e9f4f3; border-radius: 100%; z-index: -1; width: 25rem; height: 25rem; bottom:3rem; left:-5rem;} #about__top .first .row{ width:100%; padding: 0 0; margin: 0 0 2rem; text-align: left;} #about__top .first .row:first-child span{ font-size: 15vw; line-height: 1.1; display: block; padding: 0 0 1rem;} #about__top .first .row:first-child small{ font-size: 1.4rem;} #about__top .first .row p{ width:100%;} #about__top .first .-img{ position: absolute; bottom:2rem; right:-7vw; width: 20rem; overflow: hidden; border-radius: 100%;} #about__top .second{ padding: 0 0 3rem;} #about__top .second .img{ padding: 0 0 3rem; text-align: center;} #about__top .second .img img{ vertical-align: middle; padding: 0 1rem;} #about__top .second .logo__{ height: 2rem;} #about__top .second h3{ font-size: 1.8rem; padding: 0 0 2rem; text-align: center;} #about__top .second p{ font-size: 1.4rem; line-height: 1.8;} #about__top .third { position: relative;} #about__top .third h3{ text-align: center; padding: 0 0 3rem;} #about__top .third h3 small{ display: block; font-weight: 300; font-size: 1.2rem; padding: 0 0 0.5rem;} #about__top .third h3 span{ display: block; font-size: 3.6rem;} #about__top .third h3 strong{} #about__top .column__03 { display:block; width: 100%;} #about__top .column__03 .row{ display:block; width: 100%; margin: 0 0 4rem; } #about__top .column__03 dt{ font-size: 3rem; padding: 0 0 4rem; text-align: center;} #about__top .column__03 dd{ font-size: 1.6rem; text-align: center; position: relative; } #about__top .column__03 dd img{ padding: 0 0 2rem; border-radius:3rem;} #about__top .column__03 dd span{ position: relative; position:absolute; top: -2.5rem; width: 100%; text-align: center;} #about__top .column__03 dd span::before{ position: absolute; z-index: 1; background: #2bb19e; top:-1.2rem; left:calc(50% - 3.5rem); width: 7rem; height: 7rem; border-radius: 5rem; display: block; content: "";transition: 0.4s;} #about__top .column__03 dd span img{ width:4.5rem; position: relative;z-index: 2;} #keyword__{ color: #fff; padding: 6rem 0 7rem; text-align: center;} #keyword__ h2{ font-size:3rem; padding: 0 0 2rem;} #keyword__ h2 span{ padding:0 1rem;} #keyword__ h2 span img{ height:4rem; vertical-align: middle;} #keyword__ p{ text-align: left;} #bg_green{ padding: 4rem 0 0; text-align: left; position:relative; background: #e9f4f3;overflow: hidden;} #bg_green::before, #bg_green::after{ content: ""; position: absolute; background: #fff; border-radius: 100%; z-index: 0;} #bg_green::before{ width: 120vw; height: 120vw; top:-50vw; right:-45vw;} .column__02.-style{ padding: 0 0 2rem;} .column__02.-style .row{ width:100%; margin: 0; padding: 0 0 2rem; display: block;} #conference__{padding: 0 0 2rem; text-align: left;} #conference__ p{ padding:0 0 2rem;} #conference__ .column__05{ width:100%; text-align: center; font-size: 2rem; justify-content: center;} #conference__ .column__05 .row{ width:27%; position: relative; line-height: 1; margin: 0 1rem 2rem;} #conference__ .column__05 .row::before{ position:absolute; background: #fff; z-index: 0; top:1.5rem; left: -0.3rem; width: 10rem; height: 10rem; border-radius: 19rem; display: block; content: "";} #conference__ .column__05 .row dt { padding:0 0 1rem;} #conference__ .column__05 .row dt img{ width: 5rem; z-index: 2; position: relative;} #conference__ .column__05 .row dd{ z-index: 2; position: relative;} #event__{padding: 4rem 0 0; text-align: left;} #event__ .column__02 .row{ width: 100%; margin: 0; padding: 0 0 3rem;} #event__ .column__02 .row h3{ font-size: 2.5rem; padding: 0 0 1.5rem; text-align: center; font-weight: 400;} #merit__{padding: 4rem 0; background: #fff;} #merit__ h2{ font-size:2.2rem; font-weight:500; padding: 0 0 4rem;} #merit__ .column__02 .row { display:block; width: 100%; margin: 0 0 3rem;} #merit__ .column__02 .row dt{ padding: 0 0 2rem; text-align: center; position: relative;} #merit__ .column__02 dt img{ border-radius:3rem;} #merit__ .column__02 dd{ padding: 0;} #merit__ .column__02 dd h3{ text-align: left; font-size: 1.8rem; line-height: 1; font-weight: 400; padding: 0 0 1rem;} #merit__ .column__02 dd h3 span{ font-size: 2.5rem; font-weight: bold; color: #2bb19e; padding: 0 1rem 0 0; vertical-align: middle;} #tickets__{ padding:4rem 0; color: #fff;} #tickets__ h2 span, #tickets__ h2 small{ color: #fff !important; background: -webkit-linear-gradient(-25deg, #fff, #fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} #tickets__ .column__02, #tickets__ .column__02.mb_m{ margin: 0 !important;} #tickets__ .column__02 .row{ display: block; width: 100%; background:#fff; border-radius: 3rem; margin: 0 0 4rem; padding: 3rem 2rem 2rem; position: relative;} #tickets__ .column__02 .row dt{ background: #008291; border-radius: 3rem; padding: 1rem 4rem; line-height: 1; display: inline-block; position: absolute; top:-1.5rem; left: calc(50% - 10rem); text-align: center;} #-en #tickets__ .column__02 .row dt{ padding: 1rem 2rem; } #-en #tickets__ .column__02 .row:first-child dt{ left: calc(50% - 13.5rem);} #-en #tickets__ .column__02 .row:last-child dt{ left: calc(50% - 4.5rem);} #tickets__ .column__02 .row dd{ color:#000; text-align: center; font-size: 1.2rem;} #tickets__ .column__02 .row dd strong{ font-size:3rem; display: block;} #tickets__ .column__02 .row dd small{ font-size:1.2rem; display: block; text-align: left;} #tickets__ .column__02 .row dd span{ display:block; font-size: 1.3rem;} #tickets__ .column__02 .row dd strong.gf{ font-size:3.6rem;} #tickets__ .column__02 .row dd strong.gf small{ font-size:1.6rem; text-align: center; display: inline-block;} #tickets__ .btn{ text-align: center;} #tickets__ .btn .btn__w{ font-size: 2rem; font-weight: bold;} #outline__{ padding:4rem 0;} #outline__ .table__{ max-width:90rem; margin:0 auto; padding: 0 0 3rem;} #outline__ .table__ small{ font-size:1.2rem;} #outline__ .table__ dt, #outline__ .table__ dd{ width: 100%; display: block; padding: 1.2rem;} #outline__ .table__ dt{ background: #f8f8f8;} #outline__ #map1{ width:100%; height:400px; display:block; position:relative; z-index:2;} #outline__ .table__ strong{ display:block;} #outline__ .table__ span{ font-size: 1.4rem;} #measures__{padding: 3rem 0; text-align: left; font-size: 1.4rem;} #measures__ h4{ text-align:center; font-size: 1.6rem; padding: 0 0 2rem;} #video__{ padding: 4rem 0; text-align: center; background:url(../img/bg_video.jpg) center center no-repeat; background-size:cover;} #video__ .video-outer{position: relative; width: 100%; padding-top: 56.25%;} #video__ iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;} #video__ h2{ color: #fff;} #access__{ padding:4rem 0 0;} #access__ .inner{ width:100%;} #access__ .column__02 .row{ width:100%; margin:0 2rem 3rem;} #access__ .column__02 .row:nth-child(2n+1){ margin:0 2rem 2rem;} #access__ dt{ font-weight:bold; font-size:2rem; padding:0 0 0.5rem;} #access__ dd{ line-height:1.8;font-size:1.6rem;} #access__ #map1{ width:100%; height:40vh; display:block; position:relative; z-index:2;} #pitch_competition__{ padding:6rem 0; background: url(../img/bg_pitch_competition01.jpg) center center no-repeat; background-size:cover;} #pitch_competition__ .inner{ width:100%;} #pitch_competition__ h2{ color:#fff; padding:0 0 2rem;} #pitch_competition__ h2 small{ color:#fff;} #pitch_competition__ p{ color:#fff; font-size:1.5rem;} #pitch_competition__ ul{ text-align:center;} #pitch_competition__ ul li{ padding:0 0 1rem; display:block;} #pitch_competition__ ul li [class*="btn__"]{ width:92%; display:block; margin:0 auto; padding:1.5rem 0; } #opportunity__{ padding:4rem 0;} #opportunity__ .column__04{ padding:3rem 0 0;} #opportunity__ .column__04 .row{ border:1px solid #d4dcdf; padding:0; width:100%; margin:0 0 5rem;} #opportunity__ .column__04 .row:last-child{ margin:0 0 1rem;} #opportunity__ .column__04 .row dt{ text-align:center; padding:3.5rem 0 2rem; font-size:1.4rem; position:relative;} #opportunity__ .column__04 .row dt::after{ position:absolute; content:""; display:block; top:-2.5rem; left:calc(50% - 2.5rem); background:#005979; border-radius:10rem; width:5rem; height:5rem;} #opportunity__ .column__04 .row dt img{ position:absolute; top:-2.8rem; left:calc(50% - 2.8rem); padding:1.3rem; width:5.6rem; z-index:2;} #opportunity__ .column__04 .row dt strong{ font-size:3rem; color:#005979; display:block; font-weight:100;} #opportunity__ .column__04 .row dd{ padding:0 2rem 2rem; height:auto;} #opportunity__ .column__04 .row dd.btn_dd{ padding:0; height:auto;} #opportunity__ .column__04 .row dd.btn_dd .btn_square{display:block; text-align:center; padding:1.5rem 0; color:#fff; font-size:1.6rem; background:#29b74f; line-height:1; position:relative; overflow:hidden; z-index: 1;} #opportunity__ .column__04 .row dd.btn_dd .btn__green{ display:block; padding:1.5rem; margin:0 1rem 1rem; font-size:1.6rem;} #opportunity__ .column__04 .row dd.btn_dd.ip .btn_square{ opacity:0.5;} #opportunity__ .txt_ar{ text-align:left !important;} #sponsors__{ padding:4rem 0; background: #e9f4f3;} #sponsors__ img{ border-radius: 1rem;} #sponsors__ h3{ text-align:center; position:relative; padding:0 0 2rem; font-size:2.2rem;} #sponsors__ h3::before, #sponsors__ h3::after{ position:absolute; content:""; top:1.4rem; width:2.5rem; height:0.1rem; display:block; background:#999;} #sponsors__ h3.platinum::before{ left:calc(50% - 8rem);} #sponsors__ h3.platinum::after{ right:calc(50% - 8rem);} #sponsors__ h3.gold::before{ left:calc(50% - 6.5rem);} #sponsors__ h3.gold::after{ right:calc(50% - 6.5rem);} #sponsors__ h3.silver::before{ left:calc(50% - 6.5rem);} #sponsors__ h3.silver::after{ right:calc(50% - 6.5rem);} #sponsors__ h3.bronze::before{ left:calc(50% - 7rem);} #sponsors__ h3.bronze::after{ right:calc(50% - 7rem);} #sponsors__ h3.mediapartner::before{ left:calc(50% - 10rem);} #sponsors__ h3.mediapartner::after{ right:calc(50% - 10rem);} #sponsors__ h3.supporter::before{ left:calc(50% - 7.5rem);} #sponsors__ h3.supporter::after{ right:calc(50% - 7.5rem);} #sponsors__ h3.supporter_en::before{ left:calc(50% - 9rem);} #sponsors__ h3.supporter_en::after{ right:calc(50% - 9rem);} #sponsors__ [class*="column__"] { justify-content: center;} #sponsors__ [class*="column__"] .row{ width:29% !important; margin:0 2% 3% !important;} #sponsors__ h4{ text-align:center; vertical-align: middle; position:relative; padding:0 0 0rem; font-size:1.5rem; margin-top:2rem; } #sponsors__ .pa{padding:0 2rem;} /* about -------------------------------------*/ .about__ .page_ttl{ background: url(../img/bg_about01.jpg) center center no-repeat; background-size:cover;} .about__ #about01{ text-align:left; padding:4rem 0;} .about__ #about01 h3{ font-size:3rem; color:#005979; text-align:left; font-weight:bold; padding:0 0 2rem;} .about__ #about01 p{ line-height:2;} .about__ #about02{ padding:4rem 0 0;} .about__ #about02 dl{ display: block;} .about__ #about02 dl.first{ padding:0 0 3rem;} .about__ #about02 dl dt{ width:90%; margin:0 auto;} .about__ #about02 dl dt p{ padding:0 0 2rem; line-height:1.8;} .about__ #about02 dl dd{ width:100%;} .about__ #about02 dl.first dt h5{ font-size:4rem; color:#005979; font-weight:bold; padding:0 0 2rem;} .about__ #about02 dl.end dt h4{ font-size:3rem; font-weight:bold; padding:0 0 2rem;} .about__ #about03{ padding:1rem 0;} .about__ #about03 .column__03 .row{ width:100%; margin:0; padding:2rem 0; border-bottom:1px solid #d4dcdf;} .about__ #about03 .column__03 .row:nth-child(3n){ margin:0; border-bottom:none;} .about__ #about03 .column__03 .row dt{ text-align:left; color:#005979; font-size:3rem; font-weight:100; padding:0 0 0 10rem; position:relative;} .about__ #about03 .column__03 .row dt::after{ position:absolute; content:""; display:block; top:0; left:1rem; background:#005979; border-radius:10rem; width:6rem; height:6rem;} .about__ #about03 .column__03 .row dt img{ position:absolute; top:0; left:1rem; padding:1.3rem; width:6rem; z-index:2;} .about__ #about03 .column__03 .row dd{ padding:0 1rem 0 10rem; font-size:1.6rem;} .about__ #about04{ padding:4rem 0;} .about__ #about04 h3{ font-size:2.6rem; color:#005979; font-weight:normal; padding:0 0 2rem; text-align:center;} .about__ #about04 p{ padding:0 0 2rem; line-height:2.2;} .about__ #about04 .column__02{ padding:1rem 0 5rem;} .about__ #about04 .column__02 .row{ width:100%; } .about__ #about04 .column__02 h4{font-size:2.2rem; text-align:center; color:#005979; font-weight:normal; padding:0 0 1rem; } .about__ #about04 .column__02 p{ padding:0 0 2rem; line-height:2.2;} .about__ #healthtech__{ padding:4rem 0; color:#fff;} .about__ #healthtech__ .inner{} .about__ #healthtech__ .inner h2{ font-size:4rem; position:relative; font-weight:400; line-height:4rem; margin:0 0 3rem; color:#fff; padding:0 0 2rem;} .about__ #healthtech__ .inner h2::after{ position:absolute; content:""; display:block; width:2rem; height:0.2rem; background:#fff; left:calc(50% - 1rem); bottom:0;} .about__ #healthtech__ .inner p{ line-height:1.8;} .about__ #merit__{ padding:4rem 0 0;} .about__ #merit__ h2{ font-weight:400 !important; font-size:3rem; padding:0 0 2rem;} .about__ #merit__ dl{ display: block; width:100%; background:#edf3f6; padding:0; position:relative; margin-bottom:1px;} .about__ #merit__ dl dd { padding:3rem 2rem 5rem;} .about__ #merit__ dl dd h3{ font-size:2.4rem; color:#005979; font-weight:bold; padding:0 0 1rem;} .about__ #merit__ dl dd p{ line-height:1.8;} .about__ #merit__ dl::after{ position:absolute; font-size:8rem; color:#005979; opacity:0.2; top:32vh; left:-1rem; font-family: "Roboto Condensed","Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif; letter-spacing:0;} .about__ #merit__ dl:nth-child(2)::after{ content:"01";} .about__ #merit__ dl:nth-child(3)::after{ content:"02";} .about__ #merit__ dl:nth-child(4)::after{ content:"03";} .about__ #highlight__{ padding:5rem 0; background: url(../img/bg_highlight01.jpg) center center no-repeat; background-size:cover;} .about__ #highlight__ h2{ color:#fff; padding:0 0 2rem;} .about__ #highlight__ h2 small{ color:#fff;} .about__ #highlight__ p{ color:#fff; text-align:center; padding:0 0 2rem; font-size:1.4rem;} .about__ #highlight__ ul{ text-align:center; width:100%;} .about__ #highlight__ ul li{ padding:0; display:block; text-align:center;} .about__ #highlight__ ul li .btn__line{ width:80%; display:block; padding:1.5rem; margin:0 auto;} /* pitch -------------------------------------*/ .pitch__ .page_ttl{ background: url(../img/bg_pitch_competition01.jpg) center center no-repeat; background-size:cover; position:relative;} .pitch__ .page_ttl p{ padding:0 0 2rem;} .pitch__ .page_ttl .btn__{ padding:1.5rem; min-width:50%; width:70%; font-size:1.4rem;} .pitch__ .page_ttl .announcement{ position:absolute; left:0; bottom:0; width:100%; padding:0.8rem; font-size: 1.2rem; color:#fff; text-align:center;} .pitch__ #pitch01{ text-align:left; padding:4rem 0; color: #333;} .pitch__ #pitch01 h3{ font-size:1.8rem; text-align:left; font-weight:bold; padding:0 0 2rem;} .pitch__ #pitch01 p{ line-height:2;} .pitch__ #feature__{ padding:4rem 0 0;} .pitch__ #feature__ h2{ font-size:2.2rem; padding:0 0 2rem;} .pitch__ #feature__ .column__03 .row{ width:100%; margin:0 0 4rem;} .pitch__ #feature__ .column__03 .row:nth-child(3n+1){ margin:0 0 4rem;} .pitch__ #feature__ dt{ padding: 0 0 1.5rem;} .pitch__ #feature__ h3{ font-weight:bold; font-size:1.8rem; padding:0 0 1rem;} .pitch__ #feature__ p{ line-height:1.8;} .pitch__ #finalist__{ padding:4rem 0 0;} .pitch__ #finalist__ h2{ font-size:2.2rem; padding:0 0 2rem;} .pitch__ #finalist__ .column__03 .row{ width:100%; margin:0 0 4rem;} .pitch__ #finalist__ .column__03 .row:nth-child(3n+1){ margin:0 0 4rem;} /*.pitch__ #finalist__ dt{ padding: 0 0 1.5rem;}*/ .pitch__ #finalist__ h3{ font-size:1.8rem; text-align:left; font-weight:bold; padding:0 0 2rem;} .pitch__ #finalist__ .blue{ color:#2bb19e} .pitch__ #finalist__ h4{ line-height:2; font-weight:400;} .pitch__ #finalist__ .column__03 .row dt a img {box-shadow:0 0 1rem rgba(0,0,0,0.2); transition: 0.3s;} .pitch__ #finalist__ .selection { margin:3rem 0 3rem;} .pitch__ #finalist__ .selection h3{ color:#2bb19e !important; font-size:2.2rem; text-align:center;} .pitch__ #finalist__ .selection h4{ font-weight:bold;} .pitch__ #finalist__ .selection02 { margin:1rem 0 3rem;} .pitch__ #finalist__ .selection02 h3{ color:#2bb19e !important; font-size:2.2rem; text-align:center;} .pitch__ #finalist__ .selection02 h4{ font-weight:bold;} .pitch__ #finalist__ p small{ font-size:1.2rem;} .pitch__ #finalist__ .advance{color:#2bb19e; margin-bottom:2rem; } /*judges -------------------------------------*/ .pitch__ #judges__ { padding:3rem 0 0;} .pitch__ #judges__ .section__{ text-align:center; padding:0 0 4rem;} .pitch__ #judges__ .section__ p{ font-size:1.2rem; padding:0 0 3rem;} .pitch__ #judges__ .column__04 .row{ width:48.5%; margin:0 0 3% 3%;} .pitch__ #judges__ .column__04 .row:nth-child(4n+1){ margin:0 0 3% 3%;} .pitch__ #judges__ .column__04 .row:nth-child(2n+1){ margin:0 0 3%;} .pitch__ #judges__ .column__04 .row a dt{ margin:2rem 0.5rem 1rem; border-radius:0.5rem; overflow: hidden; background:#777; position:relative; transition: 0.3s;} .pitch__ #judges__ .column__04 .row a dt img{ } .pitch__ #judges__ .column__04 .row a dd{ font-size:1.5rem;} .pitch__ #judges__ .column__04 .row a dd small{ font-size:1rem; color:#777; line-height: 1.5; display:block;} .pitch__ #judges__ hr.space__ { display: block; height: 0; border: 0; border-top: 3px solid #005979; width:4rem; margin: 0 auto; padding: 0; } .pitch__ #requirements__{ padding:4rem 0;} .pitch__ #requirements__ .table__{ max-width:85rem; margin:0 auto;} .pitch__ #requirements__ .table__ dt{ width:100%; padding: 1rem; background: #f9f9f9;} .pitch__ #requirements__ .table__ dd{ width:100%; padding: 1rem 1rem 2rem; } .pitch__ #requirements__ .table__ small{ font-size:1.2rem;} .pitch__ #schedule__{ padding:4rem 0;} .pitch__ #schedule__ p{ text-align:center; width:92%; margin:0 auto;} /* speakers -------------------------------------*/ .speakers__ .page_ttl{ background: url("../img/bg_speakers01.jpg") center center no-repeat; background-size:cover; position:relative;} .speakers__ .section__{ text-align:center; padding:4rem 0;} .speakers__ .section__ p{ font-size:1.2rem; padding:0 0 3rem;} .speakers__ .column__04 .row{ width:48.5%; margin:0 0 3% 3%;} .column__04 .row:nth-child(4n+1){ margin:0 0 3% 3%;} .column__04 .row:nth-child(2n+1){ margin:0 0 3%;} .speakers__ .column__04 .row a dt{ margin:2rem 0.5rem 1rem; border-radius:0.5rem; overflow: hidden; background:#777; position:relative; transition: 0.3s;} .speakers__ .column__04 .row a dt img{ } .speakers__ .column__04 .row a dd{ font-size:1.5rem;} .speakers__ .column__04 .row a dd small{ font-size:1rem; color:#777; line-height: 1.5; display:block;} .speakers__ hr.space__ { display: block; height: 0; border: 0; border-top: 3px solid #005979; width:4rem; margin: 0 auto; padding: 0; } /* lightning__ -------------------------------------*/ .lightning__ .section__{ text-align:center; padding:4rem 0;} .lightning__ .section__ h3{ text-align:center; font-size:3rem; padding:0 0 2rem; font-weight:100 !important; color:#005979;} .lightning__ .section__ h3 small{ display:block; font-size:1.2rem; color:#3d3a35; font-weight:normal; line-height:1.6;} .lightning__ .section__ ul{ width:90%; display:block; margin:0 auto; list-style:none;} .lightning__ .section__ ul li{ width:100%; text-align:left; padding:0 0 1rem 1rem; text-indent: -1rem; font-size:1.4rem;} .lightning__ .section__ ul li:before {content: "• "; color: #005979;} .lightning__ .section__ .lightning_pitch_live{ text-align:center; margin:0 0 4rem;} .lightning__ .section__ .lightning_pitch_live h4{ font-size:2rem; padding:0 0 3rem; color:#005979;} .lightning__ .section__ .lightning_pitch_live p{ font-size:1.5rem; padding:0 0 2rem; line-height:1.6; color:#3d3a35;} .lightning__ .section__ .lightning_pitch_live img{ vertical-align:sub;} .lightning__ .section__ .lightning_pitch_timetable { padding:0 0 4rem;} .lightning__ .section__ .lightning_pitch_timetable table{width: 100%; background:#fff; margin:0 0 1rem;} .lightning__ .section__ .lightning_pitch_timetable table th, .lightning__ .section__ .lightning_pitch_timetable table td { border: 1px solid #d4dcdf; padding:1rem; line-height:1.4; vertical-align:middle; font-weight:normal;} .lightning__ .section__ .lightning_pitch_timetable table th{ background:#005979; color: #fff;} .lightning__ .section__ .lightning_pitch_timetable table .finish{ background:#f2f2f2;} .lightning__ .section__ .lightning_pitch_timetable table .announcement{ background:#ede7d7; color: #a58936;} .lightning__ .section__ .lightning_pitch_timetable small{ font-size:1.1rem;} /* program__ -------------------------------------*/ .program__ .page_ttl{ background: url(../img/bg_program01.jpg) center right no-repeat; background-size:cover;} .program__ .page_ttl .mb_m{ margin:0 0 1.5rem !important;} .program__ .page_ttl small{ font-size:2.8vw; line-height:1.6; display:block;} .program__ .section__{ text-align:center; padding:4rem 0;} .program__ .program_day{ width:100%; display:table; padding:0 0 2rem;} .program__ .program_day li{ width:50%; display:table-cell; text-align:center; font-size:1.4rem; line-height: 1.1;} .program__ .program_day li span{ display: block; font-size: 2.4rem;} .program__ .program_day li a{ background:#f9f9f9; color:#2bb19e; padding:1.6rem; display:block; transition: 0.4s;} .program__ .program_day li.active{ background:#2bb19e; color:#fff; padding:1.6rem; position:relative; } .program__ .program_day.top li a::before{ position:absolute; content:""; bottom:1rem; left:calc(50% - 1rem); width: 0; height: 0; border-left: 2rem solid transparent; border-right: 2rem solid transparent; border-top: 2rem solid #2bb19e; opacity:0; transition: 0.3s; z-index:-1;} .program__ .program_day.top li.active::before{ position:absolute; content:""; bottom:-1rem; left:calc(50% - 2rem); width: 0; height: 0; border-left: 2rem solid transparent; border-right: 2rem solid transparent; border-top: 2rem solid #2bb19e; opacity:1;} .program__ .program_day.bottom li a::before{ position:absolute; content:""; top:1rem; left:calc(50% - 2rem); width: 0; height: 0; border-left: 2rem solid transparent; border-right: 2rem solid transparent; border-bottom: 2rem solid #2bb19e; opacity:0; transition: 0.3s; z-index:-1;} .program__ .program_day.bottom li.active::before{ position:absolute; content:""; top:-1rem; left:calc(50% - 1rem); width: 0; height: 0; border-left: 2rem solid transparent; border-right: 2rem solid transparent; border-bottom: 2rem solid #2bb19e; opacity:1;} .program__ .program_table { text-align:left; padding:0 0 2rem; width:100%; overflow-y:scroll; -webkit-overflow-scrolling: touch;} .program__ .program_table table{ width: 200%; background:#fff; margin:0 0 1rem;} .program__ .program_table table tr{ width:50%;} .program__ .program_table table th, .program__ .program_table table td { border: 1px solid #d4dcdf; padding:1.5rem; line-height:1.6; vertical-align:top; font-weight:normal;} .program__ .program_table table th{ text-align:center; font-size:1.3rem; padding:1rem;} .program__ .program_table table th small{ display:block; font-weight:normal;} .program__ .program_table table td{ font-size:1.3rem; position:relative;} .program__ .program_table table td.bg_blue{ background:#f8f8f8;} .program__ .program_table table td time{padding:0 0 0.5rem;} .program__ .program_table table td p{ font-size:1.4rem; padding:0 0 0.7rem; margin:0; font-weight:bold;} .program__ .program_table table td ul{ list-style:disc; display:block; margin:0 0 0 2rem;} .program__ .program_table table td ul li{ padding:0 0 2rem;} .program__ .program_table table td ul li strong{ display:block; padding:0 0 0.5rem;} .program__ .program_table table td ul li span{ margin:0 0 0 1rem; display:block;font-size:1.4rem;} .program__ .program_table table td ul li span small{ font-size:1rem !important;} .program__ .program_table small{ font-size:1.2rem;} .program__ .program_table table td dl{ display:block; width:100%; margin:0 0 1rem;} .program__ .program_table table td dl:last-child{ margin:0;} .program__ .program_table table td dl dt{ display:block; color:#2bb19e; padding:0 0 0.5rem;} .program__ .program_table table td dl dt a{color:#2bb19e; text-decoration: underline; transition: 0.3s;} .program__ .program_table table td dl dd{ display:block;} .program__ .program_table table td dl dd p{ padding:0 0 0.4rem; margin:0; font-size:1.3rem; font-weight:normal;} .program__ .program_table table td dl dd small{ font-size:1.1rem; line-height:1.5; display:block; color:#777;} /* startup -------------------------------------*/ .startup__ .page_ttl{ background: url(../img/bg_startup01.jpg) top center no-repeat; background-size:cover; position:relative;} .startup__ .page_ttl p{ padding:0 0 2rem;} .startup__ .page_ttl .btn__{ padding:1.5rem; min-width:50%; width:70%; font-size:1.4rem;} .startup__ .page_ttl .announcement{ position:absolute; left:0; bottom:0; width:100%; padding:0.8rem; font-size: 1.2rem; color:#fff; background: -webkit-linear-gradient(-25deg, #13add9, #15aed5, #2bb19e, #45b368, #48b365); text-align:center;} .startup__ #startup{ text-align:center; padding:4rem 0;} .startup__ #startup h3{ font-size:2.4rem; font-weight:bold; color: #2bb19e; padding:0 0 1.5rem;} .startup__ #startup .lead{ padding: 0 0 5rem; text-align: left;} .startup__ #startup p{ padding: 0 0 2rem; text-align: left;} .startup__ #startup .column__02{ margin-bottom:5rem;} .startup__ #startup .column__02{ display:block;} .startup__ #startup .column__02 .row{ width: 100%; padding: 1.5rem 0; margin: 0;} .startup__ #startup .column__02 .row dt{ text-align: center; padding: 0 0 1.5rem;} .startup__ #startup .column__02 .row dt a img { box-shadow:0 0 1rem rgba(0,0,0,0.2);} .startup__ #startup .column__02 .row dd{ padding: 0 0; vertical-align: top; text-align: left; position: relative;} .startup__ #startup .column__02 .row dd span{ position: relative; position: absolute; font-weight: bold; font-size: 2rem; right:1.2rem; top:1rem; line-height: 2.5rem; font-family: "Roboto Condensed","Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif; letter-spacing:0;} .startup__ #startup .column__02 .row dd span:after{ position: absolute; content: ""; top:-0.7rem; right: -1rem; width: 4rem; height: 4rem; border: 1px solid #999; display: block;} .startup__ #startup .column__02 .row dd h4{ padding: 0 5rem 2rem 0;} .startup__ #startup .column__02 .row dd h4 a{ display: block; text-decoration: underline; transition: 0.3s;} .startup__ #startup .column__02 .row dd h4 a:hover{opacity:0.9; text-decoration: none;} .startup__ #startup .column__02 .row dd h4 small{ font-size: 1.2rem; font-weight: 300;} .startup__ #startup .column__02 .row dd p{ padding:0 0 2rem; font-size: 1.3rem; line-height: 1.6;} .startup__ #startup .column__02 .row dd .movie{ text-align: center;} .startup__ #startup .column__02 .row dd .btn__{ min-width:auto; padding: 1.4rem 3rem; font-size: 1.4rem;} .md-modal { position: relative; position: fixed; overflow-x:scroll; padding:1rem 1rem; -webkit-overflow-scrolling: touch; top: 0;left:0; width: 100%; height:100%; z-index:2000; visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden; backface-visibility: hidden;} .md-show {visibility: visible;} .md-overlay {position: fixed;width: 100%; height: 100%; visibility: hidden; top: 0;left: 0;z-index: 1000; opacity: 0; background: rgba(0,21,30,0.7); transition: 0.3s;} .md-show ~ .md-overlay { opacity: 1; visibility: visible; } .md-show {visibility: visible;} .md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 1000;opacity: 0; background: rgba(0,0,0,0.5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} .md-show ~ .md-overlay {opacity: 1;visibility: visible;} /* Content styles */ .md-content { background:#fff; padding:0; margin:0 auto; } .md-content dl{ display: table; width:100%; padding:2rem;} .md-content dl dt{ display:table-cell; width:40%;} .md-content dl dt img{ width:100%; border-radius: 0.5rem; } .md-content dl dd{ display:table-cell; width:60%; vertical-align:middle; padding:0 0 0 2rem; font-size:1.5rem;} .md-content dl dd small{ font-size:1.1rem; line-height: 1.5; color:#777; display:block; padding:0.5rem 0 0;} .md-content .txt { color:#3d3a35; font-size: 1.3rem;line-height:1.8; padding:0 2rem 2rem;} .md-content .txt p {margin: 0; padding: 0 0 1.5rem;} .md-close{ position:fixed; right:0rem; top:0rem;} .md-close i{ height:4rem; width:4rem; background:#28b1a8; display:block; margin:0 auto; position:relative;} .md-close i:before, .md-close i:after{ display: block; content: ""; position: absolute; left: 0.75rem; top:1.9rem; width:2.5rem; height: 2px; background: #fff;} .md-close i:before{ transform: rotate(45deg);} .md-close i:after{ transform: rotate(-45deg);} .pg-content { background:#fff; padding:0; margin:0 auto; } .pg-content dl{ display: table; width:100%; padding:2rem 0rem;} .pg-content dl dt{ display:table-cell; width:40%;} .pg-content dl dt img{ width:100%; border-radius: 0.5rem; } .pg-content dl dd{ display:table-cell; width:60%; vertical-align:middle; padding:0 0 0 2rem; font-size:1.5rem;} .pg-content dl dd small{ font-size:1.1rem; line-height: 1.5; color:#777; display:block; padding:0.5rem 0 0;} .pg-content .txt { color:#3d3a35; font-size: 1.3rem;line-height:1.8; padding:0 2rem 2rem;} .pg-content .txt p {margin: 0; padding: 0 0 1.5rem;} } @media screen and (max-width:767px) { #top__fv .p01{ background: url(../img/bg_top01_sp.jpg) center center no-repeat; background-size:cover;} #top__fv .p02{ background: url(../img/bg_top02_sp.jpg) center center no-repeat; background-size:cover;} #top__fv .p03{ background: url(../img/bg_top03_sp.jpg) center center no-repeat; background-size:cover;} #top__fv .p04{ background: url(../img/bg_top04_sp.jpg) center center no-repeat; background-size:cover;} #top__fv .p05{ background: url(../img/bg_top05_sp.jpg) center center no-repeat; background-size:cover;} } @media print{ } .notfound{ text-align:center; min-height:80%; max-width:90rem; display:block; padding:5rem 2rem; margin:0 auto; font-size:1.8rem;} .notfound .logo_svg{ width:50%; max-width:25rem; margin:0 auto; padding:0 0 3rem;} @-webkit-keyframes scrollAct { 0% { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 30% { opacity: 0.6; } 60% { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px); } 70% { opacity: 0; -webkit-transform: translateY(13px); transform: translateY(13px); } 100% { opacity: 0; } } @keyframes scrollAct { 0% { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px); } 30% { opacity: 0.6; } 60% { opacity: 1; -webkit-transform: translateY(10px); transform: translateY(10px); } 70% { opacity: 0; -webkit-transform: translateY(13px); transform: translateY(13px); } 100% { opacity: 0; } } /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#fff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}