@font-face {
font-family: AvantGarde-Demi;
src: url(assets/fonts/AVANTGA2.ttf) format("truetype"), url(../fonts/AVANTGA2.woff) format("wof")
}
body{
color: #fff;
background-color: #1f2774;
font-family: "Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
}
a{
color: #02c5aa;
}
a:hover{
text-decoration: none;
}

.avant {
font-family: itc-avant-garde-gothic-pro, sans-serif;
letter-spacing: .1em;
line-height: 1.3;
font-weight:700
}

@media screen and (min-width: 769px) {
/* ガター幅（余白）を調整 */
.row-0 {
margin-left:0px;
margin-right:0px;
}
.row-0>div {
padding-right:0px;
padding-left:0px;
}
.row-10 {
margin-left:-5px;
margin-right:-5px;
}	
.row-10>div {
padding-right:5px;
padding-left:5px;
}
.row-20 {
margin-left:-10px;
margin-right:-10px;
}
.row-20>div {
padding-right:10px;
padding-left:10px;
}
.row-30{
margin-left:-15px;
margin-right:-15px;
}
.row-30>div {
padding-right:15px;
padding-left:15px;
}
.row-40{
margin-left:-20px;
margin-right:-20px;
}
.row-40>div{
padding-right:20px;
padding-left:20px;
}
.row-50{
margin-left:-25px;
margin-right:-25px;
}
.row-50>div{
padding-right:25px;
padding-left:25px;
}
.row-60{
margin-left:-30px;
margin-right:-30px;
}
.row-60>div{
padding-right:30px;
padding-left:30px;
}
}


/* 5 Columns */

.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
width: 100%;
}

@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
flex: 0 0 20%;
}
}

@media (min-width: 992px) {
.col-md-15 {
width: 20%;
flex: 0 0 20%;
}
}

@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
flex: 0 0 20%;
}
}

.mb-5, .my-5 {margin-bottom:2rem !important}
.mb-6, .my-6 {margin-bottom:2.5rem !important}
.mb-7, .my-7 {margin-bottom:3rem !important}
.mb-8, .my-8 {margin-bottom:3.5rem !important}
.mb-9, .my-9 {margin-bottom:4rem !important}

.center-center {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}


.move {
animation-name: move;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1.5s;
}
@keyframes move {
0%  {transform: translate(0,0px);}
100%{transform: translate(0,-15px)}
}

.section{
position: relative;
padding: 6rem 0;
overflow-x: hidden;
}
.conference,
.business-salon,
.meetup,
.sponsor,
.news,
.contact{
}

h2{
font-size: 3rem;
line-height: 1.5;
letter-spacing: .2rem;
font-weight: 700;
}
h3{
font-size: 2.25rem;
color: #02c5aa;
}
h4{}
h4 span{
display: inline-block;
padding: .5rem 1rem;
border: 1px solid #fff;
}

.button{
display: inline-block;
color: #fff;
background-color: #00a18b;
padding: 1rem 3rem;
font-size: 1.125rem;
letter-spacing: .1rem;
border-radius: 100px;
transition: .3s;
}
.button:hover{
color: #00a18b;
background-color: #fff;
}


img{
max-width: 100%;
height: auto;
}

.is-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
}

header {
position: fixed;
padding: 1rem 0;
top: 0;
left: 0;
z-index: 2;
width: 100%;
transition: .3s;
}
header h1 {
color: #fff;
transition: .3s;
}
.is-animation h1 {
color: #000;
}
.navigation{
margin:1rem 0 0;
padding:0;
list-style: none;
display:flex;
justify-content: start;
}
.navigation li {
font-family: itc-avant-garde-gothic-pro, sans-serif;
font-size: .75rem;
font-weight: 600;
letter-spacing: .1rem;
}
.navigation li a{
padding: .5rem 1rem;
color: #fff;
}


.id_mini{
opacity: 0;
transition: 1s;
}
.is-animation{
background: rgb(31,39,116);
background: linear-gradient(0deg, rgba(31,39,116,0) 0%, rgba(31,39,116,1) 100%);
}
.is-animation .id_mini{
opacity: 1;
}


.id_mini{
position: absolute;
left: 0;
top: .5rem;
}
.header-nav{
margin:.5rem 0 0;
padding:0;
list-style: none;
display:flex;
justify-content: flex-end;
}

.header-resist a{
color: #1f2774;
background-color: #fff;
padding:  .5rem 1rem;
border-radius: 60px;
transition: .3s;
}
.header-resist a:hover{
color: #fff;
background-color: #02c5aa;
}
.header-nav li:not(:last-child) {
margin-right: 1rem;
}
.header-nav li img{
height: 24px;
width: 24px;
}


.mv{
padding: 0;
background: rgb(2,197,170);
background: linear-gradient(0deg, rgba(2,197,170,1) 0%, rgba(31,39,116,1) 100%);
min-height: 550px;
z-index: -2;
}
#animation_container{
position: absolute;
left: 0;
bottom: 0;
margin: 0 auto;
z-index: -1;
}

.interlude,
.about{
padding: 4rem 0;
}

.interlude p,
.about p{
font-size: 1.125rem;
font-weight: 600;
line-height: 2;
letter-spacing: .1rem;
}
.interlude p:not(:last-child),
.about p:not(:last-child) {
margin-bottom: 2rem;
}


.dl_flex {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.dl_flex dt {
width: 12.5%;
padding-bottom: 1rem;
margin-bottom: .5rem;
}
.dl_flex dd {
width: 87.5%;
padding-bottom: 1rem;
margin-bottom: .5rem;
line-height: 1.6;
}

.outline{}
.outline h4{
margin: 0 auto 4rem;
}
.outline h2{
margin: 0 auto;
}
.outline p{
margin: 0 auto 6rem;
}

.day2 h2{
margin: 0 auto 4rem;
}
.day2 h4{
margin: 0 auto 4rem;
}
.day2 p{
margin: 0 auto 4rem;
}
.speaker figcaprion dl{}
.speaker figure img{
display: block;
margin: 0 auto 1.5rem;
}
.speaker figcaption dt{
margin: 0 auto .5rem;
text-align: center;
font-size: 1.125rem;
}
.speaker figcaption dd{
text-align: center;
font-size: .875rem;
line-height: 1.5;
letter-spacing: .05rem;
font-feature-settings:"palt";
}


.sponsor{
color: #1f2774;
background-color: rgba(255,255,255,1);
}
.sponsor h3{
margin: 0 auto 4rem;
}
.sponsor h4{
margin: 0 auto 4rem;
}
.sponsor h4 span {
display: inline-block;
padding: .5rem 1rem;
border: 1px solid #1f2774;
}
.sponsor p{
font-size: 1.125rem;
font-weight: 500;
line-height: 1.75;
letter-spacing: .15rem;
}
.sponsor p:not(:last-child) {
margin-bottom: 4rem;
}
.sponsor a img{
transition: .3s;
}
.sponsor a:hover img{
opacity: .7;
}

.twitter{
max-height: 500px;
overflow-y: auto;
}

footer{
padding: 8rem 0 1rem;
background: rgb(2,197,170);
background: linear-gradient(0deg, rgba(2,197,170,1) 0%, rgba(31,39,116,1) 100%);
}
.copyright{
font-size: .75rem;
text-align: center;
color: #fff;
letter-spacing: .1rem;
}


#page_top {
position: fixed;
bottom: 30px;
right: 20px;
}
#page_top a {
position: relative;
transition: .3s;
bottom: -9rem;
}
#page_top a:hover {
bottom: -2rem;
}

.planet_01,
.planet_02,
.planet_03,
.planet_04,
.planet_05,
.planet_06,
.planet_07,
.planet_08,
.planet_09,
.planet_10{
position: absolute;
z-index: -1;
}


.planet_01{
top: 20%;
right: -4rem;
}
.planet_02{
bottom: 15%;
left: -3rem;
}
.planet_03{
bottom: 20%;
right: 20%;
}
.planet_04{
bottom: 15%;
left: 20%;
}
.planet_05{
top: 10%;
right: 25%;
}
.planet_06{
top: 15%;
left: -3rem;
}
.planet_07{
top: 10%;
right: 25%;
}
.planet_08{
top: 15%;
right: 30%;
}

.contact p .br{
display: none;
}

/*----------------------------------------------------------*/
/* PC用のCSS */
/*----------------------------------------------------------*/
@media (min-width: 1200px) {}

@media (min-width: 441px) {
a[href^="tel:"] {
pointer-events: none;
color: inherit;
}
}

/*----------------------------------------------------------*/
/* タブレット用のCSS */
/*----------------------------------------------------------*/
@media (min-width:479px) and (max-width:768px) {
.dl_flex dt {
width: 15%;
}
.dl_flex dd {
width: 85%;
}
}


/*----------------------------------------------------------*/
/* スマホ用のCSS */
/*----------------------------------------------------------*/
@media (max-width: 479px) {
header {
padding: .5rem 0;
}
.id_mini {
left: 15px;
}
.header-nav li:not(:last-child) {
margin-right: .5rem;
}
.header-nav li img {
height: 40px;
width: 40px;
}
.header-resist{
position: relative;
top: 8px;
}
.header-resist a {
padding: .75rem 1rem;
border-radius: 60px;
}
.mv{
background-image: url(images/bg_mv_sp.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: auto 100%;
}

.interlude p, .about p {
font-size: 1rem;
font-feature-settings:"palt";
}

.dl_flex dt {
width: 20%;
font-size: .875rem;
}
.dl_flex dd {
width: 80%;
font-size: .937rem;
font-feature-settings:"palt";
word-break: break-all;
}
.speaker figure img {
max-width: 75%;
}
.contact p{
font-size: .875rem;
font-feature-settings:"palt";
}
.contact p .br{
display: block;
}
.sponsor p {
font-size: 1rem;
letter-spacing: normal;
font-feature-settings:"palt";
}
}


/*----------------------------------------------------------*/
/* スマホ用のCSS */
/*----------------------------------------------------------*/
@media (max-width: 428px){}


/*----------------------------------------------------------*/
/* スマホ用のCSS */
/*----------------------------------------------------------*/
@media (max-width: 375px){
.lead {
font-size: 1.125rem;
}
h2 {
font-size: 2rem;
}
.id_mini{
max-width: 140px;
}
.sponsor p {
font-size: .937rem;
}


}


/*----------------------------------------------------------*/
/* スマホ用のCSS */
/*----------------------------------------------------------*/
@media (max-width: 320px){
.lead {
font-size: 1rem;
}
h2{
font-size: 1.75rem;
}
h3 {
font-size: 1.75rem;
}
.id_mini{
max-width: 120px;
}
.header-nav li img {
height: 36px;
width: 36px;
}
.header-nav li:not(:last-child) {
margin-right: .2rem;
}
.header-resist a {
padding: .75rem .75rem;
border-radius: 60px;
}
.interlude p, .about p {
font-size: .937rem;
letter-spacing: normal;
}
.dl_flex dt {
width: 25%;
}
.dl_flex dd {
width: 75%;
}

}



.tbl_timeline{
color: #000;
}
.speaker .bg_white{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
background-color: rgba(255,255,255,1);
border-radius: 15px;
color: #000;
}
.tbl_timeline .col-md-2 p{
margin-bottom: 0;
white-space: nowrap;
font-weight: 600;
letter-spacing: .15rem;
text-align: center;
color: #1f2774;
}
.tbl_timeline h3{
font-size: 1.5rem;
font-weight: 600;
line-height: 1.25;
color: #1f2774;
}
.tbl_timeline h3 span{
margin-bottom: .25rem;
display: block;
color: #00a18b;
font-size: 1rem;
letter-spacing: .1rem;
}
.tbl_timeline .col-md-10 img{
display: block;
margin: 1rem auto;
}
.tbl_timeline .col-md-10 figcaption{
text-align: center;
}
.tbl_timeline .col-md-10 small{
display: inline-block;
padding: .25rem .45rem;
line-height: 1;
color: #fff;
background-color: #00a18b;
border-radius: 15px;
}








.drawer-list {
position: fixed;
right: 0;
top: 0;
height: 100vh;
width: 100vw;
transform: translate(100vw, 0);
/* ie workaround */
-ms-transform: translatex(-100vw);
box-sizing: border-box;
pointer-events: none;
padding-top: 125px;
transition: width 475ms ease-out, transform 450ms ease, border-radius 0.8s 0.1s ease;
border-bottom-left-radius: 100vw;
background-color: #3d88ce;
background-color: rgba(31, 39, 116, .95);
z-index: 999;
}
@media (min-width: 768px) {
.drawer-list {
width: 40vw;
}
}
.drawer-list ul {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: auto;
overflow-x: hidden;
pointer-events: auto;
}
.drawer-list li {
list-style: none;
font-family: itc-avant-garde-gothic-pro, sans-serif;
text-transform: uppercase;
pointer-events: auto;
white-space: nowrap;
box-sizing: border-box;
transform: translatex(100vw);
/* ie workaround */
-ms-transform: translatex(-100vw);
}
.drawer-list li:last-child {
margin-bottom: 2em;
}
.drawer-list li a {
text-decoration: none;
color: #FEFEFE;
text-align: center;
display: block;
padding: 1rem;
font-size: calc(1.5rem - .5vw);
}
@media (min-width: 768px) {
.drawer-list li a {
text-align: right;
padding: 0.5rem;
}
}
.drawer-list li a:hover {
cursor: pointer;
background-color: #88c2f8;
background-color: #02c5aa;
}

input.hamburger {
  display: none;
}
input.hamburger:checked ~ .drawer-list {
  transform: translatex(0);
  border-bottom-left-radius: 0;
}
input.hamburger:checked ~ .drawer-list li {
  transform: translatex(0);
}
input.hamburger:checked ~ .drawer-list li:nth-child(1) {
  transition: transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(2) {
  transition: transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(3) {
  transition: transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(4) {
  transition: transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}
input.hamburger:checked ~ .drawer-list li:nth-child(5) {
  transition: transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li a {
  padding-right: 15px;
}
input.hamburger:checked ~ label > i {
  background-color: transparent;
  transform: rotate(90deg);
}
input.hamburger:checked ~ label > i:before {
  transform: translate(-50%, -50%) rotate(315deg);
}
input.hamburger:checked ~ label > i:after {
  transform: translate(-50%, -50%) rotate(-315deg);
}
input.hamburger:checked ~ label close {
  color: #FEFEFE;
  width: 100%;
}
input.hamburger:checked ~ label open {
  color: rgba(0, 0, 0, 0);
  width: 0;
}

label.hamburger {
  z-index: 9999;
  position: relative;
  display: block;
  height: 50px;
  width: 50px;
}
label.hamburger:hover {
  cursor: pointer;
}
label.hamburger text close,
label.hamburger text open {
  text-transform: uppercase;
  font-size: 0.8em;
  align-text: center;
  position: absolute;
  transform: translateY(50px);
  text-align: center;
  overflow: hidden;
  transition: width 0.25s 0.35s, color 0.45s 0.35s;
}
label.hamburger text close {
  color: rgba(0, 0, 0, 0);
  right: 0;
  width: 0;
}
label.hamburger text open {
  color: #FEFEFE;
  width: 100%;
}
label.hamburger > i {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  background-color: #FEFEFE;
  pointer-events: auto;
  transition-duration: 0.35s;
  transition-delay: 0.35s;
}
label.hamburger > i:before, label.hamburger > i:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  left: 50%;
  background-color: #FEFEFE;
  content: "";
  transition: transform 0.35s;
  transform-origin: 50% 50%;
}
label.hamburger > i:before {
  transform: translate(-50%, -14px);
}
label.hamburger > i:after {
  transform: translate(-50%, 14px);
}

label.hamburger {
  position: fixed;
  top: 15px;
  right: 15px;
}

/**
    SCROLLBAR STYLE FOR IE
*/
body {
  scrollbar-base-color: #138a72;
  scrollbar-3dlight-color: #fff;
  scrollbar-highlight-color: #1abc9c;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: #1abc9c;
  scrollbar-shadow-color: #1abc9c;
  scrollbar-dark-shadow-color: #1abc9c;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.icon {
  display: inline-block;
  width: 5vw;
  height: 4vw;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.half-li{
width: 50%;
float: left;
}
.drawer-list .header-resist{
clear: both;
margin: 0 15%;
}
.drawer-list .header-resist a {
color: #1f2774;
background-color: #fff;
padding: .5rem 1rem;
border-radius: 60px;
}
.drawer-list .header-resist a:hover{
color: #fff;
background-color: #02c5aa;
}
.guide figure img{
display: block;
max-width: 90%;
margin: 0 auto 1rem;
}
.guide figcaption{
text-align: center;
}
.guide figcaption dt{
margin: 0 0 1rem;
}
.guide figcaption dd{
font-size: .875rem;
line-height: 1.5;
}

@media screen  and (max-width: 440px) {
header.is-animation{
display: block;
background: rgb(31,39,116);
background: linear-gradient(0deg, rgba(31,39,116,0) 0%, rgba(31,39,116,0.95) 50%, rgba(31,39,116,1) 100%);
min-height: 120px;
}
.id_mini{
position: relative;
top: 25px;
}
.speaker .row.mb-4{
margin: 0 15px;
}
.guide figure img{
display: block;
max-width: 75%;
margin: 0 auto 1rem;
}
}