@charset "UTF-8";

#keyvisual{
	width:100%;
    height: 100vh;
	position:relative;
}
@media only screen and (max-width: 1340px) {
	#keyvisual{
    background-size: auto 100%;
	}
}
#keyvisual video{
    position:absolute;
    top:calc(50% - 3px);
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:100%;
    transform: translate(-50%, -50%);
    z-index:-1;
    object-fit: cover;
}
#main_schedule{
  width:260px;
    position:absolute;
    z-index:3;
    right:3%;
    bottom:23px;
  text-align: center;
}
@media screen and (max-width:768px){
#main_schedule{
  width:100%;
    right:0;
    bottom:-400px;
}
#main_schedule img{
  width:70%;
  max-width:300px;
}
}
.multiply{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-image: linear-gradient(90deg, #0f0f0f80, #0f0f0f1a 25% 75%, #0f0f0f80);
mix-blend-mode: multiply;
}
#gray_grad{
width:100%;
height:200px;
position:absolute;
z-index:1;
bottom:0;
left:0;
background-image: linear-gradient(180deg, #0f0f0f00, #0f0f0f);
  animation: gray_grad 1.4s ease-in-out;
}

@keyframes gray_grad{
  0%{
    opacity: 0;
	filter: blur(15px);
  }
  100%{
    opacity: 1;
	filter: blur(0px);
  }
}
.multiply2,.multiply3{
opacity: 0;
pointer-events: none;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background-color:#0f0f0f6e;
mix-blend-mode: multiply;
z-index:1010;
transition: all .3s;
}
.multiply2.open,.multiply3.open{
opacity: 1;
pointer-events:inherit;
}
#keyvisual .space2{
	height:100%;
	position:relative;
	left:0;
	bottom:0;
}
#key_text{
	font-family: "Zen Kaku Gothic New",'Arial','メイリオ';
	width:100%;
	position:absolute;
	z-index:2;
	/*left:0;
	bottom:60px;*/
	text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#key_text p{
	color:var(--crmwhite);
	font-weight:900;
	font-size: clamp(9px, calc(10px + 0.625vw), 14px);
  display: block;
  word-wrap: break-word;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  line-height: 2;
  white-space:nowrap;
}
#white_logo{
	width:250px;
	margin:50px 0;
}
@media screen and (max-width:1149px){
.newslider a{
	width:80%;
	max-width:1200px;
	margin:0 auto;
}
}
@media screen and (max-width:768px){
#white_logo{
	width:200px;
	margin:50px 0;
}
.newslider a{
	width:90%;
}
}
h1{
    color: var(--crmwhite);
    font-weight: 900;
  font-size: clamp(16px, calc(16px + 0.625vw), 28px);
	line-height: 1.8;
    white-space: nowrap;
	/*text-shadow: 0px 0px 20px var(--crmwhite);*/
}
.bx-wrapper{
	position:relative;padding:0;
	-ms-touch-action:pan-y;
	touch-action:pan-y;
}
.bxslider{
	margin:0;
  padding:0;
  -webkit-perspective:1000;
}
ul.bxslider{list-style:none}
#news_ticker{
	width:30%;
	min-width:300px;
	position:absolute;
	z-index: 2;
	left:50px;
	bottom:0px;
	
	margin:1em 2em;
    padding: 5px 20px;
    /*border-top: solid 1px #DCDCDC;
    border-bottom: solid 1px #DCDCDC;*/
}
@media screen and (max-width:768px){
#news_ticker{
	bottom:-150px;
}
}
/*
#news_ticker:before, #news_ticker:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 1px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #DCDCDC;
}*/
#news_ticker:before {left: 10px;}
#news_ticker:after {right: 10px;}
#news_ticker p {
    margin: 0; 
    padding: 0;
}
.newslider{
  font-weight:700;
}
.newslider a{
    display: block;
  font-family: "Zen Kaku Gothic New",'Arial', sans-serif, 'メイリオ';
    font-size:0.95rem;
	line-height: 22px;
    color:var(--crmwhite);
}

/*日付*/
.newslider span {
  font-family: Arial;
    display:inline-block;
    font-size:0.75rem;
    color:var(--crmwhite);
}
.newslider span span{
    color: var(--orange);
    margin-right:5px;
}
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
  position:absolute;
  z-index:4;
  right:50%;
  bottom:-30px;
    /*全体の高さ*/
  height:100px;
}
@media screen and (max-width:768px){
.scrolldown1{
  bottom:0px;
}
}
/*Scrollテキストの描写*/
.scrolldown1 span{
  font-family: Arial;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	
  position: absolute;
  right:-5px;
  top: -60px;
    /*テキストの形状*/
  color: var(--crmwhite);
  font-size: 0.7rem;
  letter-spacing: 0.2em;
}

/* 線の描写 */
.scrolldown1::after{
  content: "";
    /*描画位置*/
  position: absolute;
  top: 0;
    /*線の形状*/
  width: 1px;
  height: 60px;
  background: var(--crmwhite);
    /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 1.4s ease-in-out infinite;
  opacity:0;
}

@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:60px;
    opacity: 1;
  }
  100%{
    height:0;
    top:110px;
    opacity: 0;
  }
}

@media screen and (max-width:768px){

    #header,
    #header:before{
  height: 90vh;    
    }
    
}
@media screen and (max-width:1149px){

#news_ticker{
	width:calc(100% - 10px);
	margin:5px 5px 15px 5px;
    padding: 5px 0px;
    left:0px;
}
}


#sec01{
  margin:150px 0 0 0;
  position:relative;
}
#sec01 h2{
	font-weight:900;
	font-size: clamp(16px, calc(16px + 0.625vw), 26px);
	line-height: 1.8;
	margin-bottom:30px;
}
#sec01 h2 span{
  color:var(--orange);
}
#sec01_txtbox{
  margin:0 auto;
  width:fit-content;
}
#sec01 .txt_size_M{
  line-height:2;
}
#sec01_img{
  width:100%;
  height:100%;
  background-image:url(image.php?id=049);
  background-size:auto 110%;
  background-position:top center;
  background-repeat:no-repeat;
}
#sec01_img2{
  width:10%;
  height:400px;
  position:absolute;
  bottom:-200px;
  right:0;
  background-image:url(image.php?id=075);
  background-size:auto 110%;
  background-position:top center;
  background-repeat:no-repeat;
}
#sec01 .beside_50p_cont:first-child{
  padding-right:60px;
}
#sec01 .beside_50p_cont:last-child{
  margin:200px 0 100px 0;
}
@media screen and (max-width:1149px){
#sec01_img{
  height:500px;
  margin-top:120px;
  margin-bottom: -120px;
  background-size:110% auto;
}
#sec01 .beside_50p_cont:first-child{
  padding-right:0px;
}
#sec01 .beside_50p_cont:last-child{
  margin:100px 0 0 0;
}
}
@media screen and (max-width:920px){
#sec01_img{
  height:250px;
  background-position:center center;
  background-size:110% auto;
}
}
#sec01_title h2{
  text-align: center;
  font-size: 20px;
}
.sec01_txtbox_star{
  width:150px;
  display: block;
  margin:0 auto 50px auto;
}
.sec01_txtbox_sankaku{
  width: 200px;
  margin: 0 auto 30px auto;
}

#sec01-2{
  margin:150px 0 0 0;
}
#sec01-2:before{
  top: 60%;
  transform: translateY(-40%);
}
#sec01-2 .display_cont{
  flex-wrap:wrap;
  justify-content: space-around;
}
.sec01-2_item{
  width:22%;
  min-width:232px;
  margin:0 5px;
  text-align:center;
}
.sec01-2_item:nth-child(1),.sec01-2_item:nth-child(3){
  margin-top:100px;
}
.sec01-2_item img{
  max-width:220px;
  margin-bottom:20px;
}
.sec01-2_item p{
  font-size: clamp(9px, calc(9px + 0.625vw), 14px);
  white-space:nowrap;
}
@media screen and (max-width:1382px){
.sec01-2_item:nth-child(1),.sec01-2_item:nth-child(3){
  margin-top:180px;
}
}
@media screen and (max-width:1149px){
#sec01-2 .display_cont{
  justify-content: center;
}
.sec01-2_item{
  width:44%;
  margin:0 5px;
}
.sec01-2_item p{
  font-size: clamp(9px, calc(9px + 0.625vw), 14px);
  white-space:nowrap;
}
}
@media screen and (max-width:537px){
.sec01-2_item{
  margin-top:50px;
}
.sec01-2_item:nth-child(1),.sec01-2_item:nth-child(3){
  margin-top:50px;
}
}

.slides_space{
	margin-top:200px;
}

.gradbox{
	width:360px;
	height:240px;
	margin:0 10px;
	position:relative;
}
@media screen and (max-width:1149px){
.slides_space{
	margin-top:150px;
}
}
@media screen and (max-width:480px){
.gradbox{
	width:180px;
	height:120px;
}
}
.gradbox:hover::after{
	opacity:0;
}
.summitimg1{
	background-image: url(image.php?id=073);
	background-size: cover;
}
.summitimg2{
	background-image: url(image.php?id=074);
	background-size: cover;
}
.summitimg3{
	background-image: url(image.php?id=075);
	background-size: cover;
}
.summitimg4{
	background-image: url(image.php?id=076);
	background-size: cover;
}


#sec02-2{
    margin:100px 0;
}
#sec02-2 .syutuen_item{
  max-width:1000px;
    margin: 0px 5px;
}
#sec02-2 .syutuen_item:nth-child(2){
  margin-top: 100px;
}
@media screen and (max-width:1000px){
#sec02-2 .syutuen_item{
  width: 100%;
    margin: 0;
}
#sec02-2 .syutuen_item:nth-child(2){
  margin: 30px 0;
}
}

@media screen and (max-width:768px){
#sec02-2 .syutuen_item img{
  display: block;
  max-width:300px;
  margin:0 auto;
}
}

#sec02{
  margin-top:150px;
}


#sec02-1 .display_cont{
  margin-top:100px;
  position:relative;
}
#sec02-1 .display_cont::before{
  content:"";
  width:75px;
  height:75px;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(image.php?id=010);
  background-repeat: no-repeat;
  background-position:center center;
  background-size:75px 75px;
}
.sec02-1_imgbox{
 max-width:300px;
 margin:0 auto;
}
.sec02-1_txtbox{
 max-width:350px;
 margin:0 auto;
  padding-top:50px;
}
.sec02-1_txtbox span{
  color:var(--orange);
  font-weight:700;
}
@media screen and (max-width:1149px){
#sec02-1 .beside_50p_cont:last-child{
  margin-top:150px;
}
#sec02-1 .display_cont::before{
  width:50px;
  height:50px;
  transform: rotate(90deg) translate(-50%, 50%);
  background-size:50px 50px;
}
}

#sec02-3{
  margin-top:150px;
}
#sec02-3 h3{
  margin-bottom:50px;
}
#syutuen_cont{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-around;
}
#sec02-3 .beside_50p_cont{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
}
#sec02-3 .beside_50p_cont:first-child{
  padding-right:100px;
}
@media screen and (max-width:1149px){
#sec02-3 .beside_50p_cont img{
  max-width:400px;
  margin:0 auto;
}
#sec03-1_txtbox {
  margin: 50px auto 0 auto;
 }
#sec02-3 .beside_50p_cont:first-child{
  padding-right:0px;
  width:600px;
  margin:0 auto;
}
#sec02-3_txtbox{
  margin:100px auto 0 auto;
}
}
@media screen and (max-width:768px){
#sec03-1_txtbox {
  max-width:400px;
 }
}


#sec03{
  margin:200px 0;
}
#sec03-2 .space2{
  margin-top:100px;
  /*padding-top:100px;
  border-top:1px solid var(--crmwhite);*/
}
#sec03-2 .centered_box{
  margin-left:50px;
}
#sec03-2top, #sec03-3top{
  justify-content: space-between;
  align-items: center;
}
#sec03-2bottom, #sec03-3bottom{
  margin-top:100px;
}
#dai1bu, #dai2bu{
  display: block; width:100%; margin:0 auto;
}
#sec03-3bottom .beside_70p_cont{
  display:flex;
  justify-content:center;
  align-items: center;
}
.nami_bg2{
  position:relative;
}
.nami_bg2:before{
  content:"";
  width:100%;
  height:10%;
  position:absolute;
  z-index:-1;
  top: 50%;
  transform: translateY(-50%);
  background-image:url(image.php?id=030);
  background-position:center;
  background-size:auto 50%;
  background-repeat:repeat-x;
}
@media screen and (max-width:1149px){
#sec03-2 .centered_box{
  margin-top:100px;
  margin-left:0px;
}

#dai1bu{
  max-width:500px;
}
#dai2bu{
  max-width:500px;
  margin-top:100px;
}
.nami_bg2:before{
  content:"";
  width:100%;
  height:50%;
  position:absolute;
  z-index:-1;
  top: 50%;
  transform: translateY(-50%);
  background-image:url(image.php?id=030);
  background-position:center;
  background-size:auto 20%;
  background-repeat:repeat-x;
}
}
@media screen and (max-width:768px){
#dai1bu, #dai2bu{
  max-width:100%;
}
}
#sec03-3 .space2{
  margin-top:100px;
  padding-top:100px;
  border-top:1px solid var(--crmwhite);
}
.wakka_item{
  width:150px;
  height:60px;
  text-align: center;
  margin:30px 0;
}
.wakka{
  width:150px;
  height:60px;
}
.schedule_title{
  font-weight:900;
	font-size: clamp(60px, 6vw, 120px);
  margin-top:-30px;
}
@media screen and (max-width:1149px){
.wakka_item{
  width:100%;
  height:60px;
}
.schedule_title{
  margin-top:-10px;
}
}

#sec04-1{
  margin:150px 0;
}
#sec04-1 .beside_50p_cont:first-child{
  margin-bottom:100px;
}
#overview_txt{
  margin-right:30px;
}
.gaiyo-inner div dl{
    display: -webkit-box;
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}
.gaiyo-inner dt {
    min-width: 84px;
    color: var(--orange);
    font-weight: 900;
    margin-right: 15px;
}

#sec04-2{
  width:100%;
  position:relative;
}
#sec04-2::before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  z-index:-1;
  clip-path: polygon(0% 0%, 100% 128px, 100% 100%, 0% 100%);
	background-image: url(image.php?id=027);
	background-size: cover;
  background-color:var(--darkgray);
}
#sec04-2::after{
  content:"";
  width:1600px;
  height:128px;
  position:absolute;
  z-index:-2;
  top:0;
  right:0;
	background-image: url(image.php?id=028);
	background-size: 100% 100%;
  background-position:top right;
}
#sec04-2 .display_cont-reverse{
  padding:150px 0 50px 0;
}
#sec04-2 .beside_50p_cont:first-child img{
  display:block;
  max-width:500px;
  margin:0 auto;
}
#sec04-2 .beside_50p_cont:first-child{
  padding-right:10%;
}
@media screen and (max-width:1149px){
#sec04-2 .beside_50p_cont:first-child{
  padding:0;
}
#sec04-2 .beside_50p_cont:last-child{
  padding:0 0 50px 0;
}
}
#venue_map_title{
  width:50%;
  margin:0 auto 30px auto;
}
#sec04-2_txtbox{
  padding-bottom:100px;
  display:flex;
}
@media screen and (max-width:1149px){
#sec04-2_txtbox{
  max-width:500px;
  margin:0 auto;
}
}
#sec04-2_txtbox div{
  width:100%;
}
#sec04-2_txtbox .txt_size_catch{
  font-weight:900;
}

#access_title{
  margin-top:10px;
  margin-right:30px;
  writing-mode: vertical-rl;
  white-space: nowrap;
}
#access_line{
  width:100%;
  height:1px;
  margin:10px 0;
  background-color:#858585;
}

#sec05{
  margin-top:200px;
}
#sec05_img{
  max-width:800px;
  margin:150px auto 0 auto;
}


#kyosan_cont .beside_50p_cont{
  display:flex;
  justify-content: right;
  align-items: center;
}
#kyosan_cont, #kyosan_cont2{
  margin-top:150px;
}
#kyosan_cont2 .beside_50p_cont{
  display:flex;
  justify-content: left;
  align-items: center;
}
.kyosanimg_cont{
  padding-left:30px;
}
.kyosanimg_cont2{
  width:100%;
  padding-right:100px;
}
.kyosanimg_cont2 img{
  max-width:600px;
}
.kyosantxt_cont{
  width:65%;
  max-width:600px;
}
.kyosan_menutitle{
  text-align: center;
  margin-bottom:20px;
  font-weight:900;
}
#sec05_img3{
  width:100%;
  aspect-ratio: 77 / 50;
  background-image:url(image.php?id=059);
  background-repeat: no-repeat;
  background-position:center;
  background-size: 100% auto;
}
.sanka_kyosan_btncont{
  display:flex;
  justify-content:center;
  margin:100px auto 150px auto;
}
.sanka_btn{
  padding:30px 50px;
  color:#e25a5a;
  border:1px solid #e25a5a;
  font-weight:900;
  margin-left:5px;
  display:flex;
  transition: all .3s;
}
.kyosan_btn{
  padding:30px 50px;
  color:#e565a5;
  border:1px solid #e565a5;
  font-weight:900;
  margin-right:5px;
  display:flex;
  transition: all .3s;
}
.sanka_btn:hover{
  color:var(--crmwhite);
  background-color:#e25a5a;
}
.kyosan_btn:hover{
  color:var(--crmwhite);
  background-color:#e565a5;
}
.sanka_btn span, .kyosan_btn span{
  display:block;
  position:relative;
	width: 12px;
	height: 20px;
}
.sanka_btn span::after{
  content:"";
  position:absolute;
  top:3px;
  left: 30px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #e25a5a;
	border-right: 2px solid #e25a5a;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  display:flex;
  transition: all .3s;
}
.sanka_btn:hover span::after{
	border-top: 2px solid var(--crmwhite);
	border-right: 2px solid var(--crmwhite);
}
.kyosan_btn span::after{
  content:"";
  position:absolute;
  top:3px;
  left: 30px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #e565a5;
	border-right: 2px solid #e565a5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  display:flex;
  transition: all .3s;
}
.kyosan_btn:hover span::after{
	border-top: 2px solid var(--crmwhite);
	border-right: 2px solid var(--crmwhite);
}
@media screen and (max-width:1599px){
#sec05_img3{
  background-position:center;
  background-size: auto 100%;
}
}
@media screen and (max-width:1149px){
#sec05{
  margin-top:150px;
}
#sec05 .beside_50p_cont{
  justify-content: center;
}
.kyosanimg_cont{
  padding-left:0px;
}
.kyosanimg_cont2{
  width:100%;
  max-width:none;
  padding-right:0px;
}
.kyosantxt_cont{
  margin-top:100px;
  width:80%;
}
#sec05_img3{
  background-size:auto 100%;
  background-repeat: no-repeat;
}
#kyosan_menu{
  margin-top:150px;
}
.sanka_kyosan_btncont{
  flex-wrap:wrap;
}
.sanka_btn{
  width:100%;
  max-width:500px;
  margin: 10px 0 0 0;
  justify-content: center;
}
.kyosan_btn{
  width:100%;
  max-width:500px;
  margin:0;
  justify-content: center;
}
}

@media screen and (max-width:768px){
.kyosantxt_cont{
  width:90%;
}
}
@media screen and (max-width:480px){
.kyosantxt_cont{
  width:95%;
}
}


#sec_news{
  margin-top:200px;
}
#sec_news .beside_30p_cont{
  margin-top:30px;
}
#sec_news dt {
    font-size: 0.8rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
    margin-bottom: 10px;
}
#sec_news dd {
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1.8em;
    position: relative;
}
#sec_news p {
    font-size: 0.9rem;
    line-height: 1.8em;
}
.blocklink {
    padding: 30px 0;
    border-bottom: dotted 2px #858585;
    font-size: 0.9rem;
    font-weight: 400;
}
#news_minibtn{
  display: block;
  width:fit-content;
  border:1px solid var(--crmwhite);
  padding:5px 10px;
  margin:30px 0 0 auto;
  transition: all .3s;
}
#news_minibtn:hover{
  background-color: #000;
}
#news_minibtn p{
  width:fit-content;
}
@media screen and (max-width:1149px){
#sec_news{
  margin-top:150px;
}
}



#sec_registration{
  margin-top:200px;
}
#sec_registration:before{
  top: 60%;
  transform: translateY(-40%);
}
.reg_title{
  margin: 15px 15px 0 15px;
  font-weight:700;
  text-align: center;
}
.right-reg_btn{
  margin:100px 5px 50px 5px;
  display:block;
  background-color:var(--black);
  border:1px solid #e25a5a;
  color:#e25a5a;
  transition: all .3s;
}
.right-reg_btn:hover{
  background-color:#000;
}
#right-reg_icon{
  width:100px;
  height:100px;
  display:flex;
  justify-content: center;
  align-items: center;
  background-color:#e25a5a;
  border-radius:50%;
  margin:30px auto 15px auto;
}
#right-reg_icon img{
  width:60px;
  height:60px;
}
.right-reg_btn .reg_txt{
  display:flex;
  justify-content: space-between;
  border-top:1px solid #e25a5a;
  margin:15px 15px 0 15px;
  padding:15px;
}
.reg_txt img{
  width:30px;
  height:30px;
  text-align: right;
}
.left-reg_btn{
  margin:100px 5px 50px 5px;
  display:block;
  background-color:var(--black);
  border:1px solid #e565a5;
  color:#e565a5;
  transition: all .3s;
}
.left-reg_btn:hover{
  background-color:#000;
}
#left-reg_icon{
  width:100px;
  height:100px;
  display:flex;
  justify-content: center;
  align-items: center;
  background-color:#e565a5;
  border-radius:50%;
  margin:30px auto 15px auto;
}
#left-reg_icon img{
  width:60px;
  height:60px;
}
.left-reg_btn .reg_txt{
  display:flex;
  justify-content: space-between;
  border-top:1px solid #e565a5;
  margin:15px 15px 0 15px;
  padding:15px;
}
@media screen and (max-width: 1149px) {
  #sec_registration{
   margin-top:150px;
  }
  #sec_registration .display_cont{
    margin:85px 0;
  }
  .left-reg_btn, .right-reg_btn{
  max-width:500px;
    margin:15px auto;
  }
}


#sec_banner{
  margin:100px 0 150px 0;
}
#sec_banner .space{
  padding-top:100px;
  border-top:1px solid #858585;
}
#banner_cont{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}
#sec_banner a{
  width:calc(33% - 5px);
  transition: all .3s;
}
@media screen and (max-width:1149px){
#sec_banner{
  margin:50px 0 100px 0;
}
#sec_banner .space{
  padding-top:50px;
}
#sec_banner a{
  width:calc(50% - 5px);
  margin-bottom:10px;
}
}
@media screen and (max-width:768px){
#sec_banner a{
  width:100%;
}
}
#sec_banner a:hover{
  opacity: 0.6;
}

#banner_pc {
    width: fit-content;
    margin: 0 auto;
    display: block;
}


#sec03-2 #banner_cont {
    margin-top: 100px;
}

#banner_cont img {
    width: 100%;
    display: block;
    max-width: 800px;
}