/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./app/assets/stylesheets/common/contents.css.scss ***!
  \******************************************************************************************************************************************/
@charset "UTF-8";
/* Login */
.logincontents {
  width: 100%;
  padding: 45px 20px 65px;
  background: #fff;
}

.ie_visible {
  display: none;
}

.ie_visible p {
  color: #006532;
  margin: 60px 0 30px;
  font-weight: bold;
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
}

@media screen and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  .ie_hidden {
    display: none;
  }
  .ie_visible {
    display: block;
  }
}
.loginpage .contentsarea, .loginpage .login_footer {
  opacity: 0;
  animation: ie-visible 1s ease forwards;
  animation-delay: 0.5s;
}

@keyframes ie-visible {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.loginform .form {
  max-width: 730px;
  margin: 0 auto;
}

.login_logo {
  margin: 0 auto;
  width: 115px;
  height: 117px;
}

.logincontents h1 {
  color: #006532;
  margin: 65px 0 55px 0;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 0.1em;
  text-align: center;
}

.logincontents h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.1em;
  margin: 20px 0 0 0;
}

.logincontents .loginform .inputtext input {
  width: 100%;
  font-size: 16px;
  padding: 10px 15px;
  height: 50px;
  border: solid 1px #aaa;
  box-sizing: border-box;
  margin: 5px 0 0 0;
}

.logincontents .loginform .button {
  text-align: center;
  padding: 40px 0 10px;
}

.logincontents .loginform .button button,
.logincontents .loginform .button a {
  font-size: 24px;
  padding: 17px 10px;
  letter-spacing: 0.1em;
  background: #006532;
  border: solid 1px #006532;
}

.logincontents .loginform .button a {
  display: inline-block;
}

.logincontents .loginform .button + p {
  text-align: center;
  font-size: 18px;
  margin: 65px 0 0 0;
}

.logincontents .loginform .button + p span {
  line-height: 2.1;
  padding: 0 40px 0 0;
}

.logincontents .loginform .button + p span:nth-child(2) {
  padding: 0;
}

.logincontents .loginform .button + p span a {
  color: #1c72d4;
  text-decoration: underline;
}

.logincontents .loginform .button + p span a:hover {
  text-decoration: none;
}

.tsunagunet_newes {
  margin: 30px 0 0 0;
  padding: 35px;
  background: #e2f4ed;
}

.tsunagunet_newes h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 30px 0;
  padding: 0 0 0 35px;
  position: relative;
  letter-spacing: 0.08em;
}

.tsunagunet_newes h3 svg {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
}

.tsunagunet_newes p {
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: 0.08em;
}

.tsunagunet_newes .image {
  margin: 30px 0 20px;
}

.tsunagunet_newes .image img {
  margin: 0 auto;
  display: block;
}

footer.login_footer {
  background: #fff;
}

.login_footer .inner {
  padding: 0 10px 60px;
}

footer.login_footer p.copyright {
  color: #000;
}

.login_footer .ftnavi li,
.ftnavi.align_navi_list li {
  border-right: solid 1px #000;
}

.login_footer .ftnavi li:first-child,
.ftnavi.align_navi_list li:first-child {
  border-left: solid 1px #000;
}

.login_footer .ftnavi li a,
.ftnavi.align_navi_list li a {
  color: #000;
}

.cate::before, .category::before {
  content: "【";
}

.cate::after, .category::after {
  content: "】";
}

/* Calendar */
.picker {
  padding: 15px;
}

.rtl {
  direction: rtl;
}

.vdp-datepicker {
  position: relative;
  text-align: left;
}

.vdp-datepicker * {
  box-sizing: border-box;
}

.vdp-datepicker__calendar {
  position: absolute;
  z-index: 10;
  background: #fff;
  width: 300px;
  padding-top: 10px;
  border: 1px solid #ccc;
}

.vdp-datepicker__calendar header {
  width: 100%;
  height: 36px;
  line-height: 40px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
}

.vdp-datepicker__calendar .calender-header + header {
  margin: 0 0 30px;
}

.vdp-datepicker__calendar header span {
  display: inline-block;
  text-align: center;
  width: 71.4285714286%;
}

.vdp-datepicker__calendar header .prev,
.vdp-datepicker__calendar header .next {
  width: 14.2857142857%;
  text-indent: -10000px;
  position: relative;
}

.vdp-datepicker__calendar header .prev:after,
.vdp-datepicker__calendar header .next:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 6px solid transparent;
}

.vdp-datepicker__calendar header .prev:after {
  border-right: 10px solid #000;
  margin-left: -5px;
}

.vdp-datepicker__calendar header .prev.disabled:after {
  border-right: 10px solid #ddd;
}

.vdp-datepicker__calendar header .next:after {
  border-left: 10px solid #000;
  margin-left: 5px;
}

.vdp-datepicker__calendar header .next.disabled:after {
  border-left: 10px solid #ddd;
}

.vdp-datepicker__calendar header .prev:not(.disabled),
.vdp-datepicker__calendar header .next:not(.disabled),
.vdp-datepicker__calendar header .up:not(.disabled) {
  cursor: pointer;
}

.vdp-datepicker__calendar header .prev:not(.disabled):hover,
.vdp-datepicker__calendar header .next:not(.disabled):hover,
.vdp-datepicker__calendar header .up:not(.disabled):hover {
  background: #eee;
}

.vdp-datepicker__calendar .disabled {
  color: #ddd;
  cursor: default;
}

.vdp-datepicker__calendar .flex-rtl {
  display: flex;
  width: inherit;
  flex-wrap: wrap;
}

.vdp-datepicker__calendar .cell {
  display: inline-block;
  padding: 0 5px;
  width: 14.2857142857%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
}

.vdp-datepicker__calendar .cell.day,
.vdp-datepicker__calendar .cell.month,
.vdp-datepicker__calendar .cell.year {
  border: 1px solid #fff;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
  cursor: pointer;
}

.vdp-datepicker__calendar .cell.day:hover,
.vdp-datepicker__calendar .cell.month:hover,
.vdp-datepicker__calendar .cell.year:hover {
  border: 1px solid #2dbd8b;
}

.vdp-datepicker__calendar .cell.selected {
  background: #2dbd8b;
}

.vdp-datepicker__calendar .cell.selected:hover {
  background: #2dbd8b;
}

.vdp-datepicker__calendar .cell.selected.highlighted {
  background: #2dbd8b;
}

.vdp-datepicker__calendar .cell.highlighted.disabled {
  color: #a3a3a3;
}

.vdp-datepicker__calendar .cell.grey {
  color: #888;
}

.vdp-datepicker__calendar .cell.grey:hover {
  background: inherit;
}

.vdp-datepicker__calendar .cell.day-header {
  font-size: 75%;
  white-space: nowrap;
  cursor: inherit;
}

.vdp-datepicker__calendar .cell.day-header:hover {
  background: inherit;
}

.vdp-datepicker__calendar .month,
.vdp-datepicker__calendar .year,
.reserv_form .vdp-datepicker__calendar .month,
.reserv_form .vdp-datepicker__calendar .year {
  width: 32.333%;
}

.vdp-datepicker__clear-button,
.vdp-datepicker__calendar-button {
  cursor: pointer;
  font-style: normal;
}

.vdp-datepicker__clear-button.disabled,
.vdp-datepicker__calendar-button.disabled {
  color: #999;
  cursor: default;
}

.monthly .vdp-datepicker__calendar .month {
  color: #575757;
  font-size: 16px;
  background: #e7e7e7;
  border: #cfcfcf solid 1px;
  margin: 5px 0.5% 0;
}

.monthly .vdp-datepicker__calendar .month:hover, .monthly .vdp-datepicker__calendar .month.selected {
  border: #2dbd8b solid 1px;
}

.error {
  color: #f00;
  font-weight: bold;
}

/* theme color */
.green .top_info h1, .green .modal_section h1, .green .top_menu ul li p, .green .news ul.tabmenu li.current a, .green .news .newslist .detail p .category, .green ul.navigation li a.current,
.green .selectbk .catebtn a, .green .formbk .catebtn a, .green .formbk p.copybtn a, .green .formbk p.plusbtn a, .green p.removebtn a, .green .status_link p.statusbtn a, .green .contents .button.secbtn button,
.green .contents .button.secbtn a, .green ul.date_select li.selected a, .green .day_table .catebtn a, .green .status_detail .catebtn a, .green .formbk .inputtext .catebtn,
.green .fixedtable table td button, .green .reserv_status h2, .green .group_info .newslist h2, .green .calendardetail .vdp-datepicker__calendar div .day.selected, .green h2.administ,
.green .textbtn a, .green .guest_section .border_sec .textbtn a, .green .inputstatus .status_detail p .textbtn a, .green .calendardetail .day_schedule p.textbtn a, .green .tsunagunet_newes h3,
.green .conference_section .conference_detail p .category, .green .conference_section.news .newslist .detail p.tit .cate, .green .newslist.conflist .detail p.tit .cate, .green .conference_section .formbk .submit button,
.green .draft_form .submit button, .green .board_section.news .newslist .detail p.tit .cate, .green .newslist.topiclist .detail p.tit .cate, .green .board_detail p .category, .green .emergency_contents h4,
.green .emergency_section03 .emergency_detail p .category, .green .emergency_section .form h3, .green .reserv_calender h2 a, .green .prov.others {
  color: #006532;
}

.green .top_info h1 svg path, .green .modal_section h1 svg path, .green .top_menu ul li svg path, .green .advanced h2 svg, .green .selectbk .catebtn svg path, .green .selectbk p.copybtn svg tspan, .green p.plusbtn svg tspan,
.green .status_link p.statusbtn svg path, .green .contents .button.secbtn button svg path, .green .contents .button.secbtn a svg path, .green .day_table .catebtn svg path, .green .status_detail .catebtn a svg polygon,
.green .formbk .inputtext .catebtn a svg polygon, .green .formbk h2 svg.svg_check polygon, .green .textbtn a svg polygon, .green .textbtn a svg.icon_plus tspan, .green .form .formbk .btncol p.catebtn svg path,
.green .tsunagunet_newes h3 svg path, .green svg.download path, .green.boardpage .modal .leftcol02 .icon_a tspan, .green .enquete_section .form .inputtext.twocol .close:hover text tspan, .logincontents .tsunagunet_newes h3 svg path, .green .textbtn svg.icon_plus path,
.userspage .formbk .tablebk + .catebtn a svg polygon {
  fill: #006532;
}

.green .button a, .green .button button, .green .serach_form .submit button.submitbtn, .green .newcategory .submit button.submitbtn, .green .radiocol input[type=radio]:checked + label::after, .green .switching input:checked + label,
.green .savebtn, .green .formbk .member_push .member .close, .green .form_type input[type=radio]:checked + label, .green .save_information.news .newslist .detail button, .green .conference_section .conferencelist .conference_detail .inputtext button {
  background: #006532;
}

.green .formbk h2 .icon, .green .board_detail h2 .icon {
  background-color: #006532;
}

.green .button a, .green .button button, .green ul.navigation li a.current, .green .selectbk .catebtn a, .green .formbk .catebtn a, .green .formbk p.copybtn a, .green .formbk p.plusbtn a, .green .switching input:checked + label,
.green p.removebtn a, .green .newcategory .submit button.submitbtn, .green .status_link p.statusbtn a, .green ul.date_select li.selected a, .green .day_table .catebtn a, .green .status_detail .catebtn a, .green .news ul.tabmenu li a,
.green .formbk .inputtext .catebtn a, .green .fixedtable table td button, .green .savebtn, .green .downloadbtn, .green .textbtn a, .green .groupselect ul.sortlist li .icon,
.green .calendardetail .detail_button a, .green .formbk .submit button.submitbtn, .green.userspage .formbk .tablebk + .catebtn a {
  border: solid 1px #006532;
}

.green .news ul.tabmenu, .green .news .newslist, .green .reserv_calender h2, .green .topcontents .data_upload {
  border-bottom: solid 1px #006532;
}

.green .checkcol input[type=checkbox]:checked + label::after {
  border-bottom: 4px solid #006532;
  border-right: 4px solid #006532;
}

.green .reserv_status .dlbtn_area .button button, .green .sortbtn a, .sortbtn button, .green .formbk .member_push .member, .green.reservpage .reserv_form form .submit button.submitbtn, .green .conference_section .status_link .statusbtn a,
.green .board_detail .statusbtn a, .green.boardpage .modal .leftcol02 .linkbtn a, .green.boardpage .modal .leftcol02 .txtdecobtn a, .green .emergency_section .newslist + .status_link .statusbtn a, .green .calendardetail .form button.submitbtn {
  color: #006532;
  border: solid 1px #006532;
}

.green .attend_section .weekly h2 {
  color: #006532;
  border-bottom: solid 1px #006532;
}

.green .draft_form .submit button.submitbtn, .green .emergency_section02 .newslist li .status .statusbtn a, .green .emergency_section06 .newslist li .status .statusbtn a, .green .enquete_section .form .inputtext.twocol .close {
  background: #006532;
  border: solid 1px #006532;
}

.green.reservpage .reserv_form .search_icon polygon, .green.reservpage .reserv_form .search_icon path, .green .clip_icon path, .green.boardpage .modal .leftcol02 .linkbtn a svg .st0, .green button:hover .filter_icon .st0 {
  stroke: #006532;
}

.green .news ul.tabmenu li a {
  border: solid 1px #006532;
  white-space: nowrap;
}

.green .top_info h1, .green .modal_section h1, .green .news h1, .green .newsform h1, .green .reserv_status h1, .reserv_calender h2, .green .collective_status h1, .green .conference_section h2,
.green .conference_section .conferencelist .conference_detail .imgTxt .text p.tit, .green .file_upload > h1, .green .calendar_contents > h1, .green .board_section02 .newsform .form .formbk h3, .green .emergency_section03 h2,
.green .board_section.news .board_contents .page_title, .green .reservbloc .twocol h2, .green .enquete_section06 .newsform > h1 {
  color: #00562b;
}

.green .modal_section a.info_close rect, .green .calendardetail .form .schedule_icon {
  fill: #00562b;
}

.green .reservbloc .twocol svg .st0 {
  stroke: #00562b;
}

.green .form_type li > label {
  border: solid 1px #00562b;
}

.green .monitorstatus span, .green .storage_bar span,
.green .attend_section input[type=checkbox].maru:checked + .attend-choice label::before,
.green .attend_section input[type=checkbox].maru:checked + .attend-choice label::after,
.green .calendardetail .schedule p {
  background: #0d8c4c;
}

.green .upload_file li svg.circle text, .green .upload_file p svg.circle text, .green svg.delete path, .green svg.delete rect, .green svg.delete path,
.green svg.delete rect, .green .upload .image path.folder, .green .sort_icon polygon, .green .calendar svg,
.green .conference_section .conferencelist .conference_detail .imgTxt .text p.edit_view svg.circle text {
  fill: #0d8c4c;
}

.green .board_detail .statusbtn a svg .st0 {
  stroke: #0d8c4c;
}

.green .conference_section .conferencelist .conference_detail.active {
  border: #0d8c4c 2px solid;
}

.green .news ul.tabmenu li a {
  background: #def2eb;
}

.green .reserv_calender h2.facility_group {
  background: #595959;
  color: white;
}

.green .modal_section h1, .green .conference_section .conferencelist .conference_detail.discussion-comment, .green .conference_section.news .newsform h2, .green .monthly .vdp-datepicker__calendar .month.selected {
  background: #e0f2e9;
}

textarea.proceeding-content, .conferencepage .conference_section .conferencelist .conference_detail.proceeding-content {
  background-color: #e9f6dc;
}

/* Contents */
.contents .topcontents {
  width: 100%;
}

.toppage .contents {
  padding: 40px;
  display: flex;
  flex-direction: row-reverse;
}

.articleinfo {
  max-width: 210px;
  min-width: 210px;
  padding: 0 0 0 40px;
  box-sizing: content-box;
}

.articleinfo .image, .articleinfo .profile {
  margin: 0 0 20px;
}

.articleinfo .image img, .articleinfo .profile img {
  display: block;
}

.articleinfo .profile img {
  max-height: 500px;
}

.articleinfo .profile a {
  display: inline-block;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.relation {
  padding: 0 0 15px;
  border: solid 1px #d5d5d5;
}

.relation h2 {
  font-size: 16px;
  line-height: 1.3;
  padding: 5px;
  text-align: center;
  border-bottom: solid 1px #d5d5d5;
}

.relation .image, .relation ul {
  margin: 20px 0 0;
}

.relation .image img {
  width: 100%;
  height: auto;
  max-width: 132px;
  max-height: 50px;
  margin: 0 auto;
  display: block;
}

.relation ul {
  padding: 0 10px;
}

.relation ul li {
  font-size: 14px;
  line-height: 24px;
}

.relation ul li a {
  color: #1c72d4;
  text-decoration: underline;
  display: inline-block;
  padding: 0 0 0 12px;
  position: relative;
}

.relation ul li a svg {
  width: 8px;
  position: absolute;
  left: 0;
  top: 6px;
}

.banner {
  text-align: center;
  margin: 0 0 20px;
}

.banner a {
  display: inline-block;
}

.banner a img.pc {
  display: block;
}

.top_info {
  position: relative;
  margin: 0 0 20px;
}

.top_info .bg {
  padding: 20px;
  background: #fff;
}

.top_info a.info_close {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}

.top_info h1, .modal_section h1.help_modal_title {
  font-size: 18px;
  line-height: 1.4;
  text-align: left;
  padding: 0 0 0 32px;
  margin: 0 0 15px;
  position: relative;
  background: transparent;
}

.top_info h1 svg, .modal_section h1.help_modal_title svg {
  width: 24px;
  display: inline-block;
  margin: 0 4px 0 0;
  position: absolute;
  left: 0;
}

.top_info_list {
  width: 100%;
  margin: 22px -5px 0;
  padding: 0 5px 20px;
  border-bottom: solid 1px #aaa;
  box-sizing: border-box;
}

.top_info_list:last-child {
  padding-bottom: 5px;
  border-bottom: 0;
}

.top_info_list.sp_only {
  display: none;
}

.top_info_list p {
  font-size: 16px;
  line-height: 1.6;
  vertical-align: middle;
  overflow: hidden;
}

.top_info_list a {
  color: #1c72d4;
  text-decoration: underline;
}

.top_info_list .image {
  padding: 0 20px 0 0;
  vertical-align: middle;
  float: left;
}

.top_info_list .image img {
  max-width: 210px;
  display: block;
}

.tsunagunet_newes .top_info_list .image {
  padding: 0;
  float: none;
  clear: both;
}

.tsunagunet_newes .top_info_list .image img {
  max-width: 100%;
}

.ev {
  fill-rule: evenodd;
}

.news .newslist .detail p a {
  color: #1c72d4;
  text-decoration: underline;
  padding: 0 0 0 12px;
  position: relative;
}

.news .newslist .detail p .new, .news .newslist .detail p .pc {
  padding: 0;
  position: relative;
  display: inline-block;
}

.news .newslist .detail p .new {
  margin-right: 0.5em;
}

.conference_section.news .newslist .detail p.tit .new, .newslist.conflist .detail p.tit .new {
  margin-right: 0;
}

.conference_section.news .newslist .detail p.tit .new::after, .newslist.conflist .detail p.tit .new::after {
  content: "｜";
  color: #000;
}

.news .newslist .detail p a svg {
  width: 8px;
  position: absolute;
  left: 0;
  top: 6px;
}

.reservpage .news .newslist li {
  padding-right: 20px;
}

.reservpage .news .newslist .detail .text > div > p {
  margin-top: 5px;
}

.reservpage .news .newslist .detail > .image {
  margin-right: 0;
  margin-left: 20px;
}

.news {
  margin: 40px 0 0;
}

.attendpage .attend_info {
  margin-bottom: 50px;
}

.group_info {
  padding: 30px 0 0;
  background: #fff;
}

.news h1 {
  font-size: 22px;
  text-align: center;
  padding: 60px 0 40px;
  margin: 0;
  background: #fff;
  font-weight: bold;
  line-height: 1.4;
}

.group_info h1 {
  padding-top: 30px;
}

.news .newslist .detail p .chain {
  padding: 0 0.5em 0 24px;
  position: relative;
}

.news .newslist .detail p .chain img {
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.news ul.tabmenu {
  width: 100%;
  padding: 0 10px;
  display: flex;
}

.news ul.tabmenu li {
  width: 11.111%;
  padding: 0 3px;
  box-sizing: border-box;
  position: relative;
  top: 1px;
}

.news ul.tabmenu li a {
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  display: block;
  border-bottom: 0;
}

.news ul.tabmenu li.current a {
  font-weight: bold;
  background: #fff;
  border-bottom: solid 1px #fff;
}

.news .newslist {
  padding: 20px 0;
  background: #fff;
}

.informationpage .news .newslist {
  padding-bottom: 0;
  border-bottom: 0;
}

.grouppage .news .newslist {
  padding-bottom: 60px;
  border-bottom: 0;
}

.news .newslist li {
  width: 100%;
  padding: 20px 40px 20px 20px;
  display: block;
  box-sizing: border-box;
  position: relative;
  border-top: solid 1px #aaa;
}

.news.opinion_info .newslist li {
  padding: 20px;
}

.news .newslist .wysiwyg_block ol, .news .newslist .wysiwyg_block ul {
  margin-top: 10px;
}

.news .newslist .wysiwyg_block li {
  width: 100%;
  padding: 0;
  display: list-item;
  border-top: 0;
}

.toppage .news .newslist li {
  padding: 20px;
}

.enquetepage .news .newslist li {
  position: static;
}

.toppage .news .newslist.attendlist li {
  padding: 20px;
}

.news .newslist li .submenuarea {
  position: absolute;
  top: 50%;
  right: 0;
}

.news.attend_info .newslist li .submenuarea, .newslist.attendlist li .submenuarea {
  top: auto;
  bottom: 16px;
}

.enquetepage .news .newslist li {
  border-top: solid 1px #c9c9c9;
}

.group_info .newslist li:first-child {
  border-top: solid 1px #aaa;
}

.news .newslist li:last-child {
  border-bottom: solid 1px #aaa;
}

.news .newslist .wysiwyg_block li:last-child,
.news .newslist .wysiwyg_block li {
  border-bottom: 0;
}

.enquetepage .news .newslist li:last-child {
  border-bottom: solid 1px #c9c9c9;
}

.news .newslist li.emergency, .contents .news .newslist li.emergency:last-child {
  border: solid #da0a16 1px;
}

.enquetepage .news .newslist li {
  padding: 15px 20px;
}

.news .newslist li.notstart {
  background: #ffeef1;
}

.news .newslist li.unanswer, .informationpage .news .newslist li.notstart {
  background: #fff7d9;
}

.news .newslist li.finish {
  background: #f4f4f4;
}

.news .newslist li.inapplicable {
  background: #ededed;
}

.news .newslist .detail {
  width: 100%;
  padding-right: 260px;
  box-sizing: border-box;
  position: relative;
}

.news .newslist.attendlist .detail {
  padding-right: 140px;
}

.news .newslist.infolist .detail, .news .newslist.topiclist .detail {
  padding-right: 20px;
}

.group_info .newslist .detail {
  padding-right: 160px;
}

.enquetepage .news .newslist .detail {
  padding-right: 315px;
}

.informationpage .news .newslist .detail, .news .newslist.datalist .detail {
  padding-right: 0;
}

.reservpage .news .newslist .detail {
  padding-right: 0;
  display: flex;
}

.reservpage .news .reserv_check .detail {
  padding-right: 150px;
  display: block;
  position: relative;
}

.news .newslist .detail .text {
  width: 100%;
  box-sizing: border-box;
}

.news .newslist .detail .image {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  margin-right: 20px;
}

.news .newslist .detail .image img {
  display: block;
}

.news .newslist li .detail .decision {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  min-width: 110px;
  max-width: 110px;
  position: absolute;
  right: 0;
  bottom: -5px;
}

.topcontents .news .newslist li .detail .decision {
  right: 15px;
}

.detail h3.decision svg {
  width: 110px;
  height: 28px;
  transform: scale(1.4, 1.1);
}

.detail h3.decision svg path {
  fill: #f76f86;
}

.detail h3.decision span {
  width: 100%;
  padding-right: 4px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
}

.news .newslist .detail p {
  color: #000;
  font-size: 16px;
  line-height: 1.4;
  padding-right: 65px;
  margin: 15px 0 0;
  display: flex;
}

.news .newslist .detail .service_description p {
  display: block;
}

.news .newslist.datalist .detail p, .news .newslist.attendlist .detail p {
  margin: 10px 0 0;
  padding-right: 0;
}

.news .newslist.datalist .detail p a.chain {
  font-size: 18px;
  line-height: 1.2;
}

.news .reserv_check .detail p {
  padding-right: 0;
  margin: 5px 0 0;
  display: block;
}

.reservpage .news .newslist .detail p {
  padding-right: 0;
}

.news .reserv_check .detail p a {
  padding-left: 0;
}

.news .newslist .detail p.emergency + p {
  padding-right: 0;
}

.news .newslist .detail p.emergency {
  height: 28px;
  margin: 0;
  position: relative;
  left: -20px;
}

.news .newslist .detail p.emergency svg {
  width: 110px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.news .newslist .detail p.emergency svg path {
  fill: #da0a16;
}

.news .newslist .detail p.emergency span {
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  width: 110px;
  padding: 0 10px 0 20px;
  text-align: center;
  display: flex;
  position: relative;
  z-index: 1;
}

.news .newslist .detail p.emergency span svg {
  width: 22px;
  margin: 0 5px 0 0;
  position: relative;
  top: 0;
  z-index: 1;
}

.emergency span svg path, .news .newslist .detail .emergency span svg path {
  fill: #fed851;
}

.new {
  color: #da0a16;
  font-weight: bold;
}

.news .newslist .detail p .category {
  font-weight: bold;
  padding-right: 25px;
  margin-right: 25px;
  display: inline-block;
  border-right: solid 1px #000;
  white-space: nowrap;
}

.news .newslist h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  margin: 10px 0 0;
}

.news .newslist .detail p:first-child, .news .newslist h2:first-child {
  margin: 0;
}

.news .newslist li h2:first-child {
  margin: 0 0 15px;
}

.opinionpage .news .newslist h2 {
  text-overflow: ellipsis;
  max-width: 680px;
  white-space: nowrap;
  overflow: hidden;
}

.news .newslist .detail.nolink {
  padding: 0;
}

.news .newslist .detail.nolink h2 {
  text-align: center;
  margin: 0;
}

.news .newslist h2 a {
  color: #1c72d4;
  text-decoration: underline;
}

.news .newslist li .status {
  display: flex;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 0;
}

.enquetepage .news .newslist li .status, .news .newslist.enquetelist li .status {
  top: auto;
  bottom: -3px;
}

.news .newslist li h3 {
  font-size: 18px;
  line-height: 28px;
  vertical-align: middle;
  width: 8em;
  padding: 0 10px 0 0;
}

.news .newslist li h3.button {
  line-height: 24px;
  width: auto;
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
  background: transparent;
}

.news .newslist li h3.button a {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  padding: 1px 15px 1px 37px;
  white-space: nowrap;
}

.news .newslist li h3.button a svg {
  width: 17px;
  position: absolute;
  top: 5px;
  left: 15px;
}

.news .newslist li h3.button a svg tspan {
  font-weight: normal;
}

.news .newslist li h3.button a svg path {
  fill: #fff;
}

.news .newslist li h4 {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  min-width: 110px;
  max-width: 110px;
  position: relative;
}

.news .newslist li h4 span {
  width: 100%;
  padding-right: 8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
}

.news .newslist li h4 svg {
  width: 110px;
  height: 28px;
}

.news .newslist li h4 svg path {
  fill: #888;
}

.news .newslist li.finish h4 svg path, .news .newslist li h4.finish svg path {
  fill: #0c9;
}

.news .newslist li.unanswer h4 svg path {
  fill: #fda437;
}

.news .newslist li.notstart h4 svg path {
  fill: #f76f86;
}

.news .newslist li h4.answered svg path {
  fill: #0cc;
}

.news .newslist li .submit {
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: dashed 1px #aaa;
}

.news .newslist li .submit a {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  padding: 3px 10px 2px 32px;
  display: inline-block;
  background: #e4284b;
  position: relative;
  border-radius: 5px;
  border: solid 1px #e4284b;
}

.news .newslist li .submit a svg {
  width: 18px;
  position: absolute;
  top: 5px;
  left: 10px;
}

.news .newslist li .submit a svg path {
  fill: #fff;
}

h4.ribbon, .group_info .newslist li h4 {
  color: #fff;
  font-size: 14px;
  line-height: 2;
  margin: 10px 0 0;
  vertical-align: middle;
  text-align: right;
}

.reserv_calender h3 + h4.ribbon {
  margin: -45px 0 0;
  position: relative;
  top: -30px;
}

.group_info .newslist li h4 {
  min-width: inherit;
  max-width: none;
  position: absolute;
  right: 0;
  bottom: 0;
}

.ribbon span, .group_info .newslist li h4 span {
  text-align: center;
  padding: 0 28px 0 25px;
  position: relative;
  display: inline-block;
}

.group_info .newslist li h4 span {
  width: auto;
  top: 0;
  left: 0;
  transform: translateY(0) translateX(0);
}

.group_info .newslist li h4 svg {
  width: auto;
}

.ribbon.orange span {
  background: #f90;
}

.ribbon.pink span {
  background: #f69;
}

.ribbon.emerald span {
  background: #0cc;
}

.ribbon.green span {
  background: #0c9;
}

.ribbon.blue span {
  background: #69f;
}

.ribbon.gray span {
  background: #888;
}

.ribbon.red span {
  background: #c00;
}

.ribbon span svg {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: scale(1.05);
}

.ribbon svg polygon {
  fill: #fff;
  fill-rule: evenodd;
}

.ribbon.gray_back svg polygon {
  fill: #e5e5e5;
}

.ribbon.emergency span {
  padding-left: 48px;
}

.emergency span svg.icon {
  width: 22px;
  margin: 0 5px 0 0;
  position: relative;
  top: 0;
  z-index: 1;
  position: absolute;
  left: 20px;
}

a.help_link {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  width: 22px;
  height: 22px;
  border-radius: 22px;
  margin: 0;
  background: #ffb500;
  display: inline-block;
  position: relative;
  top: -2px;
}

.boardpage .modal a.help_link {
  margin-left: 5px;
}

.wrapper .pagetitle h1 a.help_link {
  color: #fff;
  top: -3px;
  margin-left: 5px;
}

.formbk h2 a.help_link {
  top: -4px;
}

.toppage .contentsarea .help_link {
  padding: 0;
  position: absolute;
  top: -36px;
  left: 65px;
  z-index: 20;
  transition: all ease 0.4s;
}

.toppage .contentsarea .leftnavi.open + .help_link,
.toppage .contentsarea .leftnavi.open + nav + .help_link {
  left: 265px;
}

.pagetitle .search_button {
  width: 142px;
  position: absolute;
  bottom: 0;
  right: 40px;
}

.pagetitle .search_button a {
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 0.05em;
  text-align: center;
  background: #888;
  display: block;
  border-radius: 4px 4px 0 0;
}

.pagetitle .search_button a.open {
  background: #888;
}

.pagetitle .search_button a .icon_plus {
  transform: rotate(45deg) scale(0.6);
}

.pagetitle .search_button a.open .icon_plus {
  transform: rotate(0) scale(0.7) translateY(1px);
}

.search_icon {
  width: 22px;
  height: 22px;
  margin: 0 3px 0 0;
  display: inline-block;
  position: relative;
  top: 5px;
}

.newcategory .submit {
  width: 100%;
  margin: 40px 0 10px;
  position: relative;
  display: flex;
}

.newcategory .submit button {
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  margin: 0;
  display: block;
  border-radius: 5px;
  cursor: pointer;
}

.newcategory .submit button.graybtn {
  font-weight: bold;
  width: 150px;
  min-width: 150px;
  display: block;
  background: #e5e5e5;
  border: solid 1px #e5e5e5;
}

.newcategory .submit button.submitbtn {
  color: #fff;
  font-weight: bold;
  margin-left: 20px;
}

.button {
  padding: 30px 0 10px;
  background: #fff;
}

.button.wfull {
  max-width: none;
  width: 100%;
  padding: 0;
}

.payform .button {
  padding-top: 20px;
}

.newcategory .button {
  padding: 20px 0 10px;
}

.boardpage .newcategory .button {
  margin: 0 0 25px;
}

.boardpage .newcategory .button.graybtn {
  margin: 10px 0 0;
}

.secbtn {
  margin: 40px 0 50px;
  padding: 0;
}

.button a, .button button {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 20px 10px;
  display: block;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
}

.button.wfull a, .button.wfull button {
  max-width: none;
}

.contents .button.secbtn button, .contents .button.secbtn a {
  background: #fff;
}

.button a span, .button button span {
  padding: 0 0 0 24px;
  display: inline-block;
  position: relative;
}

.button.new_unquete a span, .button.new_unquete button span {
  padding: 0 0 0 34px;
}

.secbtn button span {
  position: relative;
  display: inline-block;
}

.newsform .new_create {
  margin: 0;
}

.newsform .new_create + .button {
  padding: 10px 0 40px;
}

.newsform .graybtn + .button {
  padding: 0;
}

.new_create a span {
  padding: 0 0 0 24px;
}

.newsform .new_post {
  margin: 0;
}

.newsform .new_post + .button {
  padding: 10px 0 40px;
}

.new_post a span {
  padding: 0;
}

.secbtn button span {
  padding: 0 0 0 36px;
}

.new_unquete svg, .secbtn button span svg {
  width: 26px;
  position: absolute;
  top: -4px;
  left: 0;
}

.new_create svg {
  width: 16px;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(45deg) scale(0.7);
}

.new_create svg.plus {
  width: 17px;
  height: 18px;
  transform: rotate(45deg) scale(0.7);
}

.new_create svg.enquete_icon, .boardpage .new_create svg.plus, .group_info .new_create svg.plus, .enquete_section02 .new_create svg.plus {
  transform: rotate(0deg) scale(1);
}

.boardpage .board_section .new_create svg.plus {
  top: 1px;
}

.memberpage .new_create svg.icon_plus {
  top: 0;
}

.enquete_section02 .new_create svg.plus {
  top: 1px;
}

.new_unquete svg path, .new_create svg text, .secbtn button span svg path, .new_create svg.plus path {
  fill: #fff;
}

.newcategory .button.new_create button .plus, .enquete_section04 .twocol.new_create a .plus {
  top: 0;
  transform: rotate(0deg) scale(1);
}

.enquete_section04 .twocol.new_create a .plus {
  top: 2px;
}

.wrapper .button.graybtn a, .wrapper .button.graybtn button, .wrapper button.graybtn {
  color: #000;
  max-width: 150px;
  background: #e5e5e5;
  border: solid 1px #e5e5e5;
}

.wrapper .attendpage .serach_form button.graybtn {
  max-width: none;
}

.enquetepage .news .newslist {
  padding-bottom: 30px;
}

.enquetepage .news ul.tabmenu li {
  width: 18%;
  padding: 0 5px;
}

.sortmenu {
  padding: 20px 15px 0;
  margin: 0 0 -10px;
  background: #fff;
  display: flex;
  vertical-align: middle;
}

.group_info .sortmenu {
  margin: 10px 0 15px;
}

.sortbtn {
  text-align: right;
  padding: 0 15px;
  margin: 20px 0 15px;
  clear: both;
}

.sortbtn a, .sortbtn button {
  font-size: 16px;
  line-height: 1.9;
  display: inline-block;
  padding: 0 15px;
  border-radius: 3px;
}

svg.sort_icon {
  width: 12px;
  position: relative;
  top: 5px;
}

.enquetepage .new_create button svg.sort_icon {
  width: 11px;
  height: auto;
  position: absolute;
  top: -1px;
}

.enquetepage .new_create button svg.sort_icon polygon {
  fill: #fff;
}

.sortmenu p {
  font-size: 16px;
  line-height: 22px;
}

.sortbtn a svg, .sortbtn button svg {
  margin-right: 5px;
}

.serach_form {
  height: 0;
  overflow: hidden;
  background: #fff;
  position: relative;
  margin: 0 0 40px;
  box-sizing: border-box;
  z-index: 15;
  transform-origin: top center;
  animation: close-anime 0.3s ease forwards;
  opacity: 0;
  padding: 0 20px;
  transition: opacity ease 0.3s, padding ease 0.3s;
}

@keyframes close-anime {
  0% {
    height: auto;
    transform: scaleY(1);
  }
  99% {
    height: 0;
    transform: scaleY(0);
  }
  100% {
    height: 0;
    transform: scaleY(0);
  }
}
.serach_form.open {
  height: auto;
  opacity: 1;
  padding: 20px 20px 10px;
  animation: open-anime 0.3s ease forwards;
  overflow: visible;
}

@keyframes open-anime {
  0% {
    height: 0;
    transform: scaleY(0);
  }
  99% {
    height: auto;
    transform: scaleY(1);
  }
  100% {
    height: auto;
    transform: scaleY(1);
  }
}
.serach_form .form {
  position: relative;
}

.serach_form .reserv_use_form {
  margin-top: 10px;
}

.serach_form .submit {
  width: 250px;
  position: absolute;
  top: 0;
  left: 950px;
}

.serach_form .reserv_use_form .twocol {
  margin-bottom: 5px;
}

.serach_form .reserv_use_form .submit {
  width: auto;
  margin-top: 25px;
  position: relative;
  left: 0;
  display: flex;
}

.serach_form .submit button {
  font-size: 18px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  margin: 0 0 15px;
  display: block;
  border-radius: 5px;
  cursor: pointer;
}

.serach_form .submit button.graybtn {
  max-width: 250px;
  display: block;
  background: #e5e5e5;
  border: solid 1px #e5e5e5;
}

.serach_form .submit button.submitbtn {
  color: #fff;
}

.serach_form .reserv_use_form button.graybtn {
  width: calc(45% - 20px);
  margin-right: 20px;
}

.serach_form .reserv_use_form button.submitbtn {
  width: 55%;
}

.serach_form .submit button.submitbtn .search_icon {
  margin: 0 6px 0 0;
}

.serach_form .radiocol, .serach_form .checkcol {
  padding: 5px 0 10px;
}

.reserv_form .radiocol, .reserv_form .checkcol {
  margin-bottom: 5px;
}

.serach_form .onecol .checkcol {
  padding: 0;
}

.halfcol > div .checkcol {
  line-height: 30px;
  padding: 0;
  margin: 0 0 15px;
}

.reservpage .reserv_status_form .form .halfcol .rightcol > .checkcol {
  flex-wrap: wrap;
  padding: 5px 0 0 110px;
  position: relative;
}

.reservpage .reserv_status_form .form .halfcol .rightcol > .checkcol label {
  margin-top: 5px;
  word-break: break-all;
}

.reservpage .reserv_status_form .form .halfcol .rightcol > .checkcol h2 {
  position: absolute;
  left: 0;
}

.reservpage .reserv_form {
  max-width: 330px;
  padding: 30px 30px 20px;
  position: absolute;
  right: 40px;
  box-shadow: 0px 0px 7px 0px #999;
}

.reservpage .modal .reserv_form {
  max-width: 480px;
  margin: 0 auto;
  position: relative;
  height: auto;
  opacity: 1;
  padding: 20px 20px 10px;
  overflow: visible;
  left: 0;
}

.reservpage .reserv_form .vdp-datepicker__calendar {
  width: 100%;
  margin: 0 0 20px;
  position: relative;
  border: 0;
  display: flex;
  flex-wrap: wrap;
}

.reservpage .reserv_form .vdp-datepicker__calendar div .cell {
  text-align: center;
  padding-right: 5px;
}

.reservpage .reserv_form form > ul {
  max-height: 20vh;
  max-height: 20dvh;
  overflow-y: auto;
}

.wrapper {
  min-height: 100vh;
  min-height: 100dvh;
}

.twocol {
  max-width: 940px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.reserv_status_form .twocol {
  max-width: 1050px;
  padding-right: 0;
}

.twocol ul.inputlist {
  width: 45%;
}

.twocol ul.selectlist {
  width: 55%;
}

.memberpage .twocol ul.selectlist, .conferencepage .twocol ul.selectlist {
  width: 45%;
}

.conferencepage .twocol ul.inputlist {
  width: 36%;
}

.datapage .twocol ul.inputlist {
  width: auto;
  margin-right: 25px;
}

.twocol ul li, .facility_list, .calendar_list, .serach_form .onecol ul.selectlist li {
  line-height: 30px;
  margin: 0 0 10px;
  display: flex;
  flex-wrap: nowrap;
}

.halfcol > div {
  width: 49%;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}

.halfcol > div:nth-child(even) {
  padding: 0 0 0 20px;
}

.halfcol .flexcol {
  display: flex;
}

.use_date .flexcol {
  width: 100%;
}

ul.select_col li {
  line-height: 24px;
  margin: 0 0 5px;
  display: inline-block;
}

.serach_form ul li h2, .radiocol h2, .checkcol h2, .facility_list h2, .calendar_list h2, .roominput h2 {
  font-size: 18px;
  vertical-align: middle;
  width: 140px;
}

.serach_form ul.selectlist li h2, .twocol .calendar_list:nth-child(2) h2, .ridge_select h2, .halfcol > div h2, .serach_form .twocol .checkcol h2,
.memberpage .serach_form ul li h2, .conferencepage .serach_form ul li h2, .datapage .serach_form ul li h2 {
  width: 110px;
}

.halfcol .flexcol h2 {
  min-width: 110px;
}

.conferencepage .twocol .checkcol h2, .conferencepage .twocol .rightcol ul.selectlist li h2 {
  width: 175px;
}

.serach_form .onecol ul.selectlist li h2 {
  display: inline-block;
}

.serach_form ul li.inputtext input, .facility_list input, .roominput input {
  font-size: 14px;
  width: 200px;
  padding: 0 10px;
  border: solid 1px #aaa;
  border-radius: 3px;
  box-sizing: border-box;
}

.roominput input {
  width: 210px;
}

.datapage .serach_form ul li.inputtext input {
  width: 250px;
}

.serach_form ul li.inputtext input.sml_input {
  width: 70px;
}

.conferencepage .serach_form ul li.inputtext input.sml_input {
  margin-right: 10px;
}

.roominput input, .roominput h2 {
  line-height: 30px;
}

.facility_list input {
  width: 70%;
}

.switching {
  width: 200px;
  display: table;
}

.switching input {
  display: none;
}

.switching input, .radiocol input[type=radio], .checkcol input[type=checkbox] {
  width: 0;
  height: 0;
  visibility: hidden;
}

.radiocol input[type=radio], .checkcol input[type=checkbox] {
  position: absolute;
}

.contentspage .guest_section .switching {
  width: 360px;
  margin-bottom: 15px;
}

.switching label {
  color: #000;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  background: #e5e5e5;
  border: solid 1px #aaa;
  border-radius: 3px 0 0 3px;
}

.switching.threecol label {
  border-radius: 0;
}

.switching.threecol label:nth-child(2) {
  border-radius: 3px 0 0 3px;
  border-right: 0;
}

.contentspage .guest_section .switching label {
  padding: 5px 0;
}

.switching label:last-child, .switching.threecol label:last-child {
  border-radius: 0 3px 3px 0;
}

.switching.threecol label:last-child {
  border-left: 0;
}

.switching input:checked + label {
  color: #fff;
}

p.multiselect {
  font-size: 10px;
  line-height: 30px;
  white-space: nowrap;
  margin: 0 0 0 10px;
  padding: 0 0 0 12px;
  position: relative;
}

p.multiselect a {
  color: #1c72d4;
  font-size: 14px;
  text-decoration: underline;
}

p.multiselect svg {
  width: 8px;
  position: absolute;
  left: 0;
  top: 9px;
}

.radiocol, .checkcol {
  vertical-align: middle;
}

.oneline .checkcol {
  width: 100%;
}

.oneline .checkcol label {
  margin-bottom: 0;
}

.radiocol h2, .checkcol h2 {
  display: inline-block;
}

.radiocol label {
  font-size: 14px;
  line-height: 28px;
  padding: 0 0 0 28px;
  margin: 0 20px 0 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.radiocol input[type=radio] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #aaa;
  border-radius: 50%;
  box-sizing: border-box;
}

.radiocol input[type=radio].error + label::before {
  border: 2px solid #da0a16;
  background-color: #ffeef1;
}

.radiocol input[type=radio]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-sizing: border-box;
}

.advanced {
  padding: 25px 20px 0;
  margin: 25px -20px 0;
  position: relative;
  transition: padding ease 0.3s;
}

.advanced.open {
  padding: 25px 20px 10px;
}

.serach_form .advanced {
  margin: 20px -20px 0;
}

.advanced::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #c9c9c9;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

.advanced h2 {
  font-size: 18px;
  line-height: 1.6;
  padding: 0 0 0 22px;
  margin: 0;
  position: relative;
  transition: margin ease 0.3s;
}

.advanced.open h2 {
  margin: 0 0 10px;
}

.advanced .halfcol h2 {
  line-height: 30px;
  padding: 0;
  margin: 0;
  position: relative;
}

.advanced h2 svg {
  width: 12px;
  position: absolute;
  left: 4px;
  top: 9px;
  transform: rotate(180deg);
  transition: transform ease 0.5s;
}

.advanced.open h2 svg {
  transform: rotate(0deg);
}

.advanced .twocol, .advanced .date, .formbk .advanced {
  overflow: hidden;
  box-sizing: border-box;
  transform-origin: top center;
  animation: close-anime 0.3s ease forwards;
  opacity: 0;
  transition: opacity ease 0.3s, padding ease 0.3s;
}

.formbk .advanced {
  height: 0;
  animation: close-anime 0.5s ease forwards;
  transition: opacity ease 0.4s, padding ease 0.4s, height ease 0.4s;
}

.advanced.open .twocol, .advanced.open .date, .formbk.open .advanced, .formbk.open .advanced .twocol {
  opacity: 1;
  animation: open-anime 0.3s ease forwards;
  overflow: visible;
}

.formbk.open .advanced {
  height: auto;
}

.reservpage .modal .reserv_form {
  animation: open-anime 0s ease forwards;
  height: auto;
  display: block;
  transform: scaleY(1);
}

.date, .form_date {
  display: flex;
  transition: height ease 0.5s;
}

.advanced .ad_content {
  display: none;
}

.advanced.open .ad_content {
  display: block;
}

.advanced.open .ad_content.twocol {
  display: flex;
}

.advanced.open .date, .formbk.open .advanced .form_date {
  height: 32px;
  overflow: visible;
  position: relative;
  z-index: 2;
  align-items: center;
}

.date h3, .form_date h3 {
  font-size: 18px;
  line-height: 32px;
  width: 65px;
}

.date.onecol, .form_date.onecol {
  margin-bottom: 15px;
}

.date.onecol h3, .form_date.onecol h3 {
  width: 110px;
}

.date .calendar + span, .form_date .calendar + span {
  line-height: 30px;
  padding: 0 9px;
  display: inline-block;
  align-self: center;
}

.calendar {
  display: block;
  position: relative;
  background: transparent;
}

.vdp-datepicker input {
  font-size: 14px;
  width: 200px;
  height: 30px;
  padding-left: 36px;
  border: solid 1px #aaa;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: transparent;
  box-sizing: border-box;
  cursor: pointer;
}

.vdp-datepicker__clear-button {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 6px;
  border-radius: 10px;
  box-sizing: border-box;
  background: #aaa;
  z-index: 5;
  cursor: pointer;
  display: block;
}

.serach_form .advanced .inputblock {
  font-size: 14px;
}

.serach_form .advanced .inputblock input {
  font-size: 14px;
  width: 70px;
  margin: 0 10px;
}

.unapproved {
  margin: 0 0 0 20px;
}

.checkcol label {
  font-size: 14px;
  padding: 0 0 0 30px;
  margin: 0 15px 10px 0;
  line-height: 30px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}

.emergency_top_edit .checkcol label {
  font-size: 16px;
  margin-bottom: 5px;
}

.form_type li > label label {
  margin-right: 0;
}

.contentspage .border_sec .checkcol label {
  font-size: 16px;
  line-height: 1.3;
}

.boardpage .modal.deny .disp_table_auto .checkcol label {
  line-height: 1.6;
}

.checkcol input[type=checkbox] {
  display: none;
}

.checkcol input[type=checkbox] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #aaa;
  border-radius: 3px;
  box-sizing: border-box;
  background: #fff;
}

.checkcol input[type=checkbox][disabled] + label::before {
  background: #eee;
}

.calendar_contents .checkcol input[type=checkbox] + label::before {
  top: 3px;
}

.emergency_top_edit .checkcol input[type=checkbox] + label::before {
  top: 4px;
}

.checkcol input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 7px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
}

.checkcol input[type=checkbox][disabled]:checked + label::after {
  border-color: #aaa;
}

.boardpage .modal.deny .disp_table_auto .checkcol input[type=checkbox]:checked + label::after,
.calendar_contents .checkcol input[type=checkbox]:checked + label::after {
  top: -1px;
}

.emergency_top_edit .checkcol input[type=checkbox]:checked + label::after {
  top: 0;
}

.vdp-datepicker__calendar div .cell, .calendar .vdp-datepicker__calendar .cell.highlighted {
  color: #555;
  background: #eee;
  border: solid 2px #fff;
}

.vdp-datepicker__calendar div .cell {
  font-size: 14px;
  text-align: right;
  height: 30px;
  line-height: 30px;
  padding-right: 7px;
}

.vdp-datepicker__calendar div .cell.sat, .calendar .vdp-datepicker__calendar .cell.highlighted.sat {
  background: #e5effa;
}

.vdp-datepicker__calendar div .cell.sun, .calendar .vdp-datepicker__calendar .cell.highlighted.sun {
  background: #ffeaef;
}

.vdp-datepicker__calendar .cell.day-header {
  background: #fff;
}

.vdp-datepicker__calendar div .cell.day-header {
  font-size: 14px;
  text-align: center;
  padding-right: 0;
}

.vdp-datepicker__calendar div .cell.today {
  color: #00612b;
  font-weight: bold;
  background: #fff;
}

.vdp-datepicker__calendar div .cell.selected, .vdp-datepicker__calendar div .cell.selected.highlighted {
  color: #fff;
  font-weight: bold;
  background: #008d49;
}

.newsform {
  padding: 70px 20px;
  margin: 40px 0 0;
  background: #fff;
}

.newsform.back_users {
  padding-bottom: 10px;
}

.notitle {
  padding: 40px 20px 1px;
}

.dataform .form, .attendpage .form, .newsform .form, .group_info .form, .opinionpage .newsform form, .reservpage .newsform form {
  max-width: 730px;
  margin: 0 auto;
}

.reservpage .lottery_form form, .reservpage .lottery_form .form {
  max-width: none;
}

.reservpage .newsform .form .formbk.open {
  padding: 0;
  border-bottom: 0;
}

.form_title {
  max-width: 730px;
  margin: 0 auto 60px;
}

.data_upload .form {
  max-width: none;
}

.attendpage .serach_form .form {
  max-width: none;
}

.newsform h1, .reserv_status h1, .collective_status h1, .board_detail h1 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 60px;
  text-align: center;
  clear: both;
}

.collective_status h1 {
  margin: 10px 0 60px;
}

.confirm_contents h1, .input_contents h1 {
  margin: 0 0 20px;
}

.formbk h2, .formop h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.05em;
  margin: 0 0 20px;
}

.advanced .formbk h2 {
  padding: 0;
}

.formbk h2 span,
.formbk h3 .hissu, .border_sec h3 .hissu {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  padding: 4px 7px;
  margin: 0 0 0 7px;
  display: inline-block;
  background: #da0a16;
  position: relative;
  top: -3px;
}

.formbk h2 span.name {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  padding: 0;
  margin: 0;
  background: transparent;
  top: 0;
}

.formop h2 span {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  padding: 4px 7px;
  margin: 0 0 0 7px;
  display: inline-block;
  background: #da0a16;
  position: relative;
  top: -3px;
  border-radius: 10px;
}

.formbk h3, .formop h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 20px;
}

.formbk h3 .hissu, .border_sec h3 .hissu {
  font-size: 14px;
}

.newsform .formbk, .payform .formbk {
  padding: 0 0 30px;
  margin: 0 0 30px;
  border-bottom: solid 1px #aaa;
}

.newsform .formbk.attachment {
  padding: 0;
  margin: 0;
}

.reservpage .formbk h3 {
  margin: 12px 20px 20px 0;
}

.reservpage .formbk .use_date h3 {
  margin-bottom: 10px;
}

.reservpage .regulation .tablebk h3 {
  margin: 0;
}

.reservpage .formbk .use_date .blocks {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.use_date .flexcol .checkcol {
  display: inline-block;
}

.reservpage .formbk .checkcol label {
  margin-top: 10px;
}

.reservpage .formbk .use_date .flexcol .checkcol label {
  margin-bottom: 0;
}

.reservpage .formbk .checkcol input[type=checkbox] + label::before {
  top: 3px;
}

.reservpage .formbk .checkcol input[type=checkbox] + label::after {
  top: -1px;
}

.newsform .formbk.key_settings {
  padding: 0;
}

.newsform .formbk.key_settings + .key_settings {
  margin-top: 0;
}

.key_set_group .formbk.key_settings:first-child {
  border-bottom: 0;
}

.modal .payform .formbk.nbr {
  padding-bottom: 0;
  border-bottom: 0;
}

.newsform .new_create + .formbk {
  margin-top: 30px;
}

.newsform .formop {
  padding: 0 0 30px;
  margin: 0 0 30px;
}

.newsform .formbk:last-child, .newsform .formop:last-child,
.payform .formbk:last-child {
  border-bottom: 0;
}

.newsform .confirm_contents .formbk, .newsform .confirm_contents .formbk .formop {
  padding: 0;
  margin: 40px 0 30px;
  border-bottom: 0;
  position: relative;
}

.input_contents .formbk.sectitle {
  padding: 0;
  margin: 60px 0 40px;
  border-bottom: 0;
}

.userspage .input_contents .formbk.key_settings .checkcol label {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 15px;
}

.userspage .input_contents .formbk.key_settings .key_others .checkcol label {
  margin-bottom: 0;
}

.input_contents .formbk.sectitle h3, .input_contents .formbk.key_settings h3 {
  font-size: 24px;
  text-align: center;
}

.input_contents .formbk.key_settings h3 {
  margin-top: 60px;
}

.input_contents .formbk.sectitle .tablebk, .input_contents .formbk.key_settings .tablebk {
  border: 0;
  border-radius: 0;
}

.formbk.key_settings p {
  margin-bottom: 30px;
}

.newsform .formbk .radiocol + .radiocol {
  margin-top: 15px;
}

.newsform .formbk .radiocol + .radiocol.inputtext {
  margin-top: 5px;
}

.reservpage .newsform .formbk .radiocol {
  margin-top: 15px;
}

.newsform .formbk .radiocol.inputtext input {
  padding-top: 5px;
  padding-bottom: 5px;
}

.selectbk select {
  font-size: 16px;
  min-width: 360px;
  max-width: 100%;
  padding: 0 25px 0 15px;
  line-height: 50px;
  border: solid 1px #aaa;
  display: inline-block;
  box-sizing: border-box;
  background-size: 11px auto;
}

.timeselect {
  font-size: 18px;
  display: flex;
}

.timeselect select {
  min-width: 70px;
}

.timeselect .hour {
  padding: 0 20px 0 0;
}

.intervalselect {
  font-size: 18px;
}

.intervalselect select {
  min-width: 82px;
}

.tasklink {
  margin: 20px 0;
  clear: both;
}

.tasklink .selectbk {
  float: right;
}

.status_link {
  text-align: right;
  margin: 20px 0 0;
}

.selectbk .catebtn, .status_link p.statusbtn, .status_detail .catebtn, .formbk .inputtext .catebtn, .textbtn,
.userspage .formbk .tablebk + .catebtn {
  font-size: 14px;
  display: inline-block;
  position: relative;
}

.userspage .formbk .tablebk + .catebtn {
  height: 0;
  text-align: right;
  display: block;
  overflow: visible;
  top: -10px;
}

.catebtn, .textbtn {
  line-height: 1.5;
  margin: 5px 0 5px 10px;
}

.status_detail .catebtn:last-child {
  margin-left: 0;
}

.status_link p.statusbtn, .payform .formbk p.catebtn, .userspage .formbk .tablebk + .catebtn,
.newsform .formbk p.catebtn {
  line-height: 28px;
  margin: 0 0 0 15px;
}

.status_detail .catebtn {
  float: right;
}

.status_link p.statusbtn {
  margin: 0 0 0 5px;
}

.input_contents form > p:first-child, .input_contents .errortop + p {
  margin-bottom: 50px;
}

.selectbk .catebtn a, .status_link p.statusbtn a, .status_detail .catebtn a, .formbk .inputtext .catebtn a, .textbtn a,
.memberpage .newsform .formbk p.catebtn a, .userspage .formbk .tablebk + .catebtn a {
  padding: 0 15px;
  display: inline-block;
  border-radius: 3px;
}

.status_detail .catebtn a, .formbk .inputtext .catebtn a, .textbtn a,
.userspage .formbk .tablebk + .catebtn a {
  text-align: center;
  min-width: 150px;
  padding: 0 15px 0 30px;
}

.userspage .formbk .tablebk + .catebtn a {
  position: relative;
}

.textbtn a {
  padding: 0 15px;
}

.status_detail .catebtn a {
  padding: 2px 13px 2px 28px;
}

.status_link p.statusbtn a {
  padding: 0 27px;
}

.selectbk .catebtn svg, .status_link p.statusbtn svg, .status_detail .catebtn svg, .textbtn svg,
.memberpage .newsform .formbk p.catebtn a svg {
  width: 21px;
  display: inline-block;
  padding: 0 4px 0 0;
  position: relative;
  top: 4px;
}

.textbtn svg {
  width: 6px;
  padding: 0;
  margin-right: 6px;
  display: inline-block;
  transform: rotate(180deg);
  top: 0;
}

.textbtn svg.icon_plus {
  width: 18px;
  height: 16px;
  transform: rotate(45deg) scale(0.6);
  top: 2px;
}

.textbtn svg.sort_icon {
  width: 8px;
  top: 2px;
}

.status_detail .catebtn svg, .formbk .inputtext .catebtn svg,
.userspage .formbk .tablebk + .catebtn a svg {
  width: 6px;
  padding: 0;
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 12px;
  transform: rotate(180deg);
}

.userspage .formbk .tablebk + .catebtn a svg {
  top: 8px;
}

.conference_section .conferencelist .conference_detail .inputtext {
  padding: 0 20px 0 0;
}

.formbk .inputtext input, .formbk textarea, .modal_section .inputtext input,
.contentspage .border_sec .inputtext textarea, .contentspage .border_sec .inputtext input,
.conference_section .conferencelist .conference_detail .inputtext textarea {
  width: 100%;
  font-size: 16px;
  padding: 10px 15px;
  line-height: 30px;
  border: solid 1px #aaa;
  border-radius: 3px;
  box-sizing: border-box;
}

.formop .inputtext input, .formop textarea {
  width: 100%;
  font-size: 16px;
  padding: 10px 15px;
  line-height: 30px;
  border: solid 1px #aaa;
  border-radius: 10px;
  box-sizing: border-box;
}

.formbk .inputtext.sml_input input {
  width: 70px;
}

.formbk .inputtext.mid_input input {
  width: 30%;
}

.newsform .formbk .radiocol.inputtext input[type=radio] {
  width: 0;
  padding: 0;
}

.enquete_section .formbk .samll_input input {
  width: 140px;
}

.userspage .modal .formbk .inputtext.mid_input input, .enquete_section .formbk .half_input input {
  width: 50%;
}

.formbk .inputtext.key_settings input + input {
  margin-top: 10px;
}

.formbk .member_push ul {
  padding: 10px;
  border: solid 1px #aaa;
  box-sizing: border-box;
  border-radius: 3px;
}

.formbk .inputblock input {
  padding: 5px;
  line-height: 20px;
  border: 0;
}

.formbk .member_push .member {
  font-size: 14px;
  line-height: 24px;
  margin: 5px;
  display: inline-block;
  border-radius: 5px;
  position: relative;
}

.conference_section.news .formbk .member_push .member {
  margin: 5px 10px 5px 0;
}

.formbk .member_push .inputblock {
  margin: 5px 0 0;
}

.formbk .member_push .member span {
  padding: 0 35px 0 15px;
  display: inline-block;
}

.formbk .member_push .member .close {
  width: 24px;
  height: 24px;
  padding: 4px;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  cursor: pointer;
}

.formbk .member_push .member .close svg {
  width: 16px;
  height: 16px;
  transform: scale(0.8);
}

.formbk .member_push .member .close svg path, .grouppage .formbk .member_push .member .close svg tspan {
  fill: #fff;
}

.grouppage .formbk .member_push .member .close svg {
  transform: rotate(45deg) scale(1);
}

.member_push + .checkcol {
  margin: 15px auto 0;
  text-align: center;
}

.formbk .inputtext input.error, .formbk textarea.error, .modal_section .inputtext input.error, .selectbk select.error {
  border: solid 1px #da0a16;
  background-color: #ffeef1;
}

.ertxt {
  display: none;
}

.erbox [data-invalid]:invalid ~ .ertxt {
  display: block;
}

.upload label[data-dragover=true] {
  border-style: solid;
  border-color: #000;
}

.formbk .ertxt {
  width: 100%;
  margin: 0 0 20px;
}

.formbk .ertxt p,
.conference_section .rightcol .form .ertxt p {
  color: #fff;
  width: 100%;
  max-width: 450px;
  padding: 12px 15px 10px;
  font-size: 18px;
  line-height: 1.4;
  margin: 0;
  border-radius: 3px;
  background: #da0a16;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0 0 5px 0 #aaa;
  display: inline-block;
}

.formbk .upload .ertxt p {
  max-width: none;
}

.formbk .ertxt p::after,
.conference_section .rightcol .form .ertxt p::after {
  content: "";
  width: 17px;
  height: 12px;
  position: absolute;
  bottom: -12px;
  left: 19px;
  display: block;
  background: url(../4c138be66e4b775b5172.png) no-repeat 0 0;
  background-size: 12px auto;
}

.erbox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.inputtext.erbox, .selectbk.erbox {
  flex-direction: column-reverse;
}

.memberselect .erbox .ertxt, .mailcontact .erbox .ertxt {
  order: 1;
}

.memberselect .erbox label {
  order: 2;
}

.mailcontact .erbox p {
  width: 100%;
  order: 2;
}

.mailcontact .erbox label {
  order: 3;
}

.caution {
  padding: 20px 20px 15px;
  border: solid 5px #c00;
  background: #fff;
  margin: 0 auto 20px;
  border-radius: 3px;
}

.caution p {
  color: #c00;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  margin: 0 0 5px;
}

.message {
  padding: 15px 15px 10px;
  border: solid 1px #ff7f50;
  background: #fffacd;
  margin: 30px auto;
  border-radius: 3px;
}

.message p {
  color: #f00;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  margin: 0 0 5px;
}

.message p a {
  color: #000;
  font-weight: normal;
  margin: 0 8px;
  text-decoration: none;
  display: inline-block;
}

.errortop {
  padding: 15px 15px 10px;
  border: solid 1px #da0a16;
  background: #ffeef1;
  margin: 0 auto 30px;
  border-radius: 3px;
}

.loginform .errortop {
  max-width: 900px;
}

.errortop p {
  color: #da0a16;
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 5px;
}

.errortop + .new_create {
  padding-top: 0;
}

.contents .errortop:first-child, .contents div:first-child + .errortop {
  margin: 30px auto;
}

.input_contents p {
  font-size: 16px;
  line-height: 1.5;
}

.input_contents p.consent {
  font-size: 18px;
}

.memberpage .input_contents .formbk .input > * {
  width: calc((100% - 20px) / 2);
}

.input_contents .formbk .twocol {
  max-width: none;
  justify-content: space-between;
}

.newsform .input_contents .form .formbk .btncol {
  display: flex;
}

.memberpage .form .formbk .btncol p.catebtn {
  font-size: 14px;
  margin: 12px 0 0 15px;
}

.input_contents .formbk .twocol p {
  padding: 0;
}

.formbk .twocol .erbox p {
  width: 100%;
}

.input_contents .formbk .twocol .ertxt p {
  width: 100%;
  margin: 0;
  padding: 12px 15px 10px;
  order: 1;
}

.attendpage .newsform .formbk .twocol.erbox p {
  width: 100%;
  margin: 0;
  padding: 12px 15px 10px;
}

.serach_form .radiocol label, .serach_form .checkcol label {
  font-size: 14px;
  line-height: 22px;
  padding: 0 0 0 28px;
  margin: 0 30px 0 0;
  top: -4px;
  left: -6px;
}

.serach_form .checkcol label {
  top: -2px;
}

.serach_form .checkcol input[type=checkbox][disabled] + label {
  color: #aaa;
}

.informationpage .serach_form .checkcol label {
  left: 0;
}

.boardpage .serach_form .radiocol label {
  top: -2px;
  left: 0;
}

.emergencypage .serach_form .radiocol label {
  line-height: 26px;
}

.serach_form.reserv_status_form .checkcol label {
  margin-right: 20px;
}

.halfcol > div .checkcol ul.select_col {
  margin-left: 6px;
}

.serach_form .checkcol input[type=checkbox] + label::before {
  top: 0;
}

.serach_form .checkcol input[type=checkbox] + label::after {
  top: -4px;
}

.reservpage .reserv_form form .checkcol input[type=checkbox] + label::before {
  top: 4px;
}

.reservpage .reserv_form form .checkcol input[type=checkbox] + label::after {
  top: 0;
}

.serach_form .checkcol.unapproved label {
  font-size: 14px;
}

.serach_form .checkcol.unapproved input + label::before {
  top: 0;
}

.serach_form .checkcol.unapproved input + label::after {
  top: -4px;
}

.twocol .leftcol {
  width: 36%;
}

.reserv_status_form .twocol .leftcol {
  width: 46%;
}

.twocol .rightcol {
  width: 64%;
}

.reserv_status_form .twocol .rightcol {
  width: 54%;
}

.conferencepage .twocol .leftcol ul.inputlist, .conferencepage .twocol .rightcol ul.selectlist {
  width: 100%;
}

.twocol .leftcol ul.inputlist li {
  font-size: 16px;
}

.formbk p {
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 20px;
}

.confirm_contents p {
  font-size: 16px;
  line-height: 1.5;
}

.confirm_contents form > p:first-child,
.confirm_contents .form > p:first-child {
  margin-bottom: 50px;
}

.formbk p.count {
  margin: 10px 0 20px;
}

.formbk p.chushaku {
  font-size: 16px;
  text-indent: -1em;
  padding: 0 0 0 1em;
  margin: 10px 0;
}

.input_contents .formbk p.chushaku {
  font-size: 14px;
  text-indent: -1em;
  padding: 0 0 0 1em;
  margin: 15px 0 0;
}

.input_contents .formbk p.smltxt {
  font-size: 14px;
  margin: 10px 0 0;
}

.input_contents .formbk p.chushaku + p.chushaku {
  margin: 0;
}

.formbk p.copybtn, .formbk p.plusbtn, p.removebtn {
  font-size: 14px;
}

.formbk p.plusbtn a svg {
  width: 15px;
  height: 17px;
}

p.removebtn {
  line-height: 1.4;
  margin: 20px 0 10px;
}

.formbk p.copybtn a, .formbk p.plusbtn a, p.removebtn a {
  text-align: center;
  padding: 3px 20px 5px;
  margin: 0 0 10px;
  border-radius: 3px;
  position: relative;
  display: inline-block;
}

.formbk p.plusbtn a {
  padding: 5px 20px 5px 38px;
}

p.removebtn a {
  padding: 6px 35px 5px;
  margin: 0;
}

.formbk p.copybtn a svg:first-child, .formbk p.plusbtn a svg:first-child {
  position: absolute;
  top: 9px;
  left: 16px;
}

.formbk .advanced {
  padding: 0;
  margin: 0;
}

.formbk .advanced::before {
  display: none;
}

.formbk.open h2 {
  margin: 0 0 20px;
}

.formbk h2 a {
  position: relative;
}

.formbk h2 .icon,
.board_detail h2 .icon {
  width: 28px;
  height: 28px;
  margin: 0 0 0 10px;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  top: 5px;
  overflow: hidden;
}

.formbk h2 svg, .board_detail h2 .icon svg {
  transform: none;
}

.formbk h2 svg.plus, .formbk h2 svg.icon_plus,
.board_detail h2 .icon svg.plus {
  width: 18px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(0.7);
  margin: 0;
}

.board_section .formbk h2 svg.plus, .attendpage .formbk h2 svg.icon_plus, .calendar_contents .formbk h2 svg.plus, .boardpage .formbk h2 svg.plus {
  width: 14px;
  height: 14px;
  transform: translateX(-50%) translateY(-50%);
}

.formbk.open h2 svg.plus, .formbk.open h2 svg.icon_plus,
.board_detail.open h2 .icon svg.plus {
  display: none;
}

.enquete_section02 .formbk h2 svg.plus {
  width: 16px;
  height: 16px;
  transform: translateX(-50%) translateY(-50%) rotate(0deg) scale(1);
}

.formbk h2 svg.plus tspan {
  font-weight: normal;
}

.formbk h2 svg.minus, .board_detail h2 .icon svg.minus {
  width: 10px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: none;
}

.formbk.open h2 svg.minus, .board_detail.open h2 .icon svg.minus {
  display: block;
}

.formbk h2 svg text, .formbk h2 svg path, .board_detail h2 .icon svg path {
  fill: #fff;
}

.formbk.open .advanced h2 svg.plus,
.board_detail.open h2 .icon svg.plus {
  display: none;
}

.formbk.open .advanced h2 svg.minus,
.board_detail.open h2 .icon svg.minus {
  display: block;
}

.formbk h2 svg.svg_check {
  width: 12px;
  margin-right: 12px;
  display: inline-block;
}

.tablebk {
  margin: 0 0 25px;
  border: solid 1px #aaa;
  border-radius: 3px;
}

.tablebk h3 {
  font-size: 20px;
  line-height: 1.3;
  padding: 12px 15px;
  margin: 0;
  background: #e5e5e5;
}

.regulation .tablebk h3 {
  margin: 0;
}

.tabledetail {
  padding: 25px 20px 15px;
}

.tabledetail p {
  font-size: 18px;
  margin: 0 0 10px;
}

.formbk .vdp-datepicker input {
  font-size: 16px;
  width: 255px;
  height: 50px;
  padding-left: 44px;
  border: solid 1px #aaa;
  border-radius: 3px;
}

.formbk .vdp-datepicker input[disabled] {
  background-color: #efefef;
  cursor: default;
}

.formbk .calendar {
  width: 255px;
  height: 50px;
}

.formbk .advanced .date, .formbk.open .advanced .form_date {
  height: 52px;
  margin: 0 0 10px;
}

.informationpage .formbk .advanced .form_date .vdp-datepicker__clear-button,
.boardpage .formbk .advanced .form_date .vdp-datepicker__clear-button {
  top: 14px;
}

.formbk .date .calendar + span, .formbk .form_date .calendar + span {
  line-height: 50px;
  padding: 0 12px;
}

.tabledetail .radiocol {
  margin: 20px 0;
}

.tabledetail .radiocol:first-child {
  margin-top: 0;
}

.tabledetail p a {
  color: #1c72d4;
  text-decoration: underline;
}

.formbk .radiocol label {
  padding: 0 0 0 38px;
}

.formbk .radiocol input[type=radio] + label::before {
  top: -1px;
  width: 26px;
  height: 26px;
}

.formbk .radiocol input[type=radio][disabled] + label::before,
.formbk .checkcol input[type=checkbox][disabled] + label::before {
  cursor: default;
  background: #efefef;
}

.formbk .radiocol input[type=radio]:checked + label::after {
  top: 5px;
  left: 6px;
  width: 14px;
  height: 14px;
}

.formbk .output {
  max-width: none;
  margin: 0 10px;
}

.formbk .output p {
  font-size: 16px;
  word-wrap: break-word;
  margin: 0 10px;
  padding: 0;
  position: relative;
}

.formbk .output p::before, .file_output::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #e5e5e5;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.file_output::after {
  width: calc(100% - 20px);
}

.formbk .output p .output_text {
  padding: 0 10px 8px;
  display: inline-block;
}

.formbk .output p .textbtn {
  margin: -1px 0 12px 15px;
  padding: 0;
  border: 0;
}

.formbk .output p:after {
  content: ".";
  clear: both;
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}

.file_output {
  width: 100%;
  padding: 0 10px 10px;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}

.file_output p {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.formbk .output .file_output p {
  margin: 0 0 0 15px;
}

.formbk .output .file_output p::before {
  display: none;
}

.file_output p a {
  color: #1c72d4;
  text-decoration: underline;
  line-height: 1.5;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
}

.formbk .twocol {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
}

.formbk .twocol p {
  width: calc(50% - 40px);
  margin: 0 20px;
  padding: 0;
}

.formbk .twocol p:nth-child(3), .formbk .twocol p:nth-child(4),
.formbk .twocol .erbox:nth-child(3), .formbk .twocol .erbox:nth-child(4) {
  margin-top: 25px;
}

.formbk .twocol.output p .output_text {
  display: block;
  border-bottom: solid 2px #e5e5e5;
}

.confirm_contents .tablebk {
  padding: 30px 0 0;
  border: 0;
}

.confirm_contents .tablebk h3 {
  font-size: 24px;
  text-align: center;
}

.newsform .confirm_contents form .new_create,
.newsform .confirm_contents .form .new_create {
  margin: 50px 0 10px;
}

.upload input {
  display: none;
}

.upload label {
  padding: 25px;
  margin: 0 0 30px;
  border: 2px dashed #ccc;
  width: 100%;
  display: table;
  box-sizing: border-box;
  cursor: pointer;
}

.formop .upload label {
  padding: 25px;
  margin: 0 0 30px;
  border: 2px dashed #ccc;
  border-radius: 10px;
  width: 100%;
  display: table;
  box-sizing: border-box;
}

.upload .ertxt + label {
  border: 2px dashed #da0a16;
  background: #ffeef1;
}

.upload label p {
  font-size: 18px;
  line-height: 1.5;
  display: table-cell;
  vertical-align: middle;
}

.upload_file li, .upload_file p {
  font-size: 18px;
  padding: 10px 35px 10px 15px;
  margin: 10px 0 0;
  background: #ededed;
  display: flex;
  vertical-align: middle;
  position: relative;
  word-break: break-all;
}

.wrapper .upload_file li, .wrapper .upload_file p {
  line-height: 1.5;
}

.board_detail .upload_file li {
  padding: 10px 15px;
}

.upload_file li svg.circle, .upload_file p svg.circle {
  min-width: 17px;
  margin-top: 3px;
  margin-right: 5px;
}

.news .newslist .upload_file {
  margin: 30px auto 25px;
}

.enquete_section .upload_file {
  margin: 0 auto;
}

.upload_file p {
  border-bottom: 0;
}

.upload_file li a, .upload_file p a {
  color: #1c72d4;
  text-decoration: underline;
  margin-top: -2px;
  word-break: normal;
}

.upload_file li svg, .upload_file p svg {
  display: inline-block;
}

.upload_file li svg.delete, .upload_file p svg.delete {
  top: 50%;
  transform: translateY(-50%);
}

.upload_file li svg.circle, .upload_file p svg.circle {
  width: 17px;
  height: 17px;
}

svg.delete {
  width: 20px;
  position: absolute;
  top: 14px;
  right: 15px;
  cursor: pointer;
}

.groupselect ul svg.delete {
  display: none;
}

svg.delete rect.white {
  fill: #fff;
}

.groupselect ul li:hover svg.delete {
  display: block;
}

.upload .image {
  width: 200px;
  max-width: 200px;
  padding: 0 40px;
  display: table-cell;
  vertical-align: middle;
}

.upload .image path {
  fill: #000;
}

.upload .status_detail .image {
  width: auto;
  max-width: none;
  padding: 0 50px 0 0;
  display: block;
  position: relative;
}

.upload .status_detail .image img {
  max-width: 210px;
  max-height: 210px;
  display: block;
}

.groupselect {
  width: 100%;
  margin: 25px 0 0;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.groupselect ul {
  max-width: 335px;
  width: 45.5%;
  box-sizing: border-box;
  position: relative;
}

.groupselect ul li {
  font-size: 18px;
  line-height: 30px;
  padding: 10px 36px 10px 20px;
  border: solid 1px #aaa;
  border-top: 0;
  position: relative;
  cursor: pointer;
}

.groupselect ul li:first-child {
  border-radius: 3px 3px 0 0;
  border-top: solid 1px #aaa;
}

.groupselect ul li:last-child {
  border-radius: 0 0 3px 3px;
}

.groupselect ul li:hover {
  background: #ededed;
}

.groupselect ul.sortlist li:hover {
  cursor: default;
  background: none;
}

.groupselect ul.sortlist li {
  width: 100%;
  padding: 15px 0 15px 20px;
  display: table;
  position: relative;
}

.groupselect ul.sortlist li p {
  width: 100%;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  padding: 0 10px 0 48px;
  margin: 0 0 10px;
  clear: both;
  left: 0;
  position: relative;
}

.groupselect ul.sortlist li .icon {
  font-size: 18px;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 3px 0;
  cursor: pointer;
  display: block;
}

.groupselect .arrow {
  width: 35px;
  padding: 0 15px;
  position: relative;
  box-sizing: content-box;
}

.groupselect .arrow polygon {
  fill: #bbb;
}

.groupselect p {
  font-size: 18px;
  text-align: center;
  width: 100%;
  padding: 0 50% 0 0;
  margin: 0 0 10px;
  clear: both;
  position: relative;
  left: -16px;
}

.groupselect p.memberselect {
  margin: 20px 0 0;
  padding: 0 0 0 50%;
  position: relative;
  left: auto;
  right: -16px;
}

.groupselect p a {
  color: #1c72d4;
  text-decoration: underline;
}

.modal {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.7);
  overflow: auto;
}

.modal.pc_hide {
  display: none;
}

.modal_section {
  width: max-content;
  max-width: 1200px;
  min-width: 600px;
  max-height: 680px;
  margin: 0 auto 15px;
  padding-top: 60px;
  position: relative;
  top: 40%;
  transform: translateY(-50%);
}

.modal_section .bg {
  padding: 0 0 20px;
  background: #fff;
}

.informationpage .modal_section .bg {
  padding: 0;
}

.informationpage .modal_info_bg .modal_section .bg {
  padding: 30px;
}

.informationpage .modal_section .modalslide.bg {
  background: transparent;
}

.conferencepage .modal_section .bg .comment {
  padding: 30px 30px 20px;
}

.modal_section .modalslide {
  padding: 0;
  background: transparent;
}

.modal_section .modalslide img {
  margin: 0;
  display: block;
  opacity: 0;
  transition: all ease 0.5s;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.modal_section .modalslide .controll img {
  opacity: 1;
  position: relative;
}

.modal_section .modalslide img.active {
  opacity: 1;
  position: relative;
}

.modal_section .modalslide .pcslide, .modal_section .modalslide .spslide {
  position: relative;
}

.modal_section .modalslide .pcslide, .modal_section .modalslide .controll.pccontroll {
  display: block;
}

.modal_section .modalslide .spslide, .modal_section .modalslide .controll.spcontroll {
  display: none;
}

.modal_section .controll {
  width: 100%;
  height: 0;
  overflow: visible;
}

.modal_section .controll .prev, .modal_section .controll .next {
  width: 30px;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 5;
}

.modal_section .controll .prev {
  left: -45px;
}

.modal_section .controll .next {
  right: -45px;
}

.modal_info_bg .bg {
  padding: 30px;
}

.modal .top_info a.info_close, a.modal_close {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9;
}

.modal .top_info a.info_close::after, a.modal_close::after {
  content: "";
  width: 40px;
  height: 40px;
  background: transparent;
  border: solid 1px #fff;
  display: block;
  border-radius: 25px;
  position: absolute;
  top: -12px;
  left: -12px;
}

.modal .top_info a.info_close rect, a.modal_close rect {
  fill: #fff;
}

a.modal_close svg {
  width: 18px;
  height: 18px;
}

.modal_section h1 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  padding: 40px 10px;
}

.modal_section h1.simple {
  padding: 60px 0 0;
  background: none;
}

.modal .button a, .modal .button button {
  font-size: 18px;
  padding: 15px 10px;
}

.informationpage .modal_section a.info_close {
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}

.informationpage .modal_section h1.help_modal_title {
  font-size: 18px;
  line-height: 1.4;
  text-align: left;
  padding: 0 0 0 32px;
  margin: 0 0 15px;
  position: relative;
  background: transparent;
}

.informationpage .modal_section h1.help_modal_title svg {
  width: 24px;
  display: inline-block;
  margin: 0 4px 0 0;
  position: absolute;
  left: 0;
}

.newcategory {
  max-width: 520px;
  padding: 25px 15px 30px;
  margin: 0 auto;
  box-sizing: content-box;
}

.newcategory .groupselect ul {
  max-width: none;
  width: 100%;
  min-height: inherit;
  float: none;
}

.sortform {
  max-width: 600px;
  padding: 25px 15px 30px;
  margin: 0 auto;
  box-sizing: content-box;
}

.sortform > p {
  font-size: 18px;
  line-height: 1.5;
}

.sortform .groupselect ul {
  max-width: none;
  width: 100%;
  margin-bottom: 10px;
}

.group_info_top {
  padding-bottom: 20px;
  border-top: solid 1px #c9c9c9;
  background: #fff;
}

.fixedinfo {
  padding: 0 0 30px;
  margin: 0 35px;
}

.fixedinfo_list {
  width: 100%;
  margin: 0;
  padding: 25px 0 20px;
  border-bottom: solid 1px #c9c9c9;
  box-sizing: border-box;
}

.fixedinfo_list.checkcol {
  width: 100%;
  padding: 25px 0;
  display: table;
  position: relative;
}

.group_info .fixedinfo_list.checkcol {
  padding: 20px;
}

.fixedinfo_list .fixedinfo_text {
  padding-right: 20px;
}

.fixedinfo_list p, .fixedinfo_list h2 {
  font-size: 16px;
  line-height: 1.6;
  vertical-align: middle;
}

.fixedinfo_list h2 {
  font-size: 18px;
  width: auto;
  margin: 0 0 10px;
  display: block;
}

.fixedinfo_list h2 a {
  color: #1c72d4;
  text-decoration: underline;
}

.grouppage p.lead {
  font-size: 18px;
  line-height: 1.6;
  padding: 0 20px;
}

.fixedinfo_list p.limit {
  font-size: 14px;
  text-align: right;
  margin: 20px auto 0;
  position: relative;
  top: 10px;
}

.fixedinfo_list.checkcol label {
  width: 100%;
  padding: 0 40px 0 0;
  line-height: 1.5;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  cursor: default;
}

.fixedinfo_list.checkcol label p {
  font-size: 18px;
  line-height: 1.6;
  margin: 5px 0;
}

.fixedinfo_list.checkcol input[type=checkbox] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
}

.fixedinfo_list.checkcol input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -17px;
  width: 10px;
  height: 17px;
  transform: rotate(40deg);
}

.fixedinfo .chuki {
  margin: 20px 0;
}

.fixedinfo .chuki h2, .fixedinfo .chuki ul li {
  font-size: 14px;
  line-height: 1.5;
}

.fixedinfo .chuki h2 {
  font-weight: bold;
  margin: 0 0 5px;
}

.fixedinfo .chuki ul li {
  text-indent: -1em;
  padding: 0 0 0 1em;
}

.newsform .pagemenu {
  top: 0;
}

.memberpage .newsform .pagemenu {
  top: -40px;
}

.memberpage .newsform .backbtn {
  top: -10px;
}

.contentspage .news .pagemenu, .bannerpage .news .pagemenu {
  top: 30px;
  right: 20px;
}

.submenubtn {
  width: 22px;
  height: 22px;
  margin: -1px 0 0 20px;
  background: #b1ab9e;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  float: right;
  transform: translateY(-50%) translateX(-50%);
}

.submenubtn svg {
  fill: #fff;
  width: 4px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(0.9) translateY(-50%) translateX(-50%);
}

.enquetepage .news .newslist li .submenubtn, .news .newslist.enquetelist li .submenubtn {
  margin: 3px 0 0 5px;
}

.modal .groupselect ul li {
  padding: 10px 0 10px 20px;
}

.modal .groupselect ul li .submenubtn {
  margin: 15px 0 0;
}

.modal .groupselect ul li .inputtext input {
  font-size: 18px;
  width: 50%;
}

.modal .groupselect ul.sortlist li {
  padding: 15px 0 15px 20px;
}

.submenuarea {
  position: relative;
}

.submenu {
  padding: 10px 0;
  width: 145px;
  position: absolute;
  top: 30px;
  right: -5px;
  background: #fff;
  box-shadow: 0px 0px 7px 0px #999;
  z-index: 3;
  display: none;
}

.fixedinfo .submenu {
  top: 20px;
}

.calendar_contents .submenu {
  width: 180px;
}

.news .submenu {
  bottom: auto;
  top: 20px;
}

.submenubtn.open + .submenu {
  display: block;
}

.memberpage .newsform .pagemenu .submenu {
  top: 20px;
}

.submenu p, .news .newslist .detail .submenu p {
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  width: auto;
  max-width: none;
  padding: 0;
  margin: 0;
  left: 0;
  right: 0;
}

.news .newslist .detail .submenu p {
  display: block;
}

.submenu p a, .news .newslist .detail .submenu p a {
  color: #000;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
}

.fixedinfo_list.checkcol .submenuarea {
  position: absolute;
  top: 50%;
  right: 0;
}

.modal .groupselect ul li .submenuarea {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -11px;
}

.modal .groupselect ul li .submenuarea .submenubtn {
  margin: 0;
  transform: translate(0, 0);
}

.news.newsdetail .newslist {
  padding: 20px;
}

.news.newsdetail .newslist .detail {
  padding: 0 0 15px;
  border-bottom: solid 1px #bbb;
}

.news.newsdetail .newslist h1 {
  color: #000;
  font-size: 22px;
  line-height: 1.4;
  text-align: left;
  padding: 25px 5px 20px;
}

.newsblock {
  padding: 0 5px;
  border-top: solid 1px #bbb;
}

.newsblock > div {
  margin: 20px 0 0;
}

.guest_section .newscontent {
  min-height: inherit;
}

.newscontent p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
}

.upload_file p {
  font-size: 18px;
  line-height: 50px;
  margin: 10px 0 0;
}

.upload_file .image {
  margin: 20px auto;
}

.upload_file .image img {
  margin: 0 auto;
  display: block;
}

.newscontent .upload_file .image {
  text-align: center;
}

.newscontent .upload_file .image a {
  display: inline-block;
  transition: opacity ease 0.3s;
}

.newsmonitor {
  padding: 20px 5px 15px;
}

.emergencylist .emergency_detail .imgTxt .text .commarea .modal {
  display: none;
}

.emergencylist .emergency_detail .imgTxt .text .commarea .open + .modal {
  display: block;
}

.newsmonitor .modal, .emergencylist .emergency_detail .imgTxt .text .commarea .modal {
  margin: 0;
  text-align: center;
}

.newsmonitor .modal_section, .emergencylist .emergency_detail .imgTxt .text .commarea .modal_section {
  width: auto;
  display: inline-block;
}

.newsmonitor .bg, .emergencylist .emergency_detail .imgTxt .text .commarea .bg {
  padding: 5px;
  background: transparent;
}

.newsmonitor img {
  max-width: 132px;
  height: auto;
}

.newsmonitor .bg img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.newsupdate {
  padding: 10px 5px 5px;
}

.newsupdate p {
  font-size: 14px;
  margin: 10px 5px 0;
  padding: 0 0 0 4em;
  position: relative;
}

.newsupdate p span.justify {
  text-align-last: justify;
  width: 4em;
  display: block;
  position: absolute;
  left: 0;
}

.newsupdate p span.indent {
  text-indent: -1em;
  padding: 0 0 0 1em;
  display: inline-block;
}

.newsupdate p span.indent a {
  color: #1c72d4;
  text-decoration: underline;
}

.intercom {
  padding: 20px 5px;
}

.news .newslist .intercom h2 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0 0;
}

.intercom p {
  font-size: 16px;
  line-height: 1.4;
  margin: 15px 0 0;
}

.monitorstatus {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 0 13px;
}

.monitorstatus p {
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  padding: 0 0 0 10px;
  background: #b1ab9f;
}

.monitorstatus span {
  text-align: center;
  width: 55px;
  margin-left: 10px;
  display: inline-block;
}

.monitorstatus span.off {
  background: #da0a16;
}

.pagemenu {
  width: 100%;
  position: relative;
  top: 10px;
  z-index: 1;
}

.enquetepage .pagemenu, .bannerpage .pagemenu {
  z-index: auto;
}

.grouppage .pagemenu {
  top: 0;
  right: 20px;
}

.pagemenu .submenubtn {
  transform: translateY(-50%) translateX(0%);
}

.reservpage .news .pagemenu {
  top: 30px;
  right: 15px;
}

.enquetepage .pagemenu .submenubtn {
  position: relative;
  top: -39px;
}

.enquetepage .status .pagemenu .submenubtn {
  position: static;
}

.enquetepage .news .submenu {
  top: -20px;
}

.backbtn {
  font-size: 14px;
  line-height: 22px;
  padding: 0 0 0 30px;
  position: relative;
  top: 0;
  right: 0;
  float: right;
}

.pagemenu .backbtn {
  top: -11px;
}

.bottom_back .backbtn {
  margin: 5px 0 0;
}

.newsform .backbtn {
  top: -50px;
}

.newsform .bottom_back .backbtn {
  top: auto;
  bottom: -45px;
}

.reserv_contents .bottom_back .backbtn {
  top: auto;
  bottom: -30px;
}

.board_section .newsform .backbtn {
  top: -11px;
}

.board_section .newsform .bottom_back .backbtn {
  top: auto;
  bottom: 0;
}

.grouppage .bottom_back .backbtn {
  margin: 0 20px 0 0;
  top: -20px;
}

.backbtn span {
  width: 22px;
  height: 22px;
  margin: 0;
  background: #b1ab9e;
  border-radius: 20px;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 44%;
  left: 0;
  transform: translateY(-50%) translateX(0%);
}

.backbtn svg {
  width: 7px;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-60%);
}

.backbtn svg polygon {
  fill: #fff;
}

section.pagemenu {
  margin: 20px 0;
  text-align: right;
  top: 0;
}

section.pagemenu .backbtn {
  font-size: 14px;
  padding: 5px 15px 5px 25px;
  display: inline-block;
  position: relative;
  top: 0;
  right: 0;
  background: #e5e5e5;
  border-radius: 5px;
  border: solid 1px #ccc;
}

section.pagemenu .backbtn span {
  background: none;
}

section.pagemenu .backbtn svg polygon {
  fill: #999;
}

.inputstatus {
  border-top: solid 1px #aaa;
}

.inputstatus li {
  width: 100%;
  display: table;
  border-bottom: solid 1px #aaa;
}

.inputstatus h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  width: 154px;
  padding: 12px;
  margin: 0;
  background: #ededed;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

a.help_link.open + .status_box {
  display: block;
}

.position {
  position: relative;
  display: inline-block;
}

.catebtn .position {
  margin-left: 3px;
  top: 2px;
}

.status_detail .catebtn a.help_link {
  color: #fff;
  min-width: inherit;
  padding: 0;
  border: 0;
  border-radius: 22px;
}

.inputstatus .status_detail {
  padding: 7px 10px 7px 20px;
  display: table-cell;
  vertical-align: middle;
}

.apartmentspage .inputstatus .status_detail {
  width: 100%;
  display: flex;
}

.apartmentspage .inputstatus .status_detail svg.delete, .emergencylist .emergency_detail .imgTxt .text .commarea .image svg.delete {
  top: 50%;
  transform: translateY(-50%);
}

.inputstatus .status_detail ul.link_list {
  margin-top: 0;
}

.inputstatus .status_detail ul.link_list li {
  margin: 0;
  padding: 0;
  padding-top: 10px;
  border-bottom: 0;
  border-top: solid 1px #aaa;
}

.inputstatus .status_detail ul.link_list li:first-child {
  padding-top: 0;
  border-top: 0;
}

.inputstatus .status_detail p, .reserv_contents .inputstatus .status_detail p {
  width: 100%;
  line-height: 1.5;
  margin: 5px 0;
  word-break: break-all;
}

.inputstatus .status_detail p span {
  display: block;
}

.userspage .inputstatus .status_detail p + p {
  margin-top: 20px;
}

.userspage .confirm_contents .inputstatus .status_detail p span {
  display: block;
}

.inputstatus .status_detail p > .textbtn {
  margin: 0;
}

.reservpage .formbk .output .checkcol {
  margin: 0 10px;
  padding: 0 10px 10px;
  border-bottom: solid 2px #e5e5e5;
}

.reservpage .formbk .output.last_check .checkcol, .reservpage .formbk .output.last_check .radiocol {
  text-align: center;
  padding: 20px 0 0;
  margin: 0 10px -20px;
  border-bottom: 0;
}

.reservpage .formbk .output .checkcol label {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}

.reservpage .formbk .output .checkcol input[disabled] + label {
  color: #a0a0a0;
  cursor: default;
}

.reservpage .formbk .output .checkcol input[disabled] + label::before {
  background: #ccc;
  cursor: default;
}

.reservpage .formbk .output.last_check .radiocol div {
  margin: 7px 0 0;
  text-align: left;
  padding: 0 0 0 18%;
}

.reservpage .formbk .sml_input {
  position: relative;
}

.reservpage .formbk .sml_input span {
  margin-left: 0.5em;
  position: absolute;
  left: 75px;
  top: 50%;
  transform: translateY(-50%);
}

.pretext {
  white-space: pre-line;
}

.inputstatus .status_detail .pretext span {
  display: block;
}

.inputstatus .status_detail p a {
  color: #1c72d4;
  text-decoration: underline;
}

.inputstatus .status_detail p .textbtn a, .inputstatus .status_detail p.catebtn a {
  text-decoration: none;
}

.contentspage .inputstatus .status_detail p {
  margin: 10px 0;
  float: none;
  clear: both;
}

.wrapper .inputstatus .status_detail .status_box p {
  margin: 5px 0 0;
}

.wrapper .inputstatus .status_detail .status_box p:first-child {
  margin: 0;
}

.inputstatus .status_detail .catebtn {
  font-size: 14px;
  float: right;
}

.inputstatus .status_detail .catebtn a, .formbk .inputtext .catebtn a {
  position: relative;
}

.status_detail .catebtn .status_box a {
  color: #1c72d4;
  border: 0;
}

.inputstatus.lsize {
  border-top: 0;
}

.inputstatus.lsize li {
  display: block;
  border-bottom: 0;
}

.inputstatus.lsize h2 {
  font-size: 20px;
  width: auto;
  padding: 15px;
  display: block;
}

.inputstatus.lsize p {
  padding: 15px;
  display: block;
}

.reserv_contents .inner .inputstatus.lsize p {
  margin: 0 0 10px;
}

.inputstatus.lsize .wysiwyg_block {
  padding: 0 15px;
  margin: 20px 0 0;
}

.inputstatus.lsize .wysiwyg_block p {
  padding: 0;
  margin: 0;
}

.use_date {
  margin: 0 0 40px;
  display: flex;
  flex-wrap: wrap;
}

.formbk .use_date:last-child {
  margin: 0;
}

.use_date .calendar {
  margin: 0 30px 10px 0;
}

.reservpage .use_date .twocol .calendar {
  width: 40%;
}

.reservpage .use_date .unusable_bk .calendar {
  width: 255px;
}

.use_date .timeselect {
  width: 50%;
  margin: 0 0 10px;
}

.reservpage .use_date .timeselect {
  width: auto;
  margin: 0 20% 10px 0;
}

.border_sec .unusable_bk {
  margin: 10px 0 0;
}

.border_sec .twocol {
  flex-wrap: nowrap;
}

.border_sec .twocol > div {
  width: 40%;
  margin: 0 0 10px;
}

.border_sec .unusable_bk > div {
  width: 45%;
}

.use_date .vdp-datepicker__calendar {
  top: 0;
}

.cal_from, .cal_until {
  position: relative;
}

.cal_from::after, .cal_until::after {
  font-size: 18px;
  position: absolute;
  right: -10px;
  bottom: 12px;
  display: block;
  transform: translateX(100%);
}

.cal_from::after {
  content: "から";
}

.cal_until::after {
  content: "まで";
}

.cal_close {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -60px;
  bottom: 10px;
  display: block;
  transform: translateX(100%);
  background: #aaa;
  border-radius: 24px;
  cursor: pointer;
}

.cal_close svg {
  width: 16px;
  height: 16px;
  margin: 0;
}

.formbk .cal_close svg {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0.7);
}

.cal_close svg path {
  fill: #fff;
}

.consent {
  text-align: center;
}

.newsform .formbk .consent.checkcol input[type=checkbox] + label::before {
  top: 4px;
}

.newsform .formbk .consent.checkcol input[type=checkbox] + label::after {
  top: 0;
}

.reservpage .news ul.tabmenu li {
  width: 15%;
  padding: 0 5px;
}

.reservpage .news ul.tabmenu li a {
  font-size: 20px;
}

.reservpage .news .newslist {
  padding: 0;
}

.reserv_contents {
  padding: 10px 20px 50px;
  background: #fff;
}

.reserv_contents .inner {
  max-width: 730px;
  margin: 0 auto;
}

.reserv_contents .inner .inputstatus {
  margin: 0 0 50px;
}

.reserv_contents .inner .inputstatus:last-child {
  margin: 0;
}

.reserv_contents .inner .image {
  margin: 0 0 40px;
}

.memberpage .reserv_contents .inner .image {
  margin: 0;
}

.contentspage .reserv_contents .inner .image,
.bannerpage .reserv_contents .inner .image,
.contentspage .reserv_contents .inner .image img,
.bannerpage .reserv_contents .inner .image img {
  max-width: 210px;
  max-height: 500px;
  margin: 20px 0 0;
}

.contentspage .reserv_contents .inner .image.site_bnr,
.bannerpage .reserv_contents .inner .image.site_bnr,
.contentspage .reserv_contents .inner .image.site_bnr img,
.bannerpage .reserv_contents .inner .image.site_bnr img {
  max-width: 132px;
  max-height: 50px;
}

.reserv_contents .inner .image img {
  max-height: 100px;
  display: block;
}

.reserv_contents .inner .center img {
  margin: 0 auto;
}

.reservpage .reserv_contents .inner .image img {
  max-height: none;
}

.contentspage .reserv_contents .inner .image img,
.bannerpage .reserv_contents .inner .image img {
  margin: 0;
}

.reserv_contents .inner .desc_text {
  margin: 40px 0;
}

.reserv_contents .inner .desc_text p {
  font-size: 16px;
  line-height: 1.9;
  margin: 20px 0 0;
}

.reservpage .reserv_contents .inner .desc_text p {
  margin: 0;
}

.reserv_contents .inner .desc_text *:first-child {
  margin: 0;
}

.reserv_contents .inner h2.underline {
  font-size: 24px;
  font-weight: bold;
  margin: 50px 0 20px;
  padding: 0 0 25px;
  border-bottom: solid 1px #aaa;
}

.contentspage .reserv_contents .inner .guest_section h2.underline {
  margin-top: 70px;
}

.reserv_contents .inner h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 35px 0 20px;
}

.contentspage .reserv_contents .inner .guest_section h2.underline:first-child,
.bannerpage .reserv_contents .inner .guest_section h2.underline:first-child,
.contentspage .reserv_contents .inner > h3:first-child {
  margin-top: 0;
}

.memberpage .reserv_contents .inner h3 {
  font-size: 24px;
  text-align: center;
  line-height: 1.3;
  padding: 12px 15px;
  margin: 0 0 20px;
  background: #e5e5e5;
}

.guest_section .border_sec h3 .textbtn {
  margin-top: 0;
}

.reserv_contents .inner p {
  font-size: 16px;
  line-height: 1.5;
  margin: 15px 0;
}

.reserv_contents .inner .use_date .plusbtn svg {
  top: 10px;
}

.reserv_contents .inner .image + p {
  margin-top: 10px;
}

.guest_section .border_sec .textbtn a {
  text-decoration: none;
}

.reserv_contents .inner .guest_section p.chushaku {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}

.guest_section .border_sec p a {
  color: #1c72d4;
  text-decoration: underline;
  display: inline-block;
}

.guest_section .border_sec p.plusbtn a {
  text-decoration: none;
}

.guest_section .border_sec p a span {
  text-decoration: underline;
}

.guest_section .border_sec p a + a {
  margin-left: 20px;
}

.reserv_contents .inner .threecol_table + p, .reserv_contents .inner .fourcol_table + p {
  margin-top: 25px;
}

.reserv_contents .inner p strong {
  font-weight: bold;
}

.inputstatus ol, .inputstatus ul {
  margin-top: 20px;
}

.inputstatus li ul, .inputstatus li ol {
  margin-left: 0;
}

.inputstatus li ul li, .inputstatus li ol li {
  font-size: 16px;
  line-height: 1.6;
  padding: 0;
  margin: 0 17px 0 25px;
}

.inputstatus.lsize li ul li, .inputstatus.lsize li ol li {
  display: list-item;
}

.inputstatus li ul li {
  list-style-type: disc;
}

.inputstatus li ol li {
  list-style-type: decimal;
}

.border_sec {
  padding: 0 0 30px;
  border-bottom: solid 1px #aaa;
}

.contentspage .border_sec {
  padding: 0 0 15px;
}

.contentspage .border_sec .position {
  margin-bottom: 10px;
}

.guest_section .border_sec:last-child {
  border-bottom: 0;
}

.guest_section table {
  width: 100%;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
}

.guest_section table th, .guest_section table td {
  vertical-align: middle;
  display: table-cell;
}

.guest_section table.twocol_table th, .guest_section table.twocol_table td {
  width: 50%;
}

.guest_section table.threecol_table th, .guest_section table.threecol_table td {
  width: 33.33%;
}

.guest_section table.fourcol_table th, .guest_section table.fourcol_table td,
.guest_section table.fivecol_table th, .guest_section table.fivecol_table td {
  width: 20%;
}

table.fourcol_table tr th:nth-child(4), table.fourcol_table tr td:nth-child(4) {
  width: 40%;
}

.reserv_contents table th {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
  padding: 15px 12px;
  background: #ededed;
  border-bottom: solid 1px #aaa;
  border-right: solid 1px #aaa;
  box-sizing: border-box;
}

.reserv_contents table td {
  font-size: 16px;
  line-height: 1.3;
  text-align: left;
  padding: 15px 12px;
  margin: 0;
  border-bottom: solid 1px #aaa;
  border-right: solid 1px #aaa;
  box-sizing: border-box;
}

.notaice {
  margin: 40px auto;
}

.notaice .button {
  line-height: 60px;
  max-width: 400px;
  width: auto;
  padding: 0;
  margin: 0 auto;
  display: block;
  background: transparent;
}

.notaice .button a {
  font-size: 20px;
  line-height: 60px;
  padding: 0;
  background: #e4284b;
  border: solid 1px #e4284b;
}

.notaice .button a span {
  padding: 2px 0 0 40px;
}

.notaice .button a svg {
  width: 28px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.notaice .button a svg path {
  fill: #fff;
}

.notaice p {
  font-size: 16px;
  text-align: center;
  line-height: 1.4;
  margin: 20px 0 0;
}

.time_select {
  margin: -10px 0 70px;
}

.time_select h2, .calendardetail h2 {
  font-size: 24px;
  text-align: center;
  margin: 0 0 10px;
}

.time_select h2 svg, .calendardetail h2 svg {
  width: 12px;
}

.time_select h2 a, .calendardetail h2 a {
  display: inline-block;
  position: relative;
  top: 2px;
}

.calendardetail h2 a.prev {
  margin: 0 28px 0 0;
}

.calendardetail h2 a.next {
  margin: 0 0 0 28px;
}

.time_select h2 a.next {
  padding: 10px 10px 10px 28px;
}

.time_select h2 a.prev {
  padding: 10px 28px 10px 10px;
}

.time_select h2 a.next svg, .calendardetail h2 a.next svg {
  transform: rotate(180deg);
}

ul.date_select {
  text-align: center;
  margin: 20px 0 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

ul.date_select li {
  width: 100%;
  max-width: 90px;
  margin: 0 3px;
  display: inline-block;
}

ul.date_select li.prev,
ul.date_select li.next {
  max-width: 32px;
}

ul.date_select li.prev {
  margin: 0 15px 0 0;
}

ul.date_select li.next {
  margin: 0 0 0 15px;
}

ul.date_select li a {
  color: #575757;
  font-size: 180%;
  letter-spacing: -0.05em;
  padding: 15px 10px 12px;
  display: block;
  border-radius: 10px;
  background: #eee;
}

ul.date_select li.prev a, ul.date_select li.next a {
  padding: 25px 10px;
  background: transparent;
}

ul.date_select li.next a svg {
  transform: rotate(180deg);
}

ul.date_select li.sat a {
  background: #e5effa;
}

ul.date_select li.holiday a {
  background: #ffeaef;
}

ul.date_select li.sun a {
  background: #ffeaef;
}

ul.date_select li.selected a {
  font-weight: bold;
  background: #fff;
}

ul.date_select li.selected a span {
  color: #000;
  font-weight: normal;
}

ul.date_select li.sat a span {
  color: #0066cc;
}

ul.date_select li.sun a span {
  color: #e5002d;
}

ul.date_select li a span {
  font-size: 18px;
  text-align: center;
  display: block;
  margin: 8px 0 0;
}

.reserv_calender {
  max-width: 2400px;
  margin: 60px auto 0;
  position: relative;
}

.reserv_calender h2 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 0 10px 0;
  position: relative;
}

.reserv_calender h2.facility_group {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  padding: 5px 10px;
  margin: 0 0 25px;
  border: 0;
}

.reserv_calender h3 {
  color: #575757;
  font-size: 40px;
  font-weight: normal;
  line-height: 1.5;
  margin: 40px 0 30px;
  padding: 0 7px 5px;
  border-bottom: solid 1px #aaa;
  position: relative;
}

.reserv_calender h3 span {
  color: #000;
  font-size: 20px;
  margin: 0 0 0 20px;
  display: inline-block;
}

.reserv_calender h3 span.sat {
  color: #1c72d4;
}

.reserv_calender h3 span.sun,
.reserv_calender h3 span.holiday {
  color: #e5002d;
}

.reserv_calender h2 .plans_link {
  font-size: 18px;
  font-weight: normal;
  margin: 4px 0 0 10px;
  float: right;
}

.reserv_calender h2 .plans_link a {
  color: #1c72d4;
  text-decoration: underline;
}

.reserv_calender h2 .plans_link span {
  font-size: 13px;
  padding: 0 2px 0 0;
  position: relative;
  top: -2px;
}

.sp_daydisc {
  display: none;
}

.reservpage .newsform .formbk .day_table a {
  pointer-events: none;
}

.d-m10 {
  width: 16.666%;
}

.d-m15 {
  width: 25%;
}

.d-m20 {
  width: 33.333%;
}

.d-m30 {
  width: 66.666%;
}

.d-m40 {
  width: 100%;
}

.d-m45 {
  width: 75%;
}

.d-m50 {
  width: 83.333%;
}

.d-m60 {
  width: 100%;
}

.ybg {
  background: #fffacd;
}

ul.hour_txt {
  position: relative;
  overflow: visible;
  display: flex;
  justify-content: space-between;
  width: calc(100% + 1em);
  top: auto;
  left: -0.5em;
}

ul.hour_txt li {
  font-size: 14px;
  width: 1em;
  margin: 0;
  text-indent: 0;
  text-align: center;
  line-height: 1.2;
  position: relative;
  top: auto;
  left: auto;
}

.vdp-datepicker__calendar header .prev, .vdp-datepicker__calendar header .next, .vdp-datepicker__calendar header .day__month_btn {
  font-size: 18px;
  line-height: 36px;
}

.reservpage .reserv_form .vdp-datepicker__calendar header .day__month_btn,
.reservpage .reserv_form .vdp-datepicker__calendar header .month__year_btn,
.reservpage .reserv_form .vdp-datepicker__calendar header .prev, .reservpage .reserv_form .vdp-datepicker__calendar header .next {
  font-size: 16px;
  line-height: 36px;
  background: #e7e7e7;
  border: solid 1px #e7e7e7;
  box-sizing: border-box;
}

.reservpage .reserv_form .vdp-datepicker__calendar header .day__month_btn,
.reservpage .reserv_form .vdp-datepicker__calendar header .month__year_btn {
  cursor: default;
}

.reservpage .reserv_form .switching {
  width: 100%;
  margin: 0 0 10px;
}

.reservpage .twocol .switching {
  margin: 0 20px 0 0;
}

.reservpage .switching label {
  width: 50%;
}

.reservpage .reserv_form form .submit {
  width: 100%;
  position: relative;
  display: block;
}

.reservpage .reserv_form form .submit button {
  width: 100%;
  margin: 15px 0 0;
}

.reservpage .reserv_form form .submit button.graybtn {
  max-width: none;
}

.reservpage .reserv_form form .submit button.submitbtn {
  background: #fff;
}

.reservpage .reserv_form form .radiocol, .reservpage .reserv_form form .checkcol {
  padding: 1px 0;
}

.reservpage .reserv_form .radiocol label, .reservpage .reserv_form .checkcol label {
  font-size: 13px;
  padding: 2px 0 0 26px;
  margin-right: 0;
  left: 0;
  display: block;
}

.reservpage .reserv_form form ul li ul li {
  background: url(../79acc71f1215980443da.png) no-repeat 31px 5px;
}

.reservpage .reserv_form form > ul > li:first-child > ul > li:first-child {
  background: url(../ba543dee484826aabd59.png) no-repeat 31px 5px;
}

.reservpage .reserv_form form ul li ul li .checkcol label {
  padding-left: 40px;
}

.reservpage .reserv_form form ul li ul li ul li .checkcol label {
  padding-left: 70px;
  display: inline-block;
}

.reservpage .reserv_form form ul li ul li ul li .checkcol {
  background: url(../ba543dee484826aabd59.png) no-repeat 59px 5px;
}

.reservpage .reserv_form form ul li ul li ul li:last-child .checkcol {
  background: url(../2614ef1b966ee198b128.png) no-repeat 59px 5px;
}

.reservpage .reserv_form form > ul > li > *:last-child li {
  background: none;
}

.reservpage .reserv_form form > ul > li:first-child > ul:last-child > li {
  background: url(../2614ef1b966ee198b128.png) no-repeat 31px 5px;
}

.calender-header a {
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
  padding: 0 5px 2px;
  display: inline-block;
  border-radius: 5px;
  background: #aaa;
  border: solid 1px #aaa;
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
}

.select_today {
  text-align: center;
}

.select_today a {
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 5px 10px 4px;
  margin: 10px auto 0;
  display: inline-block;
  border-radius: 5px;
  background: #aaa;
  border: solid 1px #aaa;
}

.form_inner, .form_inner .form {
  max-width: 1000px;
  margin: 0 auto;
}

.apartmentspage .form_inner.confirm_contents {
  max-width: 730px;
}

.form_inner p.attention {
  color: #da0a16;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  padding: 10px;
  margin: 40px 0;
  border: solid 1px #da0a16;
}

.apartmentspage .confirm_contents .inputstatus .status_detail p a {
  padding-top: 2px;
}

.fixedtable {
  padding: 30px 0;
  margin: 0 35px;
}

.fixedtable:after {
  content: ".";
  clear: both;
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}

.fixedtable table {
  width: 100%;
  padding: 0;
  margin: 0;
  border-left: solid 1px #aaa;
  border-top: solid 1px #aaa;
}

.fixedtable table th, .fixedtable table td {
  font-size: 14px;
  text-align: center;
  word-break: break-all;
  padding: 15px 10px;
  vertical-align: middle;
  border-right: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
}

.fixedtable table th {
  font-weight: bold;
  background: #ededed;
}

.fixedtable table td button {
  padding: 10px 5px 8px;
  border: solid 1px #aaa;
  border-radius: 5px;
  cursor: pointer;
}

.management_form {
  padding: 30px 0;
  margin: 0 35px;
}

.key_form {
  padding: 0 0 30px;
  margin: 0 25px;
}

.management_form .button button + button, .key_form .button button + button {
  margin: 15px auto 0;
}

.management_form .selectbk {
  max-width: 400px;
  margin: 40px auto 0;
}

.key_form .selectbk {
  margin: 40px auto 0;
}

.management_form .selectbk select, .key_form .selectbk select {
  width: 100%;
}

.management_form .selectbk .button, .key_form .selectbk .button {
  padding: 15px 0 10px;
  margin: 0 auto;
}

.management_form .selectbk h2, .key_form .selectbk h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 15px;
}

.management_form .selectbk .inputtext, .key_form .selectbk .inputtext {
  margin: 15px 0 10px;
}

.key_form .selectbk p {
  font-size: 16px;
  line-height: 1.6;
  margin: 15px 0 10px;
}

.key_form .selectbk p.detail {
  color: #666;
}

.status_box {
  width: 280px;
  padding: 10px;
  background: #fff;
  border: solid 1px #aaa;
  border-radius: 5px;
  position: absolute;
  bottom: 150%;
  left: -11px;
  display: none;
  z-index: 3;
  box-shadow: 2px 2px 4px 0px #ccc;
}

.status_box::after {
  content: "";
  width: 18px;
  height: 18px;
  background: url(../f3debd60323e870186de.png) no-repeat 0 0;
  background-size: 18px auto;
  display: block;
  position: absolute;
  bottom: -18px;
  left: 15px;
}

.status_box.right_posi {
  left: auto;
  right: -11px;
}

.button .status_box {
  bottom: 160%;
}

.button .status_box.right_posi {
  right: -12px;
}

.status_box.right_posi::after {
  left: auto;
  right: 15px;
}

.status_box ul li, .wrapper .status_box p, .data_upload .sortmenu .ptext {
  color: #666;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  text-align: left;
  letter-spacing: 0;
  margin: 5px 0 0;
  white-space: normal;
}

.status_box ul li, .wrapper .status_box p {
  font-size: 14px;
}

.status_box p:first-child {
  margin: 0;
}

.status_box p a {
  color: #1c72d4;
  text-decoration: underline;
}

.status_box p a:hover {
  text-decoration: none;
}

.status_box .checkcol label {
  padding: 1px 10px 0px 36px;
  margin-right: 0;
  background: #e5e5e5;
  display: block;
}

.status_box .checkcol input[type=checkbox] + label::before {
  top: 5px;
  left: 6px;
  background: #fff;
}

.status_box .checkcol input[type=checkbox]:checked + label::after {
  top: 0;
  left: 12px;
}

.status_box::after {
  width: 12px;
  height: 12px;
  bottom: -12px;
  left: 15px;
  background-size: 100% auto;
}

.reserv_status, .collective_status {
  padding: 50px 15px;
  margin: 40px 0 0;
  background: #fff;
}

.reservpage .reserv_status .fixedtable {
  margin-bottom: 20px;
}

.reservpage .reserv_status {
  padding-bottom: 1px;
}

.reservpage .reserv_status .pagemenu .backbtn {
  top: -41px;
}

.collective_status {
  padding: 40px 20px 50px;
}

.reserv_status p.result, .reserv_status p.result_link {
  font-size: 16px;
  margin: 0 0 15px;
}

.chusen {
  cursor: pointer;
}

.chusen svg path, .reserv_status .fixedtable table td.lottery a svg, .reserv_status .lottery_button a span svg path {
  fill: #fff;
}

.chusen svg path.red {
  fill: #e4284b;
}

.reserv_status .fixedtable .checkcol label {
  padding-left: 23px;
}

.reserv_status .submenubtn {
  margin: 0;
  float: none;
  transform: translateY(0) translateX(0);
}

.reserv_status .fixedtable table td .chusen, .reserv_status .fixedtable table td.lottery a, .reserv_status .lottery_button a {
  color: #fff;
  margin: 0;
  padding: 4px 18px 3px 42px;
  border: solid 1px #e4284b;
  background: #e4284b;
  position: relative;
  display: inline-block;
  border-radius: 5px;
}

.reserv_status .fixedtable .new_create .position {
  top: 5px;
}

.lottery_button {
  max-width: 400px;
  margin: 0 auto;
  position: relative;
}

.lottery_button .position {
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%) translateX(100%);
}

.reserv_status .lottery_button a {
  font-size: 20px;
  text-align: center;
  max-width: 400px;
  padding: 17px 0 16px;
  margin: 0 auto;
  display: block;
}

.reserv_status .lottery_button a span {
  padding: 0 18px 0 50px;
  display: inline-block;
  position: relative;
}

.reserv_status .fixedtable table td .chusen svg, .reserv_status .fixedtable table td.lottery a svg, .reserv_status .lottery_button a svg {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}

.reserv_status .lottery_button a span svg {
  width: 25px;
  height: 27px;
}

.reserv_status .lottery_button a.help_link {
  font-size: 16px;
  padding: 0;
  margin: 0;
  display: inline-block;
  border: 0;
  background: #ffb500;
  position: relative;
  border-radius: 22px;
}

.reserv_status .fixedtable {
  padding: 0;
  margin: 60px auto 50px;
}

.reserv_status .newsform + .fixedtable {
  margin: 40px auto 20px;
  max-width: 730px;
}

.reserv_status .newsform.lottery_form + .fixedtable {
  max-width: none;
}

.reserv_status .fixedtable table th, .reserv_status .fixedtable table td {
  font-size: 16px;
  line-height: 1.5;
  position: relative;
}

.reserv_status .fixedtable table td {
  min-height: 100px;
  height: 100px;
}

.reserv_status .fixedtable table td p + p {
  margin-top: 10px;
  padding-top: 10px;
  border-top: solid 1px #aaa;
}

.reserv_status .fixedtable table .tousen th, .reserv_status .fixedtable table .tousen td {
  background: #ffeef1;
}

.reserv_status .fixedtable table td.t_left {
  text-align: left;
}

.reserv_status .fixedtable table td.t_left a {
  color: #1c72d4;
  text-decoration: underline;
}

.reserv_status .fixedtable table td.gray {
  background: #ededed;
}

.reserv_status .fixedtable table th {
  font-weight: normal;
}

.reserv_status .button {
  padding-left: 108px;
  position: relative;
}

.reserv_status .button button {
  width: auto;
  margin: 0;
  padding: 20px 30px;
  display: inline-block;
}

.button a.help_link {
  font-size: 16px;
  letter-spacing: 0;
  width: 22px;
  max-width: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  border: 0;
  border-radius: 22px;
  background: #ffb500;
}

.status_box p.link a {
  color: #1c72d4;
  text-decoration: underline;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  text-align: left;
  width: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  display: inline;
  border: 0;
  border-radius: 0;
  background: none;
}

.reserv_status .button svg.grayarrow {
  width: 79px;
  height: 68px;
  position: absolute;
  top: 15px;
  left: 15px;
  transform: rotate(0deg) scale(1);
}

.reserv_status .button svg.grayarrow polygon {
  fill: #ccc;
}

.reserv_status .dlbtn_area {
  margin: 30px 0 60px;
  clear: both;
}

.reserv_status .dlbtn_area .csv {
  margin: 20px 0 0;
  float: left;
}

.reserv_status .dlbtn_area .report {
  margin: 20px 0 0 20px;
  float: right;
  display: flex;
}

.reserv_status .dlbtn_area .report .report_select {
  padding: 7px 9px 0 0;
}

.reserv_status .dlbtn_area .button {
  padding: 0;
}

.reserv_status .dlbtn_area .button button {
  padding: 20px 16px 20px 36px;
  background: #fff;
}

svg.download {
  width: 23px;
  height: 20px;
  display: inline-block;
  margin: 0 8px 0 0;
  position: relative;
  top: 3px;
}

.downloadbtn svg.download {
  width: 20px;
  height: 18px;
}

.wrapper svg.download path.white {
  fill: #fff;
}

.reserv_status p.result_link {
  font-size: 16px;
  margin: 0 0 15px;
  float: right;
}

.reserv_status p.result_link .plans_link:first-child {
  margin-right: 25px;
}

.reserv_status p.result_link a {
  color: #1c72d4;
  text-decoration: underline;
}

.reserv_status .newsform {
  padding: 0;
}

.reserv_status .outputstatus h2, .collective_status .outputstatus h2, .data_upload h2 {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  padding: 12px 15px;
  margin: 0;
  background: #ededed;
}

.topcontents .data_upload h2 {
  background: #f4f4f4;
}

.collective_status .outputstatus h2 {
  margin: 0 0 25px;
}

.reserv_status .outputstatus p, .collective_status .outputstatus p {
  font-size: 16px;
  line-height: 1.5;
  padding: 10px 15px 15px;
  margin: 0;
}

.reserv_status .newsform .formbk {
  padding: 0;
  margin: 0 0 40px;
  border-bottom: 0;
}

.collective_status .outputstatus p {
  font-size: 18px;
  line-height: 1.4;
  margin: 15px 20px;
  padding: 0;
}

.folder, .imgfile {
  padding: 0 0 0 36px;
  display: inline-block;
  position: relative;
}

.folder svg, .collective_status p .folder svg, .data_upload h2 svg {
  width: 24px;
  position: absolute;
  top: 5px;
  left: 5px;
}

.folder_icon svg {
  width: 27px;
  margin: 0 10px 0 0;
  position: relative;
  top: 1px;
}

.file_icon svg {
  width: 20px;
  margin: 0 10px 0 0;
  position: relative;
  top: 4px;
}

.data_upload h2 svg {
  width: 26px;
  top: 3px;
  left: 3px;
}

.imgfile svg, .collective_status p .imgfile svg {
  width: 19px;
  position: absolute;
  top: 3px;
  left: 6px;
}

.imgfile .multi, .collective_status p .imgfile .multi {
  width: 15px;
  left: 8px;
}

.folder svg polygon, .collective_status p .folder svg polygon {
  fill: #fff5a5;
  stroke: #d59100;
  stroke-miterlimit: 10;
}

.folder_icon svg polygon, .folder_icon svg polygon, .file_icon svg polygon {
  fill: #989898;
}

.system svg polygon, .collective_status p .system svg polygon {
  fill: #edefef;
  stroke: #888;
  stroke-miterlimit: 10;
}

.multi-1 {
  fill: #eeefef;
}

.multi-2 {
  fill: #878788;
}

.data_upload .form h2 svg {
  fill: #989898;
}

.select_ope {
  padding: 20px 15px 15px;
  margin: 20px 0;
  border-top: solid 1px #c9c9c9;
  border-bottom: solid 1px #c9c9c9;
}

.select_ope .radiocol {
  margin: 0 0 12px;
}

.select_ope .radiocol label {
  font-size: 18px;
}

.select_ope .radiocol select {
  font-size: 16px;
  line-height: 50px;
  margin: 12px 0 0 35px;
  display: block;
}

.collective_status .twocol {
  max-width: 860px;
  margin: 0 auto;
}

.data_upload {
  margin: 40px 0 0;
}

.topcontents .data_upload {
  padding: 20px 10px;
  margin: 0;
  overflow: hidden;
  background: #fff;
}

.data_upload .pankuzu {
  padding: 15px;
  margin: 0 0 60px;
  clear: both;
}

.data_upload .pankuzu p {
  font-size: 18px;
  margin: 0;
}

.data_upload .pankuzu p a,
.file_upload .filename a,
.data_upload .storage a,
.wrapper .status_box p a {
  color: #1c72d4;
  text-decoration: underline;
}

.data_upload .storage a.help_link {
  color: #fff;
  text-decoration: none;
  position: relative;
  top: 0;
}

.wrapper .status_box p a {
  font-size: 12px;
}

.data_upload .pankuzu .arrow {
  font-size: 14px;
  margin: 0 10px;
  position: relative;
  top: -2px;
}

.data_upload .sortmenu {
  padding: 20px 10px 0;
  margin: 0 0 15px;
  display: block;
}

.data_upload .sortmenu p, .data_upload .sortmenu select, .data_upload .sortmenu .ptext {
  display: inline-block;
}

.sortmenu .storage {
  font-size: 12px;
  float: right;
  margin-top: 10px;
}

.sortmenu .storage a {
  font-size: 16px;
}

.lottery_result {
  margin: 60px 0 0;
  padding: 30px 35px;
  background: #fff7d9;
}

.lottery_result p, .lottery_result ul li {
  font-size: 16px;
  line-height: 1.5;
}

.lottery_result p {
  margin: 0;
}

.lottery_result ul {
  margin: 15px 0 0;
}

.lottery_result ul li {
  margin: 5px 0 0;
}

.reception {
  margin: 0;
  padding: 0 0 30px;
  background: #fff;
}

.reception p {
  color: #f00;
  font-size: 18px;
  text-align: center;
  padding: 20px 15px;
  background: #fff7d9;
}

.reserv_status .time_select {
  margin: 0 0 60px;
}

.reserv_status h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 10px;
}

.reserv_status .fixedtable .weekly table th {
  font-size: 24px;
  font-weight: bold;
}

.weekly {
  margin: 60px 0 50px;
}

.fixedtable .weekly table th, .fixedtable .weekly table td {
  padding: 10px 8px;
}

.reserv_status .fixedtable .weekly table th span {
  font-size: 16px;
  font-weight: normal;
  display: block;
}

.weekly table tr th, .weekly table tr td {
  width: 120px;
}

.weekly table tr th:first-child, .weekly table tr td:first-child {
  width: 260px;
  max-width: none;
}

.fixedtable .weekly table th.sat {
  background: #e5effa;
}

.fixedtable .weekly table th.sat span {
  color: #06c;
}

.fixedtable .weekly table th.sun, .fixedtable .weekly table th.holiday {
  background: #ffeaef;
}

.fixedtable .weekly table th.sun span {
  color: #e5002d;
}

.reserv_status .time_select h2 {
  color: #000;
}

.savebtn {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  padding: 8px 20px;
  margin-left: 10px;
  cursor: pointer;
  border-radius: 5px;
}

.data_file_list {
  margin: 0 -20px;
  padding: 10px 25px 10px 90px;
  border-top: solid 1px #aaa;
  position: relative;
  display: table;
}

.data_file_list:last-child {
  border-bottom: solid 1px #aaa;
}

.topcontents .data_file_list {
  width: 100%;
  padding-left: 25px;
  box-sizing: content-box;
}

.data_file_list.checkcol label {
  width: 20px;
  height: 20px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.data_file_list .submenuarea {
  width: 30px;
  max-width: 30px;
  vertical-align: middle;
  display: table-cell;
}

.data_file_list .submenubtn {
  transform: none;
  margin: 0 4px;
  float: none;
  position: relative;
  display: block;
}

.data_file_list .submenubtn svg {
  top: 44%;
}

.data_file_list .textarea {
  width: 100%;
  height: 55px;
  padding-right: 5px;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}

.topcontents .data_file_list {
  padding: 18px 20px;
}

.topcontents .data_file_list .textarea {
  height: auto;
}

.data_file_list h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  margin: 0 0 10px;
}

.data_file_list h3 .new {
  margin: 0 1em 0 0;
  display: inline-block;
}

.data_file_list p {
  font-size: 18px;
  line-height: 1.8;
  position: relative;
}

.data_file_list p a {
  color: #1c72d4;
}

.data_file_list p a span {
  text-decoration: underline;
}

.data_file_list p a:hover span {
  text-decoration: none;
}

.data_file_list p.chushaku {
  font-size: 14px;
  margin: 10px 0 0;
}

.downloadbtn {
  width: 30px;
  height: 30px;
  padding: 2px 4px;
  margin: 10px 0 0;
  background: #fff;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
}

.downloadbtn svg {
  margin: 0;
}

.data_upload p.system_chuki {
  font-size: 14px;
  margin: 20px 5px;
}

.collective_status p.system_chuki .folder svg, .topcontents p.system_chuki .folder svg {
  top: -2px;
}

.data_upload p.removebtn a {
  margin: 0 5px;
}

.data_file_list .submenu {
  top: 45px;
}

.data_file_list .submenu p {
  font-size: 14px;
}

.data_file_list .submenu p a {
  color: #000;
}

.storage_area {
  max-width: 450px;
  margin: 0 auto;
  padding: 50px 15px 10px;
  box-sizing: content-box;
}

.storage_bar {
  width: 100%;
  position: relative;
  background: #ddd;
}

.storage_bar span {
  height: 11px;
  display: block;
}

.storage_area p {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  margin: 20px 0 0;
}

.twotextarea {
  width: 50%;
  padding: 0 15px 0 0;
  margin: 20px 0 0;
  box-sizing: border-box;
}

.twotextarea:nth-child(even) {
  padding: 0 0 0 15px;
}

.twotextarea tr th {
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  line-height: 1.3;
  padding: 10px 10px 8px;
  margin: 0;
  background: #9a8364;
  border-radius: 3px 3px 0 0;
}

.twotextarea table {
  width: 100%;
}

.twotextarea tr td textarea {
  font-size: 18px;
  border-radius: 0 0 3px 3px;
}

.payform {
  padding: 30px 40px 20px;
  margin: 0;
  background: #fff;
}

.userspage .modal .payform {
  padding: 20px 0 0;
}

.twocol_btn {
  text-align: center;
  padding: 0 15px;
  margin: 0;
  display: flex;
}

.twocol_btn .button {
  width: 70%;
  display: inline-block;
  padding: 0 15px;
  box-sizing: border-box;
}

.twocol_btn .button.graybtn {
  width: 30%;
}

.twocol_btn .button button, .twocol_btn .button.graybtn button {
  max-width: none;
}

.clearbtn {
  font-size: 18px;
  text-align: center;
  width: 300px;
  padding: 15px 20px;
  margin: 30px auto 10px;
  background: #e5e5e5;
  display: block;
  border: solid 1px #e5e5e5;
  border-radius: 5px;
  cursor: pointer;
}

.twocol .timeselect {
  margin: 10px 0 10px 30px;
}

.cell_wrap {
  margin: 40px 0 0;
}

.cell_line {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.calendarpage .contents {
  width: 100%;
  padding: 0 40px 100px;
  background: #ededed;
}

.calendardetail {
  margin: 40px 0 0;
  padding: 60px 0 70px;
  background: #fff;
}

.calendardetail .st0 {
  fill: #1B6C44;
}

.calendardetail .vdp-datepicker__calendar {
  position: static;
  width: auto;
  border: none;
}

.calendardetail .vdp-datepicker__calendar div .cell {
  display: inline-block;
  font-size: 16px;
  color: #575757;
  text-align: left;
  background: #fff;
  border-bottom: solid 1px #aaa;
  border-right: solid 1px #aaa;
  border-top: none;
  border-left: none;
  box-sizing: border-box;
  height: auto;
  min-height: 120px;
  position: relative;
  padding: 18px 0 1px;
  line-height: 1;
}

.calendardetail .vdp-datepicker__calendar div .cell .cal_splink {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.calendardetail .vdp-datepicker__calendar div .cell .detail_button {
  padding: 0 16px;
}

.calendardetail .vdp-datepicker__calendar div .day-header.sat {
  color: #06c;
}

.calendardetail .vdp-datepicker__calendar div .day-header.sun {
  color: #e5002d;
}

.calendardetail .vdp-datepicker__calendar div .cell.gray_txt {
  color: #aaa;
}

.calendardetail .vdp-datepicker__calendar div .day.sat {
  background: #e5effa;
}

.calendardetail .vdp-datepicker__calendar div .day.sun, .calendardetail .vdp-datepicker__calendar div .day.holiday {
  background: #ffeaef;
}

.calendardetail .vdp-datepicker__calendar div .day.selected {
  background: #fff7d9;
}

.calendardetail .vdp-datepicker__calendar div .cell.day-header {
  height: auto;
  min-height: auto;
  text-align: center;
  padding: 0 0 15px;
  background: transparent;
}

.calendardetail .vdp-datepicker__calendar div .cell.day-header, .calendardetail .vdp-datepicker__calendar div .cell:nth-child(7n) {
  border-right: none;
}

.calendardetail .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover {
  border-bottom: solid 1px #aaa;
  border-right: solid 1px #aaa;
  border-top: none;
  border-left: none;
}

.calendardetail .vdp-datepicker__calendar .cell:nth-child(7n):not(.blank):not(.disabled).day:hover,
.calendardetail .vdp-datepicker__calendar .cell:nth-child(7n):not(.blank):not(.disabled).month:hover,
.calendardetail .vdp-datepicker__calendar .cell:nth-child(7n):not(.blank):not(.disabled).year:hover {
  border-right: none;
}

.calendardetail .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,
.calendardetail .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,
.calendardetail .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
  cursor: auto;
}

.calendardetail .detail_button a {
  background: #fff;
  display: block;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 15px;
  right: 13px;
}

.calendardetail .form {
  margin: 35px 0 0 0;
  padding: 0 23px;
}

.calendardetail .form p {
  font-size: 16px;
}

.google_calendar {
  margin: 30px 20px 0;
}

.google_calendar input {
  width: 64.78%;
  font-size: 16px;
  margin: 15px 0 0 0;
  padding: 9px 15px;
  line-height: 30px;
  border: solid 1px #aaa;
  border-radius: 3px;
  box-sizing: border-box;
}

.calendardetail .schedule {
  padding: 0;
  margin: 15px 0 10px;
  display: block;
  position: relative;
  z-index: 2;
  box-sizing: content-box;
}

.calendardetail .schedule + .schedule {
  margin-top: 10px;
}

.calendardetail .schedule p {
  color: #fff;
  margin: 0;
  padding: 7px 10px;
  font-size: 13px;
  line-height: 1.4;
}

.calendardetail .schedule p .cat,
.calendardetail .schedule p .vid,
.calendardetail .schedule p .regular {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 2px;
  box-sizing: border-box;
  background: #2dbd8b;
  text-align: center;
  margin: 0 5px 5px 0;
}

.calendardetail .cell .schedule {
  font-weight: normal;
  position: relative;
}

.calendardetail .cell .schedule_child {
  visibility: hidden;
}

.calendardetail .schedule_child p .cat {
  display: none;
}

.calendardetail .cell .schedule .textbtn, .calendardetail .day_schedule p.textbtn {
  font-size: 12px;
  margin: 5px 0;
  display: block;
}

.calendardetail .day_schedule p.textbtn {
  margin-top: 15px;
}

.calendardetail .cell .schedule .textbtn a, .calendardetail .day_schedule p.textbtn a {
  text-align: left;
  text-decoration: none;
  min-width: inherit;
  margin: 0;
  padding: 0 5px 0 18px;
  background: #fff;
}

.calendardetail .day_schedule p.textbtn a {
  padding: 2px 15px 0;
}

.calendardetail .cell .schedule .textbtn svg {
  position: absolute;
  top: 5px;
  left: 8px;
}

.serch_result {
  margin: 30px 0 0;
}

.serch_result .sortmenu {
  padding: 20px 0 0;
  margin: 0 0 20px;
}

.serch_result .sortmenu select {
  position: relative;
  top: 5px;
}

.serch_result p.result_text {
  line-height: 32px;
  padding: 0 20px 0 0;
}

.list_block {
  margin: 0 -20px;
}

.list_block li {
  width: 100%;
  padding: 10px 25px 10px 70px;
  border-top: solid 1px #c9c9c9;
  position: relative;
  width: 100%;
}

.list_block li:last-child {
  border-bottom: solid 1px #c9c9c9;
}

.list_block .checkcol {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}

.serch_result .button a, .serch_result .button button {
  line-height: 1.4;
  padding: 15px 10px;
}

h2.administ {
  font-size: 16px;
  margin: 0 0 10px;
}

h2.administ span {
  color: #000;
  font-size: 14px;
  padding: 0;
  margin: 0 10px 0 5px;
  display: inline-block;
}

.serch_result h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.05em;
  margin: 0 0 15px;
}

.serch_result h3 a {
  color: #1c72d4;
  text-decoration: underline;
}

.serch_result p {
  font-size: 16px;
  line-height: 1.4;
  margin: 10px 0 0;
}

.serch_result p.removebtn {
  margin: 20px 0 10px;
}

.serch_result .list_block li p {
  font-size: 14px;
  margin: 5px 0 0;
}

.serch_result .submenuarea {
  position: absolute;
  top: 10px;
  right: 10px;
}

.serch_result .list_block li .submenuarea p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}

.serch_result .submenuarea .submenu p a {
  padding: 10px 20px;
}

.serch_result .submenuarea .submenubtn {
  margin-top: 13px;
  float: right;
}

.serch_result .submenuarea .submenu {
  top: 35px;
}

.serch_result .submenuarea h4 {
  margin-top: 0;
  float: right;
}

.serch_result ul.navigation {
  margin: 20px 0 30px;
}

.formbk .output .image img {
  margin: 0 auto;
  display: block;
}

.userspage .formbk .output .image {
  margin-top: -10px;
}

.userspage .formbk .output .image img {
  max-width: 88px;
  max-height: 88px;
}

.input_contents .groupselect ul {
  max-width: none;
  width: 46.5%;
}

.input_contents .formbk .selectbk .checkcol {
  display: inline-block;
}

.checksec label {
  font-size: 16px;
  padding: 0 0 0 36px;
}

.checksec input[type=checkbox] + label::before {
  top: -3px;
  width: 26px;
  height: 26px;
  border: 2px solid #aaa;
}

.memberpage .checksec input[type=checkbox] + label::before {
  top: 1px;
}

.checksec input[type=checkbox]:checked + label::after {
  top: -7px;
  left: 9px;
  width: 9px;
  height: 17px;
}

.memberpage .checksec input[type=checkbox]:checked + label::after {
  top: -3px;
}

.onecol.checkcol h2 {
  width: auto;
  margin-right: 20px;
}

.switching.choice label {
  width: 50%;
}

.switching.choice.threecol label {
  width: 33.334%;
}

.choice_date .calendar,
.choice_date .inputtext input {
  margin-top: 10px;
}

.choice_date .twocol .graybtn, .formbk.open .advanced .tabledetail .form_date .graybtn {
  font-size: 16px;
  padding: 0 15px;
  margin: 10px 0 0 15px;
  border-radius: 3px;
  cursor: pointer;
}

.formbk.open .advanced .tabledetail .form_date .graybtn {
  text-align: center;
  width: 80px;
  height: 50px;
  padding: 0;
  margin: 0 0 0 15px;
}

.news.attend_info .newslist li .deadline, .newslist.attendlist li .deadline {
  color: #da0a16;
  font-weight: bold;
}

.news.attend_info .newslist li h4, .newslist.attendlist li h4 {
  height: 28px;
  line-height: 28px;
  position: absolute;
  right: 0;
  bottom: 3px;
}

.news.attend_info .newslist li h4 span, .newslist.attendlist li h4 span {
  padding: 0 28px 0 25px;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  transform: translateY(0) translateX(0);
}

.news.attend_info .newslist li h4 svg + span, .newslist.attendlist li h4 svg + span {
  position: absolute;
}

.news.attend_info .newslist li h4 svg, .newslist.attendlist li h4 svg {
  width: auto;
  height: 100%;
}

.unanswer .ribbon svg polygon {
  fill: #fff7d9;
}

.inapplicable .ribbon svg polygon {
  fill: #ededed;
}

.serach_form ul li.status .checkcol {
  margin-left: 5px;
  padding-top: 0;
}

/* placeholder */
.twotextarea table td label {
  display: block;
  position: relative;
}

textarea + .placeholder {
  color: #b9b9b9;
  font-size: 18px;
  line-height: 30px;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

textarea:placeholder-shown + .placeholder {
  display: block;
}

.favorite {
  font-size: 14px;
  color: #fc8185;
  text-align: right;
  margin: 0 20px 0 0;
}

.favorite button {
  margin-right: 11px;
}

.favorite a {
  color: #fc8185;
}

.favorite .heart, .modal_section h1 .heart {
  vertical-align: middle;
  width: 17px;
  height: 16px;
  stroke-width: 1.44;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 22.9256;
}

.modal_section h1 .heart {
  width: 22px;
  height: 21px;
  margin: -3px 5px 0 0;
}

.favorite .heart.no_clicked path {
  fill: none;
  stroke: #FC8185;
}

.favorite .heart.clicked path, .modal .modal_section h1 .heart path {
  fill: #FC8185;
}

.conferencepage .contents {
  padding: 0 40px 60px;
}

.conference_section {
  margin: 40px 0 0;
}

.conference_section .form {
  max-width: 730px;
  margin: 0 auto;
}

.conference_section .conferencebloc .form {
  max-width: inherit;
  margin: 0 0 20px;
}

.conference_section .inner {
  padding: 25px 20px;
  background: #fff;
}

.conference_section ul.tabmenu {
  width: 100%;
  padding: 0 10px;
  display: flex;
}

.conference_section ul.tabmenu li {
  width: 15%;
  padding: 0 5px;
}

.conference_section ul.tabmenu li a {
  font-size: 20px;
}

.conference_section h4.ribbon {
  text-align: left;
  margin: 0 0 0 -20px;
}

.conference_section .conference_detail .pagemenu {
  top: -12px;
}

.conference_section .conferencelist .conference_detail .imgTxt .text .pagemenu .submenu p {
  font-size: 14px;
  line-height: 40px;
  text-align: left;
  width: auto;
  max-width: none;
  padding: 0;
  margin: 0;
  left: 0;
  right: 0;
  display: block;
}

.conference_section .conference_detail {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0 0 10px;
  border-bottom: solid 1px #bbb;
}

.conference_section .conference_detail p {
  color: #000;
  font-size: 16px;
  line-height: 1.4;
  padding-right: 20px;
  margin: 15px 0 0;
  display: flex;
}

.conference_section .conference_detail p .name a {
  color: #1c72d4;
  text-decoration: underline;
}

.conference_section .conference_detail p a:hover {
  text-decoration: none;
}

.conference_section .conference_detail p.category_wrap {
  margin: 25px 5px 0;
  font-size: 18px;
}

.conference_section .conference_detail p .category {
  font-weight: bold;
  margin-right: 8px;
  display: inline-block;
  white-space: nowrap;
}

.conference_section h1 {
  background: #fff;
  font-weight: bold;
  color: #000;
  font-size: 22px;
  line-height: 1.4;
  text-align: left;
  margin: 20px 0 0;
  padding: 5px;
}

.conference_section h1 span {
  font-size: 22px;
}

.conference_section h1 span.num {
  font-size: 18px;
}

.conference_section h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin: 50px 0 10px;
  text-align: center;
  clear: both;
}

.conference_section .conferencebloc {
  border-bottom: solid 1px #bbb;
}

.conference_section .conferencebloc:nth-child(5) {
  border-bottom: none;
}

.conference_section .conferencebloc + .conferencebloc {
  margin: 45px 0 30px;
}

.conference_section .twocol {
  max-width: inherit;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.conference_section .halfcol > div {
  width: 60%;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}

.conference_section .halfcol > div:nth-child(even) {
  width: 36%;
  box-sizing: border-box;
  border-radius: 5px;
  margin: 35px 0 45px 0;
  padding: 25px 20px 30px;
  border: #d8d8d8 solid 1px;
}

.conference_section .twocol ul.indent {
  margin: 25px 0 0 0;
  padding: 0 8px;
}

.conference_section .twocol ul.indent li {
  line-height: 28px;
  margin: 0;
  display: block;
  flex-wrap: nowrap;
  font-size: 18px;
  text-indent: -1.6em;
  padding-left: 1.6em;
}

.conference_section .twocol ul.indent li ul {
  margin: 0;
}

.conference_section .twocol h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 45px 0px 15px;
  padding: 0 5px;
}

.conference_section .twocol h4 {
  color: #000;
  line-height: 1.4;
  text-align: left;
  padding: 5px 0 10px;
  font-weight: bold;
}

.conference_section .twocol h4 span {
  font-size: 22px;
  display: inline-block;
}

.conference_section .twocol h4 span.num {
  font-size: 18px;
}

.conference_section .twocol h4 .pagemenu {
  width: auto;
  margin-left: 10px;
  float: right;
  top: 15px;
}

.conference_section .twocol h4 .submenubtn {
  margin-left: 10px;
}

.conference_section .twocol h4 .fire {
  position: relative;
  top: -14px;
}

.conference_section .twocol h4 .fire svg {
  width: 18px;
  height: 24px;
  fill: #f7591e;
}

.conference_section .twocol h4 .submenu p {
  font-weight: normal;
}

.conference_section .twocol p span {
  font-size: 16px;
  padding: 0 18px 0 0;
  display: inline-block;
}

.conference_section .upload_file {
  margin: 15px auto 25px;
}

.conference_section .upload_file li {
  margin: 0;
  font-size: 16px;
}

.conference_section .upload_file li a {
  margin-right: 10px;
  font-size: 18px;
}

.conference_section .upload_file li svg.circle,
.conference_section .conferencelist .conference_detail .imgTxt .text p.edit_view svg.circle {
  width: 19px;
  height: 19px;
}

.conference_section .conferencelist .conference_detail .imgTxt .text p.edit_view svg.circle {
  top: 0;
}

svg.delete {
  width: 19px;
  height: 30px;
  text-align: right;
  margin: 0 0 0 auto;
  top: 10px;
}

.conference_section .conferencelist .conference_detail .imgTxt .text p.edit_view svg.delete {
  width: 19px;
  height: 30px;
  position: absolute;
  right: 15px;
}

.conference_section .halfcol .rightcol .upload_file {
  margin-bottom: 0;
}

.conference_section .rightcol .form h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.conference_section .rightcol .form .flex {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.conference_section .rightcol .form label {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  padding: 0 0 0 35px;
}

.conference_section .rightcol .form input[type=checkbox] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 27px;
  height: 27px;
  border: 1px solid #aaa;
  border-radius: 5px;
  box-sizing: border-box;
  background: #fff;
}

.conference_section .rightcol .form input[type=checkbox]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 8px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
}

.conference_section .rightcol .form input[type=text] {
  width: 100%;
  font-size: 16px;
  margin: 15px 0 0 0;
  padding: 9px 15px;
  line-height: 30px;
  border: solid 1px #aaa;
  border-radius: 3px;
  box-sizing: border-box;
}

.conference_section .rightcol .form .button {
  padding: 25px 0 0;
  background: #fff;
}

.conference_section .rightcol .form .button button {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  width: 100%;
  max-width: 200px;
  margin: 0 0 0 auto;
  padding: 20px 10px;
  display: block;
  border-radius: 5px;
  cursor: pointer;
}

.conference_section select {
  border-radius: 5px;
}

.conference_section .conferencelist {
  margin: 10px -20px 0;
}

.conference_section .conferencelist .conference_detail {
  padding: 30px 20px 25px;
  border-top: solid 1px #bbb;
  border-bottom: none;
  padding-right: 0;
}

.conference_section .conferencelist li:last-child .conference_detail {
  border-bottom: solid 1px #bbb;
}

.conference_section .conferencelist .conference_detail .imgTxt {
  display: flex;
}

.conference_section .conferencelist .conference_detail .imgTxt .image {
  margin: 0 20px 0 0;
  width: 88px;
  height: 88px;
  min-width: 88px;
}

.conference_section .conferencelist .conference_detail .imgTxt .image.mcloud_icon img,
.conference_section .conferencelist .conference_detail .imgTxt .image.human_icon img {
  margin: 0 auto;
  display: block;
}

.conference_section .conferencelist .conference_detail .imgTxt .text {
  width: 100%;
  position: relative;
}

.conference_section .conferencelist .conference_detail .imgTxt .text .date {
  position: absolute;
  top: 0;
  right: 0;
}

.conference_section .conferencelist .conference_detail .imgTxt .text ul {
  line-height: 1.25;
  font-size: 16px;
  margin: 0 0 0 2em;
}

.conference_section .conferencelist .conference_detail .imgTxt .text p {
  margin: 0 0 0 1em;
  line-height: 1.25;
  word-break: break-all;
}

.conference_section .conferencelist .conference_detail .imgTxt .text p.img_link {
  margin-top: 15px;
}

.conference_section .conferencelist .conference_detail .imgTxt .text p.edit_view {
  margin: 10px 20px 0 0;
  padding: 10px 40px 10px 15px;
  background: #ededed;
  vertical-align: middle;
  position: relative;
  word-break: break-all;
}

.conference_section .conferencelist .conference_detail .imgTxt .text p.tit {
  font-weight: bold;
  margin: 0 0 20px;
}

.conference_section .conferencelist .conference_detail .imgTxt .text p.name {
  font-weight: bold;
  margin: 0 0 20px 0;
}

.conference_section .conferencelist .conference_detail.discussion-comment {
  padding-bottom: 25px;
}

.conference_section .conferencelist .conference_detail.nolink {
  padding: 15px 20px;
  background: #f4f4f4;
}

.conference_section .conferencelist .conference_detail.nolink h2 {
  font-size: 18px;
  color: #000;
  text-align: center;
  margin: 0;
}

.conference_section .statusbtn {
  padding-right: 0;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  position: relative;
}

.conference_section .conferencebloc .conferencelist li .statusbtn {
  margin: 0 8px 8px 0;
}

.conference_section .status_link {
  text-align: left;
  margin: 15px 20px 0 0;
}

.conference_section .status_link .textbtn a {
  line-height: 1.6;
  padding: 2px 15px;
}

.conference_section .status_link .statusbtn a {
  display: block;
  padding: 0 14.5px;
  background: #fff;
  border-radius: 5px;
}

.conference_section .conference_detail.conferenceupdate p {
  color: #000;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
  display: flex;
  padding: 0 5px;
  position: relative;
}

.conference_section .conference_detail.conferenceupdate p span.justify {
  text-align-last: justify;
  display: block;
  position: absolute;
  font-weight: bold;
  width: 4em;
}

.conference_section .conference_detail.conferenceupdate p span.indent {
  text-indent: -1em;
  display: inline-block;
  line-height: 1.7;
  padding: 0 0 0 5.5em;
}

.conference_section .conference_detail.conferenceupdate {
  border-bottom: none;
  margin: 20px 0 0 0;
}

.required_label {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  padding: 4px 7px;
  margin: 0 0 0 7px;
  display: inline-block;
  background: #da0a16;
  position: relative;
  top: -3px;
}

.conference_section.news .formbk .inputtext.session_input input {
  width: 100px;
}

.conference_section.news .formbk .inputtext .text {
  font-size: 18px;
}

.conference_section.news .formbk .inputtext .text + * {
  margin-left: 9px;
}

.conference_section.news .formbk .inputtext * + .text {
  margin-left: 9px;
}

.conference_section.news .formbk .inputtext .text + .ertxt {
  margin-left: 0;
}

.conference_section.news .formbk .inputtext.erbox {
  position: relative;
}

.conference_section.news .formbk .inputtext.erbox * + .text {
  position: absolute;
  left: 100px;
  top: auto;
  transform: translateY(-100%);
}

.conference_section.news .page_title {
  margin-bottom: 55px;
}

.conference_section .formbk .upload_file {
  margin-bottom: 0;
}

.conference_section .formbk .upload_file li {
  font-size: 18px;
  padding: 10px 35px 10px 15px;
  margin: 10px 0 0;
}

.conference_section .formbk .upload label {
  margin: 0;
}

.conference_section .formbk .upload label + * {
  margin-top: 30px;
}

.conference_section .formbk .select2_btn1 {
  margin-top: 10px;
}

.conference_section .formbk .select2_btn1 .button {
  padding: 0;
}

.conference_section .formbk .select2_btn1 .button button {
  font-size: 16px;
  font-weight: normal;
  padding: 15px 10px;
  height: 100%;
}

.conference_section .formbk .select2_btn1 > * {
  flex-basis: 160px;
}

.conference_section .formbk .select2_btn1 > select {
  min-width: inherit;
  flex-grow: 1;
}

.conference_section .formbk .member_push ul {
  padding: 0;
  border: 0;
}

.groupname_list {
  padding: 10px;
  border-radius: 3px;
  position: relative;
  top: -5px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);
}

.groupname_list p {
  font-size: 14px;
  margin: 0;
}

.groupname_list p a {
  padding: 5px;
  display: block;
  border-radius: 3px;
}

.groupname_list p a:hover {
  background: #eee;
}

.flex_box {
  display: flex;
}

.flex_box > *:not(:first-child) {
  margin-left: 15px;
}

.items_center {
  align-items: center;
}

.modal.fix_modal {
  height: 260px;
  top: auto;
  bottom: 0;
  background: #fff;
  overflow: auto;
  box-shadow: 0 -4px 9px -6px #000;
  z-index: 90;
}

.modal.fix_modal .modal_section .bg {
  padding: 0;
  background: #fff;
}

.modal.fix_modal .modal_section {
  width: auto;
  max-height: inherit;
  margin: 0 auto;
  padding-top: 0;
  position: relative;
  top: 0;
  transform: translateY(0);
}

.modal.fix_modal a.modal_close {
  display: none;
}

.modal.fix_modal .comment {
  padding: 15px 50px 1px;
  margin: 0 auto;
  box-sizing: content-box;
}

.modal.fix_modal .twocol {
  max-width: inherit;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.modal.fix_modal .halfcol > div {
  width: 67.6%;
  padding: 0;
  box-sizing: border-box;
}

.modal.fix_modal .halfcol > div:nth-child(even) {
  width: calc(32.4% - 25px);
  padding: 0;
}

.modal.fix_modal .modal_section textarea {
  height: 100%;
  width: 100%;
  padding: 20px 25px;
  font-size: 18px;
  border: 1px solid #aaa;
  display: block;
}

.modal.fix_modal .modal_section textarea::placeholder {
  font-size: 18px;
}

.button_wrap {
  margin: 20px 0 0;
  display: flex;
  justify-content: space-between;
}

.boardpage .modal .halfcol .rightcol .button_wrap {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.modal.fix_modal .button {
  padding: 0;
  flex: 1;
}

.modal.fix_modal .button button {
  max-width: inherit;
  font-size: 18px;
  padding: 12px 10px;
  line-height: 1.35;
}

.modal.fix_modal .button button span {
  padding: 0;
}

.clip_button {
  margin: 0 10px 0 0;
}

.modal.fix_modal .clip_button.sp, .modal.pc_hide .clip_button.pc, .modal.moji .clip_button.pc {
  display: none;
}

.modal.fix_modal .clip_button.pc, .modal.pc_hide .clip_button.sp, .modal.moji .clip_button.sp {
  display: block;
}

.clip_button label {
  color: #fff;
  line-height: 50px;
  height: 50px;
  text-align: center;
  display: block;
  border-radius: 4px;
  width: 50px;
  border: 1px solid #1b6c44;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.clip_button label:hover {
  background: #1b6c44;
}

.clip_icon {
  width: 29px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: 8px;
}

.modal.fix_modal .clip_button .num_link {
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  min-width: 23px;
  height: 23px;
  position: absolute;
  right: -12px;
  top: -12px;
}

.clip_icon path {
  fill: none;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 22.9256;
}

.clip_button label:hover .clip_icon path {
  stroke: #fff;
}

.zoom-icon a {
  fill: #006532;
}

.zoom-icon a:hover {
  fill: #fff;
  background-color: #006532;
}

.modal.fix_modal .radiocol label {
  font-size: 18px;
  padding: 0 0 0 28px;
  margin: -3px 30px 5px 0;
  line-height: 28px;
}

.modal.fix_modal .selectbk {
  margin: 3px 0 0;
}

.modal.fix_modal .selectbk select {
  border-radius: 5px;
  min-width: auto;
  width: 100%;
}

.modal.fix_modal .checkcol label {
  font-size: 18px;
  padding: 0 0 0 30px;
  line-height: 30px;
  margin: 10px 0 0 0;
  display: inline-block;
}

.modal.fix_modal .checkcol input[type=checkbox] + label::before {
  top: 3px;
}

.modal.fix_modal .checkcol input[type=checkbox]:checked + label::after {
  top: 0px;
}

.modal.fix_modal .halfcol > div .checkcol {
  margin: 0 0 10px;
}

.modal.fix_modal .radiocol input {
  display: none;
}

.ribbon.light_pink span {
  background: #f76f86;
}

.conference_section.news .newslist {
  padding: 35px 0 0;
}

.conference_section.news .tabscroll + .newslist, .news .tabscroll + .newslist.conflist .detail {
  padding-top: 0;
}

.conference_section.news .newslist .detail, .news .newslist.conflist .detail {
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;
  position: relative;
}

.conference_section.news .newslist li, .newslist.conflist li {
  padding: 15px;
}

.conference_section.news .tabscroll + .newslist li:first-child {
  padding-top: 25px;
  border-top: 0;
}

.conference_section.news .newslist li .status, .newslist.conflist li .status {
  display: block;
  vertical-align: middle;
  position: absolute;
  right: 60px;
  transform: inherit;
}

.conference_section.news .newslist li .status h4, .newslist.conflist li .status h4 {
  padding: 0;
  vertical-align: middle;
  text-align: right;
  white-space: inherit;
  min-width: auto;
  max-width: inherit;
  position: static;
}

.conference_section.news .newslist li .status h4 span, .newslist.conflist li .status h4 span {
  white-space: nowrap;
  width: auto;
  min-width: 107px;
  box-sizing: border-box;
  padding: 0 15px 0 13px;
  display: inline-block;
  position: relative;
  top: auto;
  left: 30px;
  transform: inherit;
  z-index: 2;
}

.conference_section.news .newslist li .status h4 svg, .newslist.conflist li .status h4 svg {
  width: auto;
  height: 100%;
}

.conference_section.news .newslist li .status .pagemenu, .newslist.conflist li .status .pagemenu {
  top: 35px;
  right: -60px;
  z-index: auto;
}

.conference_section.news .newslist .detail p.tit .cate, .newslist.conflist .detail p.tit .cate {
  font-weight: bold;
  margin-right: 1em;
}

.conference_section.news .newslist .detail h2, .newslist.conflist .detail h2 {
  font-size: 18px;
  text-align: left;
  color: #000;
}

.news .newslist .detail h2 span {
  font-size: 16px;
}

.conference_section.news .newslist .detail h2 .notice, .newslist.conflist .detail h2 .notice {
  color: #fff;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  width: auto;
  min-width: 18px;
  height: 18px;
  padding: 0 2px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 10px;
  background: #e9883a;
  position: relative;
  top: -3px;
}

.conference_section.news .newslist .detail h2 .notice span, .newslist.conflist .detail h2 .notice span {
  font-size: 10px;
}

.conference_section.news .newslist .detail h2 + p, .newslist.conflist .detail h2 + p {
  font-size: 14px;
  display: inline-block;
  margin: 15px 0 0;
}

.conference_section.news .newslist .detail h2 + p span, .newslist.conflist .detail h2 + p span {
  padding-right: 1em;
}

.ribbon.light_blue span {
  background: #5ac4d2;
}

.conference_section.news .detail + .conference_detail {
  margin-top: 25px;
}

.conference_section.news .conference_detail p.category_wrap02 {
  margin: 0 5px;
}

.conference_section.news h1.black {
  color: #000;
  font-weight: normal;
}

.conference_section.news .conferencebloc .conferenceupdate {
  padding: 0 0 30px;
}

.conference_section.news .conferencebloc .conferenceupdate p span.indent a {
  color: #1c72d4;
  text-decoration: underline;
}

.conference_section.news .conferencebloc .conferenceupdate p span.indent a:hover {
  text-decoration: none;
}

.conference_section.news .conferencebloc .conferenceupdate p {
  color: #000;
  font-size: 18px;
  line-height: 1.5;
  margin: 30px 0 0 0;
  display: flex;
  padding: 0 5px;
  position: relative;
}

.conference_section.news .conferencebloc .conferenceupdate p + p {
  margin: 0;
}

.conference_section.news .conferencebloc .conferenceupdate p span.justify {
  text-align-last: justify;
  width: 4em;
  position: absolute;
  line-height: 1.5;
}

.conference_section.news .conferencebloc .conferenceupdate p span.indent {
  text-indent: -1em;
  padding: 0 0 0 5em;
  display: inline-block;
  line-height: 1.5;
}

.conference_section.news .conferencebloc .conferenceupdate .status_link {
  margin: 15px 20px 0 5px;
}

.conference_section.news .conferencebloc .conferenceupdate .status_link + .status_link {
  margin-top: 0;
}

.conference_section.news .conferencebloc .conferenceupdate .status_link .statusbtn {
  line-height: 23px;
}

.conference_section.news .conferencebloc .conferenceupdate .status_link .textbtn {
  margin-right: 3px;
}

.conference_section.news .conferencebloc .conferenceupdate .status_link + .status_link .textbtn {
  margin-top: 10px;
}

.conference_section.news .conferencebloc h2 {
  margin: 60px 0 10px;
}

.conference_section.news .conferencebloc h2 + .status_link {
  text-align: right;
  margin: 15px 5px 0 0;
}

.conference_section.news .conferencebloc h2 + .status_link .statusbtn a {
  line-height: 23px;
}

.conferencebloc .button {
  padding: 5px 0 15px;
  text-align: center;
}

.conferencebloc .button.sp_btn {
  display: none;
}

.conferencebloc .button button, .board_section02 .newsform .form .formbk .button.sp_btn button {
  font-size: 16px;
  font-weight: normal;
  max-width: 200px;
  padding: 15px 10px;
  display: inline-block;
}

.status_link .textbtn {
  font-weight: bold;
  margin: 0;
}

.conference_section.news .newslist.conference_check {
  margin: 0 -20px 40px;
  padding: 13px 0 0 0;
  border-bottom: none;
}

.conference_section.news .newslist.conference_check li {
  padding: 20px;
}

.conference_section.news .newslist.conference_check li .status {
  top: 13px;
}

.conference_section.news .newslist.conference_check li h2 {
  margin: 0 0 5px;
}

.conference_section.news .newslist.conference_check li h2 + p {
  margin: 10px 0 0;
}

.conference_section.news .newslist.conference_check li h2 .favorite {
  text-align: left;
  margin: 0 0 0 10px;
  display: inline-block;
}

.conferencepage .pagemenu.outside {
  top: 30px;
}

.conference_section.news ul.tabmenu {
  width: 100%;
  padding: 0 10px;
  display: flex;
}

.conference_section.news ul.tabmenu li {
  width: 15%;
  padding: 0px 5px;
}

.conference_section.news ul.tabmenu li a {
  font-size: 20px;
}

.conference_section.news .newsform {
  margin: 0;
  padding: 65px 20px 0;
}

.conference_section.news .newsform h1 {
  text-align: center;
  padding: 0;
}

.conference_section.news .newsform h2 {
  text-align: center;
  font-weight: normal;
  line-height: 70px;
  margin: 55px 0 70px;
  box-sizing: border-box;
  color: #000;
}

.conference_section.news .newsform h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 5px;
}

.conference_section.news .newsform h3.date_time {
  margin: 0 0 -5px;
}

.conference_section.news .newsform .new_create {
  display: none;
}

.conference_section.news .participant h3 {
  float: left;
}

.conference_section.news .participant .textbtn {
  margin: 5px 0 0;
  float: right;
}

.agenda {
  margin: 50px 0 0;
}

.conference_section.news .newsform h4 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin: 25px 0 0 0;
}

.conference_section.news .newsform .timeselect {
  font-size: 18px;
  display: flex;
  flex-wrap: wrap;
}

.conferencepage .conference_section.news .newsform .timeselect {
  width: 100%;
}

.conferencepage .conference_section.news .newsform .formbk .use_date {
  display: block;
}

.conference_section.news .formbk.formbk_confer {
  margin: 0 0 25px;
  padding: 0 0 45px;
}

.conference_section.news .formbk.formbk_confer02 {
  margin: 0 0 25px;
  padding: 0 0 30px;
}

.conference_section.news .formbk.formbk_confer h3,
.conference_section.news .formbk.formbk_confer02 h3 {
  margin: 45px 0 20px;
}

.conference_section.news .formbk .inputtext input {
  width: 100%;
  font-size: 16px;
  padding: 10px 15px;
  height: 50px;
  border: solid 1px #aaa;
  box-sizing: border-box;
  margin: 0 0 5px 0;
}

.conference_section.news .formbk .inputtext,
.conference_section .rightcol .form .inputtext {
  margin: 10px 0 0;
}

.conference_section.news .formbk .agenda .gray {
  padding: 20px;
  line-height: 1.5;
  font-size: 18px;
  border: solid 1px #aaa;
  border-radius: 3px;
  box-sizing: border-box;
  color: #000;
  background: #ededed;
}

.conference_section.news .formbk .agenda .textarea {
  padding: 0;
  border: 0;
}

.conference_section.news .formbk .agenda p {
  margin: 0;
}

.conference_section.news .formbk .agenda ul {
  margin-left: 20px;
}

.conference_section.news .formbk .agenda ul li {
  list-style: disc;
}

.conference_section.news .formbk .agenda img {
  margin: 10px 0;
  display: block;
}

.conference_section.news .formbk .vdp-datepicker input {
  font-size: 16px;
  width: 170px;
  height: 50px;
  padding-left: 44px;
  border: solid 1px #aaa;
  border-radius: 5px;
  padding-right: 30px;
}

.conference_section.news .formbk .vdp-datepicker .vdp-datepicker__clear-button {
  top: 14px;
  right: 25px;
}

.conferencepage .conference_section.news .formbk .vdp-datepicker .vdp-datepicker__clear-button {
  right: 20px;
}

.conference_section.news .formbk .use_date .flex {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 10px 0 0 0;
}

.conference_section.news .formbk .use_date .calendar {
  margin: 10px 0 0 0;
  width: 185px;
}

.conference_section.news .formbk .timeselect .hour {
  padding: 0 5px 0 0;
}

.conference_section.news .formbk .timeselect .Minute {
  padding: 0 15px 0 0;
}

.conference_section.news .formbk .timeselect select {
  min-width: 80px;
  height: 50px;
  margin-right: 5px;
}

.conference_section.news .formbk .timeselect .Minute select {
  margin-right: 5px;
}

.conference_section.news .formbk .secbtn button span {
  padding: 0;
}

.conference_section.news .formbk .button button {
  letter-spacing: 0em;
  max-width: 320px;
  padding: 20px 5px;
}

.conference_section.news .formbk .secbtn {
  margin: 40px 0 25px;
  padding: 0;
}

.conference_section.news .formbk .radiocol label {
  font-size: 18px;
}

.conference_section.news .formbk .radiocol + .radiocol.inputtext {
  margin-top: 15px;
}

.conference_section.news .formbk .submit {
  width: 100%;
  margin: 60px 0 30px;
  position: relative;
  display: flex;
  height: 60px;
}

.conference_section .formbk .submit button {
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  width: 50%;
  margin: 0;
  display: block;
  border-radius: 5px;
  cursor: pointer;
  font-size: 20px;
}

.formbk .submit button.submitbtn {
  margin-left: 30px;
  background: #fff;
}

.formbk .submit button.graybtn {
  color: #000;
  background: #e5e5e5;
  border: solid 1px #e5e5e5;
}

.wrapper .conference_section .formbk .submit button.graybtn {
  color: #000;
}

.conference_section .newsform .pagemenu {
  top: 10px;
}

.conference_section .newsform .bottom_back .backbtn {
  bottom: 20px;
}

.conference_section.news .newsform h2 + h1 {
  margin: 110px 0 60px;
}

.conference_section.news .newsform .conference_inner {
  max-width: 730px;
  margin: 0 auto;
}

.conference_section.news .newsform .conference_inner + .conferencelist .conference_detail {
  padding: 35px 25px;
}

.conference_section.news .newsform .conference_inner + .conferencelist .conference_detail .date {
  padding-right: 0;
}

.conference_section.news .newsform .conference_inner + .conferencelist .conference_detail .imgTxt .text p {
  margin-left: 0;
}

.modal.fix_modal.draft {
  height: 180px;
}

.modal.fix_modal.draft .twocol {
  align-items: flex-end;
}

.modal.fix_modal.draft p {
  font-size: 18px;
  margin: 0 0 15px;
}

.modal.fix_modal.draft textarea {
  height: auto;
  line-height: 1.3;
  padding: 15px;
}

.form.draft_form {
  max-width: 920px;
  margin: 25px auto 0;
}

.draft_form_inner {
  max-width: 920px;
  margin: 0 auto;
  border: solid 1px #aaa;
  padding: 0 20px;
}

.draft_form_inner02 {
  max-width: 730px;
  margin: 0 auto;
}

.conference_section.news .newsform .form.draft_form h2 {
  border: solid 1px #aaa;
  text-align: center;
  font-weight: normal;
  box-sizing: border-box;
  color: #000;
  margin: 15px 0 0 0;
  background: none;
  line-height: 70px;
}

.conference_section.news .newsform .form.draft_form h2 span {
  display: inline-block;
  margin-right: 1em;
}

.conference_section.news .newsform .form.draft_form h2 span + span {
  margin-right: 0;
}

.conference_section.news .form.draft_form h3 {
  font-size: 22px;
  margin: 40px 0 0 0;
}

.conference_section.news .form.draft_form h3 span {
  display: inline-block;
  margin-right: 1em;
}

.conference_section.news .form.draft_form h3 span + span {
  margin-right: 0;
}

.form.draft_form .pretext p, .conference_section .leftcol .pretext p {
  margin: 30px 0 0;
  font-size: 18px;
  line-height: 1.6;
}

.conference_section.news .newsform .form.draft_form h4 {
  margin-top: 50px;
  text-align: center;
}

.form.draft_form .border_sec:last-child {
  border-bottom: none;
  padding: 0 0 55px;
}

.form.draft_form .border_sec ul {
  margin: 5px 0 0;
}

.form.draft_form .border_sec ul li {
  line-height: 28px;
  margin: 0;
  display: block;
  flex-wrap: nowrap;
  font-size: 18px;
  text-indent: -1em;
  padding-left: 1em;
}

.draft_newsform {
  overflow: auto;
}

.draf_dl {
  margin: 45px 0 0;
  display: flex;
}

.draf_dl + dl {
  margin: 5px 0 0;
}

.draf_dl dt {
  font-size: 22px;
  margin: 0;
  font-weight: bold;
  line-height: 1.5;
  flex: 5.5em 0 0;
}

.draf_dl dd {
  font-size: 18px;
  line-height: 1.5;
}

.draf_dl dd span {
  display: inline-block;
}

.draft_form .submit {
  width: 100%;
  position: relative;
  display: flex;
  height: 60px;
  max-width: 730px;
  margin: 45px auto;
}

.draft_form .submit button {
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  width: 50%;
  margin: 0;
  display: block;
  border-radius: 5px;
  cursor: pointer;
  font-size: 20px;
}

.draft_form .submit button.submitbtn {
  margin-left: 30px;
  color: #fff;
}

.draft_form .submit button.graybtn {
  color: #000;
  background: #e5e5e5;
  border: solid 1px #e5e5e5;
}

.draft_form .submit button.graybtn:hover {
  background: #fff;
}

.bg_grayheading {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  padding: 12px 15px;
  margin: 0;
  background: #ededed;
}

.pagemenu.type02 {
  position: static;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 20px;
}

.pagemenu.type02 .backbtn {
  display: flex;
  align-items: center;
  line-height: 1;
  top: 0;
  float: none;
}

.pagemenu.type02 .backbtn span {
  position: relative;
  top: 0;
  transform: none;
  margin: 0 8px 1px 0;
}

.pagemenu.type02 .submenubtn {
  float: none;
  transform: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagemenu.type02 .submenubtn svg {
  position: static;
  transform: none;
}

.submenu_wrap {
  position: relative;
}

.bottom_back.type02 {
  margin: 50px 0 0;
}

.file_upload {
  padding: 20px;
  margin: 40px 0 0;
  background: #fff;
}

.file_upload .pankuzu {
  padding: 15px;
  margin: 0 0 60px;
  clear: both;
}

.file_upload .pankuzu p {
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
}

.file_upload .pankuzu p a {
  color: #1c72d4;
  text-decoration: underline;
}

.file_upload .pankuzu .arrow {
  font-size: 14px;
  margin: 0 10px;
  position: relative;
  top: -1px;
}

.file_upload .form {
  max-width: 730px;
  margin: 0 auto;
}

.file_upload > h1 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 60px;
  text-align: center;
}

.file_upload .formbk {
  padding: 0 0 30px;
  margin: 0 0 30px;
  border-bottom: solid 1px #aaa;
}

.file_upload .name_wrap {
  font-size: 16px;
  padding: 0 5px 15px;
  border-bottom: solid 1px #bbb;
}

.file_upload .filename_wrap {
  padding: 25px 5px 20px;
  display: flex;
  border-top: solid 1px #bbb;
}

.file_upload .filename_wrap .downloadbtn {
  margin: 0 0 0 20px;
}

.file_upload .filename {
  color: #000;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
}

.file_upload .formbk .inputedit {
  font-size: 16px;
  line-height: 52px;
  white-space: nowrap;
  margin: 15px 0 0;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
}

.file_upload .formbk .inputedit input {
  margin-right: 10px;
}

.file_upload .formbk .inputedit svg.delete {
  min-width: 19px;
  margin-left: 10px;
  position: relative;
  top: 10px;
  right: 0;
}

.border_block {
  padding: 20px 5px;
  border-top: solid 1px #bbb;
}

.border_block .upload_file .image {
  margin: 0 auto;
}

.border_block .text_area {
  font-size: 16px;
  line-height: 1.8;
  margin: 10px 0 20px;
}

.border_block h2 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin: 5px 0 0;
}

.border_block p {
  font-size: 16px;
  line-height: 1.4;
  margin: 15px 0 0;
}

.border_block p .textbtn {
  margin-left: 0;
}

.border_block p.pass {
  font-size: 14px;
  margin: 5px 0;
}

.border_block ul {
  margin: 15px 0 0;
}

.border_block ul li {
  font-size: 14px;
  line-height: 1.4;
  margin: 5px 0 0;
}

.border_block ul li.chushaku {
  text-indent: -1em;
  padding: 0 0 0 1em;
  position: relative;
}

.calendarpage.underlayer .contents, .calendar_contents .formbk input[disabled], .calendar_contents .formbk textarea[disabled] {
  background-color: #ededed;
}

.calendar_contents {
  padding: 20px;
  background-color: #fff;
  margin: 40px 0 0;
  position: relative;
}

.calendar_contents .formbk {
  padding: 0 0 30px;
  margin: 0 0 30px;
  border-bottom: solid 1px #aaa;
}

.calendar_contents .name_wrap {
  font-size: 16px;
  padding: 0 5px 15px;
  border-bottom: solid 1px #bbb;
  line-height: 1.8;
}

.calendar_contents .title_wrap {
  padding: 25px 5px 20px;
}

.calendar_contents .main_title {
  color: #000;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
}

.calendar_contents .schedule_label {
  margin-bottom: 5px;
  display: flex;
}

.calendar_contents .schedule_label .label_wrap span {
  font-size: 14px;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 2px;
  box-sizing: border-box;
  background: #2dbd8b;
  text-align: center;
  line-height: 23px;
  color: #fff;
  margin: 0 5px 5px 0;
}

.calendar_contents .schedule_label .label_wrap span.vid,
.calendardetail .schedule p .vid {
  background: #4a8cff;
}

.calendar_contents .schedule_label .label_wrap span.regular,
.calendardetail .schedule p .regular {
  background: #3581c9;
}

.calendar_contents .upload_file + * {
  margin-top: 20px;
}

.calendar_contents .form {
  max-width: 730px;
  margin: 0 auto;
}

.calendar_contents > h1 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  margin: 50px 0 60px;
  text-align: center;
  clear: both;
}

.calendar_contents .until {
  display: flex;
  align-items: center;
}

.calendar_contents .calendar + span {
  display: inline-block;
  font-size: 18px;
  padding: 0 0 0 12px;
}

.calendar_contents .plans + * {
  margin-top: 10px;
}

.calendar_contents .formbk.inner {
  padding: 0;
  margin: 0;
  border-bottom: 0;
}

.calendar_contents .formbk.inner .tablebk {
  margin-bottom: 0;
}

.calendar_contents .formbk.inner.open {
  position: relative;
  z-index: 3;
}

.calendar_contents .border_block p.textbtn {
  margin-left: 10px;
}

.calendar_contents .border_block p.textbtn a {
  text-align: left;
  min-width: inherit;
}

.calendar_contents .pagemenu.type02 h4.ribbon {
  position: absolute;
  top: 17px;
  left: 0;
  margin: 0;
}

.calendar_contents .pagemenu.type02 h4.video span {
  padding: 0 28px 0 45px;
  background: #4a8cff;
}

.calendar_contents .pagemenu.type02 h4.video span .icon {
  width: 22px;
  height: 13px;
  fill: #fff;
  top: 48%;
  left: 15px;
  transform: translateY(-50%);
}

.hide_wrap {
  display: none;
}

.has_hide input:checked ~ .hide_wrap {
  margin-top: 10px;
  display: block;
}

.conference_section .status_link .textbtn a svg.download {
  width: 20px;
  transform: rotate(0deg);
}

.num_link {
  color: #fff;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  min-width: 25px;
  height: 25px;
  padding: 0 2px;
  border-radius: 25px;
  margin: 0;
  background: #e4284b;
  display: inline-block;
  border: solid 2px #fff;
  z-index: 2;
}

.boardpage .news .newslist .detail .num_link, .conferencepage .news .newslist .detail .num_link, .newslist.topiclist .detail .num_link {
  position: absolute;
  top: -10px;
  right: -15px;
}

.conferencepage .news .newslist .detail .num_link {
  top: -13px;
  right: -13px;
}

.ribbon.light_blue span {
  background: #5ac4d2;
}

.ribbon.orange02 span {
  background: #fda437;
}

.boardpage .contents {
  padding: 0 40px 60px;
}

.board_section {
  margin: 40px 0 0;
}

.board_section .button {
  padding: 50px 0 45px;
}

.board_section h4.ribbon {
  text-align: left;
  margin: 0 0 0 -20px;
}

.board_section.news .newslist li, .newslist.topiclist li {
  padding: 15px 20px;
}

.board_section.news .newslist li.num::after, .newslist.topiclist li.num::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: -26px;
  top: -26px;
  border: 26px solid transparent;
  border-top: 26px solid #c9c9c9;
  transform: rotate(-135deg);
}

.board_section.news .newslist li .status, .newslist.topiclist li .status {
  display: block;
  vertical-align: middle;
  position: absolute;
  top: 6px;
  right: 60px;
  transform: inherit;
}

.board_section.news .newslist li .status .pagemenu, .newslist.topiclist li .status .pagemenu {
  top: 35px;
  right: -50px;
}

.board_section.news .newslist li .status .pagemenu {
  top: 10px;
}

.board_section.news .newslist li .status h4, .newslist.topiclist li .status h4 {
  color: #fff;
  font-size: 14px;
  line-height: 2;
  vertical-align: middle;
  text-align: right;
  white-space: inherit;
  min-width: auto;
  max-width: inherit;
  position: static;
}

.board_section.news .newslist li .status h4 span, .newslist.topiclist li .status h4 span {
  width: auto;
  min-width: 107px;
  box-sizing: border-box;
  padding: 0 15px 0 13px;
  display: inline-block;
  position: relative;
  top: auto;
  left: 20px;
  transform: inherit;
  z-index: 2;
}

.board_section.news .newslist li .status h4 svg, .newslist.topiclist li .status h4 svg {
  width: auto;
  height: 100%;
}

.board_section.news .newslist .detail, .newslist.topiclist .detail {
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;
  position: relative;
}

.board_section.news .newslist .detail p.tit, .newslist.topiclist .detail p.tit {
  margin: 0 10px 0 0;
  display: inline;
}

.board_section.news .newslist .detail p.tit span, .newslist.topiclist .detail p.tit span {
  display: inline;
}

.board_section.news .newslist .detail p.tit .cate, .newslist.topiclist .detail p.tit .cate {
  font-weight: bold;
}

.board_section.news .newslist .detail p.tit .new:first-child {
  margin-left: -1em;
}

.board_section.news .newslist .detail p.tit .date:first-child .pc:first-child, .board_section.news .newslist .detail p.tit > .date:first-child .pc:first-child + br {
  display: none;
}

.board_section.news form .sortmenu {
  padding: 20px 10px 0;
}

.boardpage.green .newsform h1 {
  color: #000;
}

.board_section02 .newsform {
  padding: 45px 20px 20px;
  margin: 40px 0 0;
  background: #fff;
}

.board_section .detail .pagemenu {
  top: -15px;
  right: 10px;
}

.boardpage .board_section .detail .pagemenu {
  z-index: unset;
}

.board_section02 h4.ribbon {
  margin: 0 0 0 -20px;
}

.board_detail {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0 0 10px;
  border-bottom: solid 1px #bbb;
}

.newsform .detail + .board_detail {
  margin-top: 20px;
  border-top: solid 1px #bbb;
}

.board_detail .upload_file li svg.delete {
  position: relative;
  top: 5px;
  right: 0;
  transform: translateY(0);
}

.board_detail.bdn {
  border-bottom: none;
}

.board_detail.flexcol {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.board_detail p {
  color: #000;
  font-size: 16px;
  line-height: 1.8;
  padding-right: 20px;
  margin: 15px 0 0;
}

.board_detail p.comm_delete {
  color: #c00;
}

.board_detail p a, .wrapper .ck-content p a, .wrapper .wysiwyg_block p a, .border_block p a, .attend_section p a {
  color: #1c72d4;
  text-decoration: underline;
}

.attend_section .pagemenu .submenu p a {
  color: #000;
  text-decoration: none;
}

.wysiwyg_block blockquote {
  overflow: hidden;
  padding-right: 1em;
  padding-left: 1em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: 5px solid #ccc;
}

.wrapper .board_detail .mensiton.wysiwyg_block p {
  font-size: 18px;
  line-height: 1.6;
  padding: 0 5px;
  margin: 0;
}

.board_detail p.category_wrap {
  margin: 15px 0 0;
  font-size: 18px;
}

.board_detail p .category {
  font-weight: bold;
  margin-right: 8px;
  display: inline-block;
  white-space: nowrap;
}

.board_detail p .name a {
  color: #1c72d4;
  text-decoration: underline;
}

.board_detail p .name a:hover {
  text-decoration: none;
}

.board_detail h1 {
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 25px 5px 10px;
}

.board_detail h2 {
  margin: 25px 0 0 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.4;
  text-align: left;
  padding: 0 5px;
}

.board_detail .yes_no a {
  color: #da0a16;
  text-decoration: underline;
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  margin: 0 10px;
}

.board_detail .yes_no a:hover {
  text-decoration: none;
}

.board_detail .statusbtn {
  display: inline-block;
}

.board_detail .statusbtn a {
  font-size: 14px;
  font-weight: bold;
  display: block;
  padding: 0 4px 2px 8px;
  background: #fff;
  border-radius: 5px;
  text-decoration: none;
  line-height: 20px;
  box-sizing: border-box;
}

.board_detail .statusbtn a svg {
  width: 20px;
  height: 20px;
  position: relative;
  top: 3px;
  left: -5px;
}

.board_detail .statusbtn a svg .st0 {
  fill: none;
  stroke-width: 1.4;
}

.board_detail .statusbtn a:hover svg .st0 {
  stroke: #fff;
}

.board_detail .pastbtn {
  margin-left: 15px;
  display: inline-block;
}

.board_detail .pastbtn a {
  display: block;
  font-size: 16px;
}

.board_detail .upload_file {
  margin: 0 0 20px 0;
}

.board_detail .upload_file li {
  display: block;
}

.board_detail .sortmenu p {
  display: block;
  margin: 0;
  padding-right: 0;
}

.board_section02 .newsform .form {
  max-width: inherit;
  margin: 0;
}

.board_section02 .newsform .form .formbk:last-child {
  border-bottom: 0;
  margin: 0;
}

.board_section02 .formbk h2,
.board_section02 .newsform .form .formbk h2 {
  margin: 25px 0 0;
  font-weight: bold;
  font-size: 22px;
  line-height: 1.4;
  text-align: left;
  padding: 0 5px;
}

.board_section02 .newsform .form .formbk h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  margin: 40px 0 0;
  text-align: center;
}

.board_section02 .formbk h2 .icon,
.board_section02 .newsform .form .formbk h2 .icon {
  margin: 0;
}

.board_section02 .newsform .form .formbk .radiocol {
  margin: 20px 0 0;
}

.board_section02 .newsform .form .formbk .radiocol + .radiocol,
.board_section02 .newsform .form .formbk .radiocol + .flexcol .radiocol {
  margin: 10px 0 0;
}

.board_section02 .newsform .form .formbk .radiocol label {
  font-size: 16px;
}

.board_section02 .newsform .form .formbk .flexcol {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  flex-wrap: wrap;
}

.board_section02 .newsform .form .formbk .flexcol.pc {
  padding-bottom: 5px;
}

.board_section02 .newsform .form .formbk {
  border-bottom: none;
}

.board_section02 .newsform .form .formbk .sortmenu {
  padding: 10px 15px 0 0;
  margin: 0 0 -10px;
  background: #fff;
  display: flex;
  vertical-align: middle;
}

.board_section02 .newsform .form .formbk .timeselect {
  position: relative;
  top: 1px;
}

.board_section02 .newsform .form .formbk .timeselect .times {
  padding: 0 5px 0 0;
}

.board_section02 .newsform .form .formbk .timeselect .times + .times {
  padding-left: 5px;
  padding-right: 20px;
}

.board_section02 .newsform .form .formbk .timeselect select {
  line-height: 40px;
  min-width: 124px;
  height: 40px;
  margin-right: 5px;
}

.board_section02 .newsform .form .formbk .timeselect select[disabled] {
  background: #ccc;
  cursor: default;
}

.board_section02 .newsform .form .formbk .button {
  text-align: center;
  padding: 0;
}

.board_section02 .newsform .form .formbk .button button {
  font-size: 18px;
  padding: 15px 20px;
}

.board_section02 .newsform .form .formbk .button {
  text-align: center;
  padding: 0;
}

.board_section02 .newsform .form .formbk .advanced .flexcol + .button {
  text-align: left;
}

.board_section02 .newsform .form .formbk .advanced .flexcol + .button button {
  width: auto;
  margin: 15px 0 0;
  display: inline-block;
}

.board_section02 .newsform .form .formbk .button button span {
  padding: 0;
}

.board_section02 .newsform .form .formbk .button.sp_btn button span {
  padding: 0 0 0 24px;
}

.board_section02 .newsform .form .formbk .button.sp_btn {
  display: none;
}

.board_section02 .newsform .form .formbk .allreadbtn {
  position: relative;
}

.board_section02 .newsform .form .formbk .allreadbtn a {
  display: block;
  font-size: 16px;
  color: #1c72d4;
  text-decoration: underline;
  position: absolute;
  top: -15px;
  right: 4px;
}

.board_section02 .newsform .form .formbk .allreadbtn a:hover {
  text-decoration: none;
}

.board_section02 .board_detail p {
  padding: 0 5px;
}

.board_section02 .formbk h2 .position a {
  position: relative;
}

.board_section02 .formbk h2 .position a.help_link {
  top: -4px;
}

.boardlist {
  margin: 10px -20px 0;
}

.board_detail.bg_yellow {
  background: #fff7d9;
  min-height: 195px;
}

.board_detail.bg_pink {
  background: #ffeef1;
  min-height: 206px;
}

.board_detail .imgTxt .image {
  margin: 0 20px 0 0;
  width: 88px;
  height: 88px;
  min-width: 88px;
  float: left;
}

.board_detail .imgTxt .wysiwyg_block .image {
  width: auto;
  height: auto;
  min-width: inherit;
  float: none;
  clear: both;
}

.board_detail .imgTxt .image.human_icon img {
  margin: 0 auto;
  display: block;
}

.board_detail .imgTxt .text {
  padding: 0 0 0 108px;
}

.boardlist .board_detail {
  font-size: 16px;
  padding: 30px 20px 25px;
  border-top: solid 1px #bbb;
  border-bottom: none;
  padding-right: 0;
}

.boardlist li:last-child .board_detail {
  border-bottom: solid 1px #bbb;
}

.board_detail .imgTxt .text p.name {
  font-weight: bold;
  margin: 0;
}

.board_detail .imgTxt .text .mensiton {
  line-height: 1.6;
  margin: 20px 0 0;
}

.board_detail .imgTxt .text .date {
  position: absolute;
  top: 12px;
  right: 5px;
}

.board_detail .quote_delete {
  text-align: right;
  padding: 0 0 10px;
}

.board_detail .yes_no {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.board_detail .quote_delete .quotebtn,
.board_detail .yes_no .quotebtn {
  max-width: none;
  margin: 0;
  display: inline-block;
}

.board_detail .quote_delete .sp {
  display: none;
}

.board_detail .quote_delete a {
  color: #1c72d4;
  text-decoration: underline;
  font-size: 16px;
  display: inline-block;
  margin: 0 20px 0 0;
}

.board_detail.bg_pink .quote_delete a {
  color: #da0a16;
}

.board_detail .quote_delete a + a {
  margin: 0 25px 0 0;
}

.board_detail .quote_delete a:hover {
  text-decoration: none;
}

.board_detail.conferenceupdate {
  border-bottom: none;
  margin: 20px 0 0;
  padding-bottom: 20px;
}

.board_detail.conferenceupdate p {
  color: #000;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
  display: flex;
  padding: 0 5px;
  position: relative;
}

.board_detail.conferenceupdate p span.justify {
  text-align-last: justify;
  display: block;
  position: absolute;
  font-weight: bold;
  width: 4em;
}

.board_detail.conferenceupdate p span.indent {
  text-indent: -1em;
  display: inline-block;
  line-height: 1.7;
  padding: 0 0 0 5.5em;
}

.boardlist p.img_link a, .conference_detail p.img_link a {
  display: block;
  text-decoration: underline;
  color: #1c72d4;
}

.boardlist p.img_link a:hover, .conference_detail p.img_link a:hover {
  text-decoration: none;
}

.boardlist p.img_link svg, .conference_detail p.img_link svg {
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
  position: relative;
  top: 4px;
}

.boardlist p.img_link svg .st0, .conference_detail p.img_link svg .st0 {
  fill: none;
  stroke: #A19988;
  stroke-width: 1.327;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 22.9256;
}

.boardpage .modal.fix_modal {
  min-height: 100px;
  height: 100px;
  top: auto;
  bottom: 0;
  background: #fff;
  overflow: auto;
  box-shadow: 0 -4px 9px -6px #000;
}

.boardpage .modal.modal_info_bg .modal_section .bg {
  padding: 30px;
}

.boardpage .modal.fix_modal .modal_section {
  width: auto;
  max-width: none;
  height: 100%;
  max-height: inherit;
  margin: 0;
  padding-top: 0;
  position: relative;
  top: 0;
  transform: translateY(0);
}

.boardpage .fix_modal a.modal_close {
  display: none;
}

.boardpage .modal.file_modal a.modal_close, .boardpage .modal.modal_info_bg a.modal_close {
  display: block;
}

.boardpage .modal .comment {
  height: calc(100% - 20px);
  padding: 0 50px;
  margin: 0 auto;
  box-sizing: border-box;
}

.boardpage .modal h1 + .comment {
  padding-top: 20px;
}

.boardpage .modal.moji .comment {
  padding: 30px 40px;
}

.boardpage .modal .twocol {
  height: calc(100% - 20px);
  max-width: inherit;
  min-height: 222px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.boardpage .modal .comment .upload_file {
  margin: 20px 0;
}

.boardpage .modal .comment .upload_file li {
  margin-top: 15px;
}

.boardpage .modal.moji .twocol {
  display: block;
}

.boardpage .modal .leftcol > .wysiwyg {
  height: 100%;
}

.boardpage .modal .halfcol > div {
  width: 55%;
  height: 100%;
  padding: 0;
  box-sizing: border-box;
}

.boardpage .modal .halfcol > div:nth-child(even) {
  width: calc(45% - 35px);
  padding: 0;
}

.boardpage .modal.moji .halfcol > div,
.boardpage .modal.moji .halfcol > div:nth-child(even) {
  width: 100%;
}

.boardpage .modal .modal_section textarea {
  height: 100%;
  width: 100%;
  padding: 20px 25px;
  font-size: 18px;
  border: 1px solid #aaa;
  display: block;
}

.boardpage .modal .modal_section textarea::placeholder {
  font-size: 18px;
}

.boardpage .modal.moji .halfcol .leftcol {
  margin: 0 0 20px;
}

.boardpage .modal.moji .halfcol .leftcol textarea {
  height: 350px;
}

.boardpage .modal.moji .halfcol .rightcol .twocol,
.boardpage .modal.moji .halfcol .rightcol .twocol .rightcol02 {
  display: flex;
}

.boardpage .modal .halfcol > .rightcol {
  height: 222px;
  position: relative;
}

.boardpage .modal .radiocol .blocks {
  width: 100%;
}

.boardpage .modal .radiocol label {
  white-space: nowrap;
  font-size: 16px;
  padding: 0 0 0 32px;
  margin: 0;
  line-height: 28px;
  display: inline-block;
}

.boardpage .modal .leftcol02 {
  width: 178px;
  padding: 0;
  box-sizing: border-box;
}

.boardpage .modal.moji .leftcol02 {
  margin-right: 20px;
}

.boardpage .modal .rightcol02 {
  padding: 0;
}

.boardpage .modal .leftcol02 .linkbtn {
  padding-right: 0;
  line-height: 28px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

.boardpage .modal .leftcol02 .linkbtn a {
  display: block;
  padding: 8px 0 8px 18px;
  background: #fff;
  border-radius: 5px;
  text-decoration: none;
  width: 178px;
  box-sizing: border-box;
}

.boardpage .modal .leftcol02 .linkbtn a svg {
  width: 23px;
  height: 23px;
  position: relative;
  top: 4px;
  left: -7px;
}

.boardpage .modal .leftcol02 .linkbtn a svg .st0 {
  fill: none;
  stroke-width: 1.4;
}

.boardpage .modal .leftcol02 .linkbtn a:hover svg .st0 {
  stroke: #fff;
}

.boardpage .modal .leftcol02 .txtdecobtn {
  padding-right: 0;
  line-height: 28px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  margin: 0 0 10px;
}

.boardpage .modal .leftcol02 .txtdecobtn a {
  display: block;
  padding: 8px 15px 8px 15px;
  background: #fff;
  border-radius: 5px;
  text-decoration: none;
  width: 178px;
  box-sizing: border-box;
}

.boardpage .modal .leftcol02 .txtdecobtn a svg.icon_a {
  width: 23px;
  height: 23px;
  position: relative;
  top: 7px;
  left: -2px;
}

.boardpage .modal .leftcol02 .txtdecobtn a svg.icon_a.mini_a {
  width: 23px;
  height: 23px;
  position: relative;
  top: 10px;
  left: -20px;
}

.boardpage .modal .leftcol02 .icon_a {
  width: 19px;
  height: 21px;
  margin: 0 0 0 2px;
}

.boardpage .modal .leftcol02 .icon_a.mini_a {
  width: 13px;
  height: 13px;
  margin: 0 0 0 2px;
}

.boardpage .modal .leftcol02 .icon_a text {
  font-kerning: auto;
  font-family: Kozuka Gothic Pr6N;
  fill: rgb(0, 0, 0);
  font-size: 24px;
}

.boardpage .modal .leftcol02 .icon_a tspan {
  font-size: 24px;
  font-family: Hiragino UD Sans StdN;
}

.boardpage .modal .leftcol02 .txtdecobtn a:hover .icon_a tspan {
  fill: #fff;
}

.boardpage .modal .leftcol02 .icon_a.mini_a tspan {
  font-size: 16px;
}

.boardpage .modal .rightcol02 a.help_link {
  margin-left: 5px;
}

.boardpage .modal input[type=text] {
  height: 50px;
  margin: 5px 0 0 1.5em;
  padding: 20px 15px;
  width: calc(100% - 1.5em);
  font-size: 18px;
  border: solid 1px #aaa;
}

.boardpage .modal .newcategory input[type=text] {
  width: 100%;
  margin: 5px 0 0;
}

.board_section03 .board_detail .imgTxt .text p.mensiton,
.board_section03 .board_detail p.img_link {
  margin-left: 20px;
}

.board_section03 .newsform .form .formbk.open {
  border-bottom: solid 1px #aaa;
}

.board_detail02 .imgTxt .text .date {
  position: static;
  margin: 10px 0 0;
}

.board_section03 .board_detail02 .imgTxt .text p.mensiton {
  margin-left: 0;
}

.board_section03 .board_detail02 p.img_link {
  margin: 5px 0 15px;
}

.board_section02 .newsform .form .formbk {
  border-bottom: none;
}

.board_section02 .newsform .form .formbk:not(.open) + .formbk h3 {
  margin: 30px 0 0;
}

.board_section .board_detail .textbtn {
  margin: 10px 0 15px;
  display: block;
  clear: both;
}

.board_section .board_detail .textbtn a {
  text-align: left;
  padding: 5px 15px;
}

.board_section .board_detail .textbtn svg {
  height: 14px;
  top: 3px;
}

.board_detail .upload_file.deny li {
  width: 64.44%;
}

.board_detail .upload_file.deny .statusbtn {
  top: 11px;
  right: 46px;
}

.board_detail .upload_file.deny .statusbtn a {
  padding: 1px 2px;
  line-height: 15px;
}

.board_detail .upload_file.deny .statusbtn a svg {
  top: 1px;
  left: 0;
}

.modal.deny {
  height: 100vh;
  height: 100dvh;
  top: 0;
  bottom: auto;
  background: rgba(0, 0, 0, 0.7);
  overflow: auto;
  box-shadow: none;
}

.modal.deny .modal_section {
  width: 80%;
  max-height: 680px;
  margin: 0 auto 15px;
  padding-top: 60px;
  position: relative;
  top: 40%;
  transform: translateY(-50%);
}

.modal.deny a.modal_close, .modal.moji a.modal_close {
  display: block;
}

.modal.deny .modal_section .bg {
  padding: 0 0 20px;
  background: #fff;
}

.modal.deny .denyreason {
  padding: 0 0 35px;
  margin: 0 35px;
}

.modal .file_modal_form {
  padding: 30px 0 40px;
  margin: 0 35px;
}

.download_modal {
  padding: 30px 0 20px;
  margin: 0 35px;
}

.download_modal .button {
  padding: 55px 0 5px;
}

.modal.deny h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  margin: 40px 0 0 0;
}

.modal.deny p {
  font-size: 18px;
  line-height: 1.6;
  margin: 15px 0 0 0;
}

.download_modal p {
  font-size: 18px;
  line-height: 1.5;
}

.modal.deny textarea {
  margin: 15px 0 0 0;
}

.modal .new_create + .graybtn {
  padding-top: 20px;
}

.opinionpage .serach_form .status .checkcol {
  margin-left: 6px;
  padding-bottom: 0;
}

.opinionpage .serach_form .status .checkcol li {
  margin-bottom: 0;
}

.opinionpage .formbk .inputtext input.input_half {
  width: calc(50% - 20px);
}

.opinionpage .news.opinion_info .newslist {
  border-bottom: 0;
}

.opinion_info {
  background: #fff;
}

.opinion_info .newslist .detail .ribbons,
.news .newslist li .detail .ribbon {
  position: absolute;
  right: 0;
  bottom: auto;
}

.news .newslist li .detail .ribbon {
  color: #fff;
  font-size: 14px;
  line-height: 2;
  right: -20px;
}

.reservpage .news .reserv_check .detail .ribbon, .grouppage .news .reserv_check .detail .ribbon,
.opinionpage .opinion_info .newslist .detail .ribbons {
  bottom: 0;
}

.attendpage .news .newslist li .detail .ribbon {
  right: 20px;
  bottom: 3px;
}

.topcontents .news .newslist.reservlist li .detail .ribbon,
.reservpage .news .reserv_check li .detail .ribbon {
  right: 0;
  bottom: 0;
}

.opinion_info .newslist .detail .ribbons .lastpath {
  fill: #0c9;
}

.opinion_info .newslist .submenuarea {
  top: auto !important;
  bottom: 16px;
}

.opinion_info p {
  line-height: 1.6;
}

.wrapper .opinion_info .newscontent p {
  margin: 20px 0;
}

.opinion_info .submenu p {
  font-weight: normal;
  line-height: 40px;
}

.opinion_info h4.ribbon {
  text-align: left;
  margin: 0 0 0 -20px;
}

.opinion_info .opinion_block .newsupdate {
  padding: 15px 0;
}

.opinion_info .opinion_block .newsupdate p {
  line-height: 1;
}

.opinion_info .opinion_block .newsupdate p:first-child {
  margin-top: 0;
}

.opinion_info .opinion_block .newsupdate p span.justify {
  width: 7em;
  font-weight: bold;
}

.opinion_info .opinion_block .newsupdate p span.indent {
  padding-left: 4em;
}

.opinion_info .correspondence {
  padding: 20px 5px;
  position: relative;
}

.opinion_info .correspondence .title {
  margin-bottom: 10px;
  line-height: 1;
  font-weight: bold;
}

.opinion_info .correspondence .title a {
  margin-top: 6px;
}

.opinion_info .correspondence .title .submenu {
  top: 46px;
}

.opinion_info .correspondence .title .submenu p a {
  margin-top: 0;
}

.opinion_info .correspondence .inputcontent {
  font-size: 16px;
  line-height: 1.8;
}

.opinion_info .lastupdate p {
  line-height: 1;
}

.opinion_info .lastupdate .justify {
  width: 6em;
  font-weight: bold;
}

.opinion_info .lastupdate .indent {
  padding-left: 3em;
}

.newsform .form_title p {
  font-size: 18px;
  line-height: 1.6;
  white-space: pre-line;
}

.newsform .form_title p.chushaku {
  color: #f00;
  margin: 10px 0 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
}

.commenteditor {
  width: 100%;
  height: 20px;
  clear: both;
  cursor: row-resize;
}

.ribbon.brown span {
  background: #998366;
}

.safety_report button span svg, .safety_report a span svg {
  width: 26px;
  position: absolute;
  top: 3px;
  left: -4px;
  transform: rotate(45deg) scale(0.7);
}

.emergency_section {
  margin: 40px 0 0;
}

.emergency_section06 {
  margin-bottom: 40px;
}

.emergency_section h1 {
  margin: 0;
  padding: 0;
}

.emergency_section h3 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin: 45px 0 0 0;
}

.emergency_section .newsform {
  margin: 40px 0 0;
  background: #fff;
}

.emergency_section01 .newsform {
  padding: 70px 0;
}

.emergency_section02 .newsform {
  padding: 15px 20px 0;
}

.emergency_section03 .newsform, .emergency_section06 .newsform {
  padding: 0;
}

.emergency_section .newslist .detail, .newslist.disasterlist .detail {
  padding: 5px 0 0 0;
}

.emergency_section01 .newsform .config {
  padding: 0 20px;
}

.config.detail .pagemenu {
  top: -50px;
  right: 0;
  text-align: right;
}

.opinionpage .news.opinion_info .newslist .detail .pagemenu {
  text-align: right;
  clear: both;
}

a.settingbtn {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
  padding: 6px 10px 6px 38px;
  background: #ff7200;
  border: solid 1px #ff7200;
  border-radius: 5px;
  text-decoration: none;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  display: inline-block;
}

a.settingbtn:hover {
  color: #ff7200;
  background: #fff;
}

.opinion_info .newslist .detail .settingbtn {
  top: -10px;
  margin: 0 0 25px;
}

a.settingbtn svg {
  width: 19px;
  height: 18px;
  position: absolute;
  top: 4px;
  left: 15px;
}

a.settingbtn svg path {
  fill: #fff;
}

a.settingbtn:hover svg path {
  fill: #ff7200;
}

.opinionpage .news.opinion_info .newslist .detail .submenu-btns {
  position: relative;
}

.emergency_section.news .newslist {
  padding: 30px 0 100px;
  border-bottom: none;
}

.emergency_section.news .newslist .detail p .category, .newslist.disasterlist .detail p .category {
  padding-right: 0;
  margin-right: 1em;
  border-right: none;
}

.emergency_section.news .newslist .detail p .new, .news .newslist.disasterlist .detail p .new {
  margin-right: 0;
  display: inline;
}

.emergency_section.news .newslist .detail p .date, .newslist.disasterlist .detail p .date {
  padding-right: 25px;
  margin-right: 15px;
  display: inline-block;
  border-right: solid 1px #000;
  white-space: nowrap;
}

.emergency_section.news .newslist li, .news .newslist.disasterlist li {
  padding: 10px 20px 20px 20px;
}

.emergency_section.news .newslist li.nolink {
  width: auto;
  margin: 0 -20px;
}

.emergency_section.news .newslist li.nolink,
.save_information .newslist li.nolink,
.enquetepage .news .newslist li.nolink {
  background: #f4f4f4;
}

.emergency_section.news .newslist li.nolink h2,
.save_information .newslist li.nolink h2,
.enquetepage .news .newslist li.nolink h2 {
  text-align: center;
  margin: 5px 0 0;
}

.enquetepage .news .newslist li.nolink h2 {
  margin: 5px 0;
}

.enquetepage .news .newslist li.nolink .detail {
  padding-right: 0;
}

.emergency_section .newslist .detail p.emergency + p, .newslist.disasterlist .detail p.emergency + p {
  font-size: 14px;
}

.emergency_section .newslist h2 span, .newslist.disasterlist h2 span {
  display: inline-block;
}

.emergency_section .newslist .detail h2 + p, .newslist.disasterlist .detail h2 + p {
  margin: 10px 0 0;
}

.emergency_section .newslist .detail, .newslist.disasterlist .detail {
  width: 100%;
  position: relative;
}

.emergency_section .newslist .detail h4.ribbon, .newslist.disasterlist .detail h4.ribbon {
  color: #fff;
  font-size: 14px;
  line-height: 2;
  margin: 0 10px 0 -10px;
  min-width: auto;
  max-width: inherit;
  position: relative;
  right: 0;
}

.emergency_section.emergency_section06 .newslist .detail h4.ribbon {
  display: inline-block;
}

.emergency_section .newslist .detail h4.ribbon span, .newslist.disasterlist .detail h4.ribbon span {
  text-align: center;
  padding: 0 28px 0 48px;
  position: static;
  display: inline-block;
  transform: translateY(0) translateX(0);
}

.emergency_section .newslist .detail h5.ridge_title {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  padding: 5px 10px;
  margin: 25px 0 -5px 25px;
  background: #998366;
  clear: both;
}

.emergency_section.news .newslist li h4 svg, .newslist.disasterlist li h4 svg {
  width: auto;
}

.emergency_section.news .newslist li h4 svg.icon, .newslist.disasterlist h4 svg.icon {
  width: 22px;
  margin: 0 5px 0 0;
  top: 0;
  z-index: 1;
  position: absolute;
  left: 20px;
}

.emergency_section.news .newslist li h4 svg path, .news .newslist.disasterlist h4 svg path {
  fill: #fed851;
}

.emergency_section .newslist .detail p .chain, .newslist.disasterlist .detail p .chain {
  padding: 0 0 0 24px;
}

.emergency_section .newslist li.emergency + li:last-child, .newslist.disasterlist li.emergency + li:last-child {
  border-top: none;
}

.emergency_section .newslist + h1, .newslist.disasterlist + h1 {
  margin: 95px 0 0 0;
}

.emergency_section.news .newslist {
  padding: 30px 0 0;
}

.emergency_section02.news .newslist {
  padding-bottom: 40px;
}

.emergency_section02.news ul.navigation {
  margin-top: 0;
}

.emergency_section .newslist + .status_link {
  margin: 15px 20px 55px 0;
}

.emergency_section .newslist + .status_link .statusbtn a {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding: 0 14.5px;
  background: #fff;
  border-radius: 5px;
  line-height: 23px;
}

.emergency_section .sortmenu {
  align-items: baseline;
  padding: 0;
}

.emergency_section .sortmenu p {
  font-size: 14px;
  line-height: 22px;
}

.emergency_section .sortmenu select {
  margin: 0 10px 0 0;
}

.emergency_contents {
  padding: 35px 20px 75px;
  background: #fff;
}

.emergency_contents .inner {
  max-width: 730px;
  margin: 0 auto;
}

.emergency_contents h4 {
  text-align: center;
  background: #ebe6e0;
  font-weight: bold;
  line-height: 70px;
  margin: 55px 0 0 0;
  box-sizing: border-box;
  font-size: 24px;
}

.emergency_contents h4 + p {
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
  margin: 20px 0 0 0;
}

.emergency_contents h4 + p span {
  display: inline-block;
}

.emergency_contents h4 + p a {
  color: #1c72d4;
}

.emergency_contents h4 + p a span {
  text-decoration: underline;
}

.emergency_contents h4 + p a:hover span {
  text-decoration: none;
}

.emergency_section .attention {
  margin: 30px 0 0 0;
  padding: 0 0 15px;
}

.emergency_section .attention a {
  display: block;
  color: #da0a16;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  line-height: 1.5;
  padding: 13px 10px;
  margin: 0 auto;
  border: solid 3px #da0a16;
  max-width: 730px;
  box-sizing: border-box;
  background: #fff;
}

.emergency_section .attention a:hover {
  color: #fff;
  background: #da0a16;
  text-decoration: none;
}

.emergency_section p.anpi_status {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
}

.emergency_section .sortmenu + p.anpi_status {
  margin-top: 30px;
}

.emergency_section p.anpi_status span {
  text-align: center;
  display: inline-block;
  padding: 0 30px 0 0;
}

.emergency_section p.anpi_status span + span,
.emergency_section p.anpi_status span span {
  padding: 0;
}

.emergency_section p.anpi_status span span.unit {
  color: #da0a16;
}

.emergency_section p.anpi_status span + span {
  padding: 0;
}

.emergency_table {
  width: 100%;
  padding: 0;
  margin: 40px 0 0 0;
  border-left: solid 1px #aaa;
  border-top: solid 1px #aaa;
}

.emergency_table th,
.emergency_table td {
  font-size: 20px;
  text-align: center;
  word-break: break-all;
  padding: 34px 20px;
  vertical-align: middle;
  border-right: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
  width: 243px;
  height: 100px;
  max-width: none;
  box-sizing: border-box;
}

.emergency_table tr th:first-child,
.emergency_table tr td:first-child {
  width: 242px;
  max-width: none;
  text-align: left;
}

.emergency_table tr:first-child th:first-child {
  padding: 0;
  position: relative;
}

.emergency_table tr:first-child th:first-child svg {
  vertical-align: bottom;
  height: calc(100% - 0px);
}

.emergency_table tr:first-child th:first-child svg line {
  stroke: #aaa;
  stroke-width: 1px;
}

.emergency_table tr:first-child th:first-child::after {
  content: "支援対応";
  display: block;
  width: 4em;
  height: auto;
  position: absolute;
  right: 10px;
  top: 15px;
  font-size: 18px;
}

.emergency_table tr:first-child th:first-child::before {
  content: "避難場所";
  display: block;
  width: 4em;
  height: auto;
  position: absolute;
  left: 10px;
  bottom: 15px;
  font-size: 18px;
}

.emergency_table .pink_cell {
  background: #ffc1cb;
}

.emergency_table .lightpink_cell {
  background: #ffeef1;
}

.emergency_table .blue_cell {
  background: #b9d2f0;
}

.emergency_table .lightblue_cell {
  background: #e5effa;
}

.emergency_table a {
  color: #1c72d4;
  font-weight: bold;
  text-decoration: underline;
}

.emergency_table a:hover {
  text-decoration: none;
}

.emergency_table a span {
  font-size: 32px;
}

.emergency_table + p {
  text-align: right;
  font-size: 18px;
  line-height: 1.4;
  margin-top: 20px;
}

.emergency_table + p span {
  display: inline-block;
}

.support_table {
  position: relative;
  border: #aaa 1px solid;
  padding: 25px 25px 35px;
  margin: 25px 0 0 0;
}

.support_table + .support_table {
  margin: 20px 0 0 0;
}

.support_table .status p {
  position: absolute;
  top: 5px;
  right: -10px;
}

.support_table .status p a {
  color: #1c72d4;
  text-decoration: underline;
  font-size: 18px;
}

.support_table .status p a:hover {
  text-decoration: none;
}

.support_table .status h4 {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  vertical-align: middle;
  text-align: left;
  white-space: inherit;
  min-width: auto;
  max-width: inherit;
  position: static;
  background: none;
  margin: 0;
  box-sizing: border-box;
}

.support_table .status h4 span {
  width: auto;
  min-width: 107px;
  box-sizing: border-box;
  padding: 0 15px 0 13px;
  display: inline-block;
  position: relative;
  top: auto;
  left: -25px;
  transform: inherit;
  z-index: 2;
}

.support_table .status h4 svg {
  width: auto;
  height: 100%;
}

.support_table table {
  margin: 35px 0 0 0;
  position: relative;
  width: 100%;
}

.support_table table th {
  text-align: left;
  border-right: 1px solid #aaa;
  width: 165px;
}

.support_table table th a {
  color: #1c72d4;
  text-decoration: underline;
}

.support_table table th a:hover {
  text-decoration: none;
}

.support_table table th,
.support_table table td {
  vertical-align: middle;
  font-size: 20px;
  padding: 10px 20px 10px 0;
}

.support_table table tr:first-child th,
.support_table table tr:first-child td {
  padding: 10px 20px 25px 0;
}

.support_table table .bar {
  height: 25px;
  margin: 0;
  position: relative;
  z-index: 2;
}

.support_table table .bar.pink_bar {
  background: #ffc1cb;
}

.support_table table .bar.blue_bar {
  background: #b9d2f0;
}

.ribbon.light_pink span {
  background: #ffc1cb;
}

.ribbon.light_blue span {
  background: #69f;
}

.emergency_section02 .newsform .backbtn {
  top: 6px;
}

.emergency_section02 .bottom_back .backbtn {
  right: 0;
  top: -20px;
}

.emergency_section02 h1 {
  padding: 60px 0 0;
}

.emergency_section02 .newslist li .status {
  top: auto;
  transform: translateY(0);
  bottom: -6px;
}

.emergency_section02 .newslist li h3.button a {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  padding: 1px 15px;
  white-space: nowrap;
}

.emergency_section02 .newslist li h3.button {
  margin: 0 13px 0 0;
  z-index: 1;
}

.emergency_section02.news .newslist li .status h4 span {
  width: auto;
  min-width: 107px;
  box-sizing: border-box;
  padding: 0 15px 0 13px;
  display: inline-block;
  position: relative;
  top: auto;
  left: 17px;
  transform: inherit;
  z-index: 2;
}

.emergency_section02 .newslist li .status h4 svg {
  width: auto;
  height: 100%;
}

.emergency_section02 .newslist .detail p {
  padding-top: 5px;
}

.emergency_section02 .newslist .detail h2 + p {
  margin: 5px 0 0;
}

.emergency_section02 .newslist li .status .statusbtn {
  padding-right: 0;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  top: 28px;
  right: 100px;
}

.emergency_section02 .newslist li .status .statusbtn a {
  display: block;
  color: #fff;
  padding: 1.5px 21px;
  border-radius: 5px;
  line-height: 23px;
}

.need_assist_heart {
  width: 19px;
  height: 18px;
  position: relative;
  top: 4px;
  left: -4px;
}

.need_assist_heart .st0 {
  fill: #DA0A16;
  stroke: #DA0A16;
  stroke-width: 1.44;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 22.9256;
}

.need_assist_heart .st1 {
  fill: #fff;
}

.need_assist_plus {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 5px;
  left: 6px;
}

.need_assist_plus .st0 {
  fill: #fff;
}

.emergency_section03 .inner {
  padding: 0 20px;
  background: #fff;
}

.emergency_section03 .bottom_back .backbtn {
  right: 0px;
  top: -20px;
}

.emergency_section03 .detail .pagemenu {
  top: 71px;
  right: -1px;
}

.emergency_section03 .detail .pagemenu h4.ribbon {
  position: absolute;
  top: 60px;
  left: -21px;
}

.emergency_section03 h2 {
  padding: 60px 0 40px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  clear: both;
  background: #fff;
}

.emergency_section03 h2 + .detail .pagemenu {
  top: 18px;
  right: 20px;
}

.emergency_section03 .emergency_detail {
  padding: 0 5px 10px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  border-bottom: solid 1px #bbb;
}

.emergency_section03 .emergency_detail p.category_wrap {
  margin: 30px 5px 0;
  font-size: 18px;
  line-height: 1.6;
}

.emergency_section03 .emergency_detail p .category {
  font-weight: bold;
  padding-right: 28px;
  margin-right: 25px;
  display: inline-block;
  border-right: solid 1px #000;
  white-space: nowrap;
}

.emergency_section03 .emergency_detail p .date {
  padding-right: 28px;
  margin-right: 30px;
  padding-bottom: 0;
  display: inline-block;
  border-right: solid 1px #000;
  white-space: nowrap;
}

.emergency_section03 .emergency_detail h1 {
  margin: 0;
  background: #fff;
  font-weight: bold;
  color: #000;
  font-size: 22px;
  line-height: 1.4;
  text-align: left;
  padding: 25px 5px 5px;
  color: #000;
  font-weight: normal;
}

.emergency_section03 .emergency_detail h1 span {
  display: inline-block;
}

.emergency_section03 .need_assist {
  font-size: 18px;
  line-height: 1.6;
  padding: 25px 5px 10px;
}

.emergency_section03 .need_assist span {
  font-size: 14px;
  font-weight: bold;
  padding: 0 5px;
  color: #da0a16;
  margin: 0 10px 0 0;
  position: relative;
}

.emergency_section03 .need_assist span + span {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.6;
  color: #000;
  margin: 0;
}

.emergency_section03 .button {
  padding: 50px 0 15px;
}

.emergency_section03 h1 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 40px;
}

.emergency_section04 .form .twocol.new_create {
  margin: 20px auto 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
}

.emergencylist {
  padding: 20px 20px 110px;
  margin: 10px -40px 0;
}

.emergencylist .emergency_detail {
  padding: 30px 20px 25px;
  min-height: 245px;
}

.emergencylist li:first-child {
  border-top: solid 1px #bbb;
}

.emergencylist li:last-child .emergency_detail {
  border-top: none;
}

.emergencylist .emergency_detail .imgTxt .image {
  margin: 0 20px 0 0;
  width: 88px;
  height: 88px;
  min-width: 88px;
  float: left;
}

.emergencylist .emergency_detail .imgTxt .text {
  padding: 0 0 0 108px;
}

.emergencylist .emergency_detail .imgTxt .text p {
  font-size: 16px;
  line-height: 1.4;
}

.emergencylist .emergency_detail .imgTxt .text .commarea {
  margin: 15px 0 0;
}

.emergencylist .emergency_detail .imgTxt .text .commarea .image {
  width: auto;
  height: auto;
  min-width: inherit;
  max-width: 88px;
  max-height: 88px;
  margin-top: 20px;
  padding-right: 40px;
  position: relative;
  box-sizing: content-box;
  float: none;
}

.emergencylist .emergency_detail .imgTxt .text .commarea .image a img {
  border: solid 1px #e0e0e0;
  display: block;
}

.emergencylist .emergency_detail .imgTxt .text .commarea .image svg.delete {
  right: 10px;
}

.emergencylist .emergency_detail .imgTxt .text .commarea p {
  margin: 15px 0 0 1em;
}

.emergencylist .emergency_detail .imgTxt .text p.status {
  font-size: 14px;
}

.emergencylist .emergency_detail .imgTxt .text p .date {
  padding-right: 25px;
  margin-right: 25px;
}

.emergencylist .conference_detail .imgTxt .text p.name {
  font-weight: bold;
  margin: 0 0 20px 0;
}

.emergencylist .conference_detail .imgTxt .text .date {
  position: absolute;
  top: 0;
  right: 0;
}

.emergencylist .edit_delete {
  position: absolute;
  bottom: 30px;
  right: 0;
}

.emergencylist .edit_delete a {
  color: #1c72d4;
  text-decoration: underline;
  font-size: 16px;
  display: inline-block;
  margin: 0 20px 0 0;
}

.emergencylist .edit_delete a:hover {
  text-decoration: none;
}

.emergencylist .edit_delete a + a {
  margin: 0 25px 0 0;
}

.emergency_dl {
  font-size: 16px;
  display: flex;
  margin: 25px 0 0;
}

.emergency_dl + dl {
  margin: 5px 0 0;
}

.emergency_dl dt,
.emergency_dl dd {
  padding: 0 11.5px;
  line-height: 28px;
  height: 28px;
}

.emergency_dl dt {
  font-weight: bold;
  background: #ededed;
  margin: 0 10px 0 0;
  text-align: center;
  width: 87px;
  white-space: nowrap;
}

.emergency_dl dd {
  padding: 0;
}

.emergency_dl dd span {
  color: #da0a16;
  font-weight: bold;
  display: inline-block;
}

.emergency_dl dd span span {
  color: #da0a16;
  font-weight: bold;
  display: inline-block;
}

.emergency_section .form {
  max-width: 730px;
  margin: 0 auto;
}

.emergency_section .form .formbk {
  padding: 0 0 50px;
}

.emergency_section .form .formbk:last-child {
  padding: 0 0 65px;
}

.emergency_section .form h3 {
  font-size: 22px;
  text-align: left;
  font-weight: bold;
  line-height: 1.3;
  margin: 50px 0 0;
}

.emergency_section .form h3 + p {
  margin: 15px 0 0 0;
  line-height: 1.6;
}

.emergency_section .form .formbk.interphone .twocol {
  margin: 10px auto 0;
  align-items: center;
}

.emergency_section .form .formbk.interphone h3 {
  margin: 40px 0 0;
}

.emergency_section .form .twocol button:first-child {
  margin-left: 0;
  margin-right: 25px;
}

.emergency_section .form .twocol button.no_plus span {
  padding: 0;
}

.emergency_section .form .twocol button svg {
  top: -1px;
}

.emergency_section .form .twocol .inputtext.erbox {
  margin: 0 20px 0 0;
  width: 79.2%;
}

.emergency_section .form .twocol .button {
  padding: 0;
  flex: 1;
}

.emergency_section .form .twocol .button button {
  max-width: inherit;
  font-size: 20px;
  padding: 15px 10px;
  line-height: 1.4;
}

.emergency_section .form .twocol .button button span {
  padding: 0;
}

.emergency_section04 .bottom_back .backbtn {
  right: 0px;
  top: -20px;
}

.emergency_section04 .newsform {
  padding: 60px 20px 0;
}

.emergency_section04 .newsform h1 {
  margin: 10px 0 0 0;
  padding: 0 0 5px;
}

.emergency_section04 .detail .pagemenu {
  top: 10px;
  right: 5px;
}

.emergency_section05 .bottom_back .backbtn {
  right: 0px;
  top: -20px;
}

.emergency_section05 .detail .pagemenu {
  top: 70px;
  right: 5px;
}

.emergency_section05 .newsform {
  padding: 0 20px 0;
}

.emergency_section05 .newsform h1 {
  margin: 10px 0 40px;
  padding: 40px 0 10px;
}

.emergency_section05 .newsform .new_create {
  padding: 55px 0 70px 0;
  margin: 0;
}

.emergency_section05 .form .formbk {
  padding: 0 0 35px;
}

.emergency_section05 .form .formbk h2 + p {
  margin: 0;
}

.emergency_section06 .detail .pagemenu {
  top: 0;
  right: 24px;
}

.emergency_section06 .newsform h1 {
  margin: 10px 0 0;
  padding: 40px 0 0;
}

.emergency_section06 .inner {
  padding: 0 20px;
}

.emergency_section06 p.anpi_status {
  font-size: 18px;
  font-weight: normal;
  text-align: left;
  margin: 20px 0 0;
}

.emergency_section06 p.anpi_status span {
  display: inline-block;
  padding: 0 20px 0 0;
}

.emergency_section06 p.anpi_status span + span {
  padding: 0;
}

.emergency_section06 p.anpi_status span span.unit {
  color: #da0a16;
  font-weight: bold;
}

.emergency_section06 p.anpi_status span + span,
.emergency_section06 p.anpi_status span span {
  padding: 0;
}

.emergency_section06 .newsform .detail .backbtn {
  top: 20px;
  right: -24px;
}

.emergency_section06 .bottom_back .backbtn {
  right: 20px;
  top: -20px;
}

.emergency_section06 h1 {
  padding: 60px 0 0 0;
}

.emergency_section06.news .newslist {
  padding: 15px 0 190px;
}

.emergency_section06.news .newslist li {
  min-height: 160px;
  padding: 25px 15px 20px 20px;
  position: static;
}

.emergency_section06 .newslist li .status {
  top: auto;
  transform: translateY(0);
  bottom: -9px;
  right: -24px;
  z-index: 1;
}

.emergency_section06.news .newslist li.nolink {
  min-height: inherit;
  margin: 0;
  padding: 10px 20px 20px 20px;
  position: relative;
}

.emergency_section06 .newslist li h3.button a {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  padding: 1px 15px;
  white-space: nowrap;
}

.emergency_section06 .newslist li h3.button {
  margin: 0 13px 0 0;
}

.emergency_section06.news .newslist li .status h4 {
  color: #000;
}

.emergency_section06.news .newslist li .status h4 span {
  width: auto;
  min-width: 107px;
  box-sizing: border-box;
  padding: 0 15px 0 13px;
  display: inline-block;
  position: relative;
  top: auto;
  left: 17px;
  transform: inherit;
  z-index: 2;
}

.emergency_section06 .newslist li .status h4 svg {
  width: auto;
  height: 100%;
}

.emergency_section06 .newslist .detail p {
  padding-top: 5px;
}

.emergency_section06 .newslist .detail h2 + p {
  margin: 5px 0 0;
}

.emergency_section06 .newslist .detail h4.ribbon span {
  padding: 0 22px 0 20px;
}

.emergency_section06 .newslist .detail .total {
  display: inline-block;
  margin: 0 0 0 10px;
  font-size: 16px;
}

.emergency_section06 .newslist .detail .room_num {
  margin: 15px 0 0 18px;
  font-size: 0;
}

.emergency_section06 .newslist .detail .room_num li {
  position: relative;
  min-height: auto;
  padding: 0;
  border: 0;
  width: auto;
  display: inline-block;
  box-sizing: inherit;
}

.emergency_section06 .newslist .detail .room_num li a {
  font-size: 16px;
  font-weight: bold;
  padding: 2px 30px;
  display: inline-block;
  color: #1c72d4;
  background: #b9d2f0;
  margin: 5px 7px;
  text-decoration: underline;
  line-height: 22px;
}

.emergency_section06 .newslist .detail .room_num li a:hover {
  text-decoration: none;
}

.emergency_section06 .newslist .detail .room_num li a .need_assist_heart {
  width: 19px;
  height: 18px;
  position: absolute;
  top: 10px;
  left: 27px;
}

.emergency_section06 .room_num li a.open + .status_box {
  display: block;
}

.emergency_section06 .status_box {
  width: 260px;
  padding: 15px 15px 20px;
  background: #fff;
  border: none;
  border-radius: 5px;
  position: absolute;
  bottom: auto;
  top: 60px;
  left: -70px;
  z-index: 3;
  box-shadow: 0 0 10px 0px #ccc;
  box-sizing: border-box;
}

.emergency_section06 .status_box::after {
  content: "";
  bottom: 100%;
  left: 48%;
  border: 7px solid transparent;
  width: 0;
  height: 0;
  background: none;
  border-bottom: 13px solid #fff;
  -webkit-filter: drop-shadow(0px -4px 2px #e4e0e0);
}

.emergency_section06 .status_box .formbk {
  padding: 0;
  margin: 0;
}

.emergency_section06 .status_box .formbk textarea {
  line-height: 1.4;
  padding: 10px;
}

.emergency_section06 .status_box .checkcol label {
  background: none;
  font-size: 18px;
  display: inline-block;
  padding: 1px 10px 0px 29px;
  line-height: 26px;
}

.emergency_section06 .status_box .checkcol input[type=checkbox] + label::before {
  top: 3px;
  left: 0px;
  background: #fff;
}

.emergency_section06 .status_box .checkcol input[type=checkbox]:checked + label::after {
  top: 0;
  left: 5px;
}

.emergency_section06 .status_box .inputtext.erbox {
  margin: 10px 0 0;
}

.emergency_section06 .room_num li a.open + .status_box .new_create {
  padding: 10px 0 0;
}

.emergency_section06 .room_num li a.open + .status_box .new_create button {
  padding: 13px 10px;
}

.wrapper .status_box button.graybtn {
  max-width: none;
  margin: 10px 0 0;
}

.wrapper .status_box button.graybtn:hover {
  color: #000;
}

.emergency_section06 .room_num li a.open + .status_box p {
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 16px;
}

.emergency_section06 .room_num li a.open + .status_box p a {
  padding: 0;
  margin: 0;
}

.emergency_section06 .newslist .detail .room_num li a .need_assist_plus {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 14px;
  left: 32px;
}

.emergency_section06 .newslist .detail .room_num li.bg_pink02 a {
  background: #ffc1cb;
  padding: 2.5px 20px 2.5px 43px;
}

.emergency_section06 .newslist li .status .statusbtn {
  padding-right: 0;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  top: 28px;
  right: 100px;
}

.emergency_section06 .newslist li .status .statusbtn a {
  display: block;
  color: #fff;
  padding: 1.5px 21px;
  border-radius: 5px;
  line-height: 23px;
}

.emergency_top_edit .newsform h1 {
  margin: 10px 0 40px;
  padding: 0 0 10px;
}

.emergency_top_edit p {
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 40px;
}

.emergency_top_edit .newsform .formbk {
  padding: 0;
  margin: 0 0 30px;
  border-bottom: 0;
}

.enquete_detail {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 20px 0 10px;
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
}

.enquete_section .enquete_detail h1 {
  text-align: left;
  color: #000;
  margin: 0;
  padding: 0 0 5px;
}

.enquete_section .newsform {
  padding: 60px 20px 50px;
}

.enquete_section .newsform .pagemenu {
  top: 10px;
}

.enquete_section .newsform .bottom_back .backbtn {
  top: auto;
  bottom: -31px;
}

.enquete_section .newsform .form p {
  margin: 15px 0 0;
  line-height: 1.6;
}

.enquete_section .newsform .form .upload_file p {
  padding-right: 15px;
}

.enquete_section .newsform .form .formbk .twocol p {
  width: 100%;
  padding: 12px 15px 10px;
}

.enquete_section .newsform .form h2 {
  margin: 0 0 15px;
}

.enquetepage .enquete_section .newsform .form h2 {
  margin: 30px 0 15px;
}

.enquete_section .newsform .form h2 + p {
  margin: 15px 0 20px;
}

.enquete_section .newsform .form p.chushaku {
  font-size: 14px;
  text-indent: 0;
  padding: 0;
}

.enquete_section .newsform .form .attention {
  margin: 30px 0 70px 0;
  color: #da0a16;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  padding: 10px;
  border: solid 3px #da0a16;
}

.enquete_section .newsform .form .tabledetail p {
  margin: 0;
}

.enquete_section .newsform .form .tabledetail p + p {
  margin: 10px 0 0 0;
}

.enquete_section .tablebk {
  margin: 0 0 70px;
  border: solid 1px #ff7200;
  border-radius: 0;
}

.enquete_section .tablebk h3 {
  font-size: 18px;
  letter-spacing: 0.05em;
  padding: 11px 15px;
  background: #ff7200;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.enquete_section .tabledetail {
  padding: 15px 25px;
}

.enquete_section .tabledetail p span {
  margin: 0 10px 0 0;
  display: inline-block;
}

.enquete_section .tabledetail p span + span {
  margin: 0;
}

.enquete_section .tabledetail p span.justify {
  text-align-last: justify;
  position: absolute;
  width: 4em;
}

.enquete_section .tabledetail p span.indent {
  padding: 0 0 0 5em;
}

.enquete_section .formbk {
  padding: 0 0 45px;
  margin: 0 0 45px;
}

.enquete_section .formbk:last-child {
  border-bottom: solid 1px #aaa;
}

.enquete_section .form .radiocol {
  margin: 35px 0 0 0;
}

.enquete_section .form .radiocol + .radiocol {
  margin: 0;
}

.enquete_section .form .radiocol label, .enquete_section .form .checkcol label {
  font-size: 18px;
  padding: 0 0 0 36px;
  margin: 0 78px 10px 0;
}

.enquete_section .form .checkcol a {
  color: #333;
  text-decoration: none;
  display: inline-block;
}

.enquete_section .form .form_type .checkcol label {
  font-size: 14px;
  padding: 0 20px;
  margin: 0 0 10px;
}

.enquete_section .form .radiocol .inputtext, .enquete_section .form .checkcol .inputtext {
  display: inline-block;
}

.enquete_section .form .radiocol .inputtext label, .enquete_section .form .checkcol .inputtext label {
  margin: 0 20px 10px 0;
}

.enquete_section .form .blocks label, .enquete_section .form .blocks .inputtext {
  display: block;
}

.enquete_section .form .blocks .inputtext label, .form .question_formbk .blocks .inputtext label {
  display: inline-block;
}

.enquete_section .form .radiocol .inputtext input[type=text], .enquete_section .form .checkcol .inputtext input[type=text] {
  width: 200px;
  padding: 2px 10px;
  line-height: 24px;
}

.enquete_section .form textarea {
  height: 100%;
  width: 100%;
  border: 1px solid #aaa;
  display: block;
  margin: 0;
  line-height: 1.3;
}

.enquete_section .form .radiocol .inputtext input[type=text][disabled], .enquete_section .form .checkcol .inputtext input[type=text][disabled],
.enquete_section .form textarea[disabled], .formbk .inputtext input[type=text][disabled] {
  background: #efefef;
}

.enquete_section .form textarea.error {
  border: solid 1px #da0a16;
}

.enquete_section .checkcol input[type=checkbox] + label::before {
  width: 26px;
  height: 26px;
  border: 2px solid #aaa;
}

.enquete_section .checkcol input[type=checkbox]:checked + label::after {
  top: -5px;
  left: 8px;
  width: 11px;
  height: 19px;
}

.enquete_section .form_type .checkcol input[type=checkbox] + label::before {
  width: 20px;
  height: 20px;
  border: 2px solid #aaa;
}

.enquete_section .form_type .checkcol input[type=checkbox]:checked + label::after {
  top: 13px;
  left: 16px;
  width: 7px;
  height: 13px;
}

.enquete_section .newsform .form .enqueteupdate {
  position: relative;
  top: -10px;
}

.enquete_section .newsform .form .enqueteupdate p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
}

.enquete_section .newsform .form .enqueteupdate p span.justify {
  text-align-last: justify;
  display: block;
  position: absolute;
  font-weight: bold;
  width: 4em;
}

.enquete_section .newsform .form .enqueteupdate p span.indent {
  text-indent: -0.8em;
  display: inline-block;
  line-height: 1.7;
  padding: 0 0 0 5em;
}

.enquete_section .formbk .inputtext.twocol input {
  width: calc(50% - 12.5px);
  margin: 0 25px 0 0;
}

.enquete_section .formbk .inputtext input:nth-child(even) {
  margin: 0;
}

.enquete_section .formbk .inputtext.twocol:nth-child(6) {
  margin-bottom: 20px;
}

.enquete_section .newsform .form .tabledetail h2 {
  margin: 25px 0 12px 0;
}

.enquete_section .newsform .form .tabledetail h2:first-child {
  margin-top: 10px;
}

.enquete_section02 .newsform {
  padding: 55px 20px 50px;
}

.enquete_section02 .newsform h1 {
  margin: 0;
  padding: 0 0 45px;
}

.enquete_section02 .form h2 + textarea {
  margin: 15px 0 0 0;
}

.enquete_section .form .form_type p {
  position: absolute;
  left: 0;
  right: 0;
  top: 35px;
  line-height: 1.4;
  font-weight: bold;
}

.enquete_section .form .form_type input {
  font-size: 16px;
  padding: 0;
  line-height: inherit;
  border: solid 1px #aaa;
  border-radius: 3px;
  box-sizing: border-box;
}

.answer_result {
  margin: 20px 0 0;
  padding: 3px 15px 18px;
  border: solid 1px #aaa;
  border-radius: 3px;
  background: #ededed;
}

.answer_result p {
  color: rgb(84, 84, 84);
}

.answer_result_text {
  padding: 0 0 10px;
  margin: 20px 0 0;
}

.answer_result p span,
.answer_result_text p span {
  display: block;
}

.form_type input[type=radio].none {
  display: none;
}

.form_type input[type=radio]:checked + label {
  color: #fff;
}

.form_type li > label {
  padding: 0;
  text-align: center;
  height: 120px;
  max-height: 120px;
  display: block;
  box-sizing: border-box;
  border-radius: 3px;
  line-height: inherit;
  cursor: pointer;
}

.form_type .radiocol > input[type=radio] + label::before {
  display: none;
}

.enquete_section .form .form_type input[type=text] {
  width: 74.2%;
  height: 20px;
  margin: 18px 0 0 0;
}

.enquete_section .form .form_type input[type=text][disabled] {
  background: #fff;
  pointer-events: none;
}

.enquete_section .form .form_type textarea {
  width: 74.2%;
  margin: 10px auto 0;
  height: 35px;
}

.enquete_section .form .form_type textarea[disabled] {
  background: #fff;
  overflow: hidden;
  pointer-events: none;
}

.enquete_section .form .form_type .radiocol {
  margin: 0;
}

.enquete_section .form .form_type li {
  position: relative;
}

.enquete_section .form .form_type li.radiocol label {
  margin: 0 auto;
}

.form_type {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form_type li {
  width: 23.97%;
}

.form_type .radiocol input[type=radio] + label::before {
  background: #fff;
  width: 20px;
  height: 20px;
  left: -9px;
  right: 0;
  top: 6px;
  pointer-events: none;
}

.form_type .radiocol input[type=radio]:disabled:checked + label::after {
  top: 11px;
  left: -4px;
  width: 10px;
  height: 10px;
  pointer-events: none;
}

.form_type .checkcol input[type=checkbox] + label::before {
  top: 15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
}

.form_type .checkcol input[type=checkbox]:checked + label::after {
  top: 14px;
  left: 11px;
  pointer-events: none;
}

.enquete_section02 .formbk {
  padding: 0 0 30px;
  margin: 0 0 30px;
}

.enquete_section .form .inputtext.twocol {
  position: relative;
}

.enquete_section .form .tablebk .inputtext.twocol {
  flex-direction: inherit;
  align-items: end;
}

.enquete_section .form .tablebk .inputtext.twocol .ertxt {
  position: absolute;
  top: 0;
}

.enquete_section .formbk .tablebk .inputtext.twocol input[data-invalid=true] {
  margin-top: 70px;
}

.enquete_section02 .form .inputtext.twocol input[type=text] {
  width: 100%;
  margin: 0;
}

.enquete_section .form .inputtext.twocol .close {
  width: 50px;
  height: 52px;
  padding: 4px 5px;
  position: absolute;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 0 3px 3px 0;
}

.enquete_section .form .inputtext.twocol .close:hover {
  background: #fff;
}

.enquete_section .form .inputtext.twocol .close svg {
  font-size: 29px;
  line-height: 1;
  width: 24px;
  height: 24px;
  transform: rotate(-45deg);
}

.enquete_section .form .inputtext.twocol .close text tspan {
  fill: #fff;
}

.enquete_section .form .inputtext.twocol + .inputtext.twocol {
  margin: 25px 0 0 0;
}

.enquete_section .form .inputtext.twocol + .button {
  padding: 35px 0 50px;
}

.enquete_section .form .inputtext.twocol + .button button {
  max-width: 175px;
}

.enquete_section02 .form .radiocol {
  margin: 0;
  display: inline-block;
}

.enquete_section02 .form .radiocol label {
  margin: 0 35px 0 0;
  padding: 0 0 0 26px;
}

.enquete_section02 .form .form_type .radiocol label {
  padding: 0 0 0 36px;
}

.enquete_section02 .form h3 {
  display: inline-block;
  margin: 0 20px 0 0;
}

.enquete_section02 .form .twocol + h3 {
  margin: 20px 20px 0 0;
}

.enquete_section02 .formbk h3 + .radiocol input[type=radio] + label::before,
.enquete_section02 .formbk.required_optional .radiocol input[type=radio] + label::before {
  top: 3px;
  width: 20px;
  height: 20px;
}

.enquete_section02 .formbk h3 + .radiocol input[type=radio]:checked + label::after,
.enquete_section02 .formbk.required_optional .radiocol input[type=radio]:checked + label::after {
  top: 8px;
  left: 5px;
  width: 10px;
  height: 10px;
}

.enquete_section02 .formbk.required_optional .radiocol {
  margin: 15px 0 0 0;
}

.enquete_section02 .formbk.open .advanced .twocol {
  justify-content: space-between;
  align-items: center;
  margin: 25px 0 20px;
}

.enquete_section02 .formbk.open .advanced .threecol {
  padding-bottom: 0;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}

.enquete_section02 .formbk.open .advanced .inputtext {
  width: calc(100% - 3em);
}

.enquete_section02 .formbk.open .advanced .threecol .inputtext {
  font-size: 18px;
  line-height: 52px;
  width: 200px;
  display: flex;
  flex-wrap: nowrap;
}

.enquete_section02 .formbk.open .advanced .threecol .inputtext input {
  text-align: center;
  line-height: 30px;
  width: 45%;
  margin: 0 10px;
}

.enquete_section02 .formbk.open + .new_create {
  padding: 35px 0 5px;
}

.ribbon.pink02 span {
  background: #f76f86;
}

.ribbon.yellow span {
  background: #fdad00;
}

.enquete_section .threecol {
  max-width: 1250px;
  padding: 10px 0 40px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.enquete_section .threecol button {
  max-width: 400px;
}

.enquete_section .threecol p {
  font-size: 15px;
  line-height: 1.3;
  margin: 15px 0 0 0;
  text-indent: -1em;
  padding-left: 1em;
  max-width: 400px;
}

.enquete_section .threecol .onecol_button {
  width: 33.33%;
  padding: 0 15px;
}

button .filter_icon {
  width: 23px;
  height: 19px;
  position: absolute;
  top: -1px;
  left: -8px;
  transform: rotate(0) scale(1);
}

button .filter_icon .st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 1.8;
  stroke-linecap: round;
}

button .filter_icon .st1 {
  fill: #fff;
  stroke: #fff;
}

.enquete_section .threecol button .enquete_icon {
  width: 27px;
  height: 22px;
  position: absolute;
  top: -1px;
  left: -12px;
}

.enquete_section .threecol button .enquete_icon .st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 1.6;
}

.enquete_section03 .newsform h1 {
  margin: 0;
  padding: 0 0 30px;
}

.enquete_section03 .enquete_detail h1, .enquete_section04 .enquete_detail h1, .enquete_section05 .enquete_detail h1, .enquete_section06 .enquete_detail h1 {
  margin: 20px 0 0;
}

.enquete_section03 .newsform .form {
  max-width: inherit;
  margin: 0 -20px;
}

.enquete_section03 .newsform .form p {
  margin: 0;
}

.enquete_section03 .sortmenu {
  padding: 45px 30px 0;
}

.enquete_section03.news .newslist {
  border-bottom: none;
  padding-bottom: 110px;
  margin-top: 5px;
}

.enquete_section03.news .newslist li.bg_light_brown {
  background: #ebe6e0;
  padding: 20px 25px 8px;
  border: none;
}

.enquete_section03.news .newslist li.bg_light_brown + li {
  border: none;
}

.enquete_section03 .newsform .newslist li .status {
  bottom: -10px;
  right: 27px;
}

.enquete_section03 .newslist li h3.button {
  margin: 0 13px 0 0;
}

.enquete_section03 .newslist li h3.button a {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  padding: 1px 35px 1px 55px;
  white-space: nowrap;
}

.enquete_section03 .newslist li h3.button a svg {
  height: 15px;
  top: 6px;
  left: 38px;
}

.enquete_section03 .newslist li h3.button a svg text {
  fill: #fff;
}

.enquete_section03.news .newslist li .status h4 {
  color: #fff;
}

.enquete_section03.news .newslist .detail h4.ribbon {
  color: #fff;
  font-size: 14px;
  line-height: 2;
  vertical-align: middle;
  text-align: left;
  margin: 0 0 0 -20px;
  min-width: auto;
  max-width: inherit;
  position: static;
  display: inline-block;
}

.enquete_section03.news .newslist li .status h4 span {
  width: auto;
  min-width: 107px;
  box-sizing: border-box;
  padding: 0 15px 0 13px;
  display: inline-block;
  position: relative;
  top: auto;
  left: 17px;
  transform: inherit;
  z-index: 2;
}

.enquete_section03 .newslist li .status h4 svg {
  width: auto;
  height: 100%;
}

.enquete_section03.news .newslist li {
  padding: 30px 25px 25px 25px;
}

.enquete_section03.news .newslist li h3.button {
  margin: 0 3px 0 0;
}

.enquete_section03.news .newslist li .status h4 {
  font-size: 12px;
}

.enquete_section03.news .newslist li .status h4 span {
  left: 27px;
  padding: 0px 15px 0px 13px;
}

.enquete_section03 .checkcol label {
  font-size: 18px;
  line-height: 1.4;
  padding: 0 0 0 40px;
}

.enquete_section03 .checkcol input[type=checkbox] + label::before {
  top: -2px;
}

.enquete_section03 .checkcol input[type=checkbox]:checked + label::after {
  top: -6px;
}

.enquete_section03 .checkcol label .times {
  display: inline-block;
}

.enquete_section03 .new_create svg {
  top: 2px;
  transform: rotate(0deg) scale(1);
}

.enquete_section04 .upload_img {
  margin: 15px 0 0;
}

.enquete_section04 .newsform {
  padding: 40px 20px 45px;
}

.enquete_section04 .newsform .pagemenu {
  top: 30px;
}

.enquete_section04 .newsform > h1 {
  margin: 0;
  padding: 0 0 40px;
}

.enquete_section04 .newsform .form {
  margin: 50px auto 0;
}

.enquete_section04 .formbk {
  padding: 0 0 25px;
  margin: 0 0 35px;
}

.enquete_section04 .newsform .form .attention {
  color: #000;
  border: solid 1px #da0a16;
  margin: 40px 0 35px 0;
}

.enquete_section04 .newsform .form .attention span {
  margin-right: 20px;
  display: inline-block;
}

.enquete_section04 .newsform .form .attention span + span {
  margin-right: 0;
}

.enquete_section04 .newsform .form .attention span span {
  color: #da0a16;
  margin-right: 0;
}

.enquete_section04 .twocol {
  margin: 0 0 50px;
  justify-content: space-between;
}

.enquete_section04 .newsform .form .twocol + h2 {
  margin: 30px 0 0;
}

.enquete_section04 .twocol button, .enquete_section04 .twocol a {
  max-width: calc(50% - 12.5px);
  margin: 0;
}

.enquete_section04 .twocol button .enquete_icon, .enquete_section04 .twocol a .enquete_icon {
  width: 27px;
  height: 22px;
  position: absolute;
  top: -1px;
  left: -12px;
}

.enquete_section04 .twocol button .enquete_icon .st0, .enquete_section04 .twocol a .enquete_icon .st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 1.6;
}

.enquete_section04 .general_comment {
  background: #ffe3cc;
  padding: 25px;
}

.enquete_section04 .newsform .form .general_comment + h2 {
  margin: 40px 0 0 0;
}

.enquete_section04 .newsform .form .enquete_img {
  margin: 40px 0 0 0;
  border: 1px solid #aaa;
  height: 380px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.enquete_section04 .newsform .form .enquete_img + h2,
.enquete_section04 .form textarea + h2 {
  margin: 50px 0 0 0;
}

.enquete_section04 .form textarea {
  margin: 25px 0 0 0;
  padding: 18px 15px;
  font-size: 18px;
  line-height: 1.6;
}

.enquete_section04 .form textarea[disabled] {
  background: #ededed;
}

.enquetepage .newsform > h1 {
  margin: 0;
  padding: 0 0 40px;
}

.enquetepage .newsform .form .attention {
  margin: 40px 0 35px;
}

.enquetepage .newsform .form .attention span {
  margin-right: 20px;
  display: inline-block;
}

.enquetepage .newsform .form .attention span span {
  color: #da0a16;
  margin-right: 0;
}

.enquetepage .newsupdate.targetbox p span.justify {
  width: 5em;
}

.enquetepage .newsupdate.targetbox p span.indent {
  padding-left: 2em;
}

.enquetepage .newsupdate p span.justify {
  font-weight: bold;
}

.enquetepage .get_answer {
  padding-top: 6px;
}

.enquetepage .get_answer > a {
  color: #1c72d4;
  text-decoration: underline;
  font-size: 18px;
}

.enquetepage .get_answer > a:hover {
  text-decoration: none;
}

.pagemenu_box {
  padding: 0 60px 0 0;
  position: relative;
}

.guest_section .border_sec .pagemenu_box .pagemenu {
  height: 0;
  position: absolute;
  top: 50%;
  right: 15px;
}

.guest_section .border_sec .pagemenu_box .pagemenu .submenu p {
  font-size: 14px;
  line-height: 40px;
  margin: 0;
}

.contentspage .guest_section .border_sec .pagemenu_box .pagemenu .submenu p,
.bannerpage .guest_section .border_sec .pagemenu_box .pagemenu .submenu p {
  line-height: 1.5;
}

.guest_section .border_sec .pagemenu_box .pagemenu .submenu p a {
  color: #000;
  text-decoration: none;
  display: block;
}

.apartmentspage .newsform .pagemenu {
  top: -40px;
}

.apartmentspage .newsform .backbtn {
  top: -10px;
}

.apartmentspage .newsform .bottom_back .backbtn {
  top: 50px;
}

.apartmentspage .newsform .confirm_contents .form .new_create {
  margin: 0;
  padding-bottom: 0;
}

.apartmentspage .textbtn {
  margin: 0;
  margin-left: 15px;
}

.apartmentspage .plan_box {
  border: 2px solid #e5e5e5;
  padding: 30px;
  text-align: center;
}

.apartmentspage .plan_box .premium_bnr {
  line-height: 0;
  padding-bottom: 30px;
}

.apartmentspage .plan_box .description {
  font-size: 18px;
  font-weight: bold;
}

.apartmentspage .plan_box .link {
  padding-top: 10px;
}

.apartmentspage .plan_box p a {
  color: #1c72d4;
  text-decoration: underline;
}

.apartmentspage .plan_box p a:hover {
  text-decoration: none;
}

.apartmentspage .formbk .inputtext input.input_half {
  width: calc(50% - 20px);
}

.userspage .newsform .pagemenu {
  top: -40px;
}

.userspage .newsform .backbtn {
  top: -10px;
}

.userspage .newsform.done h1 {
  margin-bottom: 40px;
}

.userspage .formbk .textbtn {
  margin: 0 0 10px 15px;
}

.userspage .formbk .change_link {
  display: inline-block;
  text-decoration: underline;
  color: #1c72d4;
}

.userspage .formbk .change_link:hover {
  text-decoration: none;
}

.userspage .formbk .inputtext input.input_half {
  width: calc(50% - 20px);
}

.userspage .formbk .key_others {
  margin: 0 0 15px;
  display: flex;
  flex-wrap: nowrap;
}

.userspage .formbk .key_others .checkcol {
  width: 110px;
  line-height: 37px;
}

.userspage .input_contents .formbk.sectitle .key_others .checkcol label {
  margin-bottom: 0;
}

.userspage .formbk .key_others .checkcol + input {
  padding: 0 15px;
}

.userspage .formbk .key_others input:first-child {
  margin-bottom: 10px;
}

.formbk .output_img {
  margin-bottom: 20px;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.formbk .output_img .deletebtn {
  width: 19px;
  height: 30px;
  margin-left: 25px;
  display: block;
  position: relative;
}

.formbk .output_img .deletebtn svg {
  top: 0;
  right: 0;
}

.formbk .output .output_img img {
  max-width: 88px;
  margin: 0;
  display: inline-block;
}

.userspage .input_contents .formbk .input > * {
  width: calc((100% - 20px) / 2);
}

.has_2btn {
  display: flex;
}

.chushaku_list > li {
  font-size: 16px;
  text-indent: -1em;
  padding: 0 0 0 1em;
  line-height: 1.4;
}

.chushaku_list + * {
  margin-top: 20px;
}

.save_information.news .newslist {
  border-bottom: 0;
  margin-left: -20px;
  margin-right: -20px;
}

.save_information.news .newslist .detail {
  padding: 0;
}

.save_information.news .newslist .detail button,
.conference_section .conferencelist .conference_detail .inputtext button {
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  padding: 0 10px;
  margin: 15px 0 0 10px;
  display: inline-block;
  border-radius: 3px;
  cursor: pointer;
  box-sizing: border-box;
}

.conference_section .conferencelist .conference_detail .inputtext button {
  margin: 10px 0 5px;
}

.save_information .newsform .page_heading {
  padding: 0;
  margin-bottom: 30px;
}

.save_information .newslist {
  border-bottom: 0;
}

.save_information .newslist li {
  padding: 20px;
}

.save_information .newslist li.nolink {
  padding: 15px 20px 20px;
}

.save_information .newslist li .period {
  font-size: 14px;
}

.save_information .newslist li .title {
  font-size: 18px;
  font-weight: bold;
}

.save_information .newslist li .name {
  padding-right: 22px;
}

.save_information .newslist li .status {
  top: auto;
  transform: none;
}

.emergency_section .form .precautions_head {
  font-size: 20px;
  color: #000;
}

.emergency_section .form .precautions_head + * {
  margin-top: 10px;
}

.emergency_section .formbk > .bg_grayheading {
  margin-bottom: 40px;
}

.emergencypage .advanced .twocol ul li h2 {
  padding: 0;
  width: 110px;
}

.emergencypage .serach_form ul li.inputtext input {
  height: 30px;
}

.emergencypage .date h3, .emergencypage .serach_form ul li h2, .emergencypage .serach_form .radiocol h2, .emergencypage .serach_form .checkcol h2 {
  width: 110px;
}

.emergencypage .serach_form .checkcol.unapproved label {
  white-space: nowrap;
}

.emergencypage .advanced .twocol ul li h2 {
  padding-top: 2px;
  margin-bottom: 0;
}

.board_section.news .board_contents {
  padding-bottom: 20px;
}

.board_contents .form, .enquete_section .form, .enquete_section06 .form {
  max-width: 730px;
  margin: 0 auto;
}

.board_section.news .board_contents .page_title {
  padding: 0;
}

.board_section.news .board_contents .pagemenu .backbtn {
  top: -50px;
}

.board_section.news .board_contents .formbk .radiocol label {
  font-size: 18px;
}

.board_section.news .newslist.search_results li .status {
  top: auto;
  bottom: 0;
}

.board_section.news .newslist.search_results li [class^=comment] {
  padding: 0;
}

.board_section.news .newslist.search_results li .comment02 {
  max-width: calc(100% - 160px);
}

.radiocol + .has_input {
  margin: 10px 0 0 38px;
}

.has_input .title {
  margin: 0 0 10px;
}

.has_input + * {
  margin-top: 20px;
}

.has_multiselect .multiselect {
  display: inline-block;
  margin: 0 0 0 15px;
  line-height: 30px;
  font-size: 14px;
}

.required_label + * {
  margin-left: 10px;
}

.modal.deny .bg.type02 {
  padding: 40px 0 20px;
}

.modal.deny .bg.type02 form > h2 {
  margin-top: 0;
}

.modal.deny .bg.type02 .block_title {
  margin: 0 0 20px;
}

.modal.deny .bg.type02 .formbk {
  padding: 0 0 30px;
  margin: 0 0 30px;
  border-bottom: solid 1px #aaa;
}

.boardpage .modal .vdp-datepicker input {
  margin: 0;
  padding: 0 0 0 44px;
  width: 255px;
}

.boardpage .modal .radiocol.direction_column > .radio + .radio {
  margin-top: 10px;
}

.direction_column {
  flex-direction: column;
}

.disp_table_auto {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.flex_center {
  display: flex;
  justify-content: center;
}

.ribbon.green02 span {
  background: #009933;
}

.reserv_section.news {
  margin: 40px 0 0;
}

.reservbloc {
  width: 100%;
  border-bottom: solid 1px #aaa;
  margin: 0px auto 100px;
  padding: 0;
}

.reservbloc .twocol {
  max-width: 100%;
  align-items: center;
  padding: 20px;
  margin: 0 auto;
  box-sizing: border-box;
}

.reservbloc .twocol h2 {
  font-size: 30px;
  font-weight: bold;
  position: relative;
  padding: 0 0 0 50px;
}

.reservbloc .twocol svg {
  width: 40px;
  height: auto;
  position: absolute;
  top: -10px;
  left: 1px;
}

.reservbloc .twocol svg .st0 {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.reservbloc .twocol .leftcol {
  position: relative;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.reservbloc .twocol p {
  font-size: 18px;
}

.reservbloc .twocol .leftcol p {
  margin: 20px 0 0 0;
}

.reservbloc .twocol .rightcol p {
  margin: 0;
}

.reservbloc .twocol .leftcol::after {
  content: "";
  width: 1px;
  height: 100%;
  display: block;
  border-right: 1px solid #aaa;
  position: absolute;
  top: 0;
  right: 0;
}

.reservbloc .twocol .rightcol {
  width: 100%;
  padding: 20px 20px 20px 50px;
  box-sizing: border-box;
}

.reservbloc .twocol .rightcol span {
  display: block;
}

.reservbloc .twocol .rightcol span.fee {
  font-size: 50px;
  font-weight: bold;
  color: #ffb500;
  display: block;
  margin: 15px 0;
}

.reservbloc .twocol .rightcol span.yen {
  font-size: 25px;
  display: inline-block;
}

.reserv_section {
  margin: 40px 0 0;
}

.reserv_section h1 {
  margin: 50px 0 0 0;
  padding: 80px 0 0 0;
}

.reserv_section .newsform {
  padding: 0;
  margin: 40px 0 0;
  background: #fff;
}

.reserv_section.news .newslist {
  padding: 0;
  border-bottom: none;
}

.reserv_section.news .newslist li {
  padding: 10px 40px 20px 20px;
}

.reserv_section.news .newslist .detail {
  width: 100%;
  position: relative;
  display: block;
  padding: 5px 0 0 0;
}

.reserv_section.news .newslist .detail p {
  padding-top: 5px;
  font-size: 14px;
  padding-right: 65px;
  line-height: 1.4;
}

.reserv_section.news .newslist .detail p .category {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

.reserv_section .newslist .detail p span {
  margin: 0 20px 0 0;
}

.reserv_section .newslist h2 {
  font-size: 16px;
}

.reserv_section .newslist .detail h2 + p {
  margin: 5px 0 0;
}

.reserv_section .newslist li .status {
  top: auto;
  transform: translateY(0);
  bottom: -6px;
}

.reserv_section .newslist li .status h4 {
  color: #000;
}

.reserv_section .newslist li .status h4 svg {
  width: auto;
  height: 100%;
}

.reserv_section .newslist li .status h4 span {
  width: auto;
  min-width: 107px;
  box-sizing: border-box;
  padding: 0 15px 0 13px;
  display: inline-block;
  position: relative;
  top: auto;
  left: 17px;
  transform: inherit;
  z-index: 2;
}

.reserv_section .newslist .detail h4.ribbon {
  color: #fff;
  font-size: 14px;
  line-height: 2;
  vertical-align: middle;
  text-align: left;
  margin: 0 0 0 -20px;
  min-width: auto;
  max-width: inherit;
  position: static;
  display: inline-block;
}

.reserv_modal .modal_section .bg {
  padding: 20px 0;
  background: #fff;
}

.reserv_modal h2 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.05em;
  margin: 0 0 20px 0;
}

.reserv_modal .selectbk {
  margin: 0 0 50px 0;
}

.reserv_modal .selectbk select {
  min-width: auto;
  width: 100%;
}

.reserv_modal .radiocol label {
  font-size: 18px;
}

.reserv_modal .radiocol + .radiocol {
  margin: 15px 0 0 0;
}

.reserv_modal .submit button.graybtn {
  width: 45%;
}

.reserv_modal .submit button.submitbtn {
  width: 55%;
  margin-left: 20px;
}

.reserv_modal .newcategory .button {
  padding: 50px 0 10px;
}

.reserv_modal .newcategory .button.graybtn {
  padding: 20px 0 10px;
}

.reserv_modal02 .modal_section .bg {
  padding: 0 0 20px;
  background: #fff;
}

.serach_form .reserv_use_form .radiocol label {
  line-height: 26px;
}

.serach_form .reserv_use_form h2 {
  width: 110px;
}

.enquete_section05 .newsform {
  padding: 40px 20px 45px;
}

.enquete_section05 .newsform .pagemenu {
  top: 30px;
}

.enquete_section05 .newsform > h1 {
  margin: 0;
  padding: 0 0 40px;
}

.enquete_section05 .newsform .form .pagemenu {
  top: 15px;
}

.enquete_section05 .enquete_detail {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding: 0 0 10px;
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
  margin: 0 0 45px 0;
}

.enquete_section05 .twocol.button {
  max-width: 730px;
  margin: 0 auto 30px;
  clear: both;
  display: flex;
  justify-content: space-between;
}

.enquete_section05 .twocol button {
  max-width: calc(50% - 12.5px);
  margin: 0;
}

.enquete_section05 .submenubtn.open + .submenu p {
  margin: 0;
  line-height: 1.4;
}

.formbk.enquete_formbk {
  margin: 0 0 45px;
  padding: 0 0 45px;
}

.formbk.enquete_formbk .twocol.button {
  justify-content: space-between;
  margin: 60px 0 15px 0;
}

.enquete_section05 .twocol.button .st0,
.formbk.enquete_formbk .twocol.button .st0 {
  fill: #fff;
}

.formbk.enquete_formbk .twocol button {
  max-width: calc(50% - 12.5px);
  margin: 0;
}

.formbk.question_formbk {
  margin: 0 0 45px;
  padding: 0 0 45px;
}

.formbk.question_formbk .submenubtn.open + .submenu {
  width: 145px;
  bottom: auto;
  top: 20px;
}

.formbk.question_formbk .radiocol {
  margin: 35px 0 0 0;
}

.formbk.question_formbk .radiocol label,
.formbk.question_formbk .checkcol label {
  font-size: 18px;
  padding: 0 0 0 36px;
  margin: 0 78px 10px 0;
}

.formbk.question_formbk .radiocol .inputtext,
.formbk.question_formbk .checkcol .inputtext {
  display: inline-block;
}

.formbk.question_formbk .radiocol .inputtext label,
.formbk.question_formbk .checkcol .inputtext label {
  margin: 0 20px 10px 0;
}

.formbk.question_formbk .radiocol .inputtext input[type=text],
.formbk.question_formbk .checkcol .inputtext input[type=text] {
  width: 200px;
  padding: 2px 10px;
  line-height: 24px;
}

.formbk.question_formbk .blocks label,
.formbk.question_formbk .blocks .inputtext {
  display: block;
}

.formbk.question_formbk p {
  margin: 15px 0 0;
  line-height: 1.6;
}

.formbk.question_formbk .submenubtn.open + .submenu p {
  margin: 0;
  line-height: 1.4;
}

.formbk.question_formbk p.chushaku {
  font-size: 14px;
  text-indent: 0;
  padding: 0;
}

.formbk.question_formbk h2 + p {
  margin: 15px 0 20px;
}

.enquete_contents .formbk .vdp-datepicker input {
  background-color: #ededed;
  z-index: 0;
  pointer-events: none;
}

.enquete_section06 {
  margin: 40px 0 0;
}

.enquete_section06 .newsform {
  margin: 0;
  padding: 35px 20px 50px;
}

.enquete_section06 .newsform .pagemenu {
  top: 35px;
}

.enquete_section06 .newsform > h1 {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  clear: both;
  margin: 0;
  padding: 0 0 40px;
}

.calendardetail.calendarlist {
  margin: 0;
  padding: 10px 0 20px;
}

.toppage .calendardetail.calendarlist {
  border-bottom: solid 1px #006532;
}

.calendardetail .day_schedule_box {
  margin: 10px -15px 0;
  border-top: 1px solid #aaa;
}

.calendardetail.calendarlist .day_schedule_box {
  margin: 10px 0 0;
}

.calendardetail .day_schedule {
  padding: 15px;
  border-bottom: 1px solid #aaa;
}

.calendardetail.calendarlist .day_schedule {
  padding: 20px;
}

.calendardetail.calendarlist .day_schedule.nolink {
  padding: 15px;
}

.calendardetail .day_schedule p {
  font-size: 14px;
}

.calendardetail.calendarlist .day_schedule p {
  font-size: 16px;
}

.calendardetail .day_schedule.nolink,
.contentsarea .data_file_list.nolink,
.contentsarea .news .newslist.attendlist li.nolink {
  background: #f4f4f4;
}

.calendardetail .day_schedule.nolink h2,
.contentsarea .data_file_list.nolink h2,
.contentsarea .news .newslist.attendlist li.nolink h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  width: auto;
  margin: 0;
  padding: 0;
  display: block;
}

.calendardetail .day_schedule.nolink h2 {
  padding: 8px;
}

.contentsarea .news .newslist.attendlist li.nolink .detail {
  padding: 0;
}

.calendardetail .day_schedule p .cat,
.calendardetail .day_schedule p .vid,
.calendardetail .day_schedule p .regular {
  font-size: 14px;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 2px;
  box-sizing: border-box;
  background: #2dbd8b;
  text-align: center;
  line-height: 23px;
  color: #fff;
  margin: 0 5px 15px 0;
}

.calendardetail .day_schedule p .vid {
  background: #4a8cff;
}

.calendardetail .day_schedule p .regular {
  background: #3581c9;
}

.calendardetail .day_schedule p a {
  margin: 15px 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #1c72d4;
  text-decoration: underline;
  display: inline-block;
}

.topcontents .calendardetail .day_schedule p a {
  margin: 15px 0;
}

.calendardetail .day_schedule p a:hover {
  text-decoration: none;
}

/* CK Editor */
.ck-content b, .ck-content strong,
.wysiwyg_block b, .wysiwyg_block strong {
  font-weight: bold;
}

.wrapper .ck-content i,
.wrapper .wysiwyg_block i {
  font-style: italic;
}

.wrapper .ck-content p,
.wrapper .wysiwyg_block p {
  margin: 0;
}

.ck-content ul, .ck-content ol,
.wysiwyg_block ul, .wysiwyg_block ol {
  margin: 0 0 10px 25px;
}

.ck-content ul, .ck-content ul li,
.wysiwyg_block ul, .wysiwyg_block ul li {
  list-style: disc;
}

.ck-content ol, .ck-content ol li,
.wysiwyg_block ol, .wysiwyg_block ol li {
  list-style: decimal;
}

.ck-content ul li, .ck-content ol li,
.wysiwyg_block ul li, .wysiwyg_block ol li {
  font-size: 18px;
  line-height: 1.4;
}

.textarea p a, .form_title p a, .leftcol .pretext a, .form .attend_lead a, .formbk p a, .inputcontent p a {
  color: #1c72d4;
  text-decoration: underline;
}

.textarea p a:hover, .form_title p a:hover, .leftcol .pretext a:hover, .form .attend_lead a:hover, .formbk p a:hover, .inputcontent p a:hover {
  text-decoration: none;
}

/* thumbnail */
ul.thumbnail_view {
  display: flex;
  flex-wrap: wrap;
}

ul.thumbnail_view li {
  padding: 10px;
  width: 33%;
  background: transparent;
}

@media screen and (max-height: 699px) {
  .modal .top_info, .modal_section {
    top: 0;
    transform: translateY(0);
  }
}
@media screen and (min-width: 1400px) {
  .reservpage .reserv_form form .submit {
    left: 0;
  }
  .reserv_status_form form .submit {
    left: auto;
  }
}
@media screen and (min-width: 1700px) {
  .reserv_status_form form .submit {
    left: 1060px;
  }
}
@media screen and (max-width: 2559px) {
  .reserv_calender {
    max-width: 2280px;
  }
}
@media screen and (max-width: 2459px) {
  .reserv_calender {
    max-width: 2180px;
  }
}
@media screen and (max-width: 2359px) {
  .reserv_calender {
    max-width: 2110px;
  }
}
@media screen and (max-width: 2259px) {
  .reserv_calender {
    max-width: 1990px;
  }
}
@media screen and (max-width: 2159px) {
  .reserv_calender {
    max-width: 1870px;
  }
}
@media screen and (max-width: 2059px) {
  .reserv_calender {
    max-width: 1800px;
  }
}
@media screen and (max-width: 1959px) {
  .reserv_calender {
    max-width: 1702px;
  }
}
@media screen and (max-width: 1859px) {
  .reserv_calender {
    max-width: 1630px;
  }
}
@media screen and (max-width: 1759px) {
  .reserv_calender {
    max-width: 1510px;
  }
  .leftnavi.open + nav + .contents .news ul.tabmenu li a {
    font-size: 16px;
  }
}
@media screen and (max-width: 1659px) {
  .reserv_calender {
    max-width: 1390px;
  }
  .leftnavi.open + nav + .contents .news ul.tabmenu li a {
    font-size: 15px;
  }
}
@media screen and (max-width: 1559px) {
  .reserv_calender {
    max-width: 1320px;
  }
  .news ul.tabmenu li a {
    font-size: 16px;
  }
  .leftnavi.open + nav + .contents .news ul.tabmenu li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1459px) {
  .reserv_calender {
    max-width: 1200px;
  }
  .leftnavi.open + nav + .contents .news ul.tabmenu li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 1359px) {
  .reserv_calender {
    max-width: 1080px;
  }
  .calendar_list .calendar, .calendar_list .calendar input {
    width: 150px;
  }
  .news ul.tabmenu li a {
    font-size: 14px;
  }
  .leftnavi.open + nav + .contents .news ul.tabmenu li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 1259px) {
  .reserv_calender {
    max-width: 1008px;
  }
  .news ul.tabmenu li a {
    font-size: 13px;
  }
  .leftnavi.open + nav + .contents .news ul.tabmenu li a {
    font-size: 11px;
  }
}
@media screen and (max-width: 1159px) {
  .reserv_calender {
    max-width: 910px;
  }
  .news ul.tabmenu li a {
    font-size: 12px;
  }
  .leftnavi.open + nav + .contents .news ul.tabmenu li a {
    font-size: 10px;
  }
}
@media screen and (max-width: 1059px) {
  .reserv_calender {
    max-width: 815px;
  }
}
@media screen and (max-width: 959px) {
  .reserv_calender {
    max-width: 720px;
  }
}
@media screen and (max-width: 859px) {
  .reserv_calender {
    max-width: 600px;
  }
  ul.thumbnail_view li {
    width: 50%;
  }
}
@media screen and (max-width: 659px) {
  .reserv_calender {
    max-width: 504px;
  }
}
@media screen and (max-width: 559px) {
  .reserv_calender {
    max-width: 480px;
  }
}
@media screen and (max-width: 539px) {
  .reserv_calender {
    max-width: 432px;
  }
}
@media screen and (max-width: 479px) {
  .reserv_calender {
    max-width: 408px;
  }
  ul.thumbnail_view li {
    width: 100%;
  }
}
@media screen and (max-width: 459px) {
  .reserv_calender {
    max-width: 360px;
  }
}
@media screen and (max-width: 419px) {
  .reserv_calender {
    max-width: 336px;
  }
}
@media screen and (max-width: 359px) {
  .reserv_calender {
    max-width: 264px;
  }
}
@media screen and (max-height: 849px) {
  .modal .top_info, .modal_section {
    top: 50%;
  }
}
@media screen and (max-width: 1699px) {
  .serach_form .submit {
    width: 100%;
    margin: 15px 0 10px;
    position: relative;
    display: flex;
    left: 0;
  }
  .boardpage .serach_form .submit {
    margin-top: 5px;
  }
  .serach_form .submit button {
    margin: 0 0 5px;
  }
  .serach_form .submit button.graybtn {
    max-width: 200px;
    width: 45%;
  }
  .serach_form .reserv_use_form button.graybtn {
    width: 45%;
    margin-right: 0;
  }
  .serach_form .submit button.submitbtn {
    width: 55%;
    margin-left: 20px;
  }
  .serach_form .dayly .submit, .serach_form .monthly .submit {
    display: block;
  }
  .serach_form .dayly .submit button, .serach_form .monthly .submit button {
    width: 100%;
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 1549px) {
  .news ul.tabmenu li a {
    font-size: 15px;
  }
}
@media screen and (max-width: 1499px) {
  .news ul.tabmenu li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 1399px) {
  .toppage .contents {
    padding: 30px;
  }
  .articleinfo .image, .articleinfo .profile {
    margin: 0 0 15px;
  }
  .articleinfo {
    max-width: 170px;
    min-width: 170px;
    padding: 0 0 0 30px;
  }
  .relation .image, .relation ul {
    margin: 15px 0 0;
  }
  .reservpage .news ul.tabmenu li a {
    font-size: 16px;
  }
  .reservpage .reserv_form {
    right: 30px;
  }
  .halfcol > div {
    padding: 0 10px 0 0;
  }
  .halfcol > div:nth-child(even) {
    padding: 0 0 0 10px;
  }
  .reserv_status_form .twocol {
    max-width: none;
  }
  .conferencepage .news ul.tabmenu li a {
    font-size: 16px;
  }
  .toppage .contentsarea .help_link {
    top: -31px;
    left: 55px;
  }
  .toppage .contentsarea .leftnavi.open + .help_link,
  .toppage .contentsarea .leftnavi.open + nav + .help_link {
    left: 225px;
  }
  .boardpage .contents {
    padding: 0 30px 60px;
  }
  .boardpage .news ul.tabmenu li a {
    font-size: 16px;
  }
  .boardpage .modal .halfcol > div {
    width: 50%;
  }
  .boardpage .modal .halfcol > div:nth-child(even) {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 1299px) {
  .enquetepage .news ul.tabmenu li a {
    font-size: 1.1vw;
  }
  .twocol.halfcol, .advanced.open .ad_content.twocol {
    display: block;
  }
  .news ul.tabmenu li a {
    font-size: 12px;
  }
  .advanced .ad_content {
    display: none;
  }
  .halfcol > div, .halfcol > div:nth-child(even) {
    width: auto;
    padding: 0;
  }
  .reserv_status_form .twocol .leftcol, .reserv_status_form .twocol .rightcol {
    width: 100%;
  }
  .calendar_list .calendar, .calendar_list .calendar input {
    width: 200px;
  }
  .facility_list input {
    width: 426px;
  }
  .conferencepage .contents {
    padding: 0 20px 110px;
  }
  .conference_section .halfcol > div.leftcol {
    padding: 0;
  }
  .conference_section .halfcol > div.leftcol, .conference_section .halfcol > div.rightcol {
    width: 100%;
  }
  .boardpage .modal .comment {
    padding: 0 20px;
  }
  .enquete_section .threecol {
    justify-content: center;
    max-width: 820px;
  }
  .enquete_section .threecol .onecol_button {
    width: 50%;
  }
  .enquete_section .threecol button {
    max-width: inherit;
  }
  .enquete_section .threecol .onecol_button:nth-child(3) {
    margin: 30px 0 0;
  }
}
@media screen and (max-width: 1199px) {
  .toppage .contents {
    padding: 20px;
  }
  .top_info p {
    font-size: 14px;
  }
  .articleinfo {
    padding: 0 0 0 20px;
  }
  .news .newslist h2, .news .newslist li h3,
  .conference_section .conferencelist .conference_detail.nolink h2,
  .calendardetail .day_schedule.nolink h2,
  .contentsarea .data_file_list.nolink h2,
  .contentsarea .news .newslist.attendlist li.nolink h2 {
    font-size: 16px;
  }
  .news .reserv_check .detail p {
    font-size: 14px;
  }
  .news ul.tabmenu li {
    padding: 0 3px;
  }
  .news .newslist .detail {
    padding-right: 250px;
  }
  .group_info .newslist .detail {
    padding-right: 150px;
  }
  .news ul.tabmenu li a {
    font-size: 10px;
  }
  .modal_section {
    width: 90%;
    max-width: max-content;
  }
  .fix_modal .modal_section {
    width: auto;
    max-width: none;
  }
  .twocol {
    display: block;
  }
  .collective_status .twocol, .datapage .serach_form .twocol {
    display: flex;
    flex-wrap: nowrap;
  }
  .collective_status .twocol button {
    font-size: 18px;
    margin-left: 10px;
  }
  .collective_status .twocol.new_create button .icon_plus {
    top: 1px;
    transform: none;
  }
  .datapage .collective_status .twocol.new_create button .icon_plus, .memberpage .collective_status .twocol.new_create button .icon_plus {
    top: -2px;
    transform: rotate(45deg) scale(0.7);
  }
  .collective_status .twocol button:first-child {
    margin-left: 0;
    margin-right: 10px;
  }
  .twocol ul.inputlist, .twocol ul.selectlist, .conferencepage .twocol ul.inputlist {
    width: 100%;
  }
  .serach_form ul li h2, .radiocol h2, .checkcol h2, .facility_list h2, .calendar_list h2, .roominput h2 {
    font-size: 16px;
  }
  .twocol ul li h2, .serach_form ul.selectlist li h2, .conferencepage .serach_form ul li h2,
  .conferencepage .date.onecol h3 {
    width: 140px;
  }
  .memberpage .serach_form ul li h2 {
    width: 110px;
  }
  .enquetepage .serach_form ul li h2 {
    width: 90px;
  }
  .date h3, .form_date h3 {
    font-size: 16px;
    line-height: 28px;
    width: 60px;
  }
  .serach_form .radiocol label, .serach_form .checkcol label {
    font-size: 16px;
    line-height: 26px;
  }
  .reservpage .reserv_form {
    right: 20px;
  }
  .reservpage .reserv_form form .submit, .reservpage .reserv_form .dayly .submit, .reservpage .reserv_form .monthly .submit {
    margin: 15px 0 10px;
    display: block;
  }
  .reservpage .reserv_form form .submit button, .reservpage .reserv_form .dayly .submit button, .reservpage .reserv_form .monthly .submit button {
    width: 100%;
    margin: 20px 0 0;
  }
  .reservpage .reserv_form form .submit button.submitbtn, .reservpage .reserv_form .dayly .submit button.submitbtn, .reservpage .reserv_form .monthly .submit button.submitbtn {
    margin-left: 0;
  }
  .reservpage .reserv_form .radiocol label {
    padding: 0 0 0 26px;
  }
  .serach_form .checkcol label {
    font-size: 14px;
  }
  .notitle {
    padding: 30px 20px 1px;
  }
  .conferencepage .news .newslist .conference_detail {
    padding-right: 0;
  }
  .conference_section .rightcol .form .flex {
    display: block;
  }
  .conference_section .halfcol > div .checkcol {
    margin-top: 10px;
  }
  .conference_section .twocol h4 span {
    font-size: 20px;
  }
  .conferencepage .twocol .rightcol ul.selectlist li h2 {
    width: 140px;
  }
  .twocol .leftcol, .twocol .rightcol {
    width: 100%;
  }
  .boardpage .contents {
    padding: 0 20px 50px;
  }
  .boardpage .modal.moji .halfcol .rightcol .twocol .rightcol02 {
    display: block;
  }
  .emergency_section04 .form .twocol button span {
    font-size: 19px;
  }
  .emergency_section .newslist .detail, .newslist.disasterlist .detail {
    padding-right: 0;
  }
  .reservbloc .twocol {
    display: flex;
  }
  .reservbloc .twocol p {
    font-size: 17px;
  }
  .reserv_section.news .newslist .detail {
    padding-right: 0;
  }
  .reserv_section.news .newslist .detail p {
    padding-right: 0;
  }
  .serach_form .reserv_use_form .radiocol h2 {
    width: auto;
    margin: 0 0 10px;
    display: block;
  }
  .serach_form .reserv_use_form .radiocol label {
    left: 0;
  }
  .calendardetail .day_schedule p a, .conference_section.news .newslist .detail h2, .newslist.conflist .detail h2 {
    font-size: 16px;
  }
  .news .newslist .detail h2 span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1099px) {
  .toppage .contents {
    flex-wrap: nowrap;
    flex-direction: column-reverse;
  }
  .articleinfo {
    max-width: none;
    min-width: inherit;
    padding: 30px 0 0;
  }
  .articleinfo .image, .articleinfo .profile {
    text-align: center;
    margin: 0 0 30px;
  }
  .articleinfo .image img, .articleinfo .profile img {
    margin: 0 auto;
  }
  .relation {
    text-align: center;
    margin: 50px 0 20px;
    padding: 0 0 20px;
  }
  .relation .image {
    margin: 20px 10px 10px;
    display: inline-block;
  }
  .relation h2 {
    font-size: 22px;
    padding: 10px;
  }
  .relation ul {
    width: 310px;
    margin: 0 auto;
  }
  .relation ul li {
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    margin: 5px 0 0;
  }
  .relation ul li a {
    padding: 0 0 0 16px;
  }
  .relation ul li a svg {
    top: 9px;
  }
  .news ul.tabmenu li a,
  .leftnavi.open + nav + .contents .news ul.tabmenu li a {
    font-size: 12px;
  }
  .reserv_status .fixedtable table th, .reserv_status .fixedtable table td {
    font-size: 14px;
  }
  .reserv_status .fixedtable .weekly table th {
    font-size: 22px;
  }
  .reserv_status .fixedtable .weekly table th span {
    font-size: 16px;
  }
  .weekly table tr th, .weekly table tr td {
    width: 100px;
  }
  .weekly table tr th:first-child, .weekly table tr td:first-child {
    width: 180px;
  }
  .input_contents .groupselect ul {
    width: 46%;
  }
  .boardpage .modal .leftcol02, .boardpage .modal .rightcol02 {
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  .banner a img.sp {
    display: none;
  }
  .news ul.tabmenu li a {
    font-size: 13px;
  }
  .enquetepage .news ul.tabmenu li a {
    font-size: 1.4vw;
  }
  .enquetepage .news .newslist li .pagemenu, .news .newslist.enquetelist li .pagemenu {
    width: auto;
    display: inline-block;
    top: 13px;
  }
  .enquetepage .news .newslist li .submenubtn, .news .newslist.enquetelist li .submenubtn {
    margin: 0;
  }
  .news {
    margin: 20px 0 0;
  }
  .emergency_section06 {
    margin-bottom: 40px;
  }
  .enquetepage .news .newslist .detail, .news .newslist.enquetelist .detail {
    padding: 0 !important;
  }
  .enquetepage .news .newslist li .status, .news .newslist.enquetelist li .status {
    text-align: right;
    margin: 15px 0 0;
    position: relative;
    bottom: -5px;
    display: block;
  }
  .enquete_section03 .newsform .newslist li .status {
    margin: 0;
    bottom: -10px;
  }
  .enquetepage .news .newslist li .status h4, .news .newslist.enquetelist li .status h4 {
    display: inline-block;
  }
  .news .newslist li h3.button {
    margin: 0 6px 0 0;
  }
  .news .newslist li h3.button a {
    position: relative;
  }
  .news .newslist li h3.button a svg {
    top: 3px;
  }
  .enquete_section03 .new_create svg {
    top: 0;
    transform: rotate(0deg) scale(1);
  }
  .enquete_section03 .newslist li h3.button a svg {
    top: 5px;
    transform: scale(0.9);
  }
  .twocol {
    padding: 0;
  }
  .radiocol h2, .checkcol h2 {
    width: auto;
    display: block;
    margin: 5px 0 10px;
  }
  .serach_form .radiocol label, .serach_form .checkcol label {
    left: 0;
  }
  .memberpage .serach_form .checkcol label, .reservpage .reserv_status_form .form .halfcol .rightcol > .checkcol label {
    left: -6px;
  }
  .serach_form .checkcol.unapproved input + label::before {
    top: 2px;
  }
  .serach_form .checkcol.unapproved input + label::after {
    top: -2px;
  }
  .calendar {
    width: 38%;
  }
  .vdp-datepicker input {
    font-size: 14px;
    width: 100%;
    height: 30px;
    padding-left: 32px;
  }
  .serach_form {
    margin: 0 0 35px;
  }
  p.multiselect a {
    text-decoration: none;
  }
  .advanced {
    padding-top: 20px;
    margin-top: 20px;
  }
  .advanced.open {
    padding: 20px 20px 10px;
  }
  .date, .form_date {
    padding: 0 0 40px;
  }
  .news .newslist.datalist .date {
    padding: 0;
  }
  .news .newslist.datalist .detail p .chain img {
    top: 2px;
  }
  .date.onecol, .form_date.onecol, .attendpage .twocol .date {
    padding: 0;
  }
  .calendar_list .date, .calendar_list .form_date {
    padding: 0;
  }
  .halfcol .flexcol h2 {
    margin: 0;
  }
  .serach_form .twocol .checkcol h2, .memberpage .serach_form .checkcol h2 {
    display: inline-block;
  }
  .advanced.open .date {
    height: 72px;
  }
  .emergencypage .advanced.open .date {
    height: 32px;
    padding: 0;
  }
  .date h3, .form_date h3 {
    line-height: 32px;
  }
  .date span, .form_date span {
    padding: 0 12px;
  }
  .date .calendar span, .form_date .calendar span {
    padding: 0;
  }
  .unapproved {
    margin: 0 0 0 -20px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
  .memberpage .unapproved {
    margin: 0 0 0 20px;
    position: relative;
    left: 0;
    transform: translateX(0);
  }
  .unapproved label {
    display: inline-block;
  }
  .unapproved input + label::before {
    top: 4px;
  }
  .unapproved input:checked + label::after {
    top: 0;
  }
  .toppage .contentsarea .help_link {
    top: -36px;
    left: 65px;
  }
  .toppage .contentsarea .leftnavi.open + .help_link,
  .toppage .contentsarea .leftnavi.open + nav + .help_link {
    left: 65px;
  }
  .modal_section h1 {
    font-size: 20px;
  }
  .news .newslist .detail p {
    padding-right: 0;
  }
  .news .newslist .detail p, .news .newslist .detail p .category, .news .newslist .detail p .name {
    display: block;
  }
  .news .newslist .detail p .category {
    padding-right: 65px;
    margin: 0 0 8px;
    border-right: 0;
    white-space: inherit;
  }
  .news .newslist .detail p.emergency + p .category {
    padding-right: 0;
  }
  .newcategory .submit button {
    font-size: 16px;
  }
  .newslist.conflist .detail h2 + p {
    font-size: 13px;
  }
  .attendpage .news .newslist li .detail {
    padding-right: 0;
  }
  .attendpage .news .newslist li .detail .ribbon {
    position: relative;
    float: right;
  }
  .scroll_arrow {
    position: relative;
  }
  .scroll_arrow::after {
    content: "";
    width: 38px;
    height: 55px;
    background: url(../dfb880223a730221a3cc.png) no-repeat 0 0;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .scroll_table {
    width: 100%;
    overflow-x: scroll;
  }
  .scroll_table table {
    min-width: 1000px;
  }
  .reserv_status .dlbtn_area .csv, .reserv_status .dlbtn_area .report {
    text-align: center;
    float: none;
    clear: both;
  }
  .reserv_status .dlbtn_area .report {
    margin: 40px 0 0;
    display: block;
  }
  .reserv_status .dlbtn_area .report .report_select {
    padding: 0 0 15px;
  }
  .reserv_status .dlbtn_area .button button, .reserv_status .dlbtn_area .selectbk select {
    width: 400px;
  }
  .dlbtn_area .position {
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%) translateX(100%);
  }
  .reserv_status .dlbtn_area .button {
    max-width: 400px;
    margin: 0 auto;
  }
  .border_sec .twocol > div {
    width: 33%;
    padding-right: 30px;
  }
  .border_sec .twocol > .timeselect {
    width: 66%;
  }
  .twocol .timeselect {
    margin: 10px 0;
  }
  .formbk .twocol .vdp-datepicker input {
    width: 160px;
  }
  .unusable_bk.twocol .cal_from::after, .unusable_bk.twocol .cal_until::after {
    right: auto;
    left: 125px;
  }
  .formbk .twocol .calendar, .reservpage .use_date .twocol .calendar {
    width: 180px;
  }
  .formbk .twocol .calendar input {
    width: 150px;
  }
  .formbk .choice_date .twocol .calendar input {
    width: 185px;
  }
  .cal_close {
    right: -40px;
    bottom: 12px;
  }
  .timeselect {
    flex-wrap: wrap;
  }
  .clearbtn {
    font-size: 16px;
    width: 50%;
    margin: 20px auto 10px;
    padding: 15px 20px;
    clear: both;
  }
  .memberpage .twocol ul.selectlist, .conferencepage .twocol ul.selectlist {
    width: 100%;
  }
  .input_contents .groupselect ul {
    width: 45.5%;
  }
  .conference_section {
    margin: 20px 0 0;
  }
  .conference_section .twocol {
    display: block;
  }
  .conference_section .halfcol > div {
    width: auto;
    padding: 0;
  }
  .conference_section .halfcol > div:nth-child(even) {
    width: auto;
  }
  .conference_section .rightcol .form .button button {
    max-width: inherit;
    margin: 0 0 0 auto;
  }
  .conference_section .conference_detail p .category,
  .conference_section .conference_detail p.category_wrap,
  .conference_section h1 span {
    display: block;
  }
  .conference_section .conferencelist .conference_detail .imgTxt .text .date {
    top: 30px;
  }
  .conference_section .conferencelist .conference_detail .imgTxt .text .date + * {
    margin-top: 40px;
  }
  .conference_section .conferencelist .conference_detail .imgTxt .text p.name {
    margin: 0 0 30px 0;
    display: block;
  }
  .conference_section .conferencelist .conference_detail .imgTxt .text p.tit {
    margin: 0 0 30px 0;
  }
  .modal.fix_modal .halfcol > div {
    width: 55.5%;
  }
  .modal.fix_modal .halfcol > div:nth-child(even) {
    width: calc(44.5% - 25px);
  }
  .board_section.news .newslist .detail p .name, .newslist.topiclist .detail p .name {
    display: inline;
  }
  .board_detail p.category_wrap {
    display: block;
  }
  .board_detail.flexcol {
    display: block;
  }
  .board_detail .yes_no {
    text-align: right;
  }
  .board_section02 .newsform .form .formbk .allreadbtn a {
    position: static;
    text-align: right;
    margin: 20px 0 0 0;
  }
  .board_detail .imgTxt .text p.name {
    margin: 0 0 10px 0;
  }
  .board_detail .imgTxt .text p.date {
    margin: 15px 0 0;
    padding-bottom: 0;
    text-align: right;
    display: block;
    position: relative;
    top: 0;
    right: 0;
    clear: none;
  }
  .board_detail .quote_delete {
    position: static;
    text-align: right;
    margin: 10px 0 0 0;
  }
  .boardlist .yes_no {
    position: static;
    margin: 10px 0 0 0;
  }
  .boardpage .modal .halfcol > div {
    width: 55.5%;
  }
  .boardpage .modal .halfcol > div:nth-child(even) {
    width: calc(44.5% - 35px);
  }
  .boardpage .modal .halfcol02 > div:nth-child(even) {
    width: auto;
    margin: 10px 0 0 0;
  }
  .boardpage .modal .comment .upload_file {
    margin: 15px 0;
  }
  .modal.deny h2 {
    font-size: 18px;
  }
  .modal.deny p {
    font-size: 16px;
  }
  .board_detail p .name .pc {
    display: inline;
  }
  .board_section.news .newslist .detail p.tit br.sp, .newslist.topiclist .detail p.tit br.sp {
    display: none;
  }
  .boardpage .modal .halfcol02 > div {
    width: auto;
  }
  .boardpage .modal .halfcol > div {
    width: 55%;
  }
  .boardpage .modal .halfcol > div:nth-child(even) {
    width: calc(45% - 20px);
  }
  .emergency_section.news .newslist .detail p .date, .news .newslist.disasterlist .detail p .date {
    border-right: 0;
    padding-bottom: 5px;
  }
  .emergency_section.news .newslist .detail p .unit, .news .newslist.disasterlist .detail p .unit {
    display: block;
  }
  .emergency_section.news .newslist .detail p .name, .news .newslist.disasterlist .detail p .name {
    margin: 0 0 15px;
    display: block;
  }
  .emergency_section .sortmenu {
    display: block;
  }
  .emergency_section .sortmenu p {
    margin: 10px 0 0;
  }
  .emergency_section02 .newslist li .status {
    text-align: right;
    margin: 15px 0 0;
    position: relative;
    display: block;
  }
  .emergency_section02 .newslist li h3.button {
    margin: 0 6px 0 0;
  }
  .emergency_section02.news .newslist li .status h4 {
    display: inline-block;
  }
  .emergency_section02 .newslist li .status .statusbtn {
    top: 135px;
    right: 89px;
    left: auto;
    position: absolute;
  }
  .emergency_section03 .emergency_detail p.category_wrap span {
    display: block;
    border: none;
    padding: 0;
    margin: 0;
  }
  .emergency_section03 .need_assist span + span {
    display: inline-block;
  }
  .emergencylist .emergency_detail .imgTxt .text p .date {
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 5px;
    display: block;
    border: 0;
  }
  .emergencylist .edit_delete {
    position: static;
    text-align: right;
    margin: 20px -20px 0 0;
  }
  .emergency_section .form .twocol button {
    font-size: 19px;
  }
  .form_type li {
    width: calc(50% - 10px);
  }
  .form_type li:nth-child(1),
  .form_type li:nth-child(2) {
    margin-bottom: 20px;
  }
  .enquete_section .threecol button {
    font-size: 17px;
  }
  .enquete_section03 .newslist li .status {
    right: 22px;
  }
  .enquete_section03 .checkcol label .times .pc {
    display: inline;
  }
  .reserv_section .newslist li .status {
    text-align: right;
    margin: 15px 0 0;
    position: relative;
    display: block;
  }
  .reserv_section .newslist .detail h4.ribbon {
    display: inline-block;
  }
  .emergencypage .advanced .calendar {
    flex: 1;
  }
  .enquete_section06 {
    margin: 0 0 0 0;
    padding: 40px 0 0 0;
  }
  .data_file_list h3 .pc {
    display: inline;
  }
  .data_file_list h3 .sp {
    display: none;
  }
  .reservpage .reserv_status_form .form .halfcol .leftcol > .checkcol label {
    left: -6px;
  }
}
@media screen and (max-width: 899px) {
  .checkcol input[type=checkbox] + label::before {
    top: 4px;
  }
  .checksec input[type=checkbox] + label::before {
    top: -3px;
  }
  .checkfile .checkcol input[type=checkbox] + label::before, .regulation .checkcol input[type=checkbox] + label::before,
  .member_push + .checkcol input[type=checkbox]:checked + label::after, .serch_result .checkcol input[type=checkbox] + label::before,
  .calendar_contents .checkcol input[type=checkbox] + label::before, .contentspage .checkcol input[type=checkbox] + label::before,
  .memberpage .newsform .formbk .checksec input[type=checkbox] + label::before, .reservpage .formbk .output .checkcol input[type=checkbox] + label::before {
    top: 0;
  }
  .reservpage .formbk .output .checkcol input[type=checkbox] + label::after {
    top: -4px;
  }
  .news ul.tabmenu li a {
    font-size: 12px;
  }
  .input_contents .groupselect ul {
    width: 45%;
  }
  .boardpage .modal.deny .disp_table_auto .checkcol label {
    line-height: 2;
  }
  .boardpage .modal .radiocol label {
    font-size: 15px;
  }
  .newsform .formbk.key_settings .checkcol input[type=checkbox] + label::before {
    top: 0;
  }
}
@media screen and (max-height: 849px) {
  .modal.deny .modal_section {
    top: 50%;
  }
}
@media screen and (max-width: 819px) {
  .news ul.tabmenu li a, .leftnavi.open + nav + .contents .news ul.tabmenu li a {
    font-size: 11px;
  }
  .groupselect {
    margin: 20px 0 0;
  }
  .groupselect p {
    max-width: none;
    width: 100%;
    padding: 0;
    left: 0;
  }
  .groupselect p.memberselect {
    padding: 0;
    right: 0;
  }
  .groupselect ul, .input_contents .groupselect ul {
    max-width: none;
    width: 100%;
    min-height: inherit;
    float: none;
  }
  .groupselect ul:nth-child(2) {
    margin: 0 0 10px;
  }
  .groupselect ul:nth-child(4) {
    float: none;
  }
  .groupselect .arrow {
    position: relative;
    top: -5px;
    right: 0;
    display: block;
    margin: 10px auto;
    transform: rotate(90deg);
  }
}
@media screen and (max-width: 767px) {
  /* Login */
  .logincontents {
    width: 100%;
    padding: 25px 30px 25px;
    background: #fff;
  }
  .login_logo {
    min-width: 85px;
    width: 85px;
    height: 86px;
  }
  .ie_visible p {
    margin: 30px 0;
    font-size: 18px;
  }
  .logincontents h1 {
    margin: 30px 0 35px 0;
    font-size: 19px;
  }
  .logincontents h2 {
    font-size: 15px;
    margin: 20px 0 0 0;
  }
  .logincontents .loginform .inputtext input {
    height: 40px;
  }
  .logincontents .loginform .button {
    padding: 25px 0 10px;
  }
  .logincontents .loginform .button button,
  .logincontents .loginform .button a {
    font-size: 14px;
    padding: 12px 10px;
  }
  .logincontents .loginform .button + p {
    font-size: 14px;
    margin: 25px 0 0 0;
  }
  .logincontents .loginform .button + p span {
    padding: 0;
    display: inline-block;
  }
  .logincontents .loginform .button + p span:nth-child(2) {
    display: block;
  }
  .tsunagunet_newes {
    margin: 20px 0 0 0;
    padding: 25px 15px 20px;
  }
  .tsunagunet_newes h3 {
    font-size: 16px;
    margin: 0 0 20px 0;
    padding: 0 0 0 30px;
  }
  .tsunagunet_newes h3 svg {
    width: 20px;
    height: 20px;
  }
  .tsunagunet_newes p {
    font-size: 14px;
    line-height: 1.92;
    letter-spacing: 0.04em;
  }
  .tsunagunet_newes .image {
    margin: 15px 0 5px;
  }
  .tsunagunet_newes p.border_text {
    padding: 10px 0 0 0;
  }
  .login_footer .inner {
    padding: 0 30px 70px;
  }
  .modal_section {
    max-height: 70vh;
    max-height: 70dvh;
    min-width: inherit;
  }
  .modal_section .controll .prev {
    width: 20px;
    top: calc(50% + 17px);
    left: 5px;
  }
  .modal_section .controll .next {
    width: 20px;
    top: calc(50% + 17px);
    right: 5px;
  }
  .modal_section .modalslide .spslide, .modal_section .modalslide .controll.spcontroll {
    display: block;
  }
  .modal_section .modalslide .pcslide, .modal_section .modalslide .controll.pccontroll {
    display: none;
  }
  /* pages */
  a.help_link[data-sp="0"] {
    pointer-events: none;
    cursor: default;
    display: none;
  }
  .notaice.pc, .banner a img.pc,
  .modal.fix_modal .clip_button.pc {
    display: none;
  }
  .banner a img.sp, .modal.fix_modal .clip_button.sp {
    display: block;
  }
  .caution {
    padding: 15px 15px 10px;
    border: solid 3px #c00;
  }
  .caution p {
    font-size: 18px;
  }
  .message p {
    font-size: 16px;
  }
  .calendar {
    width: 36%;
  }
  .news {
    margin: 20px -20px 0;
  }
  .emergency_section06 {
    margin-bottom: 40px;
  }
  .news .tabscroll {
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .news .tabscroll::-webkit-scrollbar {
    display: none;
  }
  .news ul.tabmenu {
    min-width: 1200px;
    padding: 0 15px;
  }
  .enquetepage .news ul.tabmenu, .reservpage .news ul.tabmenu {
    min-width: inherit;
  }
  .enquetepage .news ul.tabmenu li, .reservpage .news ul.tabmenu li {
    width: 33.33%;
  }
  .news ul.tabmenu li a, .enquetepage .news ul.tabmenu li a, .reservpage .news ul.tabmenu li a {
    font-size: 14px;
  }
  .news .newslist.reservlist .detail {
    padding-right: 0;
  }
  .news .newslist .detail {
    padding-right: 120px;
  }
  .group_info .newslist .detail {
    padding-right: 130px;
  }
  .news .newslist li .status {
    display: block;
  }
  .news .newslist li h3 {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 5px;
    padding: 0;
  }
  .ftnavi {
    display: none;
  }
  .login_footer .ftnavi,
  .ftnavi.align_navi_list {
    text-align: center;
    display: block;
  }
  .login_footer .ftnavi li,
  .ftnavi.align_navi_list li {
    margin: 0 15px 15px;
    border: 0;
  }
  .login_footer .ftnavi li:first-child,
  .ftnavi.align_navi_list li:first-child {
    border: 0;
  }
  .login_footer .ftnavi li a,
  .ftnavi.align_navi_list li a {
    padding: 0;
  }
  .top_info_list .image {
    padding: 0 0 20px;
    float: none;
  }
  .top_info_list .image img {
    margin: 0 auto;
  }
  .news .newslist li .submit {
    text-align: center;
  }
  .errortop p, .formbk p, .groupselect ul li, .upload label p, .upload_file li, .formbk .ertxt p, .conference_section .rightcol .form .ertxt p, .modal .groupselect ul li .inputtext input {
    font-size: 16px;
  }
  .upload label p br {
    display: none;
  }
  .formbk h2 span,
  .formbk h3 .hissu, .border_sec h3 .hissu {
    font-size: 14px;
    padding: 3px 7px 2px;
    top: -2px;
  }
  .modal .groupselect ul li .inputtext input {
    width: 60%;
    padding: 5px 10px;
  }
  .savebtn {
    padding: 8px 10px;
    margin-left: 5px;
  }
  .newsform h1, .reserv_status h1 {
    font-size: 20px;
    margin: 0 0 40px;
  }
  .news.board_section02 h1 {
    margin-bottom: 0;
  }
  .formbk h2, .formbk h2 span.name {
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 15px;
  }
  .formbk h2 span.name {
    margin: 0;
  }
  .formbk h3 {
    font-size: 16px;
    margin: 0 0 15px;
  }
  .tablebk h3 {
    margin: 0;
  }
  .radiocol label {
    font-size: 16px;
    line-height: 24px;
  }
  .formbk .radiocol label {
    padding: 0 0 0 32px;
  }
  .formbk .radiocol input[type=radio] + label::before {
    top: 1px;
    width: 20px;
    height: 20px;
  }
  .formbk .radiocol input[type=radio]:checked + label::after {
    top: 6px;
    left: 5px;
    width: 10px;
    height: 10px;
  }
  .upload .image {
    width: 140px;
    max-width: 140px;
    padding: 0 20px;
  }
  .formbk .vdp-datepicker input {
    width: 100%;
  }
  .enquete_section .formbk .samll_input input {
    width: 120px;
  }
  .selectbk select, .selectbk .catebtn {
    display: block;
  }
  .newsform .formbk p.catebtn {
    margin: 20px 0 0;
  }
  .formbk h2 .icon {
    top: 6px;
  }
  .modal .top_info, .modal_section {
    width: 90%;
  }
  .modal .top_info .bg {
    padding: 20px;
  }
  .formbk .ertxt p,
  .conference_section .rightcol .form .ertxt p {
    max-width: none;
  }
  .formbk .output_img {
    font-size: 16px;
  }
  .inputstatus h2 {
    font-size: 15px;
    width: 7em;
    padding: 10px;
    margin: 0;
  }
  .inputstatus p {
    font-size: 15px;
    padding: 10px;
  }
  .inputstatus .status_detail p {
    padding: 0;
  }
  .inputstatus .status_detail {
    padding: 10px;
  }
  .reservpage .inputstatus .status_detail .checkcol label {
    font-size: 15px;
  }
  .userspage .formbk .textbtn {
    margin: 5px 0;
  }
  .modal_section h1 {
    font-size: 18px;
    padding: 30px 10px;
  }
  .modal .top_info, .modal_section {
    top: 0;
    transform: translateY(0);
  }
  .modal_info_bg .bg, .boardpage .modal.modal_info_bg .modal_section .bg,
  .informationpage .modal_info_bg .modal_section .bg {
    padding: 20px;
  }
  .fixedinfo {
    margin: 0 20px;
  }
  .fixedinfo_list p, .fixedinfo_list.checkcol label p {
    font-size: 16px;
  }
  .news.newsdetail .newslist {
    padding: 20px 15px;
  }
  .news.newsdetail .newslist h1, .input_contents .formbk.sectitle h3,
  .board_section02 .newsform .form .formbk h2, .input_contents .formbk.key_settings h3 {
    font-size: 20px;
  }
  .board_section02 .board_detail p {
    padding: 0;
  }
  .newcategory .submit {
    margin: 40px 0 0;
    display: block;
  }
  .newcategory .submit button.graybtn, .newcategory .submit button.submitbtn {
    width: 100%;
    margin: 20px auto 0;
  }
  .timeselect {
    font-size: 16px;
  }
  .use_date {
    display: block;
  }
  .use_date .calendar {
    margin: 0 0 10px;
  }
  .use_date .timeselect, .use_date .calendar + .timeselect {
    width: auto;
    margin: 10px 0;
  }
  .timeselect select, .intervalselect select {
    display: inline-block;
  }
  .consent {
    margin: 0 0 20px;
  }
  .consent.checkcol input[type=checkbox] + label::before {
    top: 0;
  }
  .consent.checkcol input[type=checkbox] + label::after {
    top: -4px;
  }
  .reservpage .news .reserv_check .detail {
    padding-right: 0;
  }
  .news .newslist li .detail .decision {
    position: relative;
    right: -5px;
    bottom: -10px;
    float: right;
  }
  .topcontents .news .newslist li .detail .decision {
    right: 10px;
  }
  .topcontents .news .newslist.reservlist li .detail {
    padding-right: 0;
  }
  .topcontents .news .newslist.reservlist li .detail .ribbon {
    margin-top: 10px;
    position: relative;
    float: right;
  }
  .reserv_contents {
    padding-left: 15px;
    padding-right: 15px;
  }
  .memberpage .newsform .reserv_contents {
    padding-left: 0;
    padding-right: 0;
  }
  .reserv_contents table th, .reserv_contents table td {
    font-size: 14px;
    padding: 10px 7px;
  }
  .inputstatus.lsize h2 {
    font-size: 18px;
  }
  .reserv_contents .inner h2.underline {
    font-size: 22px;
    padding: 0 0 20px;
    margin: 40px 0 20px;
  }
  .reserv_contents .inner h3 {
    font-size: 18px;
    margin: 30px 0 20px;
  }
  .notaice {
    margin: 30px auto;
  }
  .notaice .button a {
    font-size: 18px;
    line-height: 50px;
  }
  .notaice .button a svg {
    width: 24px;
  }
  .notaice .button a span {
    padding: 2px 0 0 34px;
  }
  .sp_daydisc {
    margin: 40px 0 0;
    display: block;
  }
  .cell_wrap {
    margin: 30px 0 0;
  }
  .calendardetail .select_today {
    display: none;
  }
  .calendardetail .sp_daydisc .select_today {
    display: block;
  }
  .time_select h2, .calendardetail h2 {
    font-size: 20px;
    margin: 0 0 5px;
  }
  .time_select h2 svg, .calendardetail h2 svg {
    width: 10px;
  }
  .sp_daydisc h2 {
    margin: 0 0 10px;
  }
  .topcontents .data_upload {
    padding: 20px 15px;
  }
  .topcontents .data_upload p.system_chuki, .topcontents .data_upload p.removebtn {
    margin-left: 0;
  }
  .news h1 {
    font-size: 20px;
    padding: 40px 0 25px;
  }
  .news .conference_detail h1 {
    padding: 5px;
  }
  .board_detail h1 {
    padding: 25px 0 10px;
  }
  .select_today a {
    font-size: 14px;
    padding: 4px 7px 2px;
  }
  ul.date_select li.prev {
    max-width: 30px;
    margin: 0 5px 0 0;
  }
  ul.date_select li.next {
    max-width: 30px;
    margin: 0 0 0 5px;
  }
  ul.date_select li {
    max-width: 70px;
  }
  ul.date_select li a {
    font-size: 140%;
    padding: 12px 5px 10px;
  }
  ul.date_select li a span {
    font-size: 15px;
    margin: 6px 0 0;
  }
  .topcontents .data_file_list {
    padding-left: 15px;
  }
  .time_select {
    margin: -10px 0 40px;
  }
  .reserv_calender h2 {
    font-size: 20px;
  }
  .reserv_calender h2 .plans_link {
    font-size: 16px;
  }
  h4.accept {
    font-size: 13px;
  }
  .form_inner p.attention {
    font-size: 16px;
    margin: 30px 0;
  }
  .formbk .output {
    margin: 0;
  }
  .formbk .twocol p:nth-child(3), .formbk .twocol p:nth-child(4) {
    margin-top: 20px;
  }
  .formbk .twocol p {
    padding: 0 10px;
  }
  .file_output {
    padding: 0 10px 5px;
    display: block;
  }
  .formbk .output .file_output .image img {
    margin: 0 0 10px;
  }
  .formbk .output .file_output p {
    margin: 0;
  }
  .file_output p a {
    position: relative;
    top: 0;
    transform: translateY(0);
  }
  .confirm_contents .tablebk h3 {
    font-size: 20px;
    line-height: 34px;
  }
  .newsform .confirm_contents form .new_create,
  .newsform .confirm_contents .form .new_create {
    margin: 30px 0 0;
  }
  .guest_section table.fourcol_table th, .guest_section table.fourcol_table td,
  .guest_section table.fivecol_table th, .guest_section table.fivecol_table td {
    width: auto;
  }
  .confirm_contents form > p:first-child,
  .confirm_contents .form > p:first-child {
    text-align: left;
  }
  .formbk .inputtext.sml_input input {
    width: 20%;
  }
  .formbk .inputtext.mid_input input {
    width: 50%;
  }
  .userspage .modal .formbk .inputtext.mid_input input {
    width: 100%;
  }
  .formbk .inputtext .catebtn, .payform .formbk p.catebtn, .newsform .formbk p.catebtn {
    margin: 20px 0 0;
    display: block;
  }
  .fixedtable {
    padding: 15px 0 0;
    margin: 0 15px;
  }
  .fixedtable table th, .fixedtable table td {
    font-size: 12px;
    padding: 10px 5px;
  }
  .fixedtable .button {
    padding: 20px 0 0;
  }
  .fixedtable table td button {
    padding: 6px 5px 5px;
  }
  ul.hour_txt li {
    font-size: 13px;
  }
  .status_box {
    width: 180px;
    padding: 6px;
    bottom: 160%;
    left: -5px;
  }
  .status_box.right_posi, .button .status_box.right_posi {
    right: -7px;
  }
  .status_box::after {
    width: 12px;
    height: 12px;
    background-size: 12px auto;
    bottom: -12px;
    left: 10px;
  }
  .status_box.right_posi::after {
    left: auto;
    right: 10px;
  }
  .status_box ul li, .wrapper .status_box p {
    font-size: 12px;
  }
  .reserv_status .button {
    padding-left: 108px;
  }
  .reserv_status .button svg.grayarrow {
    width: 70px;
    height: 60px;
    top: 10px;
    left: 10px;
  }
  .reserv_status .dlbtn_area {
    margin: 50px 0;
  }
  .reserv_status .dlbtn_area .button button, .reserv_status .dlbtn_area .selectbk select {
    margin: 0 auto;
  }
  .reserv_status .button button {
    font-size: 18px;
  }
  .reserv_status .dlbtn_area .button button {
    padding: 13px 1px 15px 11px;
  }
  .reserv_status .outputstatus h2 {
    font-size: 18px;
    margin: 0;
  }
  .reserv_status .newsform .formbk {
    margin: 0 0 20px;
  }
  .lottery_result {
    margin: 40px 0 0;
    padding: 25px 20px;
  }
  .lottery_result p, .lottery_result ul li, .reserv_status p.result_link {
    font-size: 14px;
  }
  .reserv_status .lottery_button a {
    font-size: 18px;
  }
  .reserv_status .fixedtable {
    margin: 40px auto;
  }
  .data_file_list {
    padding: 10px 15px 10px 60px;
  }
  .data_upload .pankuzu {
    margin: 0 0 40px;
  }
  .data_upload .sortmenu {
    padding: 10px 0 0;
  }
  .data_upload .pankuzu p, .data_file_list p {
    font-size: 16px;
  }
  .data_file_list p.chushaku {
    font-size: 12px;
  }
  .sortmenu .storage {
    text-align: right;
    float: none;
    clear: both;
    display: block;
  }
  .data_upload p.system_chuki {
    font-size: 13px;
    line-height: 1.4;
  }
  .data_file_list.checkcol label {
    left: 20px;
  }
  .reserv_status .outputstatus h2, .collective_status .outputstatus h2, .data_upload .form h2 {
    font-size: 18px;
  }
  .reservpage .news .reserv_check .detail {
    padding: 0 0 30px;
  }
  .payform .button {
    padding-top: 10px;
  }
  .wrapper .status_box p {
    font-size: 12px;
    padding: 0;
  }
  .cal_from::after, .cal_until::after {
    font-size: 16px;
    bottom: 15px;
  }
  .reserv_contents .inner p.chushaku {
    font-size: 14px;
  }
  .border_sec .twocol > div {
    width: 47%;
  }
  .border_sec .twocol > .timeselect {
    width: 50%;
    padding-right: 0;
  }
  .twocol .timeselect {
    margin: 10px 0;
  }
  .formbk .twocol .calendar {
    width: 85%;
  }
  .border_sec .use_date .calendar {
    width: 50%;
  }
  .border_sec .use_date .calendar + div {
    margin: 0;
  }
  .reservpage .guest_section .border_sec .use_date .calendar + div {
    margin: 0 0 10px;
  }
  .formbk .choice_date .twocol .calendar {
    width: 180px;
  }
  .formbk .twocol .calendar input {
    width: 100%;
  }
  .unusable_bk.twocol .cal_from::after, .unusable_bk.twocol .cal_until::after {
    left: auto;
    right: -10px;
  }
  .cal_close {
    right: -70px;
  }
  .newscontent {
    min-height: inherit;
  }
  .group_info .newslist li h4 {
    bottom: -3px;
  }
  .group_info_top .fixedinfo_list.checkcol .submenuarea {
    right: 15px;
  }
  .fixedinfo_list .fixedinfo_text {
    padding-right: 30px;
  }
  .grouppage .pagemenu {
    right: 15px;
  }
  .grouppage .bottom_back .backbtn {
    margin: 0 15px 0 0;
  }
  .calendarpage .contents {
    background: #fff;
    padding: 0 15px 15px;
  }
  .calendardetail {
    margin: 0;
    padding: 10px 0 20px;
  }
  .calendardetail .detail_button a, .calendardetail .schedule {
    display: none;
  }
  .calendardetail .vdp-datepicker__calendar div .cell {
    border-bottom: solid 4px #fff;
    border-right: solid 4px #fff;
    height: auto;
    min-height: auto;
    padding: 8.6px 10px;
    text-align: right;
    background: #eee;
  }
  .calendardetail .vdp-datepicker__calendar div .cell:nth-child(7n+7) {
    margin-right: 0;
  }
  .calendardetail .vdp-datepicker__calendar div .cell.have_sche {
    background: #1b6c44;
    color: #fff;
  }
  .calendardetail .vdp-datepicker__calendar div .cell.active {
    outline-offset: -6px;
    position: relative;
  }
  .calendardetail .vdp-datepicker__calendar div .cell.active::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    outline: 4px solid #FFCD0F;
    outline-offset: -4px;
  }
  .calendardetail .vdp-datepicker__calendar div .cell.active:hover {
    padding: 10px;
    border: 4px solid #FFCD0F;
  }
  .calendardetail .vdp-datepicker__calendar div .cell.day-header {
    background: #fff;
    padding: 0 0 10px;
    font-size: 14px;
  }
  .calendardetail .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover {
    border: 1px solid #2dbd8b;
    position: relative;
    top: -2px;
    left: -2px;
  }
  .calendardetail .vdp-datepicker__calendar .cell.br-none:not(.blank):not(.disabled).day:hover,
  .calendardetail .vdp-datepicker__calendar .cell.br-none:not(.blank):not(.disabled).month:hover,
  .calendardetail .vdp-datepicker__calendar .cell.br-none:not(.blank):not(.disabled).year:hover {
    border-right: 1px solid #2dbd8b;
    left: 0;
  }
  .calendardetail .vdp-datepicker__calendar + h2 {
    margin: 35px 0 0 0;
    display: block;
  }
  .calendardetail .vdp-datepicker__calendar + h2 a.prev {
    margin: 0 16px 0 0;
  }
  .calendardetail .vdp-datepicker__calendar + h2 a.next {
    margin: 0 0 0 16px;
  }
  .calendardetail .form {
    margin: 30px 0 0;
    padding: 0;
  }
  .calendar_contents .main_title {
    font-size: 20px;
  }
  .google_calendar {
    margin: 30px 0 0;
  }
  .google_calendar p {
    font-size: 14px;
  }
  .google_calendar input {
    width: 100%;
    margin: 9px 0 0 0;
    padding: 10px 15px;
    line-height: inherit;
  }
  .calendardetail .form button.submitbtn {
    width: 80%;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    display: block;
    font-size: 15px;
    font-weight: bold;
    border-radius: 2px;
    background: #fff;
    line-height: 45px;
    margin-bottom: 30px;
  }
  .calendardetail .form .schedule_icon {
    width: 20px;
    position: relative;
    top: 4px;
    margin: 0 5px 0 0;
  }
  .calendardetail .form button.submitbtn:hover .schedule_icon {
    fill: #fff;
  }
  .calendardetail .vdp-datepicker__calendar div .day.selected {
    background: #fff;
  }
  .memberpage .collective_status .twocol {
    display: block;
    flex-wrap: wrap;
  }
  .memberpage .collective_status .twocol button, .memberpage .collective_status .twocol button:first-child {
    margin: 0 auto 20px;
  }
  .twotextarea table td label {
    position: relative;
    top: -2px;
  }
  .conference_section {
    margin: 20px -20px 0;
  }
  .conference_section ul.tabmenu {
    min-width: inherit;
  }
  .conference_section ul.tabmenu li {
    width: 50%;
  }
  .conference_section ul.tabmenu li a {
    font-size: 14px;
  }
  .conference_section .conference_detail .pagemenu {
    top: 28px;
  }
  .conference_section .conferencelist .conference_detail .favorite {
    margin: 40px 20px 0 0;
  }
  .conference_section .formbk .select2_btn1 > select {
    min-width: 360px;
  }
  .conference_section .formbk .select2_btn1 > *:not(:first-child) {
    margin-top: 10px;
  }
  .modal.fix_modal {
    height: 100vh;
    height: 100dvh;
    top: 0;
    bottom: auto;
    overflow: auto;
    background: rgba(0, 0, 0, 0.7);
  }
  .modal.sp_hide, .board_detail .quote_delete .pc {
    display: none;
  }
  .board_detail .quote_delete .sp {
    display: inline-block;
  }
  .modal.pc_hide, .modal.fix_modal a.modal_close, .modal.fix_modal .twocol {
    display: block;
  }
  .modal.fix_modal .modal_section {
    width: 90%;
    max-height: 680px;
    margin: 0 auto 15px;
    padding-top: 60px;
    position: relative;
    top: 0;
    transform: translateY(0);
  }
  .modal.fix_modal .halfcol > div, .modal.fix_modal .halfcol > div:nth-child(even) {
    width: auto;
  }
  .modal.fix_modal .comment {
    max-width: 520px;
    padding: 5px 15px 1px;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .modal.fix_modal .modal_section textarea {
    padding: 15px;
    height: 200px;
    font-size: 16px;
  }
  .modal.fix_modal .modal_section textarea::placeholder {
    font-size: 16px;
  }
  .modal.fix_modal .modal_section .radiocol {
    vertical-align: middle;
    margin: 15px 0 0;
  }
  .modal.fix_modal .selectbk {
    margin: 15px 0 0 0;
  }
  .modal.fix_modal .checkcol label {
    margin: 15px 0 0 0;
  }
  .modal .file_modal_form {
    padding: 20px 0 30px;
    margin: 0 15px;
  }
  .conference_section.news .newslist li .status, .newslist.conflist li .status {
    display: block;
    vertical-align: middle;
    position: static;
    margin: 0 60px 0 0;
    top: 42px;
    right: 60px;
    transform: inherit;
    float: right;
  }
  .conferencepage .pagemenu.outside + .conference_section.news {
    margin-top: 40px;
  }
  .conference_section.news ul.tabmenu {
    min-width: inherit;
  }
  .conference_section.news ul.tabmenu li {
    width: 50%;
  }
  .conference_section.news .newsform h2 {
    line-height: 60px;
    margin: 30px 0 50px;
    font-size: 20px;
  }
  .conference_section.news .newsform h2 + h1 {
    margin: 70px 0 0;
  }
  .conference_section.news .newsform h3 {
    font-size: 18px;
  }
  .conference_section.news .newsform h4, .conference_section.news .formbk .radiocol label {
    font-size: 16px;
  }
  .conference_section.news .newsform .new_create {
    padding: 20px 0;
    display: block;
  }
  .conference_section.news .formbk .agenda .gray {
    padding: 15px;
    font-size: 16px;
  }
  .conference_section.news .formbk .wysiwyg ul {
    margin-left: 15px;
  }
  .conference_section.news .formbk .submit {
    display: block;
    margin-bottom: 95px;
  }
  .conference_section.news .formbk .submit button {
    width: 100%;
  }
  .conference_section.news .formbk .submit button.submitbtn {
    margin-left: 0;
    margin-top: 20px;
  }
  .modal.fix_modal.draft {
    height: 100vh;
    height: 100dvh;
  }
  .modal.fix_modal.draft p {
    font-size: 16px;
  }
  .modal.fix_modal.draft textarea {
    margin: 0 0 15px 0;
  }
  .modal.fix_modal .radiocol label {
    font-size: 16px;
    line-height: 26px;
    margin-top: 2px;
  }
  .modal.fix_modal .checkcol label {
    font-size: 16px;
    line-height: 26px;
  }
  .conference_section.news .newsform .form.draft_form h2 {
    line-height: 1.5;
    padding: 10px 0;
  }
  .conference_section.news .newsform .form.draft_form h2 span {
    display: block;
    margin-right: 0;
  }
  .draft_form .submit {
    display: block;
    margin-bottom: 110px;
  }
  .draft_form .submit button {
    width: 100%;
  }
  .draft_form .submit button.submitbtn {
    margin-left: 0;
    margin-top: 20px;
  }
  .conference_section .conferencelist .conference_detail .imgTxt .image {
    margin: 0 15px 0 0;
    width: 64px;
    height: 64px;
    min-width: 64px;
  }
  .conference_section .inner {
    padding: 25px 15px;
  }
  .conferencebloc .button.sp_btn {
    display: block;
  }
  .conference_section .newsform .backbtn {
    top: -30px;
  }
  .form.draft_form .pretext p, .conference_section .leftcol .pretext p {
    margin: 20px 0 0;
    font-size: 16px;
  }
  .conference_section .conferencelist .conference_detail .imgTxt .text p {
    padding: 0;
  }
  .folder_icon svg {
    width: 24px;
  }
  .file_icon svg {
    width: 17px;
  }
  .bg_grayheading {
    font-size: 18px;
  }
  .file_upload {
    padding: 30px 15px 40px;
  }
  .file_upload .pankuzu {
    padding: 15px 0 10px;
    margin: 0 0 60px;
    clear: both;
  }
  .file_upload .pankuzu p {
    font-size: 16px;
  }
  .file_upload .name_wrap {
    padding: 0 0 15px;
  }
  .file_upload .filename {
    font-size: 18px;
  }
  .bottom_back.type02 {
    margin: 30px 0 0;
  }
  .calendar_contents > h1 {
    font-size: 20px;
    margin: 50px 0 40px;
  }
  .calendar_contents .calendar + span {
    font-size: 16px;
    padding: 0 0 0 0.5em;
    flex-shrink: 0;
  }
  .boardpage .news .newslist .detail .num_link {
    right: -35px;
  }
  .boardlist {
    margin: 10px -15px 0;
  }
  .board_section.news .newslist li, .newslist.topiclist li {
    padding: 15px 30px 15px 15px;
  }
  .board_section.news .newslist li .status, .newslist.topiclist li .status {
    position: static;
    margin: 0 30px 0 0;
    float: right;
  }
  .board_section02 .newsform {
    padding: 45px 15px 20px;
  }
  .board_section02 .newsform .form .formbk .timeselect select {
    min-width: 100px;
  }
  .intervalselect {
    font-size: 16px;
  }
  .board_section02 .newsform .form .formbk .button {
    margin-top: 10px;
  }
  .board_section02 h4.ribbon {
    margin: 0 0 0 -15px;
  }
  .boardlist .board_detail {
    padding: 30px 0 25px 15px;
  }
  .board_detail .upload_file li {
    padding: 15px 15px 15px 10px;
  }
  .board_detail .pastbtn {
    margin-top: 5px;
  }
  .boardpage .modal.fix_modal {
    display: none;
  }
  .boardpage .modal a.modal_close,
  .boardpage .modal .twocol {
    display: block;
  }
  .boardpage .modal .halfcol > div, .boardpage .modal .halfcol > div:nth-child(even) {
    width: auto;
  }
  .boardpage .modal .comment {
    max-width: 520px;
    padding: 0 15px 15px;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .boardpage .modal.pc_hide .comment {
    padding: 15px;
  }
  .boardpage .modal.moji .comment {
    max-width: none;
    padding: 0 15px 1px;
  }
  .boardpage .modal .modal_section textarea {
    padding: 15px;
    height: 200px;
    font-size: 16px;
  }
  .boardpage .modal .modal_section textarea::placeholder {
    font-size: 16px;
  }
  .boardpage .modal .modal_section .radiocol {
    vertical-align: middle;
    margin: 15px 0 0 0;
    display: block;
  }
  .boardpage .modal .leftcol02 {
    display: none;
  }
  .boardpage .modal input[type=text] {
    padding: 15px 10px;
    font-size: 16px;
  }
  .boardpage .formbk .advanced .tabledetail .calendar input {
    font-size: 13px;
  }
  .board_section.news form .sortmenu {
    padding: 20px 0 0;
  }
  .board_detail .upload_file.deny li {
    padding-bottom: 0;
  }
  .board_detail .upload_file.deny li svg.delete {
    top: 14px;
  }
  .modal.deny .modal_section {
    width: 90%;
  }
  .modal.deny .denyreason {
    margin: 0 20px;
  }
  .board_detail p .category {
    display: block;
  }
  .board_detail p .name .pc, .board_section.news .newslist .detail p.tit .pc, .newslist.topiclist .detail p.tit .pc {
    display: none;
  }
  .board_section.news .newslist .detail p.tit br.sp, .newslist.topiclist .detail p.tit br.sp {
    display: inline;
  }
  .board_detail .imgTxt .image {
    margin: 0 15px 0 0;
    width: 68px;
    height: 68px;
    min-width: 68px;
  }
  .board_detail p.date, .board_detail p.mensiton {
    font-size: 14px;
    clear: both;
  }
  .board_section03 .board_detail .imgTxt .text p.mensiton {
    margin: 0;
    padding: 10px 15px 0 0;
  }
  .board_section03 .board_detail02 p.img_link {
    margin: 5px 0 0;
  }
  .board_detail .upload_file li svg.circle {
    position: relative;
    top: 0;
    left: 0;
  }
  .board_detail .imgTxt .text {
    padding: 0;
  }
  .button.wfull {
    padding: 0;
    margin: 0 auto;
  }
  .boardpage .modal input[type=text] {
    height: 40px;
  }
  .boardpage .modal .rightcol02 a.help_link {
    top: -1px;
  }
  .conference_section.news .newsform {
    padding: 35px 15px 0;
  }
  .conference_section .conferencelist {
    margin: 0 -15px;
  }
  .conference_section .conferencelist .conference_detail,
  .conference_section.news .newsform .conference_inner + .conferencelist .conference_detail {
    padding: 25px 15px;
  }
  .required_label {
    font-size: 14px;
    padding: 2px 7px;
    top: -2px;
  }
  .board_section02 .newsform .form .formbk .button.sp_btn {
    margin: 20px 0 10px;
    display: block;
  }
  .boardpage .modal.moji .halfcol .leftcol {
    margin: 0;
  }
  .emergency_section01 .newsform {
    padding: 0;
  }
  .emergency_section01 .config.detail .pagemenu {
    top: 15px;
  }
  .emergency_section04 .newsform {
    padding: 60px 15px 0;
  }
  .emergency_section01 .newsform .config {
    padding: 0 15px;
  }
  .emergency_section06 .inner {
    padding: 0 15px;
  }
  .emergency_section .newslist + .status_link {
    margin: 15px 15px 55px 0;
  }
  .emergency_section .newslist .detail, .newslist.disasterlist .detail {
    padding-right: 0;
  }
  .emergency_section .attention a {
    font-size: 24px;
    padding: 10px;
  }
  .emergency_section p.anpi_status {
    font-size: 16px;
  }
  .emergency_table {
    margin: 30px 0 0;
  }
  .emergency_table a span {
    font-size: 25px;
  }
  .emergency_table + p {
    font-size: 15px;
    margin-top: 10px;
  }
  .emergency_table th,
  .emergency_table td {
    font-size: 16px;
  }
  .emergency_table tr:first-child th:first-child::before,
  .emergency_table tr:first-child th:first-child::after {
    font-size: 16px;
  }
  .emergency_table th,
  .emergency_table td {
    padding: 30px 15px;
  }
  .emergency_contents h4 {
    font-size: 18px;
  }
  .emergency_contents h4 + p {
    font-size: 14px;
  }
  .support_table {
    padding: 15px 20px;
  }
  .support_table .status h4 span {
    left: -20px;
  }
  .support_table .status p a {
    font-size: 15px;
  }
  .support_table table th {
    width: 142px;
  }
  .support_table table th,
  .support_table table td {
    padding: 5px 10px 5px 0;
    font-size: 16px;
  }
  .support_table table tr:first-child th,
  .support_table table tr:first-child td {
    padding: 5px 10px 15px 0;
  }
  .emergencylist {
    margin: 10px -35px 0;
  }
  .emergency_section03 .inner {
    padding: 0 15px;
  }
  .emergency_section03 h1 {
    font-size: 20px;
  }
  .emergency_section03 h2 + .detail .pagemenu {
    right: 15px;
  }
  .emergency_section03 .detail .pagemenu h4.ribbon {
    left: -16px;
  }
  .emergencylist .emergency_detail .imgTxt .image {
    margin: 0 15px 0 0;
    width: 68px;
    height: 68px;
    min-width: 68px;
  }
  .emergencylist .emergency_detail .imgTxt .text {
    padding: 0;
  }
  .emergency_dl {
    margin: 20px 0 0;
  }
  .emergency_section .form .twocol {
    display: block;
    padding: 0;
  }
  .emergency_section .form .twocol button {
    max-width: inherit;
    margin: 20px 0 0 0;
    font-size: 17px;
  }
  .emergency_section .form .twocol button:first-child {
    margin-left: 0;
  }
  .emergency_section .form .formbk.interphone .twocol {
    display: flex;
    padding: 0;
  }
  .emergency_section .form .formbk.interphone .twocol button:first-child {
    margin-left: 0;
    margin-top: 0;
    font-size: 17px;
  }
  .emergency_section05 .form .twocol {
    display: flex;
  }
  .emergency_section06 .status_box {
    width: 210px;
    left: -50px;
  }
  .emergency_section06 .status_box::after {
    left: 50%;
  }
  .emergency_contents {
    padding: 30px 15px 50px;
  }
  .emergency_section.news h1 {
    margin-bottom: 0;
  }
  .emergency_section03.news h1 {
    padding-bottom: 0;
  }
  .emergency_section.news .button {
    padding-top: 0;
  }
  .emergency_section03.news .button {
    padding-top: 30px;
  }
  .emergency_section .form h3 {
    margin-top: 40px;
  }
  .emergency_section05 .newsform h1 {
    padding: 40px 0;
  }
  .emergency_section06 .newsform h1 {
    padding: 40px 0 25px;
  }
  .emergency_section05 .newsform {
    padding: 0 15px;
  }
  .emergency_top_edit .newsform {
    padding: 40px 20px;
  }
  .emergency_top_edit .newsform .pagemenu {
    top: 30px;
  }
  .emergency_top_edit .newsform .bottom_back .backbtn {
    bottom: -20px;
  }
  .emergency_top_edit p {
    font-size: 16px;
    margin: 20px 0 40px;
  }
  .emergency_top_edit .checkcol label {
    font-size: 14px;
  }
  .emergencylist .emergency_detail {
    padding: 25px 15px 20px;
  }
  .emergencylist .emergency_detail .imgTxt .text .commarea {
    margin: 0;
    padding: 5px 0 0;
    clear: both;
    display: flex;
    flex-wrap: nowrap;
    flex-flow: row-reverse;
  }
  .emergencylist .emergency_detail .imgTxt .text .commarea .image {
    min-width: 68px;
    max-width: 68px;
    max-height: 68px;
    margin-top: 10px;
    padding-right: 0;
    padding-bottom: 40px;
  }
  .emergencylist .emergency_detail .imgTxt .text .commarea .image svg.delete {
    right: 50%;
    top: auto;
    bottom: 5px;
    transform: translateY(0) translateX(50%);
  }
  .emergencylist .emergency_detail .imgTxt .text .commarea .textarea {
    width: 100%;
  }
  .emergencylist .emergency_detail .imgTxt .text .commarea p {
    margin: 10px 0 0;
  }
  .calendardetail .vdp-datepicker__calendar div .cell .detail_button {
    padding: 0;
  }
  .download_modal p {
    font-size: 16px;
  }
  .enquete_section {
    margin: 20px 0 0 0;
  }
  .enquete_section .newsform .form .attention {
    font-size: 16px;
    margin: 20px 0 50px;
  }
  .enquetepage .enquete_section .newsform .form .attention {
    margin-bottom: 30px;
  }
  .enquete_section .tablebk {
    margin: 0 0 50px;
  }
  .enquete_section .tablebk h3 {
    font-size: 16px;
  }
  .enquete_section .tabledetail {
    padding: 15px 20px;
  }
  .enquete_section .newsform .form .tabledetail p + p {
    margin: 5px 0 0;
  }
  .enquete_section .form .radiocol {
    margin: 25px 0 0;
  }
  .enquete_section .form .radiocol label, .enquete_section .form .checkcol label {
    font-size: 16px;
    padding: 0 0 0 30px;
    margin: 10px 20px 0 0;
  }
  .enquete_section .form .checkcol label {
    margin: 5px 20px 0 0;
  }
  .enquete_section .formbk {
    padding: 0 0 30px;
    margin: 0 0 30px;
  }
  .enquete_section .formbk .inputtext.twocol input {
    width: calc(50% - 10px);
    margin: 0 20px 0 0;
  }
  .enquete_section .formbk .inputtext input:nth-child(even) {
    margin: 0;
  }
  .form_type li {
    width: calc(50% - 5px);
  }
  .form_type li:nth-child(1),
  .form_type li:nth-child(2) {
    margin-bottom: 10px;
  }
  .enquete_section02 .form .radiocol {
    display: block;
    margin: 15px 0 0 0;
  }
  .enquete_section02 .form .radiocol label {
    margin-top: 10px;
  }
  .enquete_section .form .inputtext.twocol + .inputtext.twocol {
    margin: 20px 0 0 0;
  }
  .enquete_section03 .checkcol label {
    font-size: 16px;
  }
  .enquete_section03 .newsform .newslist li .status {
    bottom: -5px;
  }
  .enquete_section .threecol {
    display: block;
  }
  .enquete_section .threecol .onecol_button {
    width: auto;
  }
  .enquete_section .threecol .onecol_button:nth-child(1) {
    margin: 0;
    padding: 0;
  }
  .enquete_section .threecol .onecol_button:nth-child(2),
  .enquete_section .threecol .onecol_button:nth-child(3) {
    margin: 20px 0;
    padding: 0;
  }
  .enquete_section .threecol .onecol_button:nth-child(2) a,
  .enquete_section .threecol .onecol_button:nth-child(3) a {
    font-size: 17px;
    max-width: none;
  }
  .enquete_section .threecol p {
    max-width: inherit;
    font-size: 12px;
    margin: 10px 0 0;
  }
  .enquete_section .threecol .onecol_button:nth-child(3) p {
    text-align: center;
  }
  .enquete_section .threecol button:hover .filter_icon .st0 {
    stroke: #fff;
  }
  .enquete_section .threecol button:hover .filter_icon .st1 {
    fill: #fff;
    stroke: #fff;
  }
  .enquete_section .threecol button:hover .enquete_icon .st0 {
    stroke: #fff;
  }
  .enquete_section03 .newslist li h3.button a:hover svg text,
  .enquete_section .form .inputtext.twocol .close:hover text tspan {
    fill: #fff;
  }
  .enquete_section04 .newsform .form {
    margin: 30px auto 0;
  }
  .enquete_section04 .newsform .form .attention {
    margin: 35px 0 35px 0;
  }
  .enquete_section04 .twocol button, .enquete_section04 .twocol a {
    max-width: inherit;
  }
  .enquete_section04 .twocol button + button, .enquete_section04 .twocol a + a {
    margin: 20px 0 0 0;
  }
  .enquete_section04 .newsform .form .enquete_img {
    margin: 15px 0 0 0;
    height: auto;
  }
  .enquete_section04 .form textarea {
    padding: 10px 15px;
    font-size: 16px;
  }
  .enquete_section04 .general_comment {
    padding: 10px 15px;
  }
  .conferencepage .news .newslist .detail .num_link {
    right: -8px;
  }
  .enquete_section .form .form_type li.radiocol input[type=radio]:disabled:checked + label::after {
    top: 6px;
  }
  .enquete_section .checkcol input[type=checkbox] + label::before {
    width: 20px;
    height: 20px;
  }
  .enquete_section .checkcol input[type=checkbox]:checked + label::after {
    width: 7px;
    height: 13px;
    top: 1px;
    left: 7px;
  }
  .enquete_section03 .checkcol label .times {
    display: block;
  }
  .enquete_section03 .checkcol label .times .pc {
    display: none;
  }
  .enquete_section04 .twocol {
    margin: 0 0 40px;
  }
  .calendar_contents {
    padding: 20px 15px;
  }
  .userspage .modal .payform {
    padding: 10px 0 0;
  }
  .emergencypage .advanced .twocol ul li.inputtext {
    flex-wrap: wrap;
  }
  .serach_form .advanced .inputblock {
    width: 100%;
  }
  .serach_form .advanced .inputblock input {
    margin: 10px 10px 0 90px;
  }
  .has_2btn {
    display: block;
  }
  .has_2btn button {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .has_2btn button + button {
    margin-top: 20px;
  }
  .formbk .has_2btn button.submitbtn {
    margin-left: 0;
  }
  .board_section.news .newslist.search_results li .comment02 {
    max-width: 100%;
  }
  .radiocol + .has_input {
    margin: 10px 0 0 32px;
  }
  .has_multiselect .multiselect {
    display: block;
    margin: 20px 0 0;
  }
  .boardpage .modal .vdp-datepicker input {
    width: 100%;
    max-width: 255px;
    height: 50px;
  }
  .board_section.news .newslist {
    margin: 0 -15px;
  }
  .boardpage .modal .radiocol label {
    padding: 0 0 0 28px;
    line-height: 24px;
  }
  .board_section02 .newsform .form .formbk .advanced .flexcol + .button button {
    width: 100%;
    margin: 15px auto 0;
    display: block;
  }
  .reservbloc .twocol {
    max-width: inherit;
    padding: 15px 5px;
  }
  .reservbloc .twocol h2 {
    font-size: 21px;
    padding: 0;
  }
  .reservbloc .twocol svg {
    width: 27px;
    top: -8px;
    position: static;
    vertical-align: -6px;
  }
  .reservbloc .twocol .leftcol {
    margin: 0 auto;
    padding: 10px;
    text-align: center;
  }
  .reservbloc .twocol .leftcol::after {
    height: 120%;
    top: -10%;
  }
  .reservbloc .twocol .rightcol {
    text-align: center;
    padding: 10px;
  }
  .reservbloc .twocol .rightcol span.fee {
    font-size: 32px;
    margin: 10px 0 0 0;
  }
  .reservbloc .twocol p {
    font-size: 16px;
  }
  .reservbloc .twocol .leftcol p {
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  .reservbloc .twocol .rightcol p {
    margin: 0;
    font-size: 14px;
  }
  .reserv_modal h2 {
    font-size: 22px;
  }
  .reserv_modal .radiocol label {
    font-size: 16px;
  }
  .reserv_modal .submit button.graybtn {
    width: 100%;
  }
  .reserv_modal .submit button.submitbtn {
    width: 100%;
    margin-left: 0;
  }
  .reserv_modal .submit button:hover .search_icon polygon,
  .reserv_modal .submit button:hover .search_icon path {
    stroke: #fff;
  }
  .conference_section.news .newslist .detail p.tit .cate, .newslist.conflist .detail p.tit .cate {
    display: block;
  }
  .conference_section.news .newslist .detail p.tit .new, .newslist.conflist .detail p.tit .new {
    display: inline-block;
    margin-left: 0;
  }
  .conference_section.news .newslist .detail p.tit .pc, .newslist.conflist .detail p.tit .pc {
    display: none;
  }
  .conferencepage .modal_section .bg .comment {
    padding: 20px;
  }
  .enquetepage .news .newslist li {
    padding: 15px;
  }
  .serach_form .reserv_use_form {
    margin-top: 5px;
  }
  .serach_form .reserv_use_form .submit {
    margin-top: 15px;
  }
  .emergencypage .twocol ul li h2, .emergencypage .advanced .twocol ul li h2, .emergencypage .date h3 {
    width: 90px;
  }
  .conference_section.news .participant h3, .conference_section.news .participant .textbtn {
    float: none;
    clear: both;
  }
  .conference_section.news .participant .textbtn {
    margin: 10px 0 0;
  }
  .opinionpage .news .newslist h2 {
    max-width: none;
  }
  .enquete_section02 .formbk.open .advanced .threecol {
    display: block;
  }
  .enquete_section02 .formbk.open .advanced .threecol .inputtext {
    font-size: 16px;
    line-height: 42px;
    margin: 15px 0;
  }
  .enquete_section02 .formbk.open .advanced .threecol .inputtext input {
    line-height: 20px;
  }
  .emergency_section02 .newsform {
    padding: 10px 0 0;
  }
  .emergency_section02 .newsform .backbtn {
    right: 15px;
  }
  .emergency_section04 .form .twocol.new_create,
  .newsform .input_contents .form .formbk .btncol {
    display: block;
  }
  .memberpage .form .formbk .btncol p.catebtn {
    margin-left: 0;
  }
  .enquete_section03.news .newslist li.bg_light_brown {
    padding: 10px 15px 12px;
  }
  .enquete_section03 .checkcol input[type=checkbox] + label::before {
    top: 0;
  }
  .enquete_section03 .checkcol input[type=checkbox]:checked + label::after {
    top: -3px;
  }
  .enquete_section05 .twocol button {
    max-width: inherit;
  }
  .enquete_section05 .twocol button + button {
    margin: 20px 0 0 0;
  }
  .enquete_section05 .twocol.button button:nth-child(2):hover .st0 {
    fill: #fff;
  }
  .enquete_section05 .submenubtn.open + .submenu p {
    font-size: 14px;
  }
  .formbk.enquete_formbk .twocol button {
    max-width: inherit;
  }
  .formbk.enquete_formbk .twocol button + button {
    margin: 20px 0 0 0;
  }
  .formbk.enquete_formbk .twocol.button {
    margin: 30px 0 0 0;
  }
  .formbk.enquete_formbk .twocol.button button:nth-child(2):hover .st0 {
    fill: #fff;
  }
  .formbk.question_formbk {
    padding: 0 0 30px;
    margin: 0 0 30px;
  }
  .formbk.question_formbk .submenubtn.open + .submenu p {
    font-size: 14px;
  }
  .formbk.question_formbk .radiocol {
    margin: 25px 0 0 0;
  }
  .formbk.question_formbk .radiocol label,
  .formbk.question_formbk .checkcol label {
    font-size: 16px;
    padding: 0 0 0 30px;
    margin: 10px 20px 0 0;
  }
  .formbk.question_formbk .radiocol .inputtext label,
  .formbk.question_formbk .checkcol .inputtext label {
    margin: 10px 20px 10px 0;
  }
  .enquete_section06 .newsform > h1 {
    font-size: 20px;
    padding: 0 0 20px;
  }
  .opinion_info p, .input_contents p.consent {
    font-size: 16px;
  }
  .wrapper .board_detail .mensiton.wysiwyg_block p {
    font-size: 16px;
    padding: 0;
    margin: 0;
  }
  .datapage .serach_form .twocol {
    display: block;
  }
  .datapage .serach_form .checkcol label {
    margin-left: 110px;
  }
  .reception p {
    font-size: 16px;
  }
  ul.date_select li.prev a, ul.date_select li.next a {
    padding: 20px 10px;
  }
  .data_file_list h3 .pc {
    display: none;
  }
  .data_file_list h3 .sp {
    display: inline;
  }
  .top_info_list.pc_only {
    display: none;
  }
  .top_info_list.sp_only {
    display: block;
  }
  .calendardetail .vdp-datepicker__calendar div .cell .cal_splink {
    display: block;
  }
  .key_form {
    padding: 0 0 20px;
    margin: 0 15px;
  }
  .userspage .formbk .key_others .checkcol {
    width: 160px;
  }
  .reservpage .formbk h3 {
    margin: 0 0 10px;
  }
  .reservpage .formbk .output.last_check .checkcol, .reservpage .formbk .output.last_check .radiocol {
    margin: 0 10px -10px;
  }
  .reservpage .formbk .output.last_check .radiocol div {
    margin: 0 0 10px;
    padding: 0;
  }
  .reservpage .reserv_form form > ul {
    max-height: 30vh;
    max-height: 30dvh;
  }
  .reservpage .contents {
    min-height: 640px;
  }
  .conference_section .conferencelist .conference_detail .inputtext {
    padding: 0 15px 0 0;
  }
  .attendpage .formbk .ertxt .vdp-datepicker input {
    width: 255px;
  }
  .reservpage .formbk .sml_input span {
    left: 20%;
  }
}
@media screen and (max-width: 639px) {
  .toppage .contents {
    padding: 15px;
  }
  .banner, .top_info {
    margin: 0 0 15px;
  }
  .articleinfo .image, .articleinfo .profile {
    margin: 0 0 20px;
  }
  .relation {
    margin: 40px 0 20px;
    padding: 0 0 20px;
  }
  .relation h2 {
    font-size: 18px;
  }
  .relation .image {
    margin: 20px 10px 10px;
  }
  .top_info .bg {
    padding: 15px 10px;
  }
  .top_info h1, .modal_section h1.help_modal_title {
    font-size: 16px;
    line-height: 1.4;
    padding: 0 0 0 24px;
  }
  .top_info h1 svg, .modal_section h1.help_modal_title svg {
    width: 18px;
  }
  .top_info a.info_close {
    width: 14px;
    height: 14px;
    top: 15px;
    right: 15px;
  }
  .news {
    margin: 20px -15px 0;
  }
  .emergency_section06, .emergency_top_edit {
    margin-bottom: 40px;
  }
  .news h1 {
    font-size: 20px;
    padding: 60px 0 30px;
  }
  .news .conference_detail h1 {
    padding: 20px 0 10px;
  }
  .news .board_detail h1 {
    padding: 25px 0 10px;
  }
  .button a, .button button {
    font-size: 17px;
    max-width: none;
    margin: 0 auto;
  }
  .new_unquete svg {
    width: 22px;
  }
  .news .newslist li h3.button a {
    margin: 0;
  }
  .reservpage .news .newslist .detail p {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 10px;
  }
  .news .newslist .detail .image {
    margin-right: 15px;
  }
  .date span, .form_date span {
    padding: 0 9px;
  }
  .news .newslist.datalist .detail p a.chain {
    font-size: 16px;
  }
  .serach_form .submit button {
    font-size: 16px;
  }
  select {
    min-width: 230px;
  }
  .serach_form {
    padding: 0 10px;
  }
  .serach_form.open {
    padding: 20px 10px;
  }
  .serach_form .submit {
    margin: 10px 0 0;
  }
  .serach_form .submit button.submitbtn {
    margin-left: 15px;
  }
  .calendar_right .vdp-datepicker__calendar {
    right: 0;
  }
  .advanced {
    padding: 20px 10px 0;
    margin: 20px -10px 0;
  }
  .advanced.open {
    padding: 20px 10px 10px;
  }
  .serach_form .advanced {
    margin: 15px -10px 0;
  }
  .upload label {
    padding: 20px 10px;
    margin: 0 0 20px;
  }
  .upload label p {
    font-size: 14px;
  }
  .upload .image {
    width: 130px;
    max-width: 130px;
    padding: 0 15px;
  }
  .modal .top_info a.info_close, a.modal_close {
    transform: scale(0.8);
    right: 15px;
  }
  .fixedinfo_list.checkcol {
    padding: 10px 0;
  }
  p.removebtn a {
    width: 100%;
    padding: 6px 15px 5px;
  }
  .fixedinfo .button {
    padding: 20px 0 0;
  }
  .pagetitle .search_button {
    width: 110px;
  }
  .consent {
    margin: 0;
  }
  .serach_form .checkcol.unapproved label {
    margin: 0 20px 0 0;
  }
  .news .newslist .upload_file {
    margin: 20px 0;
  }
  .news .newslist .upload_file li {
    font-size: 16px;
  }
  .news .button {
    padding: 30px 15px 10px;
  }
  .enquete_section04 .twocol.button {
    padding: 0;
  }
  .reservpage .reserv_form {
    padding: 15px;
    right: 15px;
  }
  .inputstatus .status_detail p {
    clear: both;
    float: none;
  }
  .radiocol label, .checkcol label, .serach_form .radiocol label {
    margin: 5px 20px 0 0;
    display: block;
  }
  .reservpage .newsform .form .formbk.open .checkcol label,
  .regulation .checkcol label {
    display: inline;
  }
  .serach_form .radiocol label {
    margin: 5px 0 0;
  }
  .serach_form .checkcol label {
    margin: 0 20px 0 0;
    display: inline-block;
  }
  .reserv_status .fixedtable .checkcol label {
    margin: 0;
    display: inline;
  }
  .reserv_status .fixedtable .checkcol input[type=checkbox]:checked + label::after {
    top: 0;
  }
  .reserv_status h2 {
    font-size: 18px;
  }
  .reserv_status .fixedtable .weekly table th {
    font-size: 20px;
  }
  .reserv_status .fixedtable .weekly table th span {
    font-size: 14px;
  }
  .calendar_list .calendar {
    width: 50%;
  }
  .calendar_list .calendar input, .calendar_list .date, .calendar_list .form_date, .facility_list input,
  .roominput input {
    width: 100%;
  }
  .serach_form ul.selectlist li h2, .twocol .calendar_list:nth-child(2) h2, .ridge_select h2, .halfcol > div h2, .halfcol .flexcol h2,
  .conferencepage .serach_form ul li h2, .conferencepage .date.onecol h3 {
    font-size: 16px;
    width: 96px;
  }
  .memberpage .serach_form ul.selectlist li h2 {
    width: 110px;
  }
  .halfcol .flexcol h2 {
    font-size: 16px;
    min-width: 82px;
  }
  .conferencepage .twocol .checkcol h2, .conferencepage .twocol .rightcol ul.selectlist li h2 {
    width: 145px;
  }
  .serach_form .radiocol label, .serach_form .checkcol label {
    font-size: 14px;
    line-height: 24px;
  }
  .serach_form.reserv_status_form .checkcol label {
    margin-right: 15px;
  }
  .halfcol > div .checkcol ul.select_col {
    width: 100%;
    margin-left: 0;
  }
  .halfcol > div .checkcol ul.select_col.w_auto {
    width: auto;
  }
  .advanced .halfcol > div .checkcol {
    margin: 0 0 10px;
  }
  .collective_status {
    padding: 30px 15px 40px;
  }
  .collective_status .outputstatus h2 {
    font-size: 18px;
  }
  .collective_status .outputstatus p, .select_ope .radiocol label, .groupselect ul.sortlist li p {
    font-size: 16px;
  }
  .collective_status .outputstatus p {
    margin: 15px 10px;
  }
  .select_ope {
    padding: 15px;
  }
  .select_ope .radiocol select {
    font-size: 14px;
    line-height: 40px;
  }
  .collective_status .twocol {
    display: block;
  }
  .collective_status .twocol button {
    max-width: none;
    margin: 0 auto;
  }
  .collective_status .twocol button:nth-child(1) {
    margin-bottom: 20px;
  }
  .data_upload .pankuzu {
    padding: 15px 0 10px;
  }
  .sortmenu p {
    margin-bottom: 10px;
  }
  .attend_info .sortmenu p, .enquetepage .button + .sortmenu p {
    margin-bottom: 5px;
  }
  .serch_result .sortmenu p {
    margin-bottom: 0;
  }
  .data_file_list {
    margin: 0 -15px;
  }
  .data_file_list.checkcol label {
    margin: 0;
  }
  .storage_area p {
    font-size: 14px;
  }
  .twotextarea, .twotextarea:nth-child(even) {
    width: 100%;
    padding: 0;
  }
  .calendardetail.calendarlist .day_schedule p {
    font-size: 14px;
  }
  .payform {
    padding: 20px 15px 0;
  }
  .payform .formbk h2 {
    margin: 0 0 10px;
  }
  .modal_section .payform .inputtext input {
    padding: 5px 15px;
  }
  .twocol_btn {
    padding: 0;
  }
  .twocol_btn .button {
    padding: 0 10px 0 0;
  }
  .twocol_btn .button.graybtn {
    padding: 0 0 0 10px;
  }
  .reservpage .twocol_btn .button.graybtn:first-child {
    padding-right: 15px;
  }
  .lottery_button {
    margin-top: 40px;
  }
  .reserv_status .dlbtn_area {
    max-width: 400px;
    margin: 70px auto 50px;
  }
  .lottery_button .position, .dlbtn_area .position {
    position: absolute;
    top: -5px;
    right: 10px;
    transform: translateY(-100%) translateX(0);
  }
  .reserv_status .dlbtn_area .button {
    margin-top: 20px;
  }
  .formbk .calendar .cal_close svg {
    left: 12px;
  }
  .formbk .vdp-datepicker input {
    padding-left: 34px;
  }
  .border_sec .twocol > .timeselect {
    width: 60%;
  }
  .border_sec .twocol > .timeselect .hour {
    padding: 0 15px 0 0;
  }
  .management_form .selectbk h2 {
    font-size: 18px;
  }
  .management_form {
    padding: 0 0 10px;
    margin: 0 15px;
  }
  .member_push + .checkcol {
    margin-top: 10px;
  }
  .member_push + .checkcol label {
    display: inline-block;
  }
  .list_block {
    margin: 0 -15px;
  }
  .list_block li {
    padding: 50px 20px 15px 50px;
  }
  .list_block .checkcol {
    left: 15px;
  }
  .serch_result .list_block .submenuarea {
    width: 100%;
    right: 0;
  }
  .serch_result .list_block h3 {
    font-size: 16px;
    margin: 0 0 10px;
  }
  .serch_result .list_block .submenuarea h4 {
    float: left;
  }
  .serch_result .sortmenu {
    padding-top: 0;
    flex-wrap: wrap;
  }
  .serch_result p.result_text {
    width: 100%;
    padding: 0;
  }
  .serach_form .onecol .checkcol {
    text-align: center;
    width: 100%;
    margin-top: 5px;
  }
  .serach_form .onecol ul.selectlist li {
    flex-wrap: wrap;
  }
  .date.deadline {
    padding: 0;
  }
  .date.deadline .calendar {
    width: 32%;
  }
  .serach_form ul li.status .checkcol {
    margin-left: 0;
  }
  .conferencepage .contents {
    padding: 0 15px 105px;
  }
  .conference_section h1 {
    font-size: 18px;
  }
  .news .conference_detail h1 {
    padding: 5px;
  }
  .conference_section.news .newsform h2 {
    line-height: 50px;
    margin: 20px 0 30px;
    font-size: 18px;
  }
  .conference_section.news .newsform h2 + h1 {
    margin: 50px 0 0;
  }
  .new_create svg {
    top: -1px;
  }
  .conference_section h1 span {
    font-size: 20px;
  }
  .conference_section h1 span.num, .conference_section.news .conferencebloc .conferenceupdate p, .conference_section.news .newslist .detail h2,
  .form.draft_form .border_sec p.txt, .newslist.conflist .detail h2 {
    font-size: 16px;
  }
  .conference_section h2 {
    font-size: 22px;
  }
  .conference_section.news .newslist.conference_check {
    margin: 0 -15px 20px;
  }
  .conference_section.news .newslist.conference_check li {
    padding: 20px 15px;
  }
  .modal.fix_modal.draft .twocol {
    display: block;
  }
  .draf_dl dt {
    font-size: 18px;
  }
  .draf_dl dd, .form.draft_form .border_sec ul li, .form.draft_form h3 + p {
    font-size: 16px;
  }
  .conference_section.news .form.draft_form h3 {
    font-size: 20px;
  }
  .conference_section .twocol h4 span {
    font-size: 18px;
  }
  .news.attend_info .newslist .detail, .newslist.attendlist .detail, .news .newslist.attendlist .detail {
    padding-right: 0;
  }
  .news.attend_info .newslist li .submenuarea, .newslist.attendlist li .submenuarea {
    bottom: 6px;
  }
  .calendar_contents .checkcol input[type=checkbox] + label::before {
    top: 4px;
  }
  .calendar_contents .checkcol input[type=checkbox]:checked + label::after {
    top: 0;
  }
  .news .conferencebloc .button {
    padding: 10px 15px 20px;
  }
  .boardpage .contents {
    padding: 0 15px 15px;
  }
  .board_section02 .newsform .form .formbk .radiocol label {
    margin: 0 10px 0 0;
  }
  .board_detail .sortmenu p {
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .board_section02 .newsform .form .formbk .sortmenu select {
    min-width: 180px;
  }
  .board_detail .upload_file.deny li {
    width: auto;
  }
  .sortform > p {
    font-size: 16px;
  }
  .board_section.news form .sortmenu select {
    min-width: 180px;
  }
  .opinion_info .correspondence .title {
    font-size: 18px;
    margin-bottom: 7px;
  }
  .opinion_info .correspondence .title .submenu {
    top: 46px;
  }
  .opinion_info .correspondence .inputcontent {
    font-size: 14px;
  }
  .news.opinion_info .newslist .detail {
    padding-right: 0;
  }
  .news.opinion_info .newslist .detail .ribbons {
    position: relative;
    right: 5px;
    bottom: -10px;
    float: right;
    padding: 0;
  }
  .news.opinion_info .newslist .submenuarea {
    top: auto;
    bottom: 5px;
  }
  .news.attend_info .newslist li h4, .newslist.attendlist li h4 {
    position: relative;
    bottom: -7px;
    float: right;
  }
  .emergencylist .edit_delete {
    margin: 70px -20px 0 0;
  }
  .emergency_section .form h3 {
    font-size: 20px;
  }
  .emergency_section04 .form .twocol .inputtext.erbox {
    margin: 0 0 20px;
    width: 100%;
  }
  .emergency_section06 .newslist li .status {
    position: relative;
    margin: 40px -20px 0 0;
  }
  .emergency_section06 .detail .pagemenu {
    top: -24px;
    right: 40px;
  }
  .emergency_section06 .newsform .detail .backbtn {
    top: 40px;
    right: -40px;
  }
  .enquete_section02 .form .radiocol label,
  .enquete_section02 .form .checkcol label {
    display: inline-block;
  }
  .enquete_section02 .form .form_type .radiocol > label {
    display: block;
  }
  .enquete_section02 .form .form_type .checkcol > label {
    display: block;
    margin: 0;
  }
  .enquete_section02 .form .form_type .checkcol > label label {
    margin: 0;
  }
  .form_type .checkcol input[type=checkbox]:checked + label::after {
    top: 7px;
    left: 10px;
  }
  .form_type .checkcol input[type=checkbox] + label::before {
    top: 8px;
  }
  .enquete_section03 .sortmenu {
    padding: 45px 15px 0;
  }
  .enquete_section .form .radiocol .inputtext label {
    margin: 10px 20px 10px 0;
  }
  .guest_section .border_sec h3 .textbtn {
    width: 100%;
    text-align: right;
    margin: 5px 0 0;
    float: none;
    clear: both;
  }
  .contentspage .guest_section .switching {
    width: 100%;
  }
  .contentspage .border_sec .checkcol label {
    margin-top: 10px;
  }
  .newsform .formbk .consent.checkcol input[type=checkbox] + label::before {
    top: 0;
  }
  .newsform .formbk .consent.checkcol input[type=checkbox] + label::after {
    top: -4px;
  }
  .attendpage .news .newslist li .detail .ribbon {
    top: 8px;
  }
  .modal_section h1.simple {
    padding: 40px 0 0;
  }
  .download_modal {
    padding-bottom: 0;
    margin: 0 15px;
  }
  .apartmentspage .textbtn {
    margin-left: 5px;
  }
  .download_modal .button {
    padding: 40px 0 0;
  }
  .reserv_section.news .newslist .detail h2 + p {
    margin: 5px 0 0;
  }
  .emergencypage .serach_form .checkcol label {
    margin: 0 20px 5px 0;
  }
  .emergencypage .serach_form .checkcol.unapproved label {
    margin: 0;
  }
  .enquete_section .form_type .checkcol input[type=checkbox]:checked + label::after {
    top: 6px;
  }
  .enquete_section05 .twocol {
    padding: 0 0 10px;
  }
  .enquete_contents {
    margin: 40px -15px 0;
  }
  .formbk.question_formbk .radiocol .inputtext label, .enquete_section .form .checkcol .inputtext label,
  .enquete_section05 .form .radiocol .inputtext label {
    display: inline-block;
  }
  .enquete_section05 .form .radiocol .inputtext label {
    margin: 10px 20px 10px 0;
  }
  .enquete_contents .formbk .vdp-datepicker input {
    padding-left: 40px;
  }
  .formbk.open .advanced .tabledetail .form_date {
    height: auto;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
  }
  .formbk.open .advanced .tabledetail .form_date .calendar {
    width: 45%;
  }
  .formbk.open .advanced .tabledetail .form_date .graybtn {
    width: 100%;
    padding: 0 15px;
    margin: 15px auto 0;
    display: block;
  }
  .enquete_section04 .twocol.new_create a .plus {
    top: 0;
  }
  .conferencepage .conference_section.news .formbk .vdp-datepicker input {
    width: 190px;
  }
  .conferencepage .conference_section.news .formbk .vdp-datepicker .vdp-datepicker__clear-button {
    right: 5px;
  }
  .reservpage .formbk .output.last_check .checkcol {
    text-align: left;
  }
  .reservpage .news .newslist .detail {
    display: block;
  }
  .reservpage .news .newslist .detail .text > div > p {
    margin-bottom: 0;
  }
  .reservpage .news .newslist .detail > .image {
    margin: 20px auto 10px;
  }
  .reservpage .news .newslist .detail > .image img {
    margin: 0 auto;
    display: block;
  }
  .reservpage .reserv_status_form .form .halfcol .rightcol > .checkcol {
    padding-left: 82px;
  }
  .reservpage .reserv_status_form .form .halfcol .rightcol > .checkcol label {
    margin-top: 5px;
    left: 0;
  }
  .reservpage .reserv_status_form .form .advanced .rightcol > .checkcol {
    padding-left: 0;
  }
  .reservpage .reserv_status_form .form .advanced .rightcol > .checkcol h2 {
    position: relative;
  }
}
@media screen and (max-width: 559px) {
  .conferencepage .conference_section.news .newsform .timeselect {
    width: 445px;
  }
  .conferencepage .conference_section.news .formbk .use_date .flex {
    margin: 0;
  }
  .conference_section.news .formbk .timeselect .hour,
  .conference_section.news .formbk .timeselect .Minute {
    margin-top: 10px;
  }
  .border_sec .unusable_bk {
    margin: 20px 0;
  }
  .border_sec .twocol {
    flex-wrap: wrap;
  }
  .border_sec .twocol > div {
    width: 70%;
  }
  .border_sec .twocol > .timeselect {
    width: 100%;
  }
  .login_footer .ftnavi li,
  .ftnavi.align_navi_list li {
    font-size: 12px;
    margin: 0 10px 15px;
  }
  .login_footer .inner {
    padding: 0 15px 40px;
  }
}
@media screen and (max-width: 479px) {
  .caution {
    padding: 15px 10px 10px;
  }
  .caution p {
    font-size: 16px;
  }
  .message p {
    font-size: 14px;
  }
  .modal_section {
    max-height: 50vh;
    max-height: 50dvh;
  }
  .toppage .contentsarea .help_link {
    top: -31px;
    left: 50px;
  }
  .toppage .contentsarea .leftnavi.open + .help_link,
  .toppage .contentsarea .leftnavi.open + nav + .help_link {
    left: 50px;
  }
  .newsform {
    padding: 50px 15px 40px;
  }
  .enquete_section .newsform {
    padding: 60px 15px 50px;
  }
  .newsform .formbk .radiocol + .radiocol.inputtext {
    margin-top: 10px;
  }
  .enquete_section04 .newsform .pagemenu, .newsform .pagemenu.sec_posi {
    top: 10px;
  }
  .newsform.enquete_section06 .backbtn {
    top: -35px;
  }
  .newsform.enquete_section06 .bottom_back .backbtn {
    top: auto;
    bottom: -25px;
  }
  .news ul.tabmenu {
    min-width: 860px;
  }
  .news ul.tabmenu li {
    padding: 0 4px;
  }
  .news ul.tabmenu li a {
    font-size: 13px;
  }
  .topcontents .news .newslist li {
    padding: 20px 15px;
  }
  .save_information.news .newslist li {
    padding: 20px 15px;
  }
  .toppage .news .newslist li {
    padding: 20px 20px 20px 15px;
  }
  .news .newslist h2,
  .conference_section .conferencelist .conference_detail.nolink h2 {
    font-size: 15px;
  }
  .news .newslist li h3 {
    font-size: 12px;
    width: 100%;
    padding: 0;
    margin: 0 0 4px;
  }
  .news .newslist li h4 {
    font-size: 12px;
    padding: 0 10px 0 0;
  }
  .group_info .newslist li h4 {
    padding: 0;
  }
  .news .newslist li h4 svg {
    width: auto;
  }
  .sortmenu p {
    font-size: 14px;
    line-height: 20px;
  }
  .serach_form ul li h2, .radiocol h2, .checkcol h2, .date h3, .form_date h3, .serach_form .submit button {
    font-size: 14px;
  }
  .advanced h2 {
    font-size: 16px;
  }
  .serach_form ul li h2, .twocol ul li:nth-child(1) h2, .twocol ul li:nth-child(2) h2 {
    width: 80px;
  }
  .switching label {
    font-size: 13px;
    line-height: 26px;
  }
  .twocol ul li {
    margin: 0 0 15px;
    flex-wrap: wrap;
  }
  .twocol ul.select_col li {
    margin: 0 0 5px;
  }
  .switching, .serach_form ul li.inputtext input {
    width: 170px;
  }
  p.multiselect {
    margin-left: 90px;
  }
  .calendar_list .vdp-datepicker__calendar {
    width: 270px;
  }
  .vdp-datepicker input {
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    padding-left: 28px;
  }
  .date span, .form_date span {
    padding: 0 8px;
  }
  .unapproved {
    margin: 0 0 0 -10px;
  }
  .serach_form .submit button.submitbtn {
    margin-left: 10px;
  }
  .selectbk select {
    width: 100%;
    min-width: inherit;
  }
  .serach_form ul.selectlist li h2, .twocol .calendar_list:nth-child(2) h2, .ridge_select h2, .halfcol > div h2, .halfcol .flexcol h2, .conferencepage .serach_form ul li h2, .conferencepage .date.onecol h3 {
    font-size: 14px;
  }
  .conferencepage .serach_form ul li h2 {
    width: 96px;
  }
  .formbk .radiocol label {
    margin-bottom: 10px;
    display: block;
  }
  .formbk .radiocol label:last-child {
    margin-bottom: 0;
  }
  .upload .image {
    width: 100px;
    max-width: 100px;
  }
  .formbk h2, .formbk h2 span.name {
    font-size: 18px;
  }
  .formbk h2 .icon {
    transform: scale(0.9);
  }
  .inputstatus h2 {
    font-size: 15px;
  }
  .formbk p.chushaku {
    font-size: 14px;
    line-height: 1.4;
  }
  .tabledetail {
    padding: 15px 10px 5px;
  }
  .informationpage .formbk .advanced .tabledetail, .boardpage .formbk .advanced .tabledetail {
    padding: 15px 10px 20px;
  }
  .informationpage .formbk .advanced .form_date .vdp-datepicker__clear-button,
  .boardpage .formbk .advanced .form_date .vdp-datepicker__clear-button {
    top: 9px;
  }
  .formbk .vdp-datepicker input {
    height: 34px;
    padding-left: 30px;
  }
  .informationpage .formbk .advanced .vdp-datepicker input {
    font-size: 14px;
  }
  .datapage .twocol ul.inputlist {
    margin-right: 0;
  }
  .datapage .serach_form ul li.inputtext input, .datapage .twocol select {
    width: calc(100% - 80px);
  }
  .datapage .date.onecol h3 {
    width: 80px;
  }
  .datapage .serach_form .checkcol label {
    margin-left: 80px;
  }
  .formbk .date .calendar + span, .formbk .form_date .calendar + span {
    line-height: 30px;
    padding: 0 7px;
  }
  .formbk .advanced .date, .formbk.open .advanced .form_date {
    height: 32px;
  }
  .formbk .calendar {
    height: 30px;
  }
  .fixedinfo {
    margin: 0 15px;
  }
  .fixedinfo_list.checkcol label {
    padding: 0 40px 0 0;
  }
  .fixedinfo_list p, .fixedinfo_list.checkcol label p {
    font-size: 14px;
  }
  .fixedinfo_list.checkcol input[type=checkbox] + label::before {
    left: 0;
  }
  .fixedinfo_list.checkcol input[type=checkbox]:checked + label::after {
    left: 8px;
  }
  .news.newsdetail .newslist h1,
  .board_section02 .newsform .form .formbk h2,
  .board_detail h1 {
    font-size: 18px;
  }
  .board_section02 .newsform .form .formbk h2 {
    margin-top: 15px;
  }
  .board_section02 .formbk h2 .icon {
    top: 7px;
  }
  .board_section02 .formbk h2 a.help_link {
    top: -2px;
  }
  .board_section02 .newsform .form .formbk .timeselect {
    margin-top: 5px;
  }
  .newscontent p {
    font-size: 14px;
  }
  .status_link {
    margin: 5px 0 0;
  }
  .status_link p.statusbtn {
    margin: 15px auto 0;
    display: block;
  }
  .status_link p.statusbtn a {
    text-align: center;
    padding: 5px 10px;
    display: block;
  }
  .news .newslist .detail .image {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
  }
  .timeselect select {
    width: auto;
    min-width: 70px;
    line-height: 34px;
  }
  .intervalselect select {
    width: 82px;
    line-height: 34px;
  }
  .serach_form .checkcol.unapproved label {
    margin: 0;
  }
  .serach_form .radiocol label, .serach_form .checkcol label {
    font-size: 14px;
    line-height: 22px;
  }
  .upload_file li svg.circle, .upload_file p svg.circle {
    margin-top: 1px;
  }
  .reserv_contents .inner h2.underline {
    font-size: 20px;
    padding: 0 0 15px;
  }
  .reserv_contents .inner h3 {
    font-size: 16px;
  }
  .reserv_contents .inner p {
    font-size: 14px;
  }
  .reserv_contents table th, .reserv_contents table td {
    font-size: 13px;
  }
  .wrapper .status_box p {
    font-size: 12px;
  }
  .border_sec {
    padding: 0 0 20px;
  }
  .attendpage .newsform .backbtn {
    top: -30px;
  }
  .attendpage .newsform .bottom_back .backbtn {
    top: auto;
  }
  .newsform .bottom_back .backbtn, .attendpage .newsform .bottom_back .backbtn {
    bottom: -25px;
  }
  .time_select h2 {
    margin: 0 0 15px;
  }
  .time_select h2 a.next {
    padding: 10px 10px 10px 20px;
  }
  .time_select h2 a.prev {
    padding: 10px 20px 10px 10px;
  }
  ul.date_select {
    margin: 20px -5px 0;
  }
  ul.date_select li {
    margin: 0 2px;
  }
  ul.date_select li a {
    font-size: 110%;
    padding: 10px 0px 8px;
  }
  .time_select h2 svg {
    width: 10px;
  }
  .reserv_status .dlbtn_area .button button, .reserv_status .dlbtn_area .selectbk select {
    width: 100%;
  }
  .reserv_status .button {
    text-align: center;
    padding-left: 0;
  }
  .reserv_status .button svg.grayarrow {
    display: none;
  }
  .cal_close {
    right: -54px;
    bottom: 2px;
  }
  .formbk .calendar .cal_close svg {
    top: 12px;
  }
  .formbk .twocol .calendar {
    width: 180px;
  }
  .border_sec .use_date .calendar + div {
    margin: 0 0 10px;
  }
  .cal_from::after, .cal_until::after {
    bottom: 5px;
  }
  .twocol_btn {
    margin: 0;
    display: block;
  }
  .twocol_btn .button, .twocol_btn .button.graybtn {
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
  }
  .guest_section .border_sec p a {
    display: block;
  }
  .guest_section .border_sec p a + a {
    margin: 15px 0 0;
  }
  .clearbtn {
    width: 50%;
  }
  .cal_close {
    right: -60px;
  }
  .use_date .calendar {
    margin: 6px 0;
  }
  .serach_form .twocol .checkcol h2 {
    display: block;
  }
  .memberpage .serach_form .checkcol label {
    left: 0;
  }
  .memberpage .serach_form ul.selectlist li h2 {
    font-size: 14px;
  }
  .memberpage .input_contents .formbk .input > * {
    width: calc((100% - 15px) / 2);
  }
  .memberpage .input_contents .formbk .twocol p:nth-child(3), .memberpage .input_contents .formbk .twocol p:nth-child(4) {
    margin-top: 0;
  }
  .notitle {
    padding: 30px 15px 1px;
  }
  .conference_section.news .formbk .use_date .calendar {
    height: 34px;
  }
  .conference_section.news .formbk .vdp-datepicker input {
    height: 34px;
    padding-left: 32px;
  }
  .conference_section.news .formbk .timeselect select {
    min-width: 60px;
    line-height: 34px;
    height: 34px;
    margin-right: 0;
  }
  .conference_section.news .formbk .timeselect .hour {
    padding: 0;
  }
  .conference_section.news .formbk .timeselect .Minute {
    padding: 0 5px 0 0;
  }
  .conference_section.news .formbk .timeselect .Minute select {
    margin-right: 0;
  }
  .conference_section .formbk .select2_btn1 {
    display: block;
  }
  .conference_section .formbk .select2_btn1 > select {
    width: 100%;
    min-width: inherit;
  }
  .news.attend_info .newslist li .submenuarea, .newslist.attendlist li .submenuarea {
    bottom: 5px;
  }
  .news.attend_info .newslist li .submenuarea .submenu {
    right: 5px;
  }
  .news .conferencebloc .button {
    padding: 10px 0 35px;
  }
  .conferencebloc .button button {
    max-width: none;
  }
  .board_detail .sortmenu p {
    font-size: 14px;
    line-height: 20px;
  }
  .board_section02 .newsform .form .formbk .sortmenu {
    padding: 20px 0 0 0;
  }
  .emergency_section.news .newslist li {
    padding: 10px 15px 20px;
  }
  .memberpage .newsform .pagemenu {
    top: -20px;
  }
  .enquete_section03 .newslist li .status {
    right: 12px;
  }
  .enquetepage .newsupdate.targetbox p {
    font-size: 14px;
  }
  .enquetepage .get_answer > a {
    font-size: 16px;
  }
  .reservpage .guest_section .border_sec .use_date .calendar .cal_close svg {
    top: 12px;
  }
  .apartmentspage .newsform .pagemenu {
    top: -20px;
  }
  .apartmentspage .newsform .confirm_contents .form .new_create {
    padding-top: 20px;
  }
  .apartmentspage .plan_box {
    padding: 15px;
  }
  .apartmentspage .plan_box .premium_bnr {
    line-height: 0;
    padding-bottom: 20px;
  }
  .apartmentspage .plan_box .link {
    padding-top: 15px;
  }
  .apartmentspage .newsform .bottom_back .backbtn {
    top: 20px;
  }
  .attendpage .news .newslist li .detail .ribbon {
    right: 10px;
  }
  .userspage .newsform .pagemenu {
    top: -20px;
  }
  .userspage .formbk .change_link {
    padding-bottom: 15px;
  }
  .userspage .modal .payform {
    padding: 0;
  }
  .chushaku_list > li {
    font-size: 14px;
  }
  .boardpage .modal .vdp-datepicker input {
    height: 34px;
    padding-left: 32px;
  }
  .reservbloc .twocol .leftcol {
    padding: 5px;
  }
  .reservbloc .twocol .rightcol {
    padding: 5px;
  }
  .reserv_section.news .newslist li {
    padding: 10px 15px 20px;
  }
  .reserv_section .newslist h2 {
    font-size: 15px;
  }
  .emergencypage .twocol ul li h2, .emergencypage .advanced .twocol ul li h2, .emergencypage .date h3 {
    width: 70px;
  }
  .serach_form .advanced .inputblock input {
    margin: 10px 10px 0 70px;
  }
  .config.detail .pagemenu {
    top: -35px;
  }
  .calendar_contents .border_block p.textbtn {
    margin-left: 0;
  }
  .reservpage .twocol_btn .button.graybtn:first-child {
    margin-top: 0;
    padding-right: 0;
  }
  ul.date_select li.prev a, ul.date_select li.next a {
    padding: 18px 10px;
  }
  .choice_date .twocol .graybtn {
    margin: 10px 0 -3px 10px;
  }
  .formbk.open .advanced .tabledetail .form_date .graybtn {
    max-width: 130px;
    height: 40px;
    margin: 15px auto 10px;
  }
  .vdp-datepicker__clear-button {
    font-size: 12px;
    line-height: 14px;
    width: 14px;
    height: 14px;
    top: 8px;
    right: 5px;
  }
  .conference_section.news .formbk .vdp-datepicker .vdp-datepicker__clear-button {
    top: 9px;
    right: 22px;
  }
  .conferencepage .conference_section.news .newsform .timeselect {
    width: 320px;
  }
  .enquetepage .serach_form ul li h2, .opinionpage .serach_form ul li.date h2, .conferencepage .date.onecol h3, .memberpage .date.onecol h3, .memberpage .form_date.onecol h3,
  .attendpage .serach_form ul li.date h2 {
    width: 65px;
  }
  .enquetepage .date.deadline .calendar, .opinionpage .date.deadline .calendar, .attendpage .date.deadline .calendar {
    width: 35%;
  }
  .userspage .inputstatus .status_detail p > .textbtn {
    width: 100%;
    margin: 5px 0;
  }
  .userspage .inputstatus .status_detail p > .textbtn a {
    width: 100%;
  }
  .reservpage .formbk .output.last_check .checkcol, .reservpage .formbk .output.last_check .radiocol {
    padding: 10px 0 0;
    margin: 0 0 30px;
  }
  .reservbloc .twocol .rightcol p {
    font-size: 13px;
  }
}
@media screen and (max-width: 419px) {
  ul.date_select li a {
    font-size: 90%;
  }
  ul.date_select li a span {
    font-size: 12px;
    margin: 4px 0 0;
  }
  .reserv_calender h2 {
    font-size: 18px;
  }
  .reserv_calender h2 .plans_link {
    font-size: 14px;
  }
  .reserv_calender h2 .plans_link span {
    padding: 0 2px 0 0;
    top: -1px;
  }
  .serach_form .onecol .checkcol {
    text-align: left;
  }
  .memberpage .unapproved {
    margin: 0 0 0 6px;
  }
  .board_section02 .newsform .form .formbk .sortmenu select {
    min-width: 180px;
  }
  .conference_section.news .newslist li .status h4 span, .newslist.conflist li .status h4 span {
    left: 30px;
  }
  ul.date_select li.prev a, ul.date_select li.next a {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 369px) {
  .toppage .contents {
    padding: 10px;
  }
  .banner, .top_info {
    margin: 0 0 10px;
  }
  .news {
    margin: 20px -10px 0;
  }
  .news ul.tabmenu {
    padding: 0 8px;
  }
  .relation .image {
    margin: 10px 10px 0;
  }
  .relation ul {
    width: auto;
    margin: 15px auto 0;
  }
  p.multiselect {
    margin-left: 10px;
  }
  .vdp-datepicker input {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding-left: 23px;
  }
  .date .calendar + span, .form_date .calendar + span {
    padding: 0 5px;
  }
  .reservpage .reserv_form {
    padding: 10px;
    right: 0;
  }
  .serach_form .advanced .inputblock input {
    margin: 10px 10px 0 0;
  }
}
@media screen and (min-width: 768px) {
  /* マウスオーバー処理 */
  .green .conference_section .rightcol .form .button button:hover {
    color: #006532;
  }
  .green .button a:hover svg path, .green .button button:hover svg path, .green .news .newslist li h3.button a:hover svg path, .green .new_create a:hover svg text, .green .new_create button:hover svg text,
  .green .new_create a:hover svg text tspan, .green .new_create button:hover svg text tspan, .green.enquetepage .new_create button:hover svg.sort_icon polygon, .green .conference_section .rightcol .form .button button:hover svg text {
    fill: #006532;
  }
  .green .enquete_section .threecol button:hover .enquete_icon .st0 {
    stroke: #006532;
  }
  .green .button a:hover, .green .button button:hover, .green ul.navigation li a:hover, .green .newcategory .submit button.submitbtn:hover,
  .green .savebtn:hover, .logincontents .loginform .button button:hover, .green .draft_form .submit button.submitbtn:hover, .green .emergency_section02 .newslist li .status .statusbtn a:hover,
  .green .emergency_section06 .newslist li .status .statusbtn a:hover, .green .conference_section .rightcol .form .button button:hover, .logincontents .loginform .button a:hover, .save_information.news .newslist .detail button:hover,
  .conference_section .conferencelist .conference_detail .inputtext button:hover {
    color: #006532;
    background-color: #fff;
  }
  .green .selectbk .catebtn a:hover, .green .formbk .catebtn a:hover, .green .formbk p.copybtn a:hover, .green .formbk p.plusbtn a:hover, p.removebtn a:hover, .green .status_link p.statusbtn a:hover,
  .green .contents .button.secbtn button:hover, .green .contents .button.secbtn a:hover, .green .day_table .catebtn a:hover, .green .status_detail .catebtn a:hover,
  .green .fixedtable table td button:hover, .green .textbtn a:hover, .green .guest_section .border_sec .textbtn a:hover, .green .inputstatus .status_detail p .textbtn a:hover,
  .green .calendar_contents .border_block p.textbtn a:hover, .green .inputstatus .status_detail p.catebtn a:hover, .green .board_detail .statusbtn a:hover, .green.boardpage .modal .leftcol02 .linkbtn a:hover,
  .green.boardpage .modal .leftcol02 .txtdecobtn a:hover, .green .emergency_section .newslist + .status_link .statusbtn a:hover {
    color: #fff;
    background-color: #006532;
  }
  .save_information.news .newslist .detail button,
  .conference_section .conferencelist .conference_detail .inputtext button {
    border: solid 1px #006532;
  }
  .green .selectbk .catebtn a:hover svg path, .green .formbk .catebtn a:hover svg path, .green .formbk p.copybtn a:hover svg path, .green .formbk p.plusbtn a:hover svg path, .green .status_link p.statusbtn a:hover svg path,
  .green .contents .button.secbtn button:hover svg path, .green .contents .button.secbtn a:hover svg path, .green .day_table .catebtn a:hover svg path, .green .status_detail .catebtn a:hover svg polygon,
  .green .formbk .inputtext .catebtn a:hover svg polygon, .green .textbtn a:hover svg polygon, .green .textbtn a:hover svg.icon_plus tspan, .green .calendar_contents .border_block p.textbtn a:hover svg polygon,
  .userspage .formbk .tablebk + .catebtn a:hover svg polygon {
    fill: #fff;
  }
  .green .leftnavi ul li a.router-link-exact-active,
  .green .leftnavi ul li ul li ul li a.router-link-exact-active,
  .green.toppage .leftnavi ul li.navi_home a,
  .green.enquetepage .leftnavi ul li.navi_enquete a,
  .green.informationpage .leftnavi ul li.navi_news a,
  .green.reservpage .leftnavi ul li.navi_reserv a,
  .green.datapage .leftnavi ul li.navi_data a,
  .green.attendpage .leftnavi ul li.navi_attend a,
  .green.conferencepage .leftnavi ul li.navi_meeting a,
  .green.boardpage .leftnavi ul li.navi_board a,
  .green.opinionpage .leftnavi ul li.navi_opinion a,
  .green.emergencypage .leftnavi ul li.navi_emergency a,
  .green.userspage .leftnavi ul li.navi_config > a,
  .green.userspage .leftnavi ul li.navi_config > .nolink,
  .green.apartmentspage .leftnavi ul li.navi_config ul li:nth-child(1) > a,
  .green.contentspage .leftnavi ul li.navi_config ul li:nth-child(2) > a,
  .green.bannerpage .leftnavi ul li.navi_config ul li:nth-child(3) > a {
    background-color: #28b682;
  }
  .green.apartmentspage .leftnavi ul li.navi_config ul li ul li:nth-child(1) > a,
  .green.contentspage .leftnavi ul li.navi_config ul li ul li:nth-child(2) > a {
    background-color: inherit;
  }
  .green.apartmentspage .leftnavi ul li.navi_config ul li ul li:nth-child(1) > a:hover,
  .green.contentspage .leftnavi ul li.navi_config ul li ul li:nth-child(2) > a:hover {
    background-color: #28b682;
  }
  .green .top_menu ul li a:hover {
    background: #def2eb;
  }
  .green ul.date_select li a:hover {
    color: #006532;
    border: solid 1px #006532;
  }
  .green.reservpage .reserv_form form .submit button.submitbtn:hover, .green .downloadbtn:hover, .green .enquete_section .form .inputtext.twocol .close:hover {
    background: #006532;
  }
  .green .reserv_status .dlbtn_area .button button:hover, .green .sortbtn a:hover, .green .sortbtn button:hover, .green .conference_section .status_link .statusbtn a:hover, .green .calendardetail .form button.submitbtn:hover {
    color: #fff;
    background: #006532;
  }
  .green .reserv_status .dlbtn_area .button button:hover path.white, .green .downloadbtn:hover svg.download path.white,
  .green .textbtn a:hover svg.download path.white, .green .safety_report button:hover span svg tspan, .green .safety_report a:hover span svg tspan, .green .enquete_section03 .newslist li h3.button a:hover svg text,
  .green .enquete_section05 .twocol.button button:nth-child(2):hover .st0, .green .formbk.enquete_formbk .twocol.button button:nth-child(2):hover .st0 {
    fill: #006532;
  }
  .green button:hover .filter_icon .st1, .green button:hover .filter_icon .st1 {
    fill: #006532;
    stroke: #006532;
  }
  .green .enquete_section04 .twocol button:hover .enquete_icon .st0, .green .enquete_section04 .twocol a:hover .enquete_icon .st0, .green .green .enquete_section .threecol button:hover .enquete_icon .st0,
  .reserv_modal .submit button:hover .search_icon polygon, .reserv_modal .submit button:hover .search_icon path {
    stroke: #006532;
  }
  .green .formbk .submit button.submitbtn:hover, .green .form_type li > label:hover {
    background: #006532;
    color: #fff;
  }
  .green .monthly .vdp-datepicker__calendar .month:hover {
    background: #e0f2e9;
  }
  .reserv_status .dlbtn_area .button button:hover path, .chusen:hover svg path.red, .wrapper .downloadbtn:hover svg.download path,
  .wrapper p.plusbtn a:hover svg tspan, .sortbtn a:hover svg polygon, .sortbtn button:hover svg polygon, .textbtn a:hover svg.download path,
  .form .formbk .btncol p.catebtn a:hover svg path, .wrapper .textbtn a:hover svg.icon_plus path {
    fill: #fff;
  }
  .relation ul li a:hover, .news .newslist h2 a:hover, .news .newslist .detail p a:hover, ul.navigation li.prev a:hover, ul.navigation li.next a:hover,
  p.multiselect a:hover, .tabledetail p a:hover, .groupselect p a:hover, .upload_file li a:hover, .reserv_status .fixedtable table td.t_left a:hover, .wrapper .status_box p a:hover,
  .board_detail p a:hover, .wrapper .ck-content p a:hover, .wrapper .wysiwyg_block p a:hover, .border_block p a:hover, .attend_section p a:hover {
    text-decoration: none;
  }
  .enquete_section .form .checkcol a:hover, .message p a:hover {
    text-decoration: underline;
  }
  .news ul.tabmenu li a:hover, .newcategory .submit button.graybtn:hover, .reservpage .reserv_form form .submit button.graybtn:hover {
    background-color: #fff;
  }
  .news .newslist li .submit a:hover, .reserv_status .fixedtable table td .chusen:hover {
    color: #e4284b;
    background-color: #fff;
  }
  .news .newslist li .submit a:hover svg path, .chusen:hover svg path {
    fill: #e4284b;
  }
  .banner a:hover, .submenubtn:hover, .backbtn:hover, .pagetitle .search_button a:hover, a.help_link:hover, .cal_close:hover, .formbk .member_push .member .close:hover,
  .emergencylist .emergency_detail .imgTxt .text .commarea a:hover img, .articleinfo .profile a:hover, .newscontent .upload_file .image a:hover,
  .conference_section .conferencelist .conference_detail .imgTxt .text p.edit_view svg.delete:hover {
    opacity: 0.7;
  }
  ul.navigation li.prev a:hover, ul.navigation li.next a:hover {
    background: transparent;
  }
  .modal .top_info a.info_close:hover, a.modal_close:hover, .newsmonitor a:hover, .deletebtn:hover, .upload_file li svg.delete:hover, .upload_file p svg.delete:hover,
  .file_upload .formbk .inputedit svg.delete:hover, .modal_section .controll .prev:hover, .modal_section .controll .next:hover {
    opacity: 0.6;
  }
  .submenu p a:hover {
    background: #ededed;
  }
  .notaice .button a:hover {
    color: #e4284b;
    background: #fff;
  }
  .notaice .button a:hover svg path {
    fill: #e4284b;
  }
  ul.date_select li a:hover {
    background-color: #fff;
  }
  ul.date_select li.prev a:hover, ul.date_select li.next a:hover, .status_detail .catebtn .status_box a:hover {
    border: 0;
    background: transparent;
  }
  .reserv_calender h2 .plans_link a:hover, .reserv_status p.result_link a:hover, .data_upload .storage a:hover, .data_upload .pankuzu p a:hover,
  p.accept, .serch_result h3 a:hover, .upload_file p a:hover, .file_output p a:hover, .top_info_list a:hover, .file_upload .filename a:hover, .newsupdate p span.indent a:hover {
    text-decoration: none;
  }
  .calender-header a:hover, .select_today a:hover, .clearbtn:hover,
  .choice_date .twocol .graybtn:hover, .formbk.open .advanced .tabledetail .form_date .graybtn:hover {
    color: #000;
    background: #fff;
  }
  .reservpage .reserv_form form .submit button.submitbtn:hover, .calendardetail .cell .schedule .textbtn a:hover {
    color: #fff;
    border: solid 1px #fff;
  }
  .calendardetail .cell .schedule .textbtn a:hover {
    background: transparent;
  }
  .reservpage .submit button:hover .search_icon polygon, .reservpage .submit button:hover .search_icon path {
    stroke: #fff;
  }
  .wrapper .button.graybtn a:hover, .wrapper .button.graybtn button:hover {
    color: #000;
  }
  .reserv_status .fixedtable table td.lottery a:hover, .reserv_status .lottery_button a:hover {
    color: #e4284b;
    background: #fff;
  }
  .reserv_status .fixedtable table td.lottery a:hover svg path, .reserv_status .lottery_button a:hover svg path {
    fill: #e4284b;
  }
  .button a.help_link:hover, .wrapper .catebtn a.help_link:hover, .reserv_status .lottery_button a.help_link:hover {
    color: #fff;
    background: #ffb500;
  }
  .status_box p.link a:hover, .guest_section .border_sec p a:hover, .guest_section .border_sec p a:hover span,
  .fixedinfo_list h2 a:hover, .file_upload .pankuzu p a:hover, .inputstatus .status_detail p a:hover {
    color: #1c72d4;
    text-decoration: none;
  }
  .formbk .submit button.graybtn:hover, .switching label:hover,
  .reservpage .reserv_form .vdp-datepicker__calendar header .prev:hover, .reservpage .reserv_form .vdp-datepicker__calendar header .next:hover {
    background: #fff;
  }
  .formbk .submit button.graybtn:hover {
    color: #000;
  }
  a.help_link[data-pc="0"] {
    pointer-events: none;
    cursor: default;
    display: none;
  }
  .emergency_table tr th:first-child,
  .emergency_table tr td:first-child {
    width: 47%;
  }
  .emergency_section02 .newslist li h3.button {
    margin: 0;
  }
  .emergency_section02.news .newslist li .status h4 {
    font-size: 12px;
  }
  .emergency_section02.news .newslist li .status h4 span {
    left: 27px;
    padding: 2px 15px 2px 13px;
  }
  .conference_section .formbk .select2_btn1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .conference_section .formbk .select2_btn1 > * {
    flex-basis: 160px;
  }
  .conference_section .formbk .select2_btn1 > *:not(:first-child) {
    margin-left: 10px;
  }
  .conference_section .formbk .select2_btn1 > select {
    min-width: inherit;
    flex-grow: 1;
  }
  .reserv_section .newslist .detail h4.ribbon {
    font-size: 12px;
  }
  .reserv_section .newslist li .status h4 span {
    left: 27px;
    padding: 2px 15px 2px 13px;
  }
  .reserv_contents .inner .markdown_viewer h1,
  .reserv_contents .inner .markdown_viewer h2,
  .reserv_contents .inner .markdown_viewer h3,
  .reserv_contents .inner .markdown_viewer h4,
  .reserv_contents .inner .markdown_viewer h5,
  .reserv_contents .inner .markdown_viewer h6 {
    padding: 0%;
    margin: 15px 0;
    text-align: left;
    color: #000;
    font-weight: bold;
    background-color: transparent;
  }
  .reserv_contents .inner .markdown_viewer h1 {
    font-size: 28px;
  }
  .reserv_contents .inner .markdown_viewer h2 {
    font-size: 24px;
  }
  .reserv_contents .inner .markdown_viewer h3 {
    font-size: 20px;
  }
  .reserv_contents .inner .markdown_viewer h4 {
    font-size: 16px;
  }
  .reserv_contents .inner .markdown_viewer h5 {
    font-size: 12px;
  }
  .reserv_contents .inner .markdown_viewer h6 {
    font-size: 8px;
  }
}
.multiline {
  white-space: pre-line;
}

/*# sourceMappingURL=contents-208bf97f762b7d9fad58.css.map*/