@charset "UTF-8";

@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Lato:200,400,600,700,900");

body { font-family: "Noto Sans Japanese", sans-serif; font-weight:200; }


/*2022*/
ul.number-list { list-style: decimal; display: block; margin: 20px 0; padding-left: 20px; }

/*body { font-family: "Noto Sans JP"; }*/
a { color:#034b9f; text-decoration:underline; }
a:hover { color:#000; text-decoration:none; }

/* ナビゲーション定義 */

.mainNav a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}

.mainNav a::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #ff0000;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
.mainNav a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

#toggle { display: block; background: #bcc5d8; color: #fff; text-align: center; width: 55px; height: 55px; border-radius: 50%; position: absolute; top: 10px; right: 15px; z-index: 10; 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; }
.trigger,
.trigger span { display: inline-block; -webkit-transition: all .4s; transition: all .4s; }
.trigger { position: relative; width: 28px; height: 19px; }
.trigger span { position: absolute; left: 0; width: 100%; height: 3px; background-color: #FFF; border-radius: 4px; }
.trigger span:nth-of-type(1) { top: 0; }
.trigger span:nth-of-type(2) { top: 8px; }
.trigger span:nth-of-type(2)::after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 3px; background-color: #fff; border-radius: 4px; -webkit-transition: all .4s; transition: all .4s; }
.trigger span:nth-of-type(3) { bottom: 0; }
.trigger.active span:nth-of-type(1) { -webkit-transform: translateY(8px) scale(0); transform: translateY(8px) scale(0); }
.trigger.active span:nth-of-type(2) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.trigger.active span:nth-of-type(2)::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-8px) scale(0); transform: translateY(-8px) scale(0); }
.toggleWrap { background: rgba(234, 234, 234, 0.95); padding: 50px 15px 10px 15px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:5; }
.mainNav li { list-style-type: none; }
.navItem { display: block; text-decoration: none; color: #3e3e3e; padding: 15px 0; text-align: center; font-size: 110%; }/*border-bottom: 2px solid #f4f4f4;*/
.hide { opacity: 0; visibility: hidden; overflow: hidden; }
.animation { -webkit-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
.no-scroll { overflow: hidden; }
@media screen and (min-width: 811px) { #toggle { display: none; } .toggleWrap { background: none; height: auto; position: static; padding: 0; } .mainNav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between;  -ms-flex-pack: justify; justify-content: space-between; max-width: 1100px; margin: 10px auto 0px; } .navItem { padding: 5px 5px; } /*.navItem:hover { border-color: #ff0000; }*/ .animation { -webkit-transition: none; transition: none; } .hide { opacity: 1; visibility: visible; } .mainNav li { font-weight:normal; } }

.fa-external-link-alt { margin-left:12px; font-size:85%; }
.fa-angle-right { margin-right:6px; font-size:85%; }
.spmenu { display:none; }

#pcmenu { float:right; font-size:90%; text-align:right; width:35%; }

#logo { float:left; padding-top:30px; width:60%; max-width:648px; }
#logo img { max-width:648px; width:100%; }
#submenu { float:right; padding:10px 0 10px 10px; background-color:#fff; margin-bottom:5px; margin-top:15px; }
#submenu img { width:80%; }
#submenu a { color:#fff; margin:0 20px 0 10px; }
#submenu a:last-child { margin-right:10px; }
#topsearch { clear:both; }
#topsearch input.topsearch-box { width:220px; border:1px solid #CCC; padding:10px; margin:0 10px; font-size:100%; }
input.fas { height: 50px; color:#999; }

/* ベースレイアウト定義 */

#form input.txtmode3 { width:150px; }
#form input.txtmode4 { width:50%; display:block; margin:0 0 0 0; }
#form input,textarea { margin:10px 0 20px 0; width:100%; -webkit-appearance: none; border:1px solid #b1b1b1; background-color:#fff; border-radius:0px; font-size:100%; padding:17px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#form input:focus { border:solid 1px #EEA34A; }
#form textarea:focus { border:solid 1px #EEA34A; }
#form p { font-size:120%; font-weight:normal; color:#69500b; overflow:visible; text-align:left; }
#form p span { padding:2px; border:1px solid #e56830; margin-left:15px; color:#e56830; font-size:75%; }
#form p span.placeholder { padding:2px; border:none; margin-left:15px; color:#999; font-size:75%; }

header { max-width:1280px; margin:0 auto; padding:0px 67px 20px; overflow:hidden; }

#footer-wrapper { width:100%; background-color:#000; color:#fff; max-width:none; padding:30px 40px 30px; line-height:180%; text-align:center; margin-top:100px; }
#footer { max-width:1280px; margin:0 auto; padding:10px 40px 30px; }
#copyright { text-align:center; margin-top:20px; margin-bottom:90px; }
#copyright img { margin-right:20px; }

section { width:100%; max-width:1280px; margin:0 auto; padding:80px 80px 0px; overflow:hidden; }
body#top section:first-child { padding-top:0px; }
section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }

.tablestyle th  { width:30%; text-align:left; }
.tablestyle td  { text-align:left; }
@media only screen and (max-width:480px){
.tablestyle { margin:0; }
.tablestyle td { text-align:center; }
.tablestyle th,
.tablestyle td { width:100%; display:block; border-top:none; }
.tablestyle tr:first-child th { border-top:1px solid #ddd; }
}

div.label { overflow:hidden; }
div.keyword { clear:both; padding-top:10px; text-align:center; }
div.keyword span { font-size:100%; padding:10px; margin-right:20px; margin-bottom:10px; display:inline-block; font-weight:bold; }
div.label span { border-radius:10px; font-size:75%; padding:10px; margin-right:10px; margin-bottom:10px; display:inline-block; font-weight:bold; }

section.content-category-1 div.keyword span { border-bottom:2px outset #cae9ff; }
section.content-category-1 div.label span { background-color:#cae9ff; }

section.content-category-2 div.keyword span { border-bottom:2px outset #ffedc5; }
section.content-category-2 div.label span { background-color:#ffedc5; }

section.content-category-3 div.keyword span { border-bottom:2px outset #ffccef; }
section.content-category-3 div.label span { background-color:#ffccef; }

section.content-category-4 div.keyword span { border-bottom:2px outset #c3eeff; }
section.content-category-4 div.label span { background-color:#c3eeff; }

section.content-category-5 div.keyword span { border-bottom:2px outset #f8c6bc; }
section.content-category-5 div.label span { background-color:#f8c6bc; }

section.content-category-6 div.keyword span { border-bottom:2px outset #eaffbf; }
section.content-category-6 div.label span { background-color:#eaffbf; }

section.content-category-7 div.keyword span { border-bottom:2px outset #beffeb; }
section.content-category-7 div.label span { background-color:#beffeb; }

section.content-category-8 div.keyword span { border-bottom:2px outset #ffd8df; }
section.content-category-8 div.label span { background-color:#ffd8df; }

section.content-category-9 div.keyword span { border-bottom:2px outset #ffdbca; }
section.content-category-9 div.label span { background-color:#ffdbca; }

section.content-category-10 div.keyword span { border-bottom:2px outset #e6dcff; }
section.content-category-10 div.label span { background-color:#e6dcff; }

section.content-category-11 div.keyword span { border-bottom:2px outset #ffcfd6; }
section.content-category-11 div.label span { background-color:#ffcfd6; }

/* タイトル定義 */

#title { font-size:200%; margin-bottom:20px; text-align:center; font-weight:700; }
#title span { display:block; font-size:50%; color:#cdcdcd; }

.title { background: rgba(228, 228, 0, 1); color: rgba(250, 252, 252, 1); margin: 0 0 0 0; border-radius: 4px; margin:40px 0 20px 0; }
.title span { background: rgba(10, 40, 140, 1); background-image: none; display: inline-block; padding: 10px 100px 10px 20px; border-radius: 4px 0px 0px 4px; background-image: -webkit-linear-gradient(135deg, rgba(228, 228, 0, 1) 8%, rgba(10, 40, 140, 1) 0%, rgba(10, 40, 140, 1)); background-image: linear-gradient(-45deg, rgba(228, 228, 0, 1) 8%, rgba(10, 40, 140, 1) 0%, rgba(10, 40, 140, 1)); }

/* ボタン定義 */

#login { position:fixed; z-index:3; right:0; top:25%; }

a.cp_btn { margin:30px auto 0; display: block; width: 320px; padding: 0.8em; text-align: center; text-decoration: none; color: #eaa511; border: 2px solid #eaa511; border-radius: 30px; transition: .4s; line-height:200%; }
a.cp_btn:hover { background: #eaa511; color: #fff; }
#form input.cpform_btn { margin:30px auto 0; display: block; width: 320px; padding: 0.8em; text-align: center; text-decoration: none; color: #eaa511; border: 2px solid #eaa511; border-radius: 30px; transition: .4s; line-height:200%; }
#form input.cpform_btn:hover { background:#eaa511; color:#fff; }
input.cpform_btn { margin:30px auto 0; display: block; width: 320px; padding: 0.8em; text-align: center; text-decoration: none; color: #eaa511; border: 2px solid #eaa511; border-radius: 30px; transition: .4s; line-height:200%; }
input.cpform_btn:hover { background:#eaa511; color:#fff; }

input.cpform_btn_ore { margin:30px auto 0; display: block; width: 320px; padding: 0.8em; text-align: center; text-decoration: none; color: #eaa511; border: 2px solid #eaa511; border-radius: 30px; transition: .4s; line-height:200%; }
input.cpform_btn_ore:hover { background:#eaa511; color:#fff; }
#form input.cpform_btn_red { margin:30px auto 0; display: block; width: 320px; padding: 0.8em; text-align: center; text-decoration: none; color: #ff0000; border: 2px solid #ff0000; border-radius: 30px; transition: .4s; line-height:200%; }
#form input.cpform_btn_red:hover { background:#ff0000; color:#fff; }

input.cpform_btn_red { margin:30px auto 0; display: block; width: 320px; padding: 0.8em; text-align: center; text-decoration: none; color: #ff0000; border: 2px solid #ff0000; border-radius: 30px; transition: .4s; line-height:200%; }
input.cpform_btn_red:hover { background:#ff0000; color:#fff; }


/* ページ個別設定 */

#main-image { height:580px; background-image:url(../img/main-image-2025.png); background-size:100% auto; text-align:center; position:relative; z-index:-1; overflow: hidden; }
#main-image img { position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:100%; }

#news { background-color:#efefef; padding-top:30px; padding-bottom:30px; max-width:100%; }
#news ul li { border-bottom:1px dotted #cbcbcb; padding:20px 0; max-width:1060px; margin:0 auto; }
#news ul li span { display:inline-block; vertical-align:top; width:90%; }
#news ul li span.date { width:100px; }

#search-word { width:100%; margin:0 auto; }

#search-word a { padding:20px; border:2px solid #eaa511; display:block; display:inline-block; margin:0 15px 20px; color:#eaa511; font-weight:bold; text-decoration:none; }
#search-word a:hover { background-color:#eaa511; color:#fff; }

input.secondsearch-box { width:50%; border:1px solid #CCC; padding:10px; margin:0 10px; font-size:90%; }
#demosearch { padding:10px; }

#categorysearch p { width:100px; float:left; margin:0 10px; text-align:center; font-size:10px; height:176px; }
#categorysearch p img { width:100%; }

.checkbox { display: none; }
.checkbox + .checkbox-icon { position: relative; vertical-align: middle; }
.checkbox + .checkbox-icon:before { content: "\f14a"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #ccc; font-size: 22px; }
.checkbox:checked + .checkbox-icon:before { content: "\f14a"; color: #eaa511; }

.categorysearch-submit { clear:both; }

td span { background-color:#CC3; padding-left:10px; }

#terms strong { font-size:140%; display:block; font-weight:normal; margin-top:20px; }

#terms ul li { list-style:decimal; padding-left:10px; margin-left:40px; }

.tablestyle-schedule td  { text-align:center; vertical-align:middle; }
.tablestyle-schedule td.left  { text-align:left; }
.tablestyle-schedule th  { text-align:center; vertical-align:middle; }

#booth img { width:100%; }
.line-box { border:1px dotted #666; padding:20px; }

dl.qa {
 overflow: hidden;
 _zoom: 1;
}
 
dl.qa dd,
dl.qa dt {
 text-indent: -2.3em; 
 padding: 0 20px 0px 50px;
}
 
dl.qa dt {
 margin: 20px 20px 0 0;
}
 
dl.qa dd:first-letter,
dl.qa dt:first-letter {
 font-size: 1.6em;
 font-weight: bold;
 margin-right: 10px;
 padding: 5px;
}
 
dl.qa dd {
 margin: 10px 0 -1px 0;
 padding-bottom: 20px;
 border-bottom: solid 1px #aaa;
}
 
dl.qa dt:first-letter {
 color: #3498db;
}
 
dl.qa dd:first-letter {
 color: #ff6767;
}


.table-date { text-align:right; font-size:85%; }
.table-text-left { text-align:left; font-size:85%; }





#footer ul li { display: inline-block; margin:10px; font-size:85%; }

#footer a { color:#fff; }

#download p { display:block; border-bottom:1px dotted #000; padding:10px; }


#banner img { width:100%; }
#banner { display:flex; justify-content:space-between; }
#banner div { width: calc(33.3% - 10px); margin: 5px; }


section#guide-banner { background:url(../img/guide-button-background.png) center center; max-width:none; padding:60px 0 60px; background-size:100% auto; }
#guide-banner div { width:100%; text-align:center; font-size:160%; }

.bn { padding:20px; border-radius: 15px; font-weight:700;
  display: inline-block;
  width: 60%;
  height: auto;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.bn::before,
.bn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.bn,
.bn::before,
.bn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.bn {
  background-color: #fff;
  border: 2px solid #1a3d59;
  color: #1a3d59;
  line-height: 50px;
}
.bn:hover {
  background-color: #1a3d59;
  border-color: #1a3d59;
  color: #fff;
}

.login { max-width:960px; }


section#info { max-width:none; padding:40px 40px 40px 40px; text-align:center; color:#fff; }/*カテゴリと支店名確定後にpadding:40px 40px 20px 40pxに変更*/

#info .category { display:block; margin-bottom:30px; }
#info .booth { display:block; padding:0px; background-color:#ff0000; color:#fff; width:100px; margin:0 auto; }
#info .name1 { display:block; font-size:200%; font-weight:bold; } #info img { width:100px; display:block; float:left; position:absolute; }
#info .name2 { display:block; }
#info .responsible { display:block; float:right; margin-right:60px; padding:10px 20px 10px 20px; background-color:#fff; color:#666; font-size:85%; }

.category-1 { background:url(../search2025/img/category-background-a.png) repeat; }
.category-2 { background:url(../search2025/img/category-background-b.png) repeat; }
.category-3 { background:url(../search2025/img/category-background-c.png) repeat; }
.category-4 { background:url(../search2025/img/category-background-d.png) repeat; }
.category-5 { background:url(../search2025/img/category-background-e.png) repeat; }
.category-6 { background:url(../search2025/img/category-background-f.png) repeat; }
.category-7 { background:url(../search2025/img/category-background-g.png) repeat; }
.category-8 { background:url(../search2024/img/category-background-h.png) repeat; }
.category-9 { background:url(../search2023/img/category-background-i.png) repeat; }
.category-10 { background:url(../search2023/img/category-background-j.png) repeat; }
.category-11 { background:url(../search2023/img/category-background-s.png) repeat; }

#info-content { overflow:hidden; padding-top:0px; }

#info-content .title1 { font-size:140%; text-align:center; margin:40px 0 20px 0; clear:both; line-height:200%; font-weight:600;
border-bottom: solid 1px #999;
position: relative; z-index:0;
}

#info-content .title1:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 1px #006fbc;
bottom: -1px;
width: 30%;
}

#info-content .title2 { font-size:140%; text-align:center; margin:40px 0 20px 0; clear:both; line-height:200%; font-weight:600;
border-bottom: solid 1px #999;
position: relative; z-index:0;
}

#info-content .title2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 1px #000;
bottom: -1px;
width: 30%;
}

#topsearch-box .title2 { font-size:120%; text-align:center; margin:40px 0 20px 0; clear:both; line-height:200%; font-weight:600;
border-bottom: solid 1px #999;
position: relative; z-index:0;
}

#topsearch-box .title2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 1px #000;
bottom: -1px;
width: 30%;
}

.content-image { float:left; width:40%; padding-right:20px; }
.content-image img { width:100%; }

.content-image-second { width:100%; text-align:center; overflow:hidden; }
.content-image-second img { width:40%; display:inline-block; float:left; margin:40px 5% 0; }

#info-content table { width: 100%; margin-top:40px; }
#info-content th  { padding: 20px; border-bottom: 1px solid #fff; border-top:none; border-left:none; border-right:none; color:#fff; }
#info-content td  { padding: 20px; border-bottom: 1px solid #ddd; border-top:none; border-left:none; border-right:none; }
#info-content th  { background: #006fbc; }
#info-content table.nor th  { background: #999; }

#info-content .tablestyle th  { width:20%; text-align:left; }
#info-content .tablestyle td  { text-align:left; }
@media only screen and (max-width:480px){
#info-content .tablestyle { margin:20px 0 0 0; }
#info-content .tablestyle th { text-align:center; }
#info-content .tablestyle td { text-align:center; }
#info-content .tablestyle th,
#info-content .tablestyle td { width:100%; display:block; border-top:none; }
#info-content .tablestyle tr:first-child th { border-top:1px solid #ddd; }
}

#registration table th { vertical-align:middle; padding-left:30px; }
#registration table th span { color:#ffffff; font-weight:normal; padding:4px; background-color:#ff0000; font-size:85%; margin-left:10px; }
#registration form p { font-size:100%; font-weight:normal; color:#000; margin-bottom:10px; }


input[type=radio], input[type=checkbox] {
  display: none;
}

.sdgs input{
  display: block; overflow:hidden; margin:0 auto;
}

.sdgs img { width:100%; margin-bottom:20px; }
.sdgs label { display:block; width:16%; float:left; padding:10px; text-align:center; }


.radio, .checkbox {
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 12px 12px 12px 42px;
  border-radius: 8px;
  background-color: #f6f7f8;
  vertical-align: middle;
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  background-color: #e2edd7;
}
.radio:hover:after, .checkbox:hover:after {
  border-color: #53b300;
}
.radio:after, .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #bbb;
  border-radius: 6px;
  content: '';
}

.radio:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 20px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #53b300;
  content: '';
  opacity: 0;
}
input[type=radio]:checked + .radio:before {
  opacity: 1;
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 21px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #53b300;
  border-bottom: 3px solid #53b300;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

.form-button { margin-top:60px; text-align:center; }

.height-wide { height:300px; }
.height-wide2 { height:150px; }

.txtmode1{
	ime-mode: active;/*漢字*/
	}
.txtmode2{
	ime-mode: inactive;/*半角*/
	}

.content-text { width:60%; float:right; }

.content-category-1 .title2 span { font-size:45%; font-weight:normal; background-color:#006FBC; color:#FFF; border-radius:10px; padding:0 10px 2px 10px; margin-right:10px; margin-top:-5px; display:inline-block; line-height:140%; vertical-align:middle; }
.content-category-2 .title2 span { font-size:45%; font-weight:normal; background-color:#F6AB00; color:#FFF; border-radius:10px; padding:0 10px 2px 10px; margin-right:10px; margin-top:-5px; display:inline-block; line-height:140%; vertical-align:middle; }
.content-category-3 .title2 span { font-size:45%; font-weight:normal; background-color:#B71A86; color:#FFF; border-radius:10px; padding:0 10px 2px 10px; margin-right:10px; margin-top:-5px; display:inline-block; line-height:140%; vertical-align:middle; }
.content-category-4 .title2 span { font-size:45%; font-weight:normal; background-color:#20AEE5; color:#FFF; border-radius:10px; padding:0 10px 2px 10px; margin-right:10px; margin-top:-5px; display:inline-block; line-height:140%; vertical-align:middle; }
.content-category-5 .title2 span { font-size:45%; font-weight:normal; background-color:#953B2A; color:#FFF; border-radius:10px; padding:0 10px 2px 10px; margin-right:10px; margin-top:-5px; display:inline-block; line-height:140%; vertical-align:middle; }
.content-category-6 .title2 span { font-size:45%; font-weight:normal; background-color:#8FC31F; color:#FFF; border-radius:10px; padding:0 10px 2px 10px; margin-right:10px; margin-top:-5px; display:inline-block; line-height:140%; vertical-align:middle; }
.content-category-7 .title2 span { font-size:45%; font-weight:normal; background-color:#00A06E; color:#FFF; border-radius:10px; padding:0 10px 2px 10px; margin-right:10px; margin-top:-5px; display:inline-block; line-height:140%; vertical-align:middle; }
.content-category-8 .title2 span { font-size:45%; font-weight:normal; background-color:#D4798A; color:#FFF; border-radius:10px; padding:0 10px 2px 10px; margin-right:10px; margin-top:-5px; display:inline-block; line-height:140%; vertical-align:middle; }
.content-category-9 .title2 span { font-size:45%; font-weight:normal; background-color:#EB6120; color:#FFF; border-radius:10px; padding:0 10px 2px 10px; margin-right:10px; margin-top:-5px; display:inline-block; line-height:140%; vertical-align:middle; }
.content-category-10 .title2 span { font-size:45%; font-weight:normal; background-color:#9082B1; color:#FFF; border-radius:10px; padding:0 10px 2px 10px; margin-right:10px; margin-top:-5px; display:inline-block; line-height:140%; vertical-align:middle; }
.content-category-11 .title2 span { font-size:45%; font-weight:normal; background-color:#EA596F; color:#FFF; border-radius:10px; padding:0 10px 2px 10px; margin-right:10px; margin-top:-5px; display:inline-block; line-height:140%; vertical-align:middle; }

#manual img { width:100%; display:block; }

.sdgs { display:block; }

section#sdgs-kanri ul { width:100%; border-bottom:1px dotted #000; }
section#sdgs-kanri ul li { display:table-cell; }
section#sdgs-kanri ul li.id { width:150px; }
section#sdgs-kanri ul li.name { width:30%; }
section#sdgs-kanri ul li.sdgs { width:60%; }

.download-1 { float:left; margin:0 auto; width:33%; }

section#form-1 { max-width:none; padding:0 0 20px 0; text-align:center; color:#000; }

section#form-1 a i { font-size:65%; float:right; padding-top:4%; margin-right:10px; }
section#form-1 a { display:block; width:50%; float:left; border:2px solid #f4f4f4; padding:10px; background-color:#b7b7b7; color:#000; font-weight:bold; font-size:140%; }
section#form-1 a:hover { background-color:#777777; color:#fff; }
section#form-1 a:last-child { border-left:none; }
section#form-1 a span { display:block; font-size:55%; font-weight:normal; text-decoration:none; }

.meeting-select { width: 100%; display:block; margin-bottom:30px;
	padding: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%; }

ul.meeting-list{
  padding:0 0 0 2em;
  margin:0;
}
 
ul.meeting-list li{
  list-style-type:none; text-indent:-22px;
  list-style-position:inside;
  counter-increment: cnt;
}
ul.meeting-list li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

.radio02-input{
  display: none;
}
.radio02-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio02-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio02-input:checked + label{
  color: #f00;
}
.radio02-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 2px;
  width: 11px;
  height: 11px;
  background: #f00;
  border-radius: 50%;
}

.flexbox {
    display: flex;
    flex-wrap: wrap;
}


.result-box a { display:block; width:31%; float:left; text-align:center; border:1px solid #dfdbdb; margin:1%; padding:20px; color:#000; text-decoration:none; font-weight:bold; height: min-content; }
.result-box a:hover { background-color:#034b9f; color:#fff; }
.result-box a span { background-color:#F00; font-size:80%; padding:6px; margin-left:10px; color:#fff; }

.booth-link { overflow:hidden; text-align:center; font-weight:bold; }
.booth-link a { display:block; float:left; width:30%; margin:0 1.5%; border:2px solid #eaa511; padding:20px 0; text-decoration:none; color:#eaa511; }
.booth-link a:hover { color:#fff; background-color:#eaa511; }

.booth-link a.mem { display:block; float:left; width:30%; margin:0 1.5%; border:2px solid #539363; padding:20px 0; text-decoration:none; color:#539363; }
.booth-link a.mem:hover { color:#fff; background-color:#539363; }

.booth-link a.gu { display:block; float:left; width:98%; margin:0 1.5%; border:2px solid #23aae8; padding:20px 0; text-decoration:none; color:#23aae8; }
.booth-link a.gu:hover { color:#fff; background-color:#23aae8; }

.form-list-1 { text-align:left; margin:10px 0 15px 0; overflow:hidden; }

.index-search { padding:40px 80px 40px 80px; }

.result-box img { height:30px; margin-right:5px; vertical-align:middle; }

#video { text-align:center; padding-top:0px; padding-bottom:80px; }
#video video { width:85%; }

.frame-wrapper__video {
  position: relative;
  width: 85%;
  height: 0;
  padding-bottom: 48%;
  overflow: hidden;
  margin-bottom: 50px;
  margin: 0 auto;
}

.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#categorysearch label { display:block; overflow:hidden; cursor:pointer; }

.check11 { display:block; background-image: url(../img/search-icon-11.png); background-size: cover; width:100px; height:100px; }
.check01 { display:block; background-image: url(../img/search-icon-1.png); background-size: cover; width:100px; height:100px; }
.check02 { display:block; background-image: url(../img/search-icon-2.png); background-size: cover; width:100px; height:100px; }
.check03 { display:block; background-image: url(../img/search-icon-3.png); background-size: cover; width:100px; height:100px; }
.check04 { display:block; background-image: url(../img/search-icon-4.png); background-size: cover; width:100px; height:100px; }
.check05 { display:block; background-image: url(../img/search-icon-5.png); background-size: cover; width:100px; height:100px; }
.check06 { display:block; background-image: url(../img/search-icon-6.png); background-size: cover; width:100px; height:100px; }
.check07 { display:block; background-image: url(../img/search-icon-7.png); background-size: cover; width:100px; height:100px; }
.check08 { display:block; background-image: url(../img/search-icon-8.png); background-size: cover; width:100px; height:100px; }
.check09 { display:block; background-image: url(../img/search-icon-9.png); background-size: cover; width:100px; height:100px; }
.check10 { display:block; background-image: url(../img/search-icon-10.png); background-size: cover; width:100px; height:100px; }


section#guide-banner-c { background:url(../img/guide-button-background-c.png) center center; max-width:none; padding:60px 0 60px; background-size:100% auto; }
#guide-banner-c div { width:100%; text-align:center; font-size:160%; }

.bn-c { padding:20px; border-radius: 15px; font-weight:700;
  display: inline-block;
  width: 60%;
  height: auto;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.bn-c::before,
.bn-c::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.bn-c,
.bn-c::before,
.bn-c::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.bn-c {
  background-color: #fff;
  border: 2px solid #d30000;
  color: #d30000;
  line-height: 50px;
}
.bn-c:hover {
  background-color: #d30000;
  border-color: #d30000;
  color: #fff;
}

.bn-d {
  background-color: #fff;
  border: 2px solid #0067d1;
  color: #0067d1;
  line-height: 50px;
}
.bn-d:hover {
  background-color: #0067d1;
  border-color: #0067d1;
  color: #fff;
}

/*2024 トップバナー追加*/
#banner-2024 div.banner-wrapper { overflow: hidden; }
#banner-2024 div.banner-wrapper a { display: block; width: 47%; text-align: center; float: left; margin: 20px 1.5% 20px 1.5%;; }
#banner-2024 div.banner-wrapper a img { display: block; margin: 0 auto; transition: 0.3s; width: 100%; }
#banner-2024 div.banner-wrapper a:hover img { opacity: 0.7; }