@charset "UTF-8";

header { width:100%; padding:20px 20px 10px 20px; }
header img { width:100%; }

#logo { padding-top:0px; width:90%; }
#logo img { width:90%; }

section { padding:30px 30px 0px 20px; }
section#copyright { padding:0 20px 0px; }

.spmenu { display:block; font-size:85%; }
#pcmenu { display:none; }

/*#main-image { height:225px; background-image:url(../img/main-image-2024.png); background-size:100% auto; text-align:center; position:relative; }*/

.content-image { float:none; width:100%; padding-right:0px; }

#main-image img {
  width: 90%; height: auto;
}
header {
  padding: 0px 30px 20px;
  font-size: 90%;
}
@media screen and (max-width: 810px) {#main-image { height:300px; background-image:url(../img/main-image-2025.png); background-size:100% auto; text-align:center; position:relative; }
}
@media screen and (max-width: 450px) {#main-image { height:185px; background-image:url(../img/main-image-2025.png); background-size:100% auto; text-align:center; position:relative; }
}

#login { top:20%; }
#login img { width:40px; }

#banner { text-align:center; }

#footer ul li { display:block; margin:10px; }

#banner { display:flex; justify-content:space-between; flex-wrap: wrap; }

#banner div { width: calc(50% - 10px); margin: 5px auto; }

#guide-banner div { font-size:100%; }
.bn { padding:5px 10px 5px 10px; width:80%; }

section#guide-banner { padding:30px 0 30px; }
.button { padding:0px;
  width: 80%;
  height: auto;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
	font-size:85%;
}

#info .responsible { display:block; float:none; margin:10px 0 0 0; padding:10px 20px 10px 20px; background-color:#fff; color:#666; }

.mainNav a {
  display: block;
}

#form input.txtmode4 { width:100%; }

.content-text { width:100%; float:none; }

.content-category-1 .title2 span { display:block; }
.content-category-2 .title2 span { display:block; }
.content-category-3 .title2 span { display:block; }
.content-category-4 .title2 span { display:block; }
.content-category-5 .title2 span { display:block; }
.content-category-6 .title2 span { display:block; }
.content-category-7 .title2 span { display:block; }
.content-category-8 .title2 span { display:block; }
.content-category-9 .title2 span { display:block; }
.content-category-10 .title2 span { display:block; }
.content-category-11 .title2 span { display:block; }

.sdgs label { width:33.3%; }

.download-1 { float:none; margin:0 auto 20px; text-align:center; width:100%; }

#info img { width:100px; display:block; float:none; position:relative; margin:5px auto 0; }

section#form-1 a { float:none; width:100%; }

.result-box a { width:100%; }

.index-search { padding:30px; overflow:hidden; }
.index-search a { float:none; width:100%; margin-bottom:10px; margin-left:0; }

.booth-link a { float:none; width:100%; margin:0 auto 10px; }
.booth-link a.mem { float:none; width:100%; margin:0 auto 10px; }
.booth-link a.gu { float:none; width:100%; margin:0 auto 10px; }

#video { padding-bottom:30px; }
#video video { width:100%; }


#guide-banner-c div { font-size:100%; }
.bn { padding:5px 10px 5px 10px; width:80%; }

section#guide-banner-c { padding:30px 0 30px; }
.button { padding:0px;
  width: 80%;
  height: auto;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
	font-size:85%;
}

#title { font-size: 138%; }


/*2024 トップバナー追加*/
@media screen and (max-width: 400px) {#banner-2024 div.banner-wrapper a { display: block; width: 100%; text-align: center; float: none; margin: 20px 0 20px 0; }}