.movie_ddf{
  width: 100%;
  height: 100vh;
  background: url(../images/fv/fv1.png) no-repeat center/cover;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  }
  
  .movie_ddf::after{
  
    content: '';
    width: 100%;
    height: 100%;
  
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .movie_ddf video {
    min-width: 100%;
    min-height:100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }



  .kv-inner {
    display:none;
    width: 100vw; 
      height: 100vh; 
      background-image: url(../images/fv/fv1.png);
      background-position: center center;
      background-size: cover;
      display: flex;
      align-items: center;
      justify-content: center;
  }







.kv-title{

  color:  #ffffff;
  text-shadow:
  1px 0 0 #000,
  1px 1px 0 #000,
  0 1px 0 #000,
  -1px 1px 0 #000,
  -1px 0 0 #000,
  -1px -1px 0 #000,
  0 -1px 0 #000,
  1px -1px 0 #000;
  font-family: strenuous, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 9rem;
padding: 10px 20px ;
text-align: center;
margin:auto;
}

.info{
  margin: auto;
  max-width:1200px ;
  padding: 100px 50px;
  background-color: rgba(255, 255, 255, 0.9);
  border: solid 1px #000000;
  box-shadow: 30 5px 5px rgba(0, 0, 0, 0.22);
}

.info2{
  margin: auto;
  max-width:1000px ;
  padding: 100px 50px;
  background-color:rgba(0, 0, 0, 0.9) ;
  border: solid 0.5px #ffffff;
  box-shadow: 30 5px 5px rgba(0, 0, 0, 0.22);
}


.section-wrapper1{
  max-width: 1440px;
  padding: 0px 100px;
  margin: auto;
  background-image: url(../images/bg/bg1.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.section-wrapper2{
  max-width: 1440px;
  padding: 0px 100px;
  margin: auto;
  background-image: url(../images/bg/bg2.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}


.section-wrapper3{
  max-width: 1440px;
  padding: 0px 100px;
  margin: auto;
  background-image: url(../images/bg/bg3.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.section-wrapper4{
  max-width: 1440px;
  padding: 0px 100px;
  margin: auto;
  background-image: url(../images/bg/bg4b.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}


.section-wrapper5{
  max-width: 1440px;
  padding: 0px 100px;
  margin: auto;
}

.section-wrapper6{
  max-width: 1440px;
  padding: 0px 100px;
  margin: auto;
}


.section-wrapper7{
  max-width: 1440px;
  padding: 100px;
  margin: auto;
}


.section-wrapper8{
  max-width: 1440px;
  padding: 100px;
  margin: auto;
  background-image: url(../images/ddfother/ddfbg4.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  object-fit: cover;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}



.info-list{
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
}

.info-item{
  max-width: 460px;
  margin:auto;
  padding: 25px;
  display: block;
}

.infotitle{
  font-size: 7rem;
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
color: #000000;
text-align: left;
}

.subinfo-title{
  font-size: 1.8rem;
  font-family: din-2014, sans-serif;
font-weight: 300;
font-style: normal;
text-align: left;
}

.subinfo-text{
  font-size: 2.4rem;
  font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
text-align: left;
}

.infotext-wrapper{
  margin: auto;
  max-width:1200px ;
  padding: 100px 50px;
  background-color: rgba(255, 255, 255, 0.9);
  border: solid 1px #000000;
  box-shadow: 30 5px 5px rgba(0, 0, 0, 0.22);
}

.infotext-title{
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3rem;
color: #000000;
padding: 10px;
text-align: left;
}
.infotext-sub{
  font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 2.4rem;
color: #000000;
padding:  10px;
text-align: left;
}

.infotext-text{
  font-family: din-2014, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.6rem;
color: #000000;
padding:  5px 10px;
padding-bottom: 30px;
text-align: left;
}


.btn1{
  font-family: strenuous, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
  color: #000000;
  padding: 100px;
  margin-top: 200px;
margin:auto;
text-align: center;
  background-image: url(../images/on_logo/onlogo2.png);
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: center center;
}



a.btn11 {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 250px;
	margin: auto;
	padding: 2rem 4rem;
	font-weight: bold;
	color: #000000;
  background: #FFFFFF;
	border-bottom: 3px solid #FF0000;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
}

a.btn11:hover {
	color: #fff;
	background: rgba(255, 0, 0, 0.9);
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
}



.btn2{
  font-family: strenuous, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
  color: #000000;
  padding: 100px;
  margin-top: 200px;
margin:auto;
text-align: center;
  background-image: url(../images/on_logo/onlogo3.png);
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: center center;
}



a.btn12 {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 250px;
	margin: auto;
	padding: 2rem 4rem;
	font-weight: bold;
	color: #000000;
  background: #00FFFF;
	border-bottom: 3px solid #0000FF;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
}

a.btn12:hover {
	color: #fff;
	background:rgba(0, 0, 255, 0.9);
	border-bottom: 2px solid #fff;
	transform: translateY(3px);
}



.btn3{
  font-family: strenuous, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
  color: #ffffff;
  padding: 100px;
  margin-top: 200px;
margin:auto;
text-align: center;
  background-image: url(../images/on_logo/onlogo4.png);
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: center center;
}



a.btn13 {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 250px;
	margin: auto;
	padding: 2rem 4rem;
	font-weight: bold;
	color: #ffffff;
  background: #FF00FF;
	border-bottom: 3px solid rgba(255, 0, 255, 0.7);
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
}

a.btn13:hover {
	color: #000000;
	background:rgba(255, 255, 255, 0.9);
	border-bottom: 2px solid #FF00FF;
	transform: translateY(3px);
}

.btn4{
  font-family: strenuous, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
  color: #ffffff;
  padding: 100px;
  margin-top: 200px;
margin:auto;
text-align: center;
  background-image: url(../images/on_logo/onlogo5.png);
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: center center;
}



a.btn14 {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 250px;
	margin: auto;
	padding: 2rem 4rem;
	font-weight: bold;
	color: #000;
  background: #FFFF00;
	border-bottom: 3px solid #008000;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
}

a.btn14:hover {
	color: #ffffff;
	background:rgba(0, 128, 0, 0.9);
	border-bottom: 2px solid #ffff00;
	transform: translateY(3px);
}


.btn9{
  font-family: strenuous, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
  color: #ffffff;

  margin-top: 20px;
text-align: left;
}



a.btn99 {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 250px;
	
	padding: 2rem 4rem;
	font-weight: bold;
	color: #fff;
  background: #000000;
	border: 1px solid #ffffff;
	border-radius: 100vh;
	box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
	transition: 0.5s;
}

a.btn99:hover {
	color: #000;
	background:#ffffff;
	border: 2px solid #000000;
	transform: translateY(3px);
}





.sec-title{
  font-family: dazzle-unicase, sans-serif;
font-weight: 200;
font-style: normal;
font-size: 7rem;
color: #000000;
padding: 50px 0px;
}


.sec-title2{
  font-family: dazzle-unicase, sans-serif;
font-weight: 200;
font-style: normal;
font-size: 7rem;
color: #ffffff;
padding: 50px 0px;
}

.sp-list{
  justify-content: center;
  flex-wrap: wrap;
  display: flex;

  margin:auto;
}

.sp-item{
  max-width: 250px;
  margin:auto;
  padding: 10px;
  display: block;
}

.face{
  max-width: 250px;
  margin: auto;
}

.face_text1{
  background-image: url(../images/speakers/sp1b.png);
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: center center;
  padding: 80px 0px;
}

.face_name1{
  font-family: strenuous, sans-serif;
font-weight: 500;
font-style: normal;
text-align: center;
font-size: 1.8rem;
background-color: #75A2AE;
margin: auto;
padding: 10px;
}



.face_sub1{
  font-family: strenuous, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  font-size: 1.4rem;
  background-color: #75A2AE;
  padding:10px;
}



.face_text2{
  background-image: url(../images/speakers/sp2b.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  padding: 80px 0px;
  text-align: center;

}

.face_name2{

  font-family: strenuous, sans-serif;
font-weight: 500;
font-style: normal;
text-align: center;
font-size: 1.8rem;
background-color: #C68E6B;
padding: 10px;
}



.face_sub2{
  font-family: strenuous, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  font-size: 1.4rem;
  background-color: #C68E6B;
  padding: 10px;
}



.face_text3{
  background-image: url(../images/speakers/sp3b.png);
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: center center;
  padding: 80px 0px;
}

.face_name3{
  font-family: strenuous, sans-serif;
font-weight: 500;
font-style: normal;
text-align: center;
font-size: 1.8rem;
background-color: #C9C9C7;
padding: 10px;
}



.face_sub3{
  font-family: strenuous, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  font-size: 1.4rem;
  background-color: #C9C9C7;
  padding:10px ;
}



.face_text4{
  background-image: url(../images/speakers/sp4b.png);
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: center center;
  padding: 80px 0px;
}

.face_name4{
  font-family: strenuous, sans-serif;
font-weight: 500;
font-style: normal;
text-align: center;
font-size: 1.8rem;
background-color: #A492C2;
padding: 10px;
}



.face_sub4{
  font-family: strenuous, sans-serif;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  font-size: 1.4rem;
  background-color: #A492C2;
  padding:10px ;
}


.slide-container {
  width: 100%;
  margin: 50px auto;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.slide-wrapper {
display: flex;
animation: loop-slide 50s infinite  both;
}
.slide{
width: 300px;
object-fit:cover;
}
@keyframes loop-slide {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
}


.ag-sec1{
  margin: auto;
  max-width:1200px ;
  padding: 50px;
  background-color: #000000;
  border: solid 1px #008000;
}

.ag-sec2{
  margin: auto;
  max-width:1200px ;
  padding:50px;
  background-color: #000000;
  border: solid 1px #0000FF;
  margin-bottom: 30px;
}

.ag-sectitle{
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3rem;
color:#ffffff;
padding: 10px 0px;
}

.ag-list{
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
}

.ag-item{
  max-width: 420px;
  margin:auto;
  padding: 10px 20px;
  display: block;
}

.ag-itemtitle1{
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
font-size: 2.4rem;
padding: 10px;
text-align: left;
color: #75A2AE;
}

.ag-itemtitle2{
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
font-size: 2.4rem;
padding: 10px ;
text-align: left;
color: #A492C2;
}


.ag-itemtitle3{
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
font-size: 2.4rem;
padding: 10px ;
text-align: left;
color: #D3D4BE;
}

.ag-itemtitle4{
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
font-size: 2.4rem;
padding: 10px;
text-align: left;
color: #C68E6B;
}

.face-wrapper{
  display: flex;

}



.ws-list{
  justify-content: center;
  display: block;
}

.ws-item{
  max-width: 1200px;
  margin:auto;
  padding: 5px 0px;
  display: block;
}

.ws-img{
  margin:auto;
  max-width: 1200px;
}

.ws-text1{
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3rem;
color: #ffffff;
padding: 10px 50px;
max-width: 1200px;
background-color: #A9A400;
text-align: left;
}
.ws-sub1{
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2.4rem;
color: #ffffff;
padding: 10px 50px;
max-width: 1200px;
background-color: #A9A400;
text-align: left;
}

.ws-text2{
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3rem;
color: #ffffff;
padding: 10px 50px;
max-width: 1200px;
background-color: #FF172C;
text-align: left;
}
.ws-sub2{
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2.4rem;
color: #ffffff;
padding: 10px 50px;
max-width: 1200px;
background-color: #FF172C;
text-align: left;
}


.ws-text3{
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3rem;
color: #ffffff;
padding: 10px 50px;
max-width: 1200px;
background-color: #58BEE8;
text-align: left;
}
.ws-sub3{
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2.4rem;
color: #ffffff;
padding: 10px 50px;
max-width: 1200px;
background-color: #58BEE8;
text-align: left;
}



.pp-list{
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  max-width:1000px;
  margin: auto;
}

.pp-item{
  max-width: 150px;
  margin:auto;
  padding: 50px 80px;
  display: block;
}

.pp-img{
  max-width: 150px;
}

.pp-img :hover{
  width: 155px;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 80%;
}


.logo-logo{
  max-width:300px ;
  padding: 50px;
  margin: auto;
}

.venue{
  font-family: din-2014, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  font-size: 2.4rem;
  padding: 50px;
}



.fl-list{
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  max-width:1000px;
  margin: auto;
}

.fl-item{
  max-width: 100px;
  margin:auto;
  padding: 50px 20px;
}

.fl-img{
  max-width: 100px;
}

.fl-img :hover{
  width: 105px;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 80%;
}

.follow{
  font-family: din-2014, sans-serif;
  font-weight: 300;
  font-style: italic;
  text-align: center;
  font-size: 2.4rem;
  padding: 10px;
}

.follow:hover{
font-size:3rem;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}


.stay-text{
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
text-align: left;
padding-bottom: 50px;
font-size: 3rem;
color: #ffffff;
}


form { max-width:1000px; margin:auto;
display: flex; }

.email{
  color:#ffffff;
  font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
  padding: 5px 0px;
  padding-right: 10px;
}

.feedback-input {
  color:#ffffff;
  font-family: din-2014, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1px;
  border-radius: 10px;
  background-color: transparent;
  border-bottom:1px solid #ffffff;
  transition: all 0.3s;
  padding: 10px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:1px solid #FF172C; }







@media screen and (max-width:834px){
  /* ----------------------------- */
  /* header_sp
  /* ----------------------------- */

  
  .movie_ddf{
    display: none;
  }


.kv-inner {
  width: 100vw; 
    height: 100vh; 
    background-image: url(../images/fv/fv1.png);
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

  .kv-title{
    font-size:6rem;
    padding: 50px;
    color:#ffffff;
    text-shadow:
  none;
  }



.kv-inner {
    height: 80vh; }



.info{
  margin: auto;
  max-width:600px ;
  padding: 50px 10px;
  background-color: rgba(255, 255, 255, 0.9);
  border: solid 1px #000000;
  box-shadow: 30 5px 5px rgba(0, 0, 0, 0.22);
}

.info2{
  margin: auto;
  max-width:600px ;
  padding:  50px 10px;
  background-color:rgba(0, 0, 0, 0.9) ;
  border: solid 0.5px #ffffff;
  box-shadow: 30 5px 5px rgba(0, 0, 0, 0.22);
}






  
  .section-wrapper1{
    max-width: 1000px;
    padding: 0px 20px;
    margin: auto;
  }

  .section-wrapper2{
    max-width: 1000px;
    padding: 0px 20px;
    margin: auto;
  }

  .section-wrapper3{
    max-width: 1000px;
    padding: 0px 20px;
    margin: auto;
  }

  .section-wrapper4{
    max-width: 1000px;
    padding: 0px 20px;
    margin: auto;
  }

  .section-wrapper5{
    max-width: 1000px;
    padding: 0px 20px;
    margin: auto;
  }

  .section-wrapper6{
    max-width: 1000px;
    padding: 0px 20px;
    margin: auto;
  }

  .section-wrapper7{
    max-width: 1000px;
    padding: 0px 20px;
    margin: auto;
  }

  .section-wrapper8{
    max-width: 1000px;
    padding: 0px 20px;
    margin: auto;
  }







  .info-list{
    display: block;
  }



.info-item{
  padding: 20px 10px;

}


  .infotitle{
    font-size: 3rem;
    font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #000000;
  text-align: left;
  }
  
  .subinfo-title{
    font-size: 1.4rem;
    font-family: din-2014, sans-serif;
  font-weight: 300;
  font-style: normal;
  }
  
  .subinfo-text{
    font-size: 1.8rem;
    font-family: din-2014, sans-serif;
  font-weight: 400;
  font-style: normal;
  }



.infotitle{
  font-size: 7rem;
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
color: #000000;
text-align: left;
}

.subinfo-title{
  font-size: 1.8rem;
  font-family: din-2014, sans-serif;
font-weight: 300;
font-style: normal;
text-align: left;
}

.subinfo-text{
  font-size: 2.4rem;
  font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
text-align: left;
}

.infotext-wrapper{
  margin: auto;
  max-width:600px ;
  padding: 50px 30px;
  background-color: rgba(255, 255, 255, 0.9);
  border: solid 1px #000000;
  box-shadow: 30 5px 5px rgba(0, 0, 0, 0.22);
}

.infotext-title{
  font-family: din-2014, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2.4rem;
color: #000000;
padding: 10px;
text-align: left;
}
.infotext-sub{
  font-family: din-2014, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.6rem;
color: #000000;
padding:5px 10px;
text-align: left;
}

.infotext-text{
  font-family: din-2014, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.4rem;
color: #000000;
padding: 5px 10px;
text-align: left;
padding-bottom: 30px;
}

.btn1{
  font-size: 1.4rem;
  color: #000000;
  padding: 100px 0px;
  background-size: 200px;
}

.a.btn11{
  font-size:1.4rem;
  padding: 2rem;
}

.btn2{
  font-size: 1.4rem;
  color: #000000;
  padding: 100px 0px;
  background-size: 200px; }

.a.btn12{
  font-size:1.4rem;

}



.btn3{
  font-size: 1.4rem;
  padding: 100px 0px;
  background-size: 200px; 
}

.a.btn13{
  font-size:1.4rem;
  padding: 2rem;
}

.btn4{
  font-size: 1.4rem;
  padding: 100px 0px;
  background-size: 200px; 
}

.a.btn14{
  font-size:1.4rem;
  padding: 2rem;
}


.btn9{
  font-size: 1.4rem;}

.a.btn99{
  font-size:1.4rem;
  padding: 2rem;
}

.sec-title{
  font-size:3rem;
  padding:30px 0px;
}

.sp-item{
padding:5px;
}

.slide{
  width: 150px;
  }


  .ag-sectitle{
    font-family: din-2014, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
  color:#ffffff;
  padding: 10px 0px;
  }

  
  .ag-item{
    max-width: 300px;
    margin:auto;
    padding: 10px;
    display: block;
  }
  
  .ag-itemtitle1{
    padding:5px 0px;
  font-size: 1.6rem;
  }
  
  .ag-itemtitle2{
    padding:5px 0px;
  font-size: 1.6rem;
  }
  
  
  .ag-itemtitle3{
    padding:5px 0px;
  font-size: 1.6rem;
  }
  
  .ag-itemtitle4{
    padding:5px 0px;
  font-size: 1.6rem;
  }


  .ag-sec1{
    margin: auto;
    max-width:600px ;
    padding: 20px;
    background-color: #000000;
    border: solid 1px #008000;
  }
  
  .ag-sec2{
    margin: auto;
    max-width:600px ;
    padding:20px;
    background-color: #000000;
    border: solid 1px #0000FF;
    margin-bottom: 30px;
  }


.ws-item{
  max-width: 600px;
}

.ws-img{
  max-width: 600px;
}

.ws-text1{
font-size: 1.6rem;
color: #ffffff;
padding: 5px 30px;

}
.ws-sub1{
  font-size: 1.6rem;
  color: #ffffff;
  padding: 10px 30px;}


.ws-text2{
  font-size: 1.6rem;
  color: #ffffff;
  padding: 5px 30px
}

.ws-sub2{
  font-size: 1.6rem;
  color: #ffffff;
  padding: 10px 30px;
}


.ws-text3{
  font-size: 1.6rem;
  color: #ffffff;
  padding: 5px 30px
}

.ws-sub3{
  font-size: 1.6rem;
  color: #ffffff;
  padding: 10px 30px;
}

.pp-list{

  max-width:600px;

}

.pp-item{
  max-width: 150px;
  margin:auto;
  padding: 50px 20px;
  display: block;
}



.venue{
  font-family: din-2014, sans-serif;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  font-size: 1.6rem;
  padding: 50px;
}

.sec-title2{
  font-size: 3rem;
}


.fl-list{
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  max-width:1000px;
  margin: auto;
}

.fl-item{
  max-width: 100px;
  margin:auto;
  padding: 20px;
  padding-bottom: 50px;
}

.fl-img{
  max-width: 50px;
}

.fl-img :hover{
  width: 55px;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 80%;
}

.follow{
  font-size: 2.4rem;
  padding: 10px;
}



.stay-text{
padding-bottom: 30px;
font-size: 1.6rem;
}


form { max-width:600px; margin:auto;
display: flex; }



}