@charset "utf-8"; @import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css'); @import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@200;300;400;500;600&display=swap'); /* 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:#003047; background:#d6f4e6; 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: #003047;} *,*::before,*::after { box-sizing: border-box;} a { color: #fff;} .gf{ font-family: 'Barlow Semi Condensed', 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_red{ color:#a01f24;} .cl_lred{ color:#df2d34;} .cl_orange{ color:#ea9014;} .bg_navy{background: #12192e;} .bg_lightgray{ background:#f9f9f9;} .bg_gradient{ background: -webkit-linear-gradient(-25deg, #13add9, #15aed5, #2bb19e, #45b368, #48b365); } .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:8rem; position:fixed; z-index:888;} .nav__all { position:relative; position:fixed; top:0; left:0; width:100%; padding: 3rem 4rem; font-size:1.4rem; text-align:left; color:#fff; z-index: 99; transition: 0.3s;} .nav__all a{ color:#003047;} .nav__all .bg{ background:#fff; position: relative; width: 100%; height:8rem; display: table; border-radius: 0.5rem; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.03);} .logo{ transition: 0.4s; height:8rem; display: table-cell; vertical-align: middle; padding: 0 0 0 3rem;} .logo img[src$=".svg"]{ height:auto; width:15rem; transition: 0.4s;} [id^="nav__"] { position:absolute; top:0; right:0; padding: 0 3rem;} [id^="nav__"] li{ display:table-cell; height:8rem; padding:0 1rem; font-size:1.8rem; vertical-align:middle;} [id^="nav__"] li a{ position:relative; overflow:hidden; height:8rem; font-weight: bold; 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.3rem; left:auto; right:0; bottom:2rem; background:#00aa84; transition: 0.3s;} [id^="nav__"] li a:hover, [id^="nav__"] li.active a{ color:#00aa84;} [id^="nav__"] li a:hover::after, [id^="nav__"] li.active a::after{ width:100%; left:0; } [id^="nav__"] li.-neon { font-size:1.6rem;} [id^="nav__"] li.-neon a{ background:#ffa633; padding: 0 3rem; height: 5rem; border-radius: 5rem; line-height: 5rem;color: #fff; } [id^="nav__"] li.-neon a::after{ background: none;} [id^="nav__"] li.-neon a:hover{ background:#f18d0c;} .side_fix{ position:fixed; right:4rem; top:14rem; display:block; font-size:1.3rem; z-index:3; color:#333;} .side_fix a{ color:#ea9014; display:block; font-size:1.4rem; transition: 0.4s; position:relative;} .side_fix a:hover{ color:#050a1a !important; margin:0; } .side_fix .active a{ color:#050a1a;} .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.3); top:0.9rem; left:0.4rem; 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: #ea9014; color: #050a1a;} .side_fix .sns svg{ width:1.8rem;} .side_fix .sns path,.side_fix .sns circle{ fill:#003047; transition: 0.4s; } .side_fix .sns a{ padding:0.8rem 1.2rem;} .side_fix .sns a:hover path, .side_fix .sns a:hover circle{ fill:#fff;} [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:#ea9014; 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:auto; right:0; top:0; background:#d77d00; transition: 0.3s;} [id^="nav__"] .nav__contact a:hover{ color:#fff;} [id^="nav__"] .nav__contact a:hover::after{ width:100%; left: 0; } [id^="nav__"] .nav__contact_sp{ display:none} /* footer -------------------------------------*/ [id^="footer__"] { width:100%; background:#003047; 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:#00aa84;} #footer__ #under__{ padding:5rem 0;} #footer__ #under__ .row{ border-left: 1px solid #33596c; margin: 0; padding:0 2.5rem;} #footer__ #under__ .row h5{font-size: 1.8rem; padding: 0 0 1rem;} #footer__ #under__ .row:first-child { width:52%; border: none;} #footer__ #under__ .row:first-child dl{ display: flex; flex-wrap: wrap; width:100%; padding: 0 0 1.5rem;} #footer__ #under__ .row:first-child dl dt{ width: 40%; padding: 0 2.5rem 0 0;} #footer__ #under__ .row:first-child .logo__ img{ height:9rem; } #footer__ #under__ .row:first-child dl dd{ width: 60%;} #footer__ #under__ .row:first-child p{ line-height: 1.2; font-size: 1.8rem;} #footer__ #under__ .row:first-child .powered{ font-size:1.2rem; line-height:1.2; vertical-align:middle} #footer__ #under__ .row:first-child .powered li{ padding:0 1rem 1.5rem 0; display: inline-block; vertical-align:middle;} #footer__ #under__ .row:first-child .powered li img{vertical-align:middle;} #footer__ #under__ .row:first-child .powered li:nth-child(1) img{ width: 6rem;} #footer__ #under__ .row:first-child .powered li:nth-child(2) img{ width: 8.5rem;} #footer__ #under__ .row:first-child .powered li:nth-child(3) img{ width: 8rem;} #footer__ #under__ .row:first-child .powered li:nth-child(4) img{ width: 9rem;} #footer__ #under__ .row:nth-child(2){ width:15%;} #footer__ #under__ .row:nth-child(3){ width:27%;} #footer__ #under__ .row:last-child { margin:0 0 0 auto; width:6%;} #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 0.5rem;} #footer__ #under__ .row:last-child ul.sns li{ text-align: center;line-height: 3;} #footer__ #under__ .row:last-child ul.sns li a{ display: block; transition: 0.4s;} #footer__ #under__ .row:last-child ul.sns li a svg{ height:1.7rem; z-index: 2; position: relative; transition: 0.4s;} #footer__ #under__ .row:last-child ul.sns li a svg path, #footer__ #under__ .row:last-child ul.sns li a svg circle{ fill:#fff;} #footer__ #under__ .row:last-child ul.sns li a:hover svg path, #footer__ #under__ .row:last-child ul.sns li a:hover svg circle{ fill:#00aa84;} /* main -------------------------------------*/ [id^="main__"] { position:relative; font-size:1.6rem; background: #d6f4e6; min-height:100vh; width: 100%; overflow: hidden;} .inner{ max-width:120rem; min-width:90rem; width:calc(100% - 8rem); padding:0; margin:0 auto; position:relative; } .inner_small{ max-width:90rem; min-width:66rem; width:calc(100% - 8rem); padding:0; 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:#003047; font-size:1.6rem; line-height:1; position:relative; overflow:hidden; z-index: 1; box-shadow:2px 2px 3px rgba(0,0,0,.05); border-radius:7rem; transition: 0.4s;} [class*="btn__"]:hover{} [class*="btn__"]::after{ z-index:-1; position: absolute; content:""; width:0; height:100%; left:auto; right:0; bottom:0; background:#0d4661; transition: 0.4s;} [class*="btn__"]:hover::after{ width:100%; left: 0; } [class*="btn__"].none{pointer-events:none; opacity: 0.7;} .btn__mini { display:inline-block; text-align:center; padding:1.2rem 4rem; font-size: 90%; min-width:22rem;} .btn__green{ background:#00aa84;} .btn__green:hover{} .btn__green::after{ background:#22977d;} .btn__orange{ background:#ffa633;} .btn__orange:hover{} .btn__orange::after{ background:#f18d0c;} [class*="column__"] { display: flex; flex-wrap: wrap; width:100%; } [class*="column__"] .row{ position:relative;} .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%;} [class*="table__"]{} [class*="table__"] dl{ border-bottom:1px solid #e5eaec; display: flex; flex-wrap: wrap; width:100%; } [class*="table__"] dl:first-child{} [class*="table__"] dl dt{ width:25%; padding:2rem 2rem; font-weight: bold;} [class*="table__"] dl dd{ width:75%; padding:2rem 2rem 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 5rem; text-align:center; } .section__ h2 span{ font-size:8rem; color:#fff; font-weight:400; display:block;} .section__ h2 small{ display: inline-block; font-size:2rem; font-weight:normal; padding: 0 0 1rem; color: #00aa84; line-height:1.5; background: linear-gradient(to bottom,rgba(255,255,255,0) 85%,#fff 85.5%);} .page_ttl{ height:50rem; width:100%; display:table; background: url(../img/bg_graphic01.png), linear-gradient(#01af88, #61cf6f); background-position: center top -150%; background-repeat: no-repeat; background-size:cover; } .page_ttl .txt{ display:table-cell; padding:8rem 0 0; text-align:center; vertical-align:middle; color:#fff;} .page_ttl .txt h2{ font-size:8rem; position:relative; font-weight:400; line-height:4rem; color:#fff; margin:0 0 2.5rem;} .page_ttl .txt p{ font-size:2rem;} .arc{min-height: 300px; border-bottom-right-radius: 2000px 300px; border-bottom-left-radius: 2000px 300px; margin-left: -100px; margin-right: -100px; padding-left: 100px; padding-right: 100px;} /* top -------------------------------------*/ #top__fv{ width:100%; height:85vh; min-height: 80rem; color: #fff; position:relative; display:table; background: url(../img/bg_top.gif) center center no-repeat fixed #00af88 ; background-size:100%;} #top__fv .text{ text-align:left; color:#fff; position:absolute; left:6%; top:18%; z-index:3; padding:0 0;} #top__fv .text .-img{ margin: 0 0 4rem;} #top__fv .text .-img img{ width:66%; padding:0 1rem 0 0; transform: translateY(1rem);} #top__fv .text .-img span{ font-size:9rem; font-weight: 500;} #top__fv .text h2{ position:relative; line-height:3rem; font-size:2.2rem; font-weight: bold;margin:0 0 2rem;} #top__fv .text h2 span{ font-size: 1.6rem; font-weight: normal;} #top__fv .text h3{ font-size: 1.8rem;} #top__fv .text h3 small{ font-size: 1.2rem;} #top__fv .img{ position: absolute; left: 38%; bottom:4vh; width: 70%; min-width: 70rem;} #top__fv p{ position: absolute; left:6%; bottom: 14rem; text-align: left; font-size:3.6rem; line-height:1.1;} #top__fv p small{ font-size:2.6rem; } #top__fv .powered{ position: absolute; right:6%; bottom: 16rem; text-align: right; height: 1rem; font-size:1.2rem; line-height:1;} #top__fv .powered li{ padding:0 1rem; margin: 0; display: inline-block; vertical-align: bottom;} #top__fv .powered li img{ padding: 0 0 0 0.2rem;} #top__fv .powered li .-nikkei{ width: 8rem;} #top__fv .powered li .-mitsuifudosan{ width: 10rem;} #top__fv .powered li .-maff{ width: 9rem;} .information{background: #d6f4e6; padding: 0 0 4rem;} .information .inner{ padding:4rem 0 4rem 7rem; margin: -10rem auto 0; background: #fff; color:#003047; font-size: 1.4rem; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.2);} .information dl.column__02 { width: 100%; margin: 0;} .information dl.column__02 > dt{ width: 18%; font-size: 3rem; line-height: 1.1; padding: 0; margin: 0;} .information dl.column__02 > dd{ width: 82%; margin: 0;} .information dl.column__02 > dd a{ text-decoration: none; transition: 0.3s; color:#003047;} .information dl.column__02 > dd a:hover{ opacity: 0.6; text-decoration:none;} .information dl.column__02 > dd .frame { height: 17rem; width: 100%; display: block; padding: 0 7rem 0 0; overflow-y:auto; -webkit-overflow-scrolling: touch; } .information dl.column__02 > dd .frame dl{ width: 100%; border-bottom: 1px solid #e5eaec; } .information dl.column__02 > dd .frame dl dt{ display: table-cell; width: 13%; padding: 1.5rem; } .information dl.column__02 > dd .frame dl dd{ display: table-cell; width: 87%; padding: 1.5rem; } .information dl.column__02 > dd .frame dl:first-child dt, .information dl.column__02 > dd .frame dl:first-child dd{ padding: 0 1.5rem 1.5rem;} .information dl.column__02 > dd .frame::-webkit-scrollbar{ width:0.5rem; height:auto; } .information dl.column__02 > dd .frame::-webkit-scrollbar-track{ background:#fff; } .information dl.column__02 > dd .frame::-webkit-scrollbar-thumb{ background:#003047; } /* speakers__ -------------------------------------*/ #speakers__{ padding: 10rem 0; text-align: center; background: #d6f4e6;} #speakers__ .swiper-wrapper{ padding: 0 0 1.5rem;} #speakers__ .swiper-slide{ width:28rem; padding: 0 0 0 2rem;} #speakers__ .swiper-slide dt {border-radius: 100%; position: relative; overflow: hidden;} #speakers__ .swiper-slide dd{ padding: 2rem; text-align: center; min-height: 15rem;} #speakers__ .swiper-slide dd h4{ font-size: 1.8rem; padding: 0 0 1rem; font-weight: normal;} #speakers__ .swiper-slide dd p{ font-size: 1.2rem; } #speakers__ .swiper-slide dd p small{ font-size: 1.1rem; } #speakers__ .swiper__nav{ text-align: right;} #speakers__ .swiper__nav li{ position: relative; width:4rem; height: 4rem; border-radius: 4rem; background: #fff; transition: 0.4s; margin: 0 0 0 1rem; display: inline-block;} #speakers__ .swiper__nav li::before{ position: absolute; border-top:2px solid #00aa84; border-left:2px solid #00aa84; content: ""; width: 1rem; height: 1rem; top:1.5rem; display: block; transition: 0.4s;} #speakers__ .swiper__nav li.nextbutton::before{transform: rotate(-45deg); left: 1.7rem;} #speakers__ .swiper__nav li.prevbutton::before{transform: rotate(135deg); right: 1.8rem;} #speakers__ .swiper__nav li:hover{background: #00aa84; cursor: pointer;} #speakers__ .swiper__nav li:hover::before{ border-top:2px solid #fff; border-left:2px solid #fff; } /* agsum__ -------------------------------------*/ #agsum__ .first{ position: relative; padding: 0 0 37rem; background: url(../img/bg_agsum.jpg) bottom center no-repeat ; background-size: 100% auto; overflow: hidden;} #agsum__ .first .arc{ padding: 15rem 0 10rem; background: #fff;} #agsum__ .first h2{ font-size: 3.2rem; padding: 0 0 4rem;} #agsum__ .first h3{ position:absolute; top:-17rem; left: 0; width: 100%; font-weight: normal; text-align: center; font-size: 12.6rem; color: #d6f4e6; line-height: 0.8; z-index: 0;} #agsum__ .first .text{ columns: 2; column-gap: 5rem;} #agsum__ .first .text p{ padding: 0 0 2rem;} #agsum__ .second{ background: #fff; position: relative; overflow: hidden;} #agsum__ .second .arc{ padding: 10rem 0 10rem; background: #d6f4e6;} #agsum__ .second h3{ font-size: 4.4rem; color: #00a580; font-weight: normal; padding: 0 0 4rem; text-align: center; } #agsum__ .second h3 span{background: linear-gradient(to bottom,rgba(255,255,255,0) 65%,#fff 65.5%);} #agsum__ .second .column__03 .row{ position: relative; background: url("../img/bg_keyword.png") center bottom no-repeat; background-size:100%;} #agsum__ .second .column__03 .row dl{ text-align:center; padding: 32rem 0 0;} #agsum__ .second .column__03 .row dl dt{ padding: 0 0 1rem; margin: -30rem 0 0;} #agsum__ .second .column__03 .row dl dt img{ height:20rem;} #agsum__ .second .column__03 .row dl dd{ padding:0 4.7rem 8rem;} #agsum__ .second .column__03 .row dl dd h4{ font-size: 3rem; color: #00aa84; padding: 0 0 1rem;} #agsum__ .second .column__03 .row dl dd h4 span{ font-size: 1.6rem; font-weight: normal; display: block;} #agsum__ .second .column__03 .row dl dd p{ font-size: 1.4rem; text-align: left;} #agsum__ .third{ position: relative; overflow: hidden;} #agsum__ .third .arc{ padding: 6rem 0 4rem; background: #fff;} #agsum__ .third .inner{ padding:0 2rem; max-width: 96rem;} #agsum__ .third .inner h3{ font-size: 2.2rem; padding: 0 0 1.5rem;} #agsum__ .third .inner .column__02 .row:first-child{ width:66%;} #agsum__ .third .inner .column__02 .row:last-child{ width:30%;} #agsum__ .third .inner p{ padding:0 0 2.5rem;} #agsum__ .fourth{ position: relative; overflow: hidden;} #agsum__ .fourth .arc{ padding: 10rem 0 10rem; background: #d6f4e6;} #agsum__ .fourth h3{ font-size: 4.4rem; color: #00a580; font-weight: normal; padding: 0 0 4rem; text-align: center; } #agsum__ .fourth h3 span{background: linear-gradient(to bottom,rgba(255,255,255,0) 65%,#fff 65.5%);} #agsum__ .fourth .column__02{ padding:0; margin: -2rem 0 0; position: relative;} #agsum__ .fourth .column__02::after{ position:absolute; content: ""; bottom: 0; left: 0; width: 90%; height: 10rem; border-radius: 10rem; background:#e6f8f0; transform: rotate(45deg); display: block; z-index: 0;} #agsum__ .fourth .column__02:nth-child(even)::after{transform: rotate(-45deg); left: auto; right:0;} #agsum__ .fourth .column__02:last-child::after{width: 0; height: 0;} #agsum__ .fourth .column__02:last-child{ margin-bottom:-10rem;} #agsum__ .fourth .column__02 img{z-index:2; position: relative;} #agsum__ .fourth .column__02:nth-child(even) { flex-direction: row-reverse;} #agsum__ .fourth .column__02 .row{ padding: 0; margin: 0;} #agsum__ .fourth .column__02 .row:first-child{ width:50%;} #agsum__ .fourth .column__02 .row:last-child{ width:50%; padding: 6rem 0 0; z-index: 2} #agsum__ .fourth .column__02 h2{ text-align: left; position: relative; padding: 0 0 2rem; margin: 0; } #agsum__ .fourth .column__02 h2 span{ font-size: 9rem; line-height: 1;color:#fff; padding: 0 0 0 3rem;} #agsum__ .fourth .column__02 h2 span.-small{ font-size:6rem; line-height: 1;} #agsum__ .fourth .column__02 h2 small{ position: absolute; top:3.7rem; font-size:2rem; padding: 0 3rem 0 0; background: linear-gradient(to bottom,rgba(255,255,255,0) 98%,#00a580 98.5%);} #agsum__ .fourth .column__02 p{ padding:0 0 2rem;} #agsum__ .frame{ background: #fff; border-radius: 0.5rem; padding: 3rem 4rem; max-width: 90rem; margin: 0 auto; z-index: 2; position: relative;} #agsum__ .frame p{ display:block; padding: 0 0 3rem;} #agsum__ .frame [class*="btn__"]{ width: 80%;} #agsum__ .frame [class*="btn__"] small{ display:block; font-size: 1.2rem; padding: 1rem 0 0;} /* startup__ -------------------------------------*/ #startup__{ padding: 8rem 0 10rem; text-align: center; color: #fff; background: url("../img/bg_startup.gif") center bottom no-repeat #003047; background-size:100%;} #startup__ h2 span{ font-size:8rem; color:#3b9788; font-weight:400; display:block; line-height: 1;} #startup__ h2 small{ display: inline-block; font-size:2rem; font-weight:normal; padding: 2rem 0 1rem; color: #fff; line-height:1.5; background: linear-gradient(to bottom,rgba(255,255,255,0) 85%,#3b9788 85.5%);} #startup__ h3{ color: #00aa84; font-size: 2.4rem; padding: 0 0 1.5rem; } #startup__ h4{ color: #00aa84; font-size: 1.6rem; padding: 1.5rem; background:#d6f4e6;} #startup__ p{ text-align: left; line-height: 2;} #startup__ .frame{ color:#003047; background:#fff; padding: 4rem; margin: 0 3rem; border-radius: 0.5rem;} #startup__ .frame .table__{ text-align: left;} #startup__ .frame .table__ dd a{ color:#003047; text-decoration: underline;} #startup__ .frame .-small{ font-size:1.2rem; line-height: 1.6;} /* digest__ -------------------------------------*/ #digest__{ width:100%; position:relative; background: url(../img/bg_digest.jpg) center center no-repeat; background-size:cover; padding: 10rem 0;} #digest__ h3{ font-size: 4.4rem; color: #00a580; font-weight: normal; padding: 0 0 4rem; text-align: center; } #digest__ h3 span{background: linear-gradient(to bottom,rgba(255,255,255,0) 65%,#fff 65.5%);} #digest__ h4{ font-size: 2rem; padding: 0 0 2rem; text-align: center; } #digest__ .video-outer {position: relative;height: 0; padding: 0 0 56.25%; overflow: hidden; margin-bottom: 20px;} #digest__ .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%;} #digest__ .box{ background:#121626; text-align: center; padding: 4rem;} #digest__ .box h3{ font-size: 4rem; font-weight: 400; line-height: 1.2; padding: 0 0 2rem;} #digest__ .box h3 small{ font-size:3rem; display: block;} #digest__ .box h3 small img{ height:2.8rem; vertical-align: middle; margin: 0 0.8rem 0 0;} #digest__ .box h4{ font-size: 2rem; padding: 0 0 1rem;} /* digest__ -------------------------------------*/ #outline__{ padding:10rem 0; background: #fff; } #outline__ h2 span{ font-size:8rem; color:#d6f4e6; font-weight:400; display:block;} #outline__ h2 small{ display: inline-block; font-size:2rem; font-weight:normal; padding: 0 0 1rem; line-height:1.5; background: linear-gradient(to bottom,rgba(255,255,255,0) 85%,#d6f4e6 85.5%);} #outline__ img{ width: 20rem;} /* tickets__ -------------------------------------*/ #tickets__{ padding:10rem 0; text-align: center; color: #fff; background: url("../img/bg_tickets.gif") center bottom no-repeat #00aa84; background-size:100%;} #tickets__ h2 span{ font-size:8rem; color:#a3d7c8; font-weight:400; display:block;} #tickets__ h2 small{ display: inline-block; font-size:2rem; color: #fff; font-weight:normal; padding: 0 0 1rem; line-height:1.5; background: linear-gradient(to bottom,rgba(255,255,255,0) 85%,#a3d7c8 85.5%);} #tickets__ .inner{ padding:0 2rem; max-width: 100rem;} #tickets__ h3{ font-size:3rem; display:block; padding: 0 0 3rem;} #tickets__ h3 span{ color:#ffa633;} #tickets__ h3 small{font-size:1.6rem;} #tickets__ h4{ font-size:2.4rem; font-weight: bold; display: block; padding: 0 0 2rem;} #tickets__ h4 span{ color:#ffa633; display: block; font-weight: bold; font-size: 2rem; padding: 1rem 0 0;} #tickets__ p{ text-align: left;} #tickets__ .frame{ color:#003047; background:#d6f4e6; padding: 3rem 4rem; border-radius: 0.5rem;} #tickets__ h5{ font-size:2rem; display:block; padding: 0 0 2rem;} #tickets__ ul{ list-style:disc; text-align: left; font-size: 1.4rem;} #tickets__ ul li{margin: 0 0 1rem 2rem; line-height: 1.4;} /* sponsors__ -------------------------------------*/ #sponsors__{ width:100%; position:relative; background: url(../img/bg_digest.jpg) center center no-repeat; background-size:cover; padding: 10rem 0;} #sponsors__ h3{ font-size: 2.6rem; font-weight: normal; padding: 0 0 2rem; text-align: center; } #sponsors__ [class*="column__"]{ justify-content: center;} #measures__{padding: 4rem 0; background: #fff; text-align: left; font-size: 1.4rem;} #measures__ .inner{ padding:0 6rem; opacity: 0.8;} #measures__ .inner p{ line-height: 1.4;} #measures__ h4{ font-size: 1.8rem; padding: 0 0 1rem;} /* pitch -------------------------------------*/ .pitch__ { background: url("../img/bg_startup.gif") center bottom no-repeat #003047; background-size:100%;} .pitch__ .page_ttl h2{ line-height: 1; } .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:1.5rem; color:#fff; background:rgba(18,25,69,0.6); text-align:center;} .pitch__ .section__ h2 { padding:0 0 5rem; text-align:center; } .pitch__ .section__ h2 span{ font-size:6rem !important; color:#00aa84 !important; font-weight:400; display:block;} .pitch__ .section__ h2 small{ display: inline-block; font-size:1.5rem !important; font-weight:normal; padding: 0 0 1rem; color: #fff; line-height:1.5; background: linear-gradient(to bottom,rgba(255,255,255,0) 85%,#00aa84 85.5%);} .pitch__ #pitch01{ text-align:center; padding:5rem 0; color: #fff; } .pitch__ #pitch01 h3{ font-size:3.6rem; font-weight:bold; padding:0 0 3rem;} .pitch__ #pitch01 p{ line-height:2; padding: 0 10%; text-align: left;} .pitch__ #feature__{ padding:7rem 0;} .pitch__ #feature__ h2{ font-size:3rem; color: #ea9014; 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:2rem; padding:0 0 1.5rem;} .pitch__ #feature__ p{ line-height:1.8;} .pitch__ #finalist__{ padding:7rem 0; background: rgba(255,255,255,0.1);} .pitch__ #finalist__ .column__02{ margin-bottom:0rem; padding: 0 0 3rem;} .pitch__ #finalist__ .column__02 .row{ display: table; padding: 1.5rem;} .pitch__ #finalist__ .column__02 .row dt{ display: table-cell; width: 40%;} .pitch__ #finalist__ .column__02 .row dd{ display: table-cell; width: 60%; padding: 0 0 0 3rem; vertical-align: top; text-align: left; position: relative;} .pitch__ #finalist__ .column__02 .row dd span{ position: relative; position: absolute; font-weight: 400; font-size: 2rem; right:1rem; top:1rem; line-height: 2.5rem; font-family: 'Barlow Semi Condensed', sans-serif; letter-spacing:0; color: #fff; } .pitch__ #finalist__ .column__02 .row dd span:after{ position: relative; position: absolute; content: ""; top:-1.2rem; right: -1.5rem; width: 5rem; height: 5rem; background: rgba(255,255,255,0.1); border-radius: 3rem; display: block; z-index: 0;} .pitch__ #finalist__ .column__02 .row dd h4{ padding: 0 5rem 1rem 0;} .pitch__ #finalist__ .column__02 .row dd h4 a{ display: block; text-decoration: underline; transition: 0.3s;} .pitch__ #finalist__ .column__02 .row dd h4 a:hover{opacity:0.9; text-decoration: none;} .pitch__ #finalist__ .column__02 .row dd h4 small{ font-size: 1.2rem; font-weight: 300; opacity: 0.6;} .pitch__ #finalist__ .column__02 .row dd p{ padding:0 0 2.5rem; font-size: 1.4rem; line-height: 1.6; color: #fff;} .pitch__ #finalist__ .column__02 .row dd .movie{ text-align: right;} .pitch__ #finalist__ .column__02 .row dd .btn__{ min-width:auto; padding: 1rem 3.5rem; font-size: 1.3rem; line-height: 1.6;} .pitch__ #finalist__ h3{ font-size:3rem; font-weight:bold; color: #fff; padding: 0 0 5rem; text-align: center;} .pitch__ #finalist__ h5{ font-size:4.5rem; font-weight:400; color: #00AA84; padding: 0 0 3rem; text-align: center;} .pitch__ #finalist__ .frame{ padding:4rem 5rem; background: rgba(0,0,0,0.3); border-radius: 0.5rem; text-align: center; color: #fff;} .pitch__ #finalist__ .frame h2{ padding: 0 0 3rem;} .pitch__ #finalist__ .frame h2 span{ font-size:5rem !important;} .pitch__ #results__ { padding:7rem 0;} .pitch__ #results__ .column__01{ margin-bottom:0rem; color: #fff;} .pitch__ #results__ .column__01 .row{ display: table; padding: 1.5rem; } .pitch__ #results__ .column__01 { padding-top:10rem;} .pitch__ #results__ .column__01 .row dt{ display: table-cell; width: 35%;} .pitch__ #results__ .column__01 .row dd{ display: table-cell; width: 65%; padding: 0 0 0 3rem; vertical-align: top; text-align: left; position: relative;} .pitch__ #results__ .column__01 .row dd span{ position: relative; position: absolute; font-weight: 400; font-size: 2rem; right:1rem; top:1rem; line-height: 2.5rem; font-family: 'Barlow Semi Condensed', sans-serif; letter-spacing:0; color: #fff; } .pitch__ #results__ .column__01 .row dd span:after{ position: relative; position: absolute; content: ""; top:-1.2rem; right: -1.5rem; width: 5rem; height: 5rem; background: rgba(255,255,255,0.1); border-radius: 3rem; display: block; z-index: 0;} .pitch__ #results__ .column__01 .row dd h4{ padding: 0 0 1.5rem 0; font-size: 2rem;} .pitch__ #results__ .column__01 .row dd h4 a{ display: block; text-decoration: none; transition: 0.3s;} .pitch__ #results__ .column__01 .row dd h4 a:hover{opacity:0.9; text-decoration: none;} .pitch__ #results__ .column__01 .row dd h4 small{ font-size: 1.2rem; font-weight: 300; opacity: 0.6;} .pitch__ #results__ .column__01 .row dd p{ padding:0 0 2.5rem; font-size: 1.6rem; line-height: 1.6;} .pitch__ #results__ .column__01 .row dd .movie{ text-align: right;} .pitch__ #results__ .column__01 .row dd .btn__line{ min-width:auto; padding: 1rem 3.5rem; font-size: 1.3rem; line-height: 1.6;} .pitch__ #results__ h3{ font-size:3rem; font-weight:bold; color: #00aa84; padding:4rem 0 0; text-align: center; margin:0 0 1rem; z-index: 2; position: relative;} .pitch__ #results__ h3.top{ font-size:3.6rem; font-weight:bold; color:#ffffff; padding:0 0 3rem;} .pitch__ #results__ h3.middle{ font-size:1.8rem; font-weight:normal; color:#ffffff; padding:0;} .pitch__ #results__ .container {width:70%; height:auto; background: rgba(255,255,255,0.1); margin:-6.5rem auto 0; padding:0 6rem 4rem; position: relative;} .pitch__ #results__ .container02 {width:70%; height:auto; background: rgba(255,255,255,0.1); margin:-8rem auto 0; padding:0 6rem 4rem;} .pitch__ #results__ .column__02 .row { padding:8rem 0 0;} .pitch__ #results__ .column__02 .row dd p{ padding:1.5rem 0 2.5rem; font-size: 1.6rem; line-height: 1.6;} .pitch__ #results__ .row .button {text-align:center; margin:10rem 0 0;} .pitch__ #results__ .announcement{text-align:center; font-size:1.3rem; margin:0 0 2rem; } .pitch__ #results__ .photo {width:80%; margin:0 auto;} .pitch__ #results__ .photo p {margin:1rem 0;} .pitch__ #results__ .-gold { position: absolute; right:2rem; top:-2rem; } .pitch__ #results__ .-gold img { width: 12rem; border-radius: 0.5rem; } .pitch__ #results__ .container .btn__{background:#00aa84;} .pitch__ #results__ h5{ font-size:4.5rem; font-weight:400; color: #00AA84; padding: 0 0 -1rem; text-align: center;} .pitch__ #results__ .companies{width:70%; margin:0 auto 5rem;} .pitch__ #results__ .companies h5{ font-size:2.5rem; font-weight:400; color: #fff; padding: 2rem 0 2rem; text-align: center;} .pitch__ #judge__{ padding:7rem 0;} .pitch__ #judge__ .column__04 .row{} .pitch__ #judge__ .column__04 .row dt{ overflow: hidden; border-radius: 50%; position: relative; transition: 0.3s;} .pitch__ #judge__ .column__04 .row dd{ padding: 2rem 1rem; text-align: center; font-size: 2rem; color:#fff;} .pitch__ #judge__ .column__04 .row dd small{ font-size: 1.2rem; color: #fff; display: block; opacity: 0.6;} .pitch__ #startup__{ padding:9rem 0 9rem; background: rgba(255,255,255,0.1); color: #fff;} .pitch__ #schedule__{ padding:7rem 0 9rem;} .pitch__ #schedule__ p{ text-align:center; width:80%; margin:0 auto;} /* speakers -------------------------------------*/ .speakers__ .section__{ text-align:center; padding:7rem 0; background: #fff;} .speakers__ .section__ .attention{ font-size:1.3rem; padding:0 0 2rem; margin:4rem 0 1rem;} .speakers__ .column__04 .row{} .speakers__ .column__04 .row a dt{ overflow: hidden; border-radius: 50%; 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,170,132,1); 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.6;} .speakers__ .column__04 .row a dt::after{ position:absolute; left:0; bottom:calc(50% - 0.8rem); content:"VIEW MORE"; color:#fff; width:100%; display:block; z-index:99; opacity:0; transition: 0.3s; font-family: 'Barlow Semi Condensed', sans-serif; font-size: 1.8rem;} .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{ padding: 2rem 1rem; text-align: center; min-height: 15rem;} .speakers__ .column__04 .row a dd h4{ font-size: 2rem; padding: 0 0 1rem; margin: 0; font-weight: normal; color: #003047;} .speakers__ .column__04 .row a dd p{ font-size: 1.2rem; color: #6b7280; } .speakers__ hr.space__ { display: block; height: 0; border: 0; border-top: 3px solid #005979; width:4rem; margin: 0 auto; padding: 0; } /* program__ -------------------------------------*/ .program__ .page_ttl { position:relative; height:60rem; } .program__ .page_ttl .txt{ padding:0;} .program__ .page_ttl .announcement{ position:absolute; left:0; bottom:0; width:100%; color:#fff; text-align:center;} .program__ .page_ttl .announcement .inner{ padding:0 5rem 2.5rem;} .program__ .page_ttl .announcement .inner p{ text-shadow: 0 0 1rem rgba(0,0,0,0.4)} .program__ .page_ttl .announcement .btn__{ vertical-align:middle; width: auto; min-width: auto; padding: 1.5rem 4rem;} .program__ .section__{ text-align:center; padding:7rem 0; background: #fff;} .program__ .section__ .inner{ padding:0 3rem;} .program__ .section__ .inner .ttl{ font-size: 3rem; font-weight: bold;} .program__ .program_day{ width:100%; display:table; margin: 3rem 0; background:#d6f4e6; color:#00aa84; border-radius: 0.5rem ; overflow: hidden;} .program__ .program_day li{ width:50%; display:table-cell; text-align:center; font-size:1.5rem; line-height: 1.1;} .program__ .program_day li:first-child{border-radius: 0.5rem 0 0 0.5rem;} .program__ .program_day li:last-child{border-radius: 0 0.5rem 0.5rem 0;} .program__ .program_day li span{ display: block; font-size: 3.5rem;} .program__ .program_day li a{ background:#d6f4e6; color:#00aa84; padding:1.5rem; display:block; transition: 0.4s;} .program__ .program_day li a:hover, .program__ .program_day li.active{ background:#00aa84; color:#fff; padding:1.5rem; position:relative; } .program__ .program_table { text-align:left; padding:0 0 2rem; width: 100%;} .program__ .program_table .-section{ padding: 2rem 4rem 4rem; border-bottom:1px solid #e5eaec;} .program__ .program_table .-section:first-child{ border-top:1px solid #e5eaec;} .program__ .program_table .-section:nth-child(even){ background:#fbfbfb;} .program__ .program_table time{padding:0 0 1.5rem; font-size:2rem; color:#00af88;} .program__ .program_table h3{ font-size:2rem; padding:0; margin:0; font-weight:bold;} .program__ .program_table h3 a{ color: #003047; border-bottom:1px dotted #999;} .program__ .program_table h4{ font-size:1.4rem; padding:3rem 0 1.5rem; color:#00af88; margin:0; font-weight: normal;} .program__ .program_table .column__03{ margin: 0 0 1.5rem;} .program__ .program_table .column__03:last-child{ margin: 0;} .program__ .program_table dl{ display:table; } .program__ .program_table dl dt{ display:table-cell; width:9.5rem; } .program__ .program_table dl dt img{border-radius: 10rem; overflow: hidden;} .program__ .program_table dl dd{ display:table-cell; vertical-align: top; padding: 1rem 1.5rem 0 1.5rem; line-height:1.1;} .program__ .program_table dl dd p{ padding:0 0 1rem; margin:0; font-size:1.5rem; font-weight:normal;} .program__ .program_table dl dd small{ font-size:1.1rem; color:#6b7280;} .program__ .program_table dl a{transition: 0.4s; color: #003047;} .program__ .program_table dl a:hover{ opacity: 0.8;} .program__ .program_table dl dd a{ border-bottom:1px dotted #999;} .program__ .program_table small{ font-size:1.2rem;} .program__ .program_table .btn__ { vertical-align:middle; width: auto; min-width: auto; padding: 1.5rem 8rem; margin:3rem auto 1rem;} /* startup -------------------------------------*/ .startup__{ background: #12192e;} .startup__ .page_ttl{ background: url(../img/bg_startup02.jpg) center 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:rgba(18,25,69,0.6); text-align:center;} .startup__ #startup{ text-align:center; padding:7rem 0;} .startup__ #startup h3{ font-size:2rem; font-weight:bold; color: #ea9014; 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 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: 400; font-size: 2rem; right:1rem; top:1rem; line-height: 2.5rem; font-family: 'Barlow Semi Condensed', sans-serif; letter-spacing:0; color: #fff; } .startup__ #startup .column__02 .row dd span:after{ position: relative; position: absolute; content: ""; top:-1.2rem; right: -1.5rem; width: 5rem; height: 5rem; background: rgba(255,255,255,0.1); border-radius: 3rem; display: block; z-index: 0;} .startup__ #startup .column__02 .row dd h4{ padding: 0 5rem 2rem 0;} .startup__ #startup .column__02 .row dd h4 a{ display: block; text-decoration: none; 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; opacity: 0.6;} .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__line{ min-width:auto; padding: 1rem 3.5rem; font-size: 1.3rem; line-height: 1.6;} /* jublia__ -------------------------------------*/ .jublia__ { background: #fff;} .jublia__ .page_ttl{ position:relative;} .jublia__ .page_ttl p{ padding:0 0 3rem;} .jublia__ #report{ padding:7rem 20%;} .jublia__ #report h3{ font-size:2rem; font-weight:bold; color: #00aa84; padding:0 0 2rem;} .jublia__ #report .-logo{ padding: 6rem; width: 70%; background: #fff; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1)} .jublia__ #report p{ padding: 0 0 2rem;} .jublia__ #report ul{ padding: 0 0 2rem 2rem;} .jublia__ #report ul li{ padding: 0 0 1rem; list-style: disc;} .jublia__ #report .button{ text-align: center;} .jublia__ #report ol{ padding: 0 0 2rem;} .jublia__ #report ol li{ padding: 2rem 2.5rem 2rem 8rem; position: relative; background: #e7f6ef; margin: 0 0 1.5rem; border-radius: 0.5rem;} .jublia__ #report ol li::before{ position:absolute; content: ""; top:calc(50% - 1.8rem); left:2.5rem; line-height: 1; font-size: 3rem; color: #00aa84; font-family: 'Barlow Semi Condensed', sans-serif; letter-spacing:0;} .jublia__ #report ol li:nth-child(1)::before{ content: "01";} .jublia__ #report ol li:nth-child(2)::before{ content: "02";} .jublia__ #report ol li:nth-child(3)::before{ content: "03";} .jublia__ #report ol li:nth-child(4)::before{ content: "04";} .jublia__ #report ol li:nth-child(5)::before{ content: "05";} .jublia__ #report ol li:nth-child(6)::before{ content: "06";} .jublia__ #report ol li:nth-child(7)::before{ content: "07";} .jublia__ #report ol li:nth-child(8)::before{ content: "08";} .jublia__ #report ol li::after{ position:absolute; content: ""; bottom: -1.5rem; left:2rem; border-right: 2rem solid transparent; border-top: 2rem solid #e7f6ef; border-left: 2rem solid transparent; } .jublia__ #report ol li:last-child::after{ border: none;} .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(240,240,240,0.7);-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; color:#003047; background:#fff; border-radius: 0.5rem; padding:3.5rem 2rem 3.5rem 3.5rem;margin:0 auto; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.03); } .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: #f2f5f5;} .md-content ::-webkit-scrollbar-thumb{ border-radius: 2rem; background: #d8dcde;} .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:100%; overflow:hidden; width:100%;} .md-content dl dd{ display:table-cell; width:75%; vertical-align:middle; padding:0 3rem; font-size:2.2rem;} .md-content dl dd small{ font-size:1.1rem; color:#6b7280; display:block;} .md-content .txt { font-size: 1.4rem;line-height:2; padding:0 2.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:#00aa84; 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; color:#003047; background:#fff; border-radius: 0.5rem; padding:3.5rem 2rem 3.5rem 3.5rem; margin:0 auto; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.03);} .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: #f2f5f5;} .pg-content ::-webkit-scrollbar-thumb{ border-radius: 2rem; background: #d8dcde;} .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; font-weight: bold; padding:0; font-size:2.2rem;} .pg-content dl dd time{ font-size:1.8rem; color:#00aa84; filter: contrast(0.7); display:block; font-weight: normal;} .pg-content .txt { font-size: 1.4rem;line-height:2; padding:0 2.5rem 0 0;} .pg-content .txt p {margin: 0; padding: 0 0 1rem;} } @media only screen and (min-device-width: 769px) and (max-device-width: 1024px) and (orientation:portrait) { #footer__ #under__ .row{ border-left: 1px solid #33596c; margin: 0; padding:0 2rem;} #footer__ #under__ .row:first-child { width:50%; border: none; padding: 0 2rem 0 0;} #footer__ #under__ .row .logo__ img{ height:7rem; } #footer__ #under__ .row:first-child dl dt{ width: 30%; padding: 0 2.5rem 0 0;} #footer__ #under__ .row:first-child .logo__ img{ height:9rem; } #footer__ #under__ .row:first-child dl dd{ width: 70%;} #footer__ #under__ .row:nth-child(2){ width:14%;} #footer__ #under__ .row:nth-child(3){ width:30%;} #footer__ #under__ .row:first-child .powered li:nth-child(1) img{ width: 4.5rem;} #footer__ #under__ .row:first-child .powered li:nth-child(2) img{ width: 6rem;} #footer__ #under__ .row:first-child .powered li:nth-child(3) img{ width: 6.5rem;} .inner{ max-width:120rem; min-width:auto; width:calc(100% - 8rem); padding:0; margin:0 auto; position:relative; } .inner_small{ max-width:90rem; min-width:auto; width:calc(100% - 8rem); padding:0; margin:0 auto; position:relative; } .arc{ min-height:200px; border-bottom-right-radius: 1500px 200px; border-bottom-left-radius: 1500px 200px; margin:0; padding:0;} #top__fv{ background: url(../img/bg_top.gif) center center no-repeat #00af88 ; background-size:100%;} #top__fv .text{ text-align:left; color:#fff; position:absolute; left:6%; top:13%; z-index:3; padding:0 0;} #top__fv .img{ position: absolute; left: 20%; top:25vh; width: 120%; min-width: 70rem;} #agsum__ .first{ position: relative; padding: 0 0 25rem; background: url(../img/bg_agsum.jpg) bottom center no-repeat ; background-size: 100% auto; overflow: hidden;} #agsum__ .first .arc{ padding: 15rem 0 5rem; background: #fff;} #agsum__ .first h2{ font-size: 3.2rem; padding: 0 0 4rem;} #agsum__ .first h3{ position:absolute; top:-17rem; left: 0; width: 100%; font-weight: normal; text-align: center; font-size: 12.6rem; color: #d6f4e6; line-height: 0.8; z-index: 0;} #agsum__ .second .column__03 .row dl dd h4{ font-size: 2.5rem; } #agsum__ .second .column__03 .row dl dd{ padding:0 4.7rem 4.5rem;} #agsum__ .fourth .line{ padding: 0 0 5rem;} #agsum__ .fourth .column__02{ padding:0; margin: 2rem 0 0; position: relative;} #agsum__ .fourth .column__02 .row:last-child{ width:50%; padding: 2rem 0 0;} #agsum__ .fourth .column__02 h2 span.-small{ font-size:5rem; line-height: 1;} } @media only screen and (min-device-width: 1024px) and (max-device-width: 1026px) and (orientation: landscape){ .inner{ max-width:120rem; min-width:auto; width:calc(100% - 8rem); padding:0; margin:0 auto; position:relative; } .inner_small{ max-width:90rem; min-width:auto; width:calc(100% - 8rem); padding:0; margin:0 auto; position:relative; } .arc{ min-height: 100px; border-bottom-right-radius: 1000px 100px; border-bottom-left-radius: 1000px 100px; margin:0; padding:0;} #top__fv{background: url(../img/bg_top.gif) center center no-repeat #00af88 ; background-size:100%;} #top__fv .img{ position: absolute; left:35%; top:10vh; width: 100%; min-width: 65rem;} #agsum__ .first{ position: relative; padding: 0 0 22rem;} } @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: rgba(255,255,255,0.5); border-radius: 10rem; z-index:9999;} .icon_menu{ position: absolute; top: calc(50% - 0.1rem); left: calc(50% - 1.2rem); opacity: 1; transition: .2s; width: 2.4rem; height: 2px;background: #00aa84;} .icon_menu:before, .icon_menu:after{ display: block; content: ""; position: absolute; left: 0; width: 2.4rem; height: 2px; transition: .2s; background: #00aa84;} .icon_menu:before{margin-top: -0.8rem;} .icon_menu:after{ margin-top: 0.8rem;} .btn_nav.close{background: rgba(255,255,255,0.1);} .btn_nav.close .icon_menu{ height:0; width: 0; background: none;} .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:8rem 5vw 2rem; text-align:center;} [id^="nav__"] li{ font-size:2rem; border-bottom:1px solid rgba(255,255,255,0.2); display:block;} [id^="nav__"] li a{ padding:1rem; display:block;} [id^="nav__"] li.-neon { font-size:1.6rem; border-bottom:none; margin: 0 0 1rem; } [id^="nav__"] li.-neon a{ background:#ffa633; padding: 0 3rem; height: 5rem; border-radius: 5rem; line-height: 5rem;color: #fff;font-weight: bold; } .nav__all { position:relative; position:fixed; top:-100vh; left:0; width:100vw; height:100vh;background:#00aa84; 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:4vh; left:0; width: 100%; text-align:center;} .nav__all .nav_logo img[src$=".svg"]{ height:auto; width:40vw;} .nav__contact{ bottom:3rem; left:3rem; width:calc(100% - 6rem); border: none;} [id^="nav__"] .nav__contact a{ position:relative; overflow:hidden; display:block; color:#fff; padding:0 2rem; font-size: 1.8rem; background:#ea9014; height:5rem; line-height:5rem; z-index:1; border-radius: 5rem;} .nav__all.op .nav__contact{ position: fixed; z-index: 999;} [id^="nav__"] .nav__contact_sp a{ position:relative; overflow:hidden; display:block; color:#fff; padding:0 2rem; font-size: 1.8rem; background:#ea9014; height:5rem; line-height:5rem; z-index:1; border-radius: 5rem; margin:1rem;;} #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:#003047; 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:#00aa84;} #footer__ #under__{ padding: 4rem 0;} #footer__ #under__ .row{ display: block; width: 100%; text-align: center; margin: 0 0 2rem; padding:0 3rem;} #footer__ #under__ .row h5{font-size: 1.8rem; padding: 0 0 1rem;} #footer__ #under__ .row:first-child { border: none; text-align: center; padding: 0 0 1rem;} #footer__ #under__ .row:first-child .logo__ img{ height:6rem; margin: 0 0 2rem;} #footer__ #under__ .row:first-child p{ line-height: 1.2; font-size: 1.8rem; padding: 0 0 2rem;} #footer__ #under__ .row:first-child .powered{ font-size:1rem; line-height:1.2;} #footer__ #under__ .row:first-child .powered li{ padding:0 0.5rem 1.5rem; display:block; vertical-align:middle;} #footer__ #under__ .row:first-child .powered li img{ width: 6rem;} #footer__ #under__ .row:first-child .powered li:nth-child(1) img{ width: 8rem;} #footer__ #under__ .row:first-child .powered li:nth-child(2) img{ width: 8.5rem;} #footer__ #under__ .row:first-child .powered li:nth-child(3) img{ width: 9rem;} #footer__ #under__ .row:first-child .powered li:nth-child(4) img{ width: 9rem;} #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; 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: #00aa84; } /* main -------------------------------------*/ [id^="main__"] { position:relative; font-size:1.5rem; min-height:100vh; width: 100%;} .inner, .inner_small{ width:90%; 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 3rem; min-width:80%; color:#fff; background:#003047; font-size:1.6rem; line-height:1; position:relative; overflow:hidden; z-index: 1; box-shadow:2px 2px 3px rgba(0,0,0,.05); border-radius:7rem; transition: 0.4s;} [class*="btn__"]:hover{} [class*="btn__"]::after{ z-index:-1; position: absolute; content:""; width:0; height:100%; left:auto; right:0; bottom:0; background:#0d4661; transition: 0.4s;} [class*="btn__"]:hover::after{ width:100%; left: 0; } [class*="btn__"].none{pointer-events:none; opacity: 0.7;} .btn__mini { display:inline-block; text-align:center; padding:1.2rem 3rem; font-size: 90%;} .btn__green{ background:#00aa84;} .btn__green:hover{} .btn__green::after{ background:#22977d;} .btn__orange{ background:#ffa633;} .btn__orange:hover{} .btn__orange::after{ background:#f18d0c;} [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%;} [class*="table__"]{} [class*="table__"] dl{ border-bottom:1px solid #e5eaec; display: flex; flex-wrap: wrap; width:100%; } [class*="table__"] dl:first-child{} [class*="table__"] dl dt{ width:100%; padding:1.5rem 0.5rem 0.5rem; font-weight: bold;} [class*="table__"] dl dd{ width:100%; padding:0 0.5rem 1.5rem;} [class*="table__"] dl ul{ list-style:disc; margin:0 0 0 2rem;} [class*="table__"] dl ul li{ padding:0 0 0.5rem;} .side_fix{ display:block; font-size:1.6rem; padding: 2rem 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 #242736;} .side_fix .lang a{ padding:1.7rem; font-size:2rem; font-weight:bold;} .side_fix .sns svg{ width:2rem;} .side_fix .sns path,.side_fix .sns circle{ fill:#fff;} .side_fix .sns a{ padding:1.5rem 1.2rem;} .section__ h2 { padding:0 0 3rem; text-align:center; } .section__ h2 span{ font-size:3.5rem; color:#fff; font-weight:400; display:block;line-height:1.1;} .section__ h2 small{ display: inline-block; font-size:1.2rem; font-weight:normal; padding: 0 0 1rem; color: #00aa84; line-height:2; background: linear-gradient(to bottom,rgba(255,255,255,0) 85%,#fff 85.5%);} .page_ttl{ height:40vh; width:100%; display:table; background: url(../img/bg_graphic01.png), linear-gradient(#01af88, #61cf6f); background-position: center top -150%; background-repeat: no-repeat; background-size:cover; } .page_ttl .txt{ display:table-cell; padding: 0 0 1rem; text-align:center; vertical-align:middle; color:#fff;} .page_ttl .txt h2{ font-size:3rem; position:relative; font-weight:400; line-height:3rem; color:#fff; margin:0 0 0.5rem;} .page_ttl .txt p{ font-size:1.2rem;} .arc{ min-height: 150px; border-bottom-right-radius: 1500px 150px; border-bottom-left-radius: 1500px 150px;} /* top -------------------------------------*/ #top__fv{ width:100%; height:100vh; overflow: hidden; position:relative; color:#fff; background: url(../img/bg_top.gif) center bottom no-repeat; background-size:cover;} #top__fv .text{ text-align:left; color:#fff; padding:3vh 2rem 0;} #top__fv .text .-img{ margin: 0 0 3rem;} #top__fv .text .-img img{ width:35vw; padding:0 0.5rem 0 0; transform: translateY(0.6rem);} #top__fv .text .-img span{ font-size:8vw; font-weight: 500;} #top__fv .text h2{ position:relative; line-height:9vw; font-size:8vw; font-weight: bold; text-align: left; margin:0 0 2rem; z-index: 2; } #top__fv .text h2 span{ font-size: 3vw; line-height:5vw; font-weight: normal;} #top__fv .text h3{ position:absolute; bottom:0; left: 0; color: #fff; width: 100%; font-weight: normal; padding: 1rem 2rem; text-align: center;z-index: 2;} #top__fv .text h3 small{ font-size:1.1rem;} #top__fv .text h3 .btn__orange{ width: 100%; font-size: 1.4rem; padding: 1rem; } #top__fv .img{ position: absolute; right: -20vw; top:33vh; width: 120vw; z-index: 0; } #top__fv p{ position: absolute; right:2rem; bottom: 11rem; text-align: right; font-size:2.4rem; line-height:1.1;} #top__fv p small{ font-size:1.6rem; } #top__fv .powered{ position: absolute; right:1.5rem; bottom: 10rem; text-align: right; height: 1rem; font-size:1rem; line-height:1;} #top__fv .powered li{ padding:0 0.4rem; margin: 0; display: inline-block; vertical-align: bottom;} #top__fv .powered li img{ padding: 0 0 0 0.2rem;} #top__fv .powered li .-nikkei{ width: 5rem;} #top__fv .powered li .-mitsuifudosan{ width: 6rem;} #top__fv .powered li .-maff{ width: 6rem;} .information{ padding: 2rem 0; background: #d6f4e6; } .information .inner{ padding: 2rem;background:#fff; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.2);} .information dl.column__02 { width: 100%; margin: 0;} .information dl.column__02 > dt{ width: 100%; font-size: 2.4rem; line-height: 1.1; padding: 0 0 1rem; margin: 0;} .information dl.column__02 > dd{ width: 100%; margin: 0;} .information dl.column__02 > dd a{ text-decoration: none; transition: 0.3s; color:#003047;} .information dl.column__02 > dd .frame { height: 20rem; width: 100%; display: block; overflow-y:auto; -webkit-overflow-scrolling: touch; } .information dl.column__02 > dd .frame dl{ width: 100%; border-bottom: 1px solid #e5eaec; padding: 1rem 0; } .information dl.column__02 > dd .frame dl dt{ display: block; width: 100%;padding: 0 0 0.5rem;} .information dl.column__02 > dd .frame dl dd{ display: block; width: 100%;} /* speakers__ -------------------------------------*/ #speakers__{ padding: 5rem 0; text-align: center; width: 100%; overflow: hidden; background: #d6f4e6;} #speakers__ .swiper-wrapper{ padding: 0 0 1.5rem;} #speakers__ .swiper-slide{ width:60%;} #speakers__ .swiper-slide dt {border-radius: 100%; position: relative; overflow: hidden;} #speakers__ .swiper-slide dd{ padding: 2rem; text-align: center;} #speakers__ .swiper-slide dd h4{ font-size: 1.6rem; padding: 0 0 1rem; font-weight: normal;} #speakers__ .swiper-slide dd p{ font-size: 1.1rem; } #speakers__ .swiper__nav{ text-align: right;} #speakers__ .swiper__nav li{ position: relative; width:4rem; height: 4rem; border-radius: 4rem; background: #fff; transition: 0.4s; margin: 0 0 0 1rem; display: inline-block;} #speakers__ .swiper__nav li::before{ position: absolute; border-top:2px solid #00aa84; border-left:2px solid #00aa84; content: ""; width: 1rem; height: 1rem; top:1.5rem; display: block; transition: 0.4s;} #speakers__ .swiper__nav li.nextbutton::before{transform: rotate(-45deg); left: 1.7rem;} #speakers__ .swiper__nav li.prevbutton::before{transform: rotate(135deg); right: 1.8rem;} #speakers__ .swiper__nav li:hover{background: #00aa84; cursor: pointer;} #speakers__ .swiper__nav li:hover::before{ border-top:2px solid #fff; border-left:2px solid #fff;} /* agsum__ -------------------------------------*/ #agsum__ .first{ position: relative; padding: 0 0 10rem; background: url(../img/bg_agsum.jpg) bottom center no-repeat ; background-size: 130% auto; overflow: hidden;} #agsum__ .first .arc{ padding: 6rem 0 2rem; background: #fff;} #agsum__ .first .inner{ padding:0;} #agsum__ .first h2{ font-size: 3rem; line-height: 1.1; padding: 0 0 2rem; text-align: left;} #agsum__ .first h3{ position:absolute; top:-7rem; left: 0; width: 100%; font-weight: normal; text-align: center; font-size: 15vw; color: #d6f4e6; line-height: 0.8; z-index: 0;} #agsum__ .first .text p{ padding: 0 0 2rem;} #agsum__ .second{ background: #fff; position: relative; overflow: hidden;} #agsum__ .second .arc{ padding: 5rem 0; background: #d6f4e6;} #agsum__ .second h3{ font-size: 3rem; color: #00a580; font-weight: normal; padding: 0 0 1rem; text-align: center; } #agsum__ .second h3 span{background: linear-gradient(to bottom,rgba(255,255,255,0) 65%,#fff 65.5%);} #agsum__ .second .column__03 .row{ position: relative; background: url("../img/bg_keyword.png") center bottom no-repeat; background-size:100%; width: 100%; margin: 0 0 1rem;} #agsum__ .second .column__03 .row dl{ text-align:center; padding: 32rem 0 0;} #agsum__ .second .column__03 .row dl dt{ padding: 0 0 1rem; margin: -30rem 0 0;} #agsum__ .second .column__03 .row dl dt img{ height:20rem;} #agsum__ .second .column__03 .row dl dd{ padding:0 4.7rem 8rem;} #agsum__ .second .column__03 .row dl dd h4{ font-size: 3rem; color: #00aa84; padding: 0 0 1rem;} #agsum__ .second .column__03 .row dl dd h4 span{ font-size: 1.6rem; font-weight: normal; display: block;} #agsum__ .second .column__03 .row dl dd p{ font-size: 1.4rem; text-align: left;} #agsum__ .third{ position: relative; overflow: hidden;} #agsum__ .third .arc{ padding: 6rem 0 4rem; background: #fff;} #agsum__ .third .inner h3{ font-size: 2.2rem; padding: 0 0 1.5rem; text-align: center;} #agsum__ .third .inner .column__02 .row{width: 100%; margin: 0 0 2rem; text-align: center;} #agsum__ .third .inner p{ padding:0 0 2.5rem; text-align: left;} #agsum__ .third .inner img{ width: 80%;} #agsum__ .fourth{background: linear-gradient(to bottom,#d6f4e6 65%,#003047 65.5%); position: relative; overflow: hidden;} #agsum__ .fourth .arc{ padding: 6rem 0 4rem; background: #d6f4e6;} #agsum__ .fourth h3{ font-size: 3rem; color: #00a580; font-weight: normal; padding: 0 0 2rem; text-align: center; } #agsum__ .fourth h3 span{background: linear-gradient(to bottom,rgba(255,255,255,0) 65%,#fff 65.5%);} #agsum__ .fourth .column__02{ padding:0; margin: 0; position: relative;} #agsum__ .fourth .column__02 .row{ width: 100%; margin: 0 0 1rem;} #agsum__ .fourth .column__02 h2{ text-align: left; position: relative; padding: 0 0 2rem; margin:-5rem 0 0; } #agsum__ .fourth .column__02 h2 span{ font-size: 6rem; line-height: 1;color:#fff; padding: 0 0 0 3rem;} #agsum__ .fourth .column__02 h2 span.-small{ font-size:4rem; line-height: 1;} #agsum__ .fourth .column__02 h2 small{ position: absolute; top:3rem; font-size:1.8rem; padding: 0 2rem 0 0; background: linear-gradient(to bottom,rgba(255,255,255,0) 98%,#00a580 98.5%);} #agsum__ .fourth .column__02 p{ padding:0 0 2rem;} #agsum__ .frame{ background: #fff; border-radius: 0.5rem; padding: 2rem; margin: 0; z-index: 2; position: relative;} #agsum__ .frame p{ display:block; padding: 0 0 2rem;} #agsum__ .frame [class*="btn__"]{ width: 100%;} #agsum__ .frame [class*="btn__"] small{ display:block; font-size: 1.2rem; padding: 1rem 0 0;} /* startup__ -------------------------------------*/ #startup__{ padding: 5rem 0; text-align: center; color: #fff; background: url("../img/bg_startup.gif") center bottom no-repeat #003047; background-size:100%;} #startup__ h2 span{color:#3b9788; font-weight:400; display:block;} #startup__ h2 small{ display: inline-block; font-weight:normal; padding: 1rem 0 1rem; color: #fff; line-height:1.5; background: linear-gradient(to bottom,rgba(255,255,255,0) 85%,#3b9788 85.5%);} #startup__ h3{ color: #00aa84; font-size: 2rem; padding: 0 0 1.5rem; } #startup__ h4{ color: #00aa84; font-size: 1.4rem; padding: 1.5rem 0; background:#d6f4e6;} #startup__ p{ text-align: left; line-height: 1.6;} #startup__ .frame{ color:#003047; background:#fff; padding: 3rem 2rem; margin: 0; border-radius: 0.5rem;} #startup__ .frame .table__{ text-align: left; font-size: 1.4rem;} #startup__ .frame .table__ dd a{ color:#003047; text-decoration: underline;} #startup__ .frame .-small{ font-size:1.2rem; line-height: 1.6;} /* digest__ -------------------------------------*/ #digest__{ width:100%; position:relative; background: url(../img/bg_digest.jpg) center center no-repeat; background-size:cover; padding: 5rem 0;} #digest__ h3{ font-size: 3rem; color: #00a580; font-weight: normal; padding: 0 0 2rem; text-align: center; } #digest__ h3 span{background: linear-gradient(to bottom,rgba(255,255,255,0) 65%,#fff 65.5%);} #digest__ h4{ font-size: 1.8rem; padding: 0 0 2rem; text-align: center; } #digest__ .column__03 .row{ width: 100%; margin: 0 0 1rem;} #digest__ .video-outer {position: relative;height: 0; padding: 0 0 56.25%; overflow: hidden; margin-bottom: 20px;} #digest__ .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%;} #digest__ .box{ background:#121626; text-align: center; padding: 4rem;} #digest__ .box h3{ font-size: 4rem; font-weight: 400; line-height: 1.2; padding: 0 0 2rem;} #digest__ .box h3 small{ font-size:3rem; display: block;} #digest__ .box h3 small img{ height:2.8rem; vertical-align: middle; margin: 0 0.8rem 0 0;} #digest__ .box h4{ font-size: 2rem; padding: 0 0 1rem;} /* outline__ -------------------------------------*/ #outline__{ padding:5rem 0; background: #fff; } #outline__ h2{ padding: 0;} #outline__ h2 span{ color:#d6f4e6; font-weight:400; display:block;} #outline__ h2 small{ display: inline-block; font-weight:normal; padding: 0 0 1rem; line-height:1.5; background: linear-gradient(to bottom,rgba(255,255,255,0) 85%,#d6f4e6 85.5%);} #outline__ img{ width: 20rem;} /* tickets__ -------------------------------------*/ #tickets__{ padding:5rem 0; text-align: center; color: #fff; background: url("../img/bg_tickets.gif") center bottom no-repeat #00aa84; background-size:100%;} #tickets__ h2 span{ color:#a3d7c8; font-weight:400; display:block;} #tickets__ h2 small{ display: inline-block; color: #fff; font-weight:normal; padding: 0 0 1rem; line-height:1.5; background: linear-gradient(to bottom,rgba(255,255,255,0) 85%,#a3d7c8 85.5%);} #tickets__ h3{ font-size:2rem; display:block; padding: 0 0 2rem; text-align: left;} #tickets__ h3 span{ color:#ffa633;} #tickets__ h3 small{font-size:1.6rem;} #tickets__ h4{ font-size:1.8rem; font-weight: bold; display: block; padding: 0 0 2rem; text-align: center;} #tickets__ h4 span{ color:#ffa633; display: block; font-weight: bold; font-size: 1.5rem; padding: 1rem 0 0;} #tickets__ p{ text-align: left;} #tickets__ .frame{ color:#003047; background:#d6f4e6; padding: 2.5rem 2rem; border-radius: 0.5rem;} #tickets__ h5{ font-size:2rem; display:block; padding: 0 0 1.5rem;} #tickets__ ul{ list-style:disc; text-align: left; font-size: 1.4rem;} #tickets__ ul li{margin: 0 0 1rem 2rem; line-height: 1.4;} /* sponsors__ -------------------------------------*/ #sponsors__{ width:100%; position:relative; background: url(../img/bg_digest.jpg) center center no-repeat; background-size:cover; padding: 5rem 0;} #sponsors__ h3{ font-size: 2rem; font-weight: normal; padding: 0 0 2rem; text-align: center; } #sponsors__ [class*="column__"]{ justify-content: center;} #sponsors__ [class*="column__"] .row{ width:29% !important; margin:0 2% 3% !important;} #measures__{padding: 3rem 0; background: #fff; text-align: left; font-size: 1.4rem;} #measures__ .inner{ opacity: 0.8;} #measures__ .inner p{ line-height: 1.4;font-size: 1.2rem;} #measures__ h4{ font-size: 1.6rem; padding: 0 0 1rem;} /* pitch -------------------------------------*/ .pitch__ { background: url("../img/bg_startup.gif") center bottom no-repeat #003047; background-size:100%; color:#fff;} .pitch__ .page_ttl{ 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; background:rgba(18,25,69,0.6); text-align:center;} .pitch__ .section__ h2 { padding:0 0 5rem; text-align:center; } .pitch__ .section__ h2 span{ color:#00aa84 !important; font-weight:400; display:block;} .pitch__ .section__ h2 small{ display: inline-block; font-weight:normal; padding: 0 0 1rem; color: #fff; line-height:1.5; background: linear-gradient(to bottom,rgba(255,255,255,0) 85%,#00aa84 85.5%);} .pitch__ #pitch01{ text-align:left; padding:3rem 0;} .pitch__ #pitch01 h3{ font-size:1.4rem; text-align:left; font-weight:bold; padding:0 0 2rem;} .pitch__ #pitch01 p{ line-height:2; font-size:1.4rem;} .pitch__ #pitch01 .mb_s{ text-align: center;} .pitch__ #finalist__{ padding:4rem 0 ; background: rgba(255,255,255,0.1);} .pitch__ #finalist__ .column__02{ margin-bottom:5rem;} .pitch__ #finalist__ .column__02{ display:block;} .pitch__ #finalist__ .column__02 .row{ width: 100%; padding: 1.5rem 0; margin: 0;} .pitch__ #finalist__ .column__02 .row dt{ text-align: center; padding: 0 0 1.5rem;} .pitch__ #finalist__ .column__02 .row dt a img { box-shadow:0 0 1rem rgba(0,0,0,0.2);} .pitch__ #finalist__ .column__02 .row dd{ padding: 0 0; vertical-align: top; text-align: left; position: relative;} .pitch__ #finalist__ .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: 'Barlow Semi Condensed', sans-serif; letter-spacing:0;} .pitch__ #finalist__ .column__02 .row dd span:after{ position: absolute; content: ""; top:-0.7rem; right: -1rem; width: 4rem; height: 4rem;background: rgba(255,255,255,0.1); border-radius: 3rem; display: block;} .pitch__ #finalist__ .column__02 .row dd h4{ padding: 0 3rem 1rem 0;} .pitch__ #finalist__ .column__02 .row dd h4 small{ font-size: 1.1rem; font-weight: 300; opacity: 0.5; } .pitch__ #finalist__ .column__02 .row dd p{ padding:0 0 2rem; font-size: 1.3rem; line-height: 1.6;} .pitch__ #finalist__ .column__02 .row dd .movie{ text-align: center;} .pitch__ #finalist__ .column__02 .row dd .btn__{ min-width:auto; padding: 1.1rem 3rem; width: 80%; font-size: 1.3rem; line-height: 1.6;} .pitch__ #finalist__ h3{ font-size:2rem; font-weight:bold; color: #ea9014; padding:0 0 2.5rem; text-align: center;} .pitch__ #finalist__ h3.top{ font-size:2rem; font-weight:bold; color:#ffffff; padding:0 0 4rem;} .pitch__ #finalist__ h5{ font-size:3.5rem; font-weight:400; color: #00AA84; padding:2rem 0 0; text-align: center;} .pitch__ #finalist__ .frame{ padding:4rem 2rem; background: rgba(0,0,0,0.3); border-radius: 0.5rem; text-align: center; color: #fff;} .pitch__ #finalist__ .frame h2{ padding: 0 0 3rem;} .pitch__ #finalist__ .frame h2 span{ font-size:3rem !important;} .pitch__ #finalist__ .frame p{ text-align: left;} .pitch__ #finalist__ .frame .btn__orange{ width:100%;} .pitch__ #results__ { padding:4rem 0;} .pitch__ #results__ .column__01{ margin-bottom:0rem; color: #fff;} .pitch__ #results__ .column__01 .row{ display: block; padding: 1.5rem; } .pitch__ #results__ .column__01 { padding-top:2rem;} .pitch__ #results__ .column__01 .row dt{ display: block; width: 100%; padding: 0 0 2rem} .pitch__ #results__ .column__01 .row dd{ display: block; width: 100%; padding: 0; vertical-align: top; text-align: left; position: relative;} .pitch__ #results__ .column__01 .row dd span{ position: relative; position: absolute; font-weight: 400; font-size: 2rem; right:1rem; top:1rem; line-height: 2.5rem; font-family: 'Barlow Semi Condensed', sans-serif; letter-spacing:0; color: #fff; } .pitch__ #results__ .column__01 .row dd span:after{ position: relative; position: absolute; content: ""; top:-1.2rem; right: -1.5rem; width: 5rem; height: 5rem; background: rgba(255,255,255,0.1); border-radius: 3rem; display: block; z-index: 0;} .pitch__ #results__ .column__01 .row dd h4{ padding: 0 0 1.5rem 0; font-size: 1.8rem;} .pitch__ #results__ .column__01 .row dd h4 a{ display: block; text-decoration: none; transition: 0.3s;} .pitch__ #results__ .column__01 .row dd h4 a:hover{opacity:0.9; text-decoration: none;} .pitch__ #results__ .column__01 .row dd h4 small{ font-size: 1.2rem; font-weight: 300; opacity: 0.6;} .pitch__ #results__ .column__01 .row dd p{ padding:0 0 2.5rem; font-size: 1.4rem; line-height: 1.6;} .pitch__ #results__ .column__01 .row dd .movie{ text-align: right;} .pitch__ #results__ .column__01 .row dd .btn__line{ min-width:auto; padding: 1rem 3.5rem; font-size: 1.3rem; line-height: 1.6;} .pitch__ #results__ h3{ font-size:2rem; font-weight:bold; color: #00aa84; padding:0 2rem 0; text-align: left; margin:0 0 1rem; z-index: 2; position: relative;} .pitch__ #results__ h3.top{ font-size:2.2rem; font-weight:bold; color:#ffffff; text-align: center!important; padding:0 0 2rem;} .pitch__ #results__ h3.middle{ font-size:1.4rem; font-weight:normal; color:#ffffff; } .pitch__ #results__ .container {width:100%; height:auto; background: rgba(255,255,255,0.1); padding:3rem 1rem 0; margin: -5rem 0 4rem; position: relative;} .pitch__ #results__ .column__02 .row { padding:2rem 0 0;} .pitch__ #results__ .column__02 .row dd p{ padding:1.5rem 0 2.5rem; font-size: 1.6rem; line-height: 1.6;} .pitch__ #results__ .row .button {text-align:center; margin:10rem 0 0;} .pitch__ #results__ .announcement{text-align:center; font-size:1.3rem; margin:0 0 2rem; } .pitch__ #results__ .photo {width:80%; margin:0 auto;} .pitch__ #results__ .photo p {margin:1rem 0;} .pitch__ #results__ .-gold { position: absolute; right:2rem; top:-1rem; } .pitch__ #results__ .-gold img { width: 7rem; border-radius: 0.5rem; } .pitch__ #results__ .container .btn__{background:#00aa84; width: 100%;} .pitch__ #results__ h5{ font-size:3rem; font-weight:400; color: #00AA84; padding: 0 0 1rem; text-align: center;} .pitch__ #judge__{ padding:4rem 0; } .pitch__ #judge__ .column__04 .row{ width:48.5%; margin:0 0 3% 3%;} .pitch__ #judge__ .column__04 .row:nth-child(4n+1){ margin:0 0 3% 3%;} .pitch__ #judge__ .column__04 .row:nth-child(2n+1){ margin:0 0 3%;} .pitch__ #judge__ .column__04 .row dt{ overflow: hidden; border-radius: 50%; position: relative; transition: 0.3s;} .pitch__ #judge__ .column__04 .row dd{ padding: 1rem 1rem; text-align: center; font-size: 1.6rem; color:#fff;} .pitch__ #judge__ .column__04 .row dd small{ font-size: 1rem; color: #fff; display: block; opacity: 0.6;} .pitch__ #startup__{ padding:4rem 0; background: rgba(255,255,255,0.1);} .pitch__ #schedule__{ padding:4rem 0;} .pitch__ #schedule__ p{ text-align:center; width:92%; margin:0 auto;} /* speakers -------------------------------------*/ .speakers__ .section__{ text-align:center; padding:5rem 0; background: #fff;} .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{ } .speakers__ .column__04 .row a dt img{ overflow: hidden; border-radius: 50%; position:relative; transition: 0.3s; } .speakers__ .column__04 .row a dd{ padding:1.5rem 1rem 0; text-align: center;} .speakers__ .column__04 .row a dd h4{ font-size: 1.6rem; padding: 0 0 1rem; margin: 0; font-weight: normal; color: #003047;} .speakers__ .column__04 .row a dd p{ font-size: 1rem; color: #6b7280; } .speakers__ hr.space__ { display: block; height: 0; border: 0; border-top: 3px solid #005979; width:4rem; margin: 0 auto; padding: 0; } /* program__ -------------------------------------*/ .program__ .page_ttl{ position: relative; height:60vh;} .program__ .page_ttl .txt{ display:table-cell; padding: 0 0 14rem;} .program__ .page_ttl .announcement{ position:absolute; left:0; bottom:0; width:100%; color:#fff; text-align:center;} .program__ .page_ttl .announcement .inner{ padding:0 0 1.5rem; font-size: 1.3rem; line-height: 1.5;} .program__ .page_ttl .announcement .inner p{ text-shadow: 0 0 1rem rgba(0,0,0,0.4)} .program__ .page_ttl .announcement .btn__{ vertical-align:middle; width: auto; min-width: auto; padding: 1.5rem 4rem; font-size: 1.3rem;} .program__ .section__{ text-align:center; padding:5rem 0; background: #fff;} .program__ .section__ .inner .ttl{ font-size: 2rem; font-weight: bold;} .program__ .section__ .inner .-btn .btn__{ font-size: 1.3rem;} .program__ .program_day{ width:100%; display:table; margin: 3rem 0; background:#d6f4e6; color:#00aa84; border-radius: 0.5rem ; overflow: hidden;} .program__ .program_day li{ width:50%; display:table-cell; text-align:center; font-size:1.3rem; line-height: 1.1;} .program__ .program_day li:first-child{border-radius: 0.5rem 0 0 0.5rem;} .program__ .program_day li:last-child{border-radius: 0 0.5rem 0.5rem 0;} .program__ .program_day li span{ display: block; font-size: 2.5rem;} .program__ .program_day li a{ background:#d6f4e6; color:#00aa84; padding:1.5rem; display:block; transition: 0.4s;} .program__ .program_day li a:hover, .program__ .program_day li.active{ background:#00aa84; color:#fff; padding:1.5rem; position:relative; } .program__ .program_table { text-align:left; padding:0 0 2rem; width: 100%;} .program__ .program_table .-section{ padding: 2rem 1.5rem; border-bottom:1px solid #e5eaec;} .program__ .program_table .-section:first-child{ border-top:1px solid #e5eaec;} .program__ .program_table .-section:nth-child(even){ background:#fbfbfb;} .program__ .program_table time{padding:0 0 1.5rem; font-size:1.8rem; color:#00af88;} .program__ .program_table h3{ font-size:1.6rem; padding:0 0 2rem; margin:0; line-height: 1.6; font-weight:bold;} .program__ .program_table h3 a{ color: #003047; border-bottom:1px dotted #999;} .program__ .program_table h4{ font-size:1.3rem; padding:0 0 1.5rem; color:#00af88; margin:0; font-weight: normal;} .program__ .program_table dl{ display:table; width: 100%; margin: 0 0 1.5rem !important; } .program__ .program_table dl dt{ display:table-cell; width:18vw;} .program__ .program_table dl dt img{border-radius: 10rem; overflow: hidden;} .program__ .program_table dl dd{ display:table-cell; vertical-align: top; padding: 0 0 0 2rem; line-height:1.3rem;} .program__ .program_table dl dd p{ padding:0 0 0.8rem; margin:0; font-size:1.4rem; font-weight:normal;} .program__ .program_table dl dd small{ font-size:1rem; color:#6b7280;} .program__ .program_table dl a{transition: 0.4s; color: #003047;} .program__ .program_table dl a:hover{ opacity: 0.8;} .program__ .program_table dl dd a{ border-bottom:1px dotted #999;} .program__ .program_table small{ font-size:1.2rem;} .program__ .program_table .btn__ { vertical-align:middle; width: auto; min-width: auto; padding: 1.5rem 8rem; margin:3rem auto 1rem;} /* startup -------------------------------------*/ .startup__{ background: #12192e;} .startup__ .page_ttl{ background: url(../img/bg_startup02.jpg) center 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:rgba(18,25,69,0.6); text-align:center;} .startup__ #startup{ text-align:center; padding:4rem 0;} .startup__ #startup h3{ font-size:2rem; font-weight:bold; color: #ea9014; 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: 'Barlow Semi Condensed', 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;background: rgba(255,255,255,0.1); border-radius: 3rem; display: block;} .startup__ #startup .column__02 .row dd h4{ padding: 0 5rem 2rem 0;} .startup__ #startup .column__02 .row dd h4 a{ display: block; 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.1rem; font-weight: 300; opacity: 0.5; } .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__line{ min-width:auto; padding: 1.1rem 3rem; width: 80%; font-size: 1.3rem; line-height: 1.6;} /* jublia__ -------------------------------------*/ .jublia__ { background: #fff;} .jublia__ .page_ttl{ position:relative;} .jublia__ .page_ttl p{ padding:0 2rem 2rem;} .jublia__ #report{ padding:4rem 0;} .jublia__ #report h3{ font-size:2rem; font-weight:bold; color: #00aa84; padding:0 0 2rem;} .jublia__ #report .-logo{ padding: 4rem; width: 100%; background: #fff; border-radius: 0.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.1)} .jublia__ #report p{ padding: 0 0 2rem;} .jublia__ #report ul{ padding: 0 0 2rem 2rem;} .jublia__ #report ul li{ padding: 0 0 1rem; font-size: 1.4rem; list-style: disc;} .jublia__ #report .button{ text-align: center;} .jublia__ #report ol{ padding: 0 0 2rem;} .jublia__ #report ol li{ padding: 2rem 2.5rem 2rem 8rem; font-size: 1.4rem; position: relative; background: #e7f6ef; margin: 0 0 1.5rem; border-radius: 0.5rem;} .jublia__ #report ol li::before{ position:absolute; content: ""; top:calc(50% - 1.8rem); left:2.5rem; line-height: 1; font-size: 3rem; color: #00aa84; font-family: 'Barlow Semi Condensed', sans-serif; letter-spacing:0;} .jublia__ #report ol li:nth-child(1)::before{ content: "01";} .jublia__ #report ol li:nth-child(2)::before{ content: "02";} .jublia__ #report ol li:nth-child(3)::before{ content: "03";} .jublia__ #report ol li:nth-child(4)::before{ content: "04";} .jublia__ #report ol li:nth-child(5)::before{ content: "05";} .jublia__ #report ol li:nth-child(6)::before{ content: "06";} .jublia__ #report ol li:nth-child(7)::before{ content: "07";} .jublia__ #report ol li:nth-child(8)::before{ content: "08";} .jublia__ #report ol li::after{ position:absolute; content: ""; bottom: -1.5rem; left:2rem; border-right: 2rem solid transparent; border-top: 2rem solid #e7f6ef; border-left: 2rem solid transparent; } .jublia__ #report ol li:last-child::after{ border: none;} .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(240,240,240,0.7);-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; min-height: 70vh; color:#003047; border-radius: 0.5rem; margin:0 auto; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.03); } .md-content dl{ display: table; width:100%; padding:3rem;} .md-content dl dt{ display:table-cell; width:30%;} .md-content dl dt img{ width:100%; overflow: hidden; border-radius: 50%; } .md-content dl dd{ display:table-cell; width:70%; 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:#6b7280; display:block; padding:0.5rem 0 0;} .md-content .txt { 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:0; top:0;} .md-close i{ height:4rem; width:4rem; background:#00aa84; border-radius: 50%; 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; min-height: 70vh; color:#003047; border-radius: 0.5rem; margin:0 auto; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.03); } .pg-content dl{ display: table; width:100%; padding:3rem 2rem 1rem;} .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; font-size:1.6rem; line-height: 1.6; font-weight: bold;} .pg-content dl dd time{ font-size:1.8rem; line-height: 1.5; color:#00af88; display:block; padding:0.5rem 0 0; font-weight: normal;} .pg-content .txt { font-size: 1.4rem;line-height:1.8; padding:0 2rem 2rem;} .pg-content .txt p {margin: 0; padding: 0 0 1.5rem;} } @media only screen and (min-device-width: 415px) and (max-device-width: 768px) and (orientation:portrait) { .inner{ max-width:120rem; min-width:auto; width:calc(100% - 8rem); padding:0; margin:0 auto; position:relative; } .inner_small{ max-width:90rem; min-width:auto; width:calc(100% - 8rem); padding:0; margin:0 auto; position:relative; } .arc{ min-height:200px; border-bottom-right-radius: 1500px 200px; border-bottom-left-radius: 1500px 200px; margin:0; padding:0;} #top__fv .text{ text-align:left; color:#fff; position:absolute; left:6%; top:7rem; z-index:3; padding:0;} #top__fv .text h2 span{ font-size: 1.3rem; font-weight: normal;} #top__fv .text h3{ font-size: 2rem; padding: 0; margin: 2rem 0 ; position: relative; width: 70%;} #top__fv .text h3 small{ font-size: 1.2rem;} #top__fv .img{ position: absolute; left: 10%; top:32vh; width: 120%; min-width: 70rem;} #top__fv p{ position: absolute; left:6%; bottom: 4.5rem; text-align: left; font-size:3.6rem; line-height:1.1;} #top__fv p small{ font-size:2.6rem; } #speakers__ .swiper-slide{ width:20rem;} #speakers__ .swiper-slide dt {border-radius: 50rem; position: relative; overflow: hidden;} #agsum__ .first{ padding: 0 0 25rem;} #agsum__ .first .arc{ padding: 10rem 0 5rem;} #agsum__ .first h2{ font-size: 3rem; padding: 0 0 4rem; text-align: center;} #agsum__ .first h2 .sp{ display: none;} #agsum__ .first h3{ position:absolute; top:-11rem; left: 0; width: 100%; font-weight: normal; text-align: center; font-size:8rem; color: #d6f4e6; line-height: 0.8; z-index: 0;} #agsum__ .second .column__03 .row{ width:65%; margin: 0 auto 3rem;} #agsum__ .second .column__03 .row dl{ text-align:center; padding: 30rem 0 0;} #agsum__ .second .column__03 .row dl dt{ padding: 0 0 1rem; margin: -30rem 0 0;} #agsum__ .second .column__03 .row dl dd{ padding:0 5rem 10rem;} #agsum__ .fourth .column__02 .row:first-child { width: 100%; text-align: center;} #agsum__ .fourth .column__02 .row:first-child img{ width: 70%; margin: 0 auto 1rem;} } @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}