@charset "UTF-8";
/* =====================================================
## normalize
===================================================== */
html, body {
  height: 100%;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer,
header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"],
input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type="number"] {
  -moz-appearance:textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
  margin: 0;
  -webkit-appearance: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/* =====================================================
## default
===================================================== */
@font-face {
  font-family: 'notoSans';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../font/NotoSansCJKjp-Regular.woff") format("woff"), url("../font/NotoSansCJKjp-Regular.otf") format("opentype");
}

@font-face {
  font-family: 'notoSans';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url("../font/NotoSansCJKjp-Bold.woff") format("woff"), url("../font/NotoSansCJKjp-Bold.otf") format("opentype");
}

html {
  visibility: visible;
}

html, body {
  height: 100%;
}

body {
  background: url(/plaza/common/img/bg.jpg);
  color: #333;
  font-size: calc(120% - 0.25vw);
  font-size: 16px;
  font-family: 'notoSans', 'Hiragino Kaku Gothic', 'Arimo', sans-serif;
  margin: 0;
  padding: 0;
}

h1 {
  background-color: #003366;
  color: #fff;
  font-size: 1.2em;
  margin: 0;
  padding-left: 20px;
  line-height: 60px;
}

h2 {
  background-color: #444;
  color: #fff;
  font-size: 1.2em;
  font-weight: normal;
  padding-left: 20px;
  margin: 0;
}

h3 {
  background-color: #266087;
  color: #fff;
  font-size: 1.3em;
  font-weight: normal;
  margin: 0;
  padding: 10px 0 10px 20px;
}

h5 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

a {
  color: #00f;
  text-decoration: none;
  outline: none;
}

a:hover {
  text-decoration: underline;
}

a img:hover {
  opacity: 0.8;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

dl, dd {
  padding: 0;
  margin: 0;
}

/* =====================================================
## header
===================================================== */
header {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-top: 10px;
  min-width: 1200px;
}

#logo img {
  max-width: 100%;
  width: 350px;
}

nav > ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0 20px;
}

nav > ul > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 1.5;
  text-align: center;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
}

nav > ul > li:last-child {
  border-right: none;
}

nav > ul > li:last-child ul.child li {
  width: 200px;
}

nav > ul > li:after {
    color: gray;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    font-size: 0.8em;
    line-height: normal;
    position: absolute;
    bottom: .3em;
    right: 0;
    left: 0;
    margin: auto;
}

nav > ul > li.sub_none:after {
  content: "";
  color: #f00;
}

nav > ul > li {
  border-left: 1px solid #e2e2e2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  cursor: default;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.9em;
  position: relative;
}

nav > ul > li:first-of-type {
    background-color: #99d6b5;
}

nav > ul > li:nth-of-type(2) {
    background-color: #dfdc99;
}

nav > ul > li:nth-of-type(3) {
    background-color: #f4c8ab;
}

nav > ul > li:nth-of-type(4) {
    background-color: #efc3d4;
}

nav > ul > li:last-of-type {
    background-color: #a3c1e3;
}

nav > ul > li > span a {
  color: #333;
  display: block;
  padding: .5em 0;
  height: 100%;
  box-sizing: border-box;
}

nav > ul > li > span a:hover {
  text-decoration: none;
  opacity: 0.7;
}

ul.child {
    background-color: #fff;
    display: none;
    position: absolute;
    padding: 0;
    z-index: 100;
    top: 56px;
    left: -1px;
}

ul.child li {
  width: 300px;
  border: 1px solid #e2e2e2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul.child li a {
  display: block;
  color: #555;
  font-size: 0.8em;
  font-weight: bold;
  padding: 10px 0;
  text-decoration: none;
  line-height: 1.7em;
}

ul.child li a:hover {
  background-color: #999;
  color: #fff;
}

.subnav {
  margin: 10px 0 0;
  margin-left: auto;
}

.subnav ul li {
  margin-right: 40px;
}

.subnav ul li:last-child {
  margin: 0;
}

.subnav ul li a {
  color: #333;
  display: block;
  font-size: 0.9em;
  line-height: 200%;
}

.subnav ul li a img {
  visibility: hidden;
  width: 0;
  height: 0;
}

.subnav ul li a:hover {
  border-bottom: 2px solid #F08437;
  color: #F08437;
  text-decoration: none;
}

.btn_hamburger span {
  display: none;
}

/* =====================================================
## content
===================================================== */
#wrapper {
  min-height: calc(102vh - 180px);
  width: 100%;
}

#main_visual {
  background-color: #fff;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 410px;
  margin-bottom: 45px;
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

#main_visual .main_visual_title {
  -ms-flex-preferred-size: 320px;
      flex-basis: 320px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  position: relative;
  min-height: 555px;
  max-height: 555px;
  overflow: hidden;
  width: 50%;
}

#main_visual .main_visual_title img {
  width: 100%;
  height: 555px;
  object-fit: cover;
}

#main_visual h1 {
  background-color: rgba(0, 51, 102, 0.6);
  -webkit-box-shadow: 3px 6px 0 3px rgba(0, 51, 102, 0.8);
          box-shadow: 3px 6px 0 3px rgba(0, 51, 102, 0.8);
  color: #fff;
  font-size: 1.4em;
  height: 70px;
  line-height: 70px;
  margin: 0;
  max-width: 400px;
  padding-left: 0;
  position: absolute;
  top: 60px;
  text-align: center;
  width: 100%;
  z-index: 10;
}

#about_box {
  background-color: #3b5998;
  -ms-flex-preferred-size: 320px;
      flex-basis: 320px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#about_box h2 {
  background-color: #003366;
  font-size: 1.5em;
  margin: 0 0 20px 0;
  text-align: center;
  padding: .5rem 0;
}

#about_box h2 span {
  display: block;
  font-size: 1rem;
}

#about_box .about_text p {
  color: #fff;
  line-height: 1.6;
}

#about_box .btn:first-of-type {
  position: relative;
}

#about_box .btn:first-of-type:before {
  position: absolute;
  left: 1rem;
  font-family: "Font Awesome 5 Free";
  content: "\f101";
  display: inline-block;
}

#about_box .top_search_window {
  background-color: #fff;
  border: 3px solid #003366;
  padding: 10px 3px;
}

#about_box .form_search .search_content {
  max-width: none;
  flex-basis: auto;
  width: 50%;
  box-sizing: border-box;
  line-height: 2;
  margin-bottom: 20px;
}

#about_box .form_search label {
  width: 100px;
  color: #333;
}

#about_box .form_search.flexS div {
  margin-right: 0;
}

#about_box .form_search.flexS div {
  line-height: 2;
  margin-bottom: 20px;
}

#about_box .form_search .search_content:nth-of-type(n+3) {
  max-width: none;
  flex-basis: auto;
  width: auto;
}

#about_box .form_search .search_content:nth-of-type(n+3) select {
    max-width: 450px;
    width: auto;
}

#about_box #resetBtn {
  display: none;
}

#about_box input[name="submit_btn"] {
  width: 15%;
}

#about_box input[name="submit_btn"]:hover {
  background-color: #aaaa;
}

#about_box .w100 {
  width: 100%;
  text-align: center;
  margin-bottom: 0 !important;
}

.recommend_box {
  margin-bottom: 30px;
}

.recommend_box h3 {
  background-color: #003366;
  font-size: 1.1em;
}

#seminar_content {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#seminar_box {
  width: 67%;
}

.seminar_about {
  background-color: #003366;
}

.seminar_about h3 {
  background-color: #003366;
}

.seminar_about a {
  background-color: #d49e1f;
  border: 1px solid #8a8a8a;
  border-radius: 2px;
  color: #fff;
  margin-left: auto;
  margin-top: 8px;
  margin-right: 10px;
  margin-bottom: 8px;
  padding: 4px 15px 0 15px;
  float: left;
}

.seminar_about a:hover {
  text-decoration: none;
  opacity: 0.6;
}

.seminar_about a:after {
  color: #fff;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-left: 10px;
}

.seminar_about img {
  visibility: hidden;
  width: 0;
  height: 0;
}

.event_box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  margin: 15px 0;
  position: relative;
}

.event_box > a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  height: 100%;
  text-decoration: none;
  width: 100%;
}

.event_box > a:hover {
  color: #4567E5;
}

.event_box time {
  font-size: 1.2em;
}

.event_info {
  padding: 15px 10px;
}

.event_info dt {
  font-size: 1.3em;
  font-weight: bold;
  padding-bottom: 7px;
}

.event_info dd {
  font-size: 1.1em;
  font-weight: bold;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.event_tag {
  background-color: #eee;
  padding: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.seminar_list_btn {
  line-height: 35px;
  text-align: center;
}

.seminar_list_btn a {
  background-color: #666;
  color: #fff;
  display: block;
  text-decoration: none;
}

.seminar_list_btn a:hover {
  background-color: #888;
}

#side_box {
  width: 30%;
}

#side_box h3 {
  background-color: #003366;
  font-size: 1.2em;
}

#calender {
  background-color: #fff;
}

#last_month_label a:before {
  content: "\f100";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#last_month_label span {
  margin-left: 10px;
}

#next_month_label a:after {
  content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#next_month_label span {
  margin-right: 10px;
}

.calender_data {
  padding: 5px;
}

.calender_data table {
  width: 100%;
}

.calender_data th, .calender_data td {
  font-size: 1.2em;
  font-weight: bold;
  height: 50px;
  padding: 0 2px;
  width: 14%;
  text-align: center;
}

.calender_data .sunday {
  color: #E24747;
}

.calender_data .satday {
  color: #00f;
}

.calender_data td span a {
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-size: 1.2em;
  line-height: 45px;
  padding: 0 3px;
  text-decoration: none;
}

.calender_data td span a.event_on {
  background-color: rgba(0, 51, 102, 0.9);
  color: #fff;
}

.calender_data td span a:hover {
  background-color: rgba(0, 51, 102, 0.4);
}

.popmenu li a {
  line-height: 25px;
  font-size: 1.2em;
}

.calender_head {
  border-bottom: 2px dotted rgba(68, 68, 68, 0.4);
  font-weight: bold;
  padding: 0 10px 20px 10px;
}

.calender_head li {
  margin: auto;
  font-size: 1.2em;
}

.calender_head li a {
  color: #F08437;
  font-size: 0.8em;
  text-decoration: none;
}

.calender_head li a:hover {
  color: rgba(68, 68, 68, 0.4);
}

.calender_head li a:focus {
  color: #F08437;
}

.lastmonth:before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 10px;
}

.nextmonth:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 10px;
}

#notice_head {
  position: relative;
}

#notice_head span {
  bottom: 0;
  color: #fff;
  display: inline-block;
  margin: auto;
  padding: 18px 20px 0 0;
  position: absolute;
  right: 0;
  top: 0;
}

#notice_head span a {
  color: #fff;
}

.notice_info {
  background-color: #fff;
  padding: 4px 15px;
}

.notice_info li {
  border-bottom: 3px dotted rgba(68, 68, 68, 0.4);
  padding: 13px 0;
}

.notice_info li time {
  border-left: 3px solid rgba(68, 68, 68, 0.4);
  display: block;
  font-size: 0.8em;
  margin: 2px 0;
  padding: 1px 8px;
}

.notice_info li:last-child {
  border-bottom: none;
}

.notice_info li a {
  color: #333;
  display: block;
  margin-left: 10px;
  text-decoration: none;
  overflow: hidden;
}

.notice_info li a:hover {
  color: rgba(51, 51, 51, 0.6);
}

.info_list_btn {
  font-size: 0.9em;
  line-height: 30px;
  margin: 10px 0 30px 0;
  text-align: center;
}

.info_list_btn a {
  background-color: #666;
  color: #fff;
  display: block;
  text-decoration: none;
}

.info_list_btn a:hover {
  background-color: #888;
}

.popmenu > li {
  font-size: 0.6em;
}

.banner_area li {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner_area li:last-of-type {
    margin-bottom: 0;
}

.banner_area li a img {
    width: 100%;
    max-width: 234px;
}

.banner-btn {
    width: 100%;
    max-width: 234px;
    background: #3b5998;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: solid 1px #3b5998;
    transition: .2s;
}

.banner-btn:hover {
    text-decoration: none;
    background: #444;
    color: #fff;
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000000;
    opacity: 0.8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999;
    user-select: none;
}

.load-circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 10px solid rgba(255, 255, 255, 0.5);
    border-top-color: rgba(255, 255, 255, 1);
    animation: rotate 1s linear infinite;
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}

/* =====================================================
## global_menu_page
===================================================== */
#content_box {
  background-color: #fff;
  margin-top: 20px;
  padding-bottom: 10px;
}

#content_box h2 {
  line-height: 4em;
  margin-bottom: 30px;
}

.inner_box {
  margin-bottom: 30px;
  padding: 0 20px;
}

.inner_box h3 {
  margin-bottom: 20px;
  font-size: 1.2em;
}

.inner_box h4 {
  border-bottom: 2px solid #ccc;
  border-left: 3px solid #ccc;
  font-size: 1.1em;
  padding: 10px;
}

.inner_box h5 {
  font-size: 1.1em;
  margin-bottom: 20px;
}

.inner_box ul li {
  line-height: 2em;
}

.link_list {
  font-size: 1.1em;
}

.link_list ul li a {
  color: #444;
}

.link_list ul li a:hover {
  color: #4567E5;
}

.link_list ul li:after {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-left: 10px;
}

.link_list ul li:before {
  content: "\f138";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 10px;
}

.text_box {
  margin-bottom: 20px;
}

.text_box p {
  margin-bottom: 20px;
}

.table01 {
  margin-bottom: 20px;
}

.table02 thead th {
  text-align: center;
}

.table02 th {
  text-align: left;
  padding: 10px;
  white-space: nowrap;
}

.table02 th.text-center {
  text-align: center;
}

.table02 td {
  border: 1px solid rgba(68, 68, 68, 0.3);
  width: 0 !important;
}

.ul_box {
  margin-bottom: 10px;
}

.reduced {
  background-color: rgba(0, 153, 68, 0.2);
  margin: 20px 0;
  padding: 20px;
}

.reduced li {
  margin-bottom: 10px;
}

.phot_box {
  width: 650px;
  margin: auto;
}

.phot_box img {
  max-width: 100%;
  height: auto;
}

.tel:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 10px;
}

.map {
  margin-left: 30px;
}

.map img {
  margin: 0;
  padding: 0;
  width: 500px;
  height: auto;
}

p {
  margin: 0;
  padding: 0;
  text-align: justify;
}

.app_btn2 {
  max-width: 500px;
  width: 100%;
  margin: 50px auto;
}

.app_btn2 a {
  background-color: #108e49;
  border-bottom: 6px solid #00632d;
  color: #fff;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
}

.app_btn2 a:hover {
  opacity: 0.7;
}

ol {
  margin: 0;
  padding: 0 20px;
}

ol li {
  line-height: 2em;
}

.dl_box dl dt {
  font-weight: bold;
}

.dl_box dl dd {
  margin-bottom: 20px;
}

small {
  font-size: 0.9em;
}

.mail_btn {
  max-width: 500px;
  width: 100%;
  margin: 50px auto;
}

.mail_btn a {
  background-color: #108e49;
  border-bottom: 6px solid #00632d;
  border-radius: 10px;
  color: #fff;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 80px;
}

.mail_btn a:hover {
  opacity: 0.7;
}

.contact_box {
  text-align: center;
}

/* =====================================================
## contact
===================================================== */
#form_content {
  margin: 20px 0 10px 0;
}

#form_content dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 3px;
}

#form_content dt {
  background-color: rgba(0, 51, 102, 0.9);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  -ms-flex-preferred-size: 250px;
      flex-basis: 250px;
  padding: 20px;
}

#form_content dd {
  background-color: #E9F2F4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 800px;
      flex-basis: 800px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px;
}

#form_content .event_tag {
  background: none;
  padding: 0;
}

#form_content .add_num input[type="text"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20% !important;
}

#form_content .add_num input[type="tel"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20% !important;
}

#form_content input[type="text"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

#form_content input[type="email"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

#form_content input[type="radio"] {
  margin-left: 10px;
  margin-right: 10px;
}

#form_content input[type="checkbox"] {
  margin-right: 5px;
}

#form_content .online_term_label span {
  display: block;
  margin-bottom: 1em;
}

#form_content .online_term_label a {
  color: #fff;
  text-decoration: underline;
}

form ul li {
  padding: 0 10px 15px 0;
}

form ul li:last-child {
  padding-bottom: 0;
}

#job dd, #service dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#job dd label, #service dd label {
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-bottom: 5px;
}

#job dd input[type="text"], #service dd input[type="text"] {
  margin-left: 20px;
  max-width: 200px;
}

#receipt li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#receipt label {
  -ms-flex-preferred-size: 150px;
      flex-basis: 150px;
}

.address li:first-of-type input {
  max-width: 100px;
}

.select_no {
  margin-left: 10px;
}

#member li:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#member li:first-of-type label {
  -ms-flex-preferred-size: 150px;
      flex-basis: 150px;
}

.form_title {
  line-height: 50px;
  margin-bottom: 3px;
  text-align: center;
  font-size: 1em;
}

.form_title h2
, .form_title div {
  background-color: rgba(0, 51, 102, 0.9);
  font-size: 1em;
}

.form_title h2 b {
  color: #ffe564;
}

#ticket_number_val {
  margin-bottom: 10px;
}

.form_description {
  background-color: #F08437;
  color: #fff;
  margin-right: 10px;
}

.birthday {
  margin: 0 6px 0 6px;
}

.birthday:first-child {
  margin-left: 0;
}

#renraku {
  margin-top: 10px;
  height: 120px;
  width: 100%;
}

#privacy {
  background-color: #fff;
  border: 1px solid rgba(68, 68, 68, 0.4);
  display: block;
  font-size: 0.9em;
  height: 200px;
  margin: 20px auto;
  overflow: auto;
  padding: 0 20px 20px;
}

.agree_area {
  font-size: 1.1em;
  text-align: center;
}

.agree_area input[type="checkbox"] {
  margin-right: 10px;
}

#submit {
  margin: 50px 30px 70px 30px;
}

#submit input[type="submit"] {
  background-color: #F08437;
  border-bottom: 6px solid #AF7354;
  color: #fff;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  width: 100%;
  line-height: 3em;
}

#submit input[type="submit"]:hover {
  opacity: 0.7;
}

.list_back_btn2 {
  display: none;
  line-height: 40px;
  text-align: center;
  margin: 0 10px;
}

.list_back_btn2 a {
  background-color: #666;
  color: #fff;
  display: block;
  text-decoration: none;
}

.list_back_btn2 a:hover {
  background-color: #888;
}

.complete {
  background-color: #fff;
  margin-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.complete h2 {
  background-color: #fff;
  border-bottom: 1px solid #000;
  color: #444;
  font-size: 1.5em;
  margin: 0 auto 30px;
  padding: 50px 0 30px;
  text-align: center;
  width: 700px;
}

.complete p {
  font-size: 1.2em;
  margin-bottom: 50px;
  text-align: center;
}

.complete a {
  font-size: 1.2em;
}

.complete table {
  border: 1px solid rgba(68, 68, 68, 0.3);
  font-size: 1.5em;
  margin: 50px auto 30px;
  width: 900px;
}

.complete tr {
  border-bottom: 1px solid rgba(68, 68, 68, 0.3);
}

.complete table th {
  background-color: #D6E6EA;
  border: 1px solid rgba(68, 68, 68, 0.3);
  font-weight: normal;
  width: 15%;
}

.complete table td {
  font-size: 0.9em;
  padding: 10px;
  text-align: left;
}

.complete ul {
  margin: 0 0 0 60px;
  padding-bottom: 30px;
  text-align: left;
}

.complete_mail {
  margin-bottom: 50px;
}

.complete_mail ul {
  font-size: 1.5em;
  margin: 0;
  line-height: 2em;
  text-align: center;
}

.complete_home a {
  background-color: #009944;
  border-bottom: 5px solid #226d43;
  border-radius: 10px;
  color: #fff;
  display: block;
  margin: auto;
  width: 400px;
  line-height: 3em;
  text-decoration: none;
}

.complete_home a:hover {
  opacity: 0.7;
}

.print_top {
  page-break-before: always;
}

.complete_print_title h2 {
  border: none;
  margin: 70px auto 30px;
  padding: 0;
  width: 70%;
}

.complete_print_title h2 img {
  width: 100%;
}

.complete_print_title p {
  font-size: 1.5em;
  text-align: center;
}

.complete_print_date {
  margin: auto;
  text-align: left;
  width: 900px;
}

.complete_print_date dl {
  margin-bottom: 30px;
}

.complete_print_date dd {
  font-size: 1.2em;
  margin-left: 15px;
  width: 750px;
}

.complete_print_date dd ul {
  margin: 0;
}

.complete_print_local ul {
  padding-bottom: 0;
}

.complete_print_local li {
  margin-bottom: 7px;
}

.complete_print_local .map {
  margin: auto;
}

.complete_print_local .map img {
  width: 100%;
}

.complete_print_local .map iframe {
  pointer-events: none;
  width: 100%;
}

.complete_print_caution {
  border: 1px solid #999999;
  border-radius: 4px;
  margin: 60px auto;
  font-size: 1em;
  width: 770px;
}

.complete_print_caution ul {
  margin: 0;
  padding: 20px;
}

.form2 dl dt {
  -ms-flex-preferred-size: 200px !important;
      flex-basis: 200px !important;
}

.form2 dl dd {
  -ms-flex-preferred-size: 400px !important;
      flex-basis: 400px !important;
}

#back_btn {
  margin: 50px 30px 50px 30px;
}

#back_btn a {
  background-color: #fff;
  border-bottom: 4px solid #AF7354;
  color: #444;
  display: block;
  font-size: 1.3em;
  text-align: center;
  text-decoration: none;
  width: 100%;
  line-height: 2em;
}

#back_btn a:hover {
  opacity: 0.7;
}

/* =====================================================
## seminar
===================================================== */
#seminar_about {
  margin-bottom: 20px;
}

#archive_about {
  line-height: 60px;
  text-align: center;
}

#archive_about h2 {
  background-color: #003366;
  font-size: 1.4em;
  padding: 0 0 0 20px;
  text-align: left;
}

.archive_list {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}

#search_box {
  background-color: #fff;
  border: 10px solid #003366;
  padding: 10px;
  margin-bottom: 20px;
}

#search_box h2 {
  line-height: 3.5em;
  margin-bottom: 10px;
}

.form_search {
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form_search .search_content {
  -ms-flex-preferred-size: 550px;
      flex-basis: 550px;
  flex-wrap: wrap;
  padding: 0 10px;
  line-height: 4em;
  max-width: 550px;
}

.form_search .search_content input[type="text"] {
  width: 100%;
  max-width: 175px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.form_search .search_content select {
  width: 100%;
  max-width: 270px;
}

.form_search label:first-child {
  border-right: 2px solid #ccc;
  margin-right: 10px;
  padding-right: 10px;
}

.form_search label input[type=radio] {
  margin: 0 10px;
}

.flexS {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.flexS div {
  margin-right: 30px;
  padding: 0 10px;
  line-height: 4em;
}

.flexS div:last-of-type {
  margin-left: auto;
  margin-right: 0;
}

.training_box h3 {
  background-color: #444;
}

.search_table {
  margin-left: auto;
  margin-right: auto;
}

.search_table th {
  text-align: left;
  padding-bottom: 5px;
}

.search_table th input[type="submit"] {
  background-color: #e9e9e9;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-weight: normal;
  width: 70px;
}

.search_table td {
  padding-right: 45px;
}

.search_table td input[type="text"] {
  width: 250px;
}

.search_table td select {
  background-color: #fff;
}

#archive_box {
  background-color: #fff;
  padding: 2px 0 30px;
}

#archive_box h4 {
  background-color: #266087;
  color: #fff;
  font-size: 1.3em;
  font-weight: normal;
  margin: 20px;
  padding: 8px 0 8px 20px;
  text-align: center;
}

.archive_list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
  padding-top: 30px;
}

.archive_list:last-child {
  margin-bottom: 0;
}

.archive_element {
  margin: auto;
  margin-bottom: 20px;
  padding: 0 20px;
}

.archive_element > .event_box {
  border: 1px solid rgba(68, 68, 68, 0.2);
  margin: 0;
}

.archive_element > .event_box > a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  font-size: 0.9em;
  text-decoration: none;
  height: 100%;
  width: 100%;
}

.archive_element > .event_box > a:hover {
  color: #4567E5;
}

.archive_element .event_info {
  padding: 7px 7px;
}

.archive_element time {
  font-size: 1.3em;
  font-weight: normal;
  margin-bottom: 7px;
}

.archive_element dt {
  font-size: 1.4em;
  font-weight: bold;
  padding-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.archive_element dd {
  font-size: 1.2em;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.year_btn {
  background-color: #444;
  color: #fff;
  padding: 0 10px;
  line-height: 50px;
}

.year_btn ul {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.year_btn li:first-child:before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
}

.year_btn li:last-child:after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 5px;
}

.year_btn a {
  color: #fff;
  text-decoration: none;
}

.year_btn a:hover {
  color: #F08437;
}

/* =====================================================
## detail
===================================================== */
#detail_content {
  background-color: #fff;
  margin: 0 0 10px 0;
  padding: 30px 20px 3px 20px;
}

#detail_title {
  font-size: 1.2em;
  margin-top: 20px;
  text-align: center;
}

#detail_title h2 {
  font-size: 1.6rem;
  padding: 20px 20px;
  word-wrap: break-word;
}

.detail_box {
    display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.detail_element {
  min-width: 680px;
  width: 55%;
  order: 1;
}

.detail_element .detail_description:last-child {
  margin-bottom: 0;
}

.detail_description {
  margin-bottom: 30px;
}

.detail_text {
  padding: 20px 10px 10px 5px;
}

.detail_visual {
  height: 260px;
  text-align: center;
  width: 100%;
}

.detail_visual img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}

#detail_item {
  min-width: 460px;
  margin-bottom: 50px;
  width: 40%;
  order: 2;
}

#detail_item table .event_tag {
  background-color: #fff;
  padding: 0;
}

#detail_item .smn_day {
  font-size: 1.1rem;
}

.status {
  background-color: #fff;
  color: #555;
  font-size: 1em;
  line-height: 2.5em;
  text-align: center;
}

.status.status_accept {
  background-color: #4567E5;
  color: #eee;
}

.status.status_full {
  background-color: #d44f4f;
  color: #eee;
}

.status.status_adjustment {
  background-color: #F08437;
  color: #eee;
}

.status.status_end {
  background-color: #444;
  color: #fff;
}

.price_label {
  display: inline-block;
  text-align-last: justify;
  width: 25%;
}

.fullUp {
  background-color: #444;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 10px 20px;
}

.app_btn {
  width: 100%;
  margin: 0 auto 60px;
  display: flex;
  justify-content: center;
}

.app_btn a {
  background-color: #F08437;
  border-bottom: 6px solid #AF7354;
  color: #fff;
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 100px;
  display: inline-block;
  max-width: 450px;
  margin: 0 10px;
  width: 100%;
}

.app_btn a:hover {
  opacity: 0.7;
}

#detail_profile {
  margin-bottom: 40px;
}

.profile_element {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 3px dashed rgba(68, 68, 68, 0.3);
  margin: 30px 10px 10px 10px;
  padding-bottom: 20px;
}

.profile_element > .photo {
  margin-right: 10px;
  max-width: 100px;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

.profile_element > .photo img {
  width: 100%;
}

.profile_element > .name {
  font-size: 1.1em;
}

.profile_element > .name dt {
  font-size: 1.2em;
}

.profile_text {
  padding: 0 10px;
}

.detail_access {
  margin-bottom: 40px;
}

.detail_access h3 {
  margin-bottom: 30px;
}

.detail_access .map {
  margin: 0 auto 30px;
  text-align: center;
}

.detail_access .map img {
  margin: auto;
}

.detail_access .map iframe {
  pointer-events: none;
  width: 100%;
}

.list_back_btn {
    line-height: 40px;
    text-align: center;
    margin: 10px 0;
}

.list_back_btn a {
    background-color: #666;
    color: #fff;
    display: block;
    text-decoration: none;
    margin-bottom: 20px;
}

.list_back_btn a:last-of-type {
    margin-bottom: 0;
}

.list_back_btn a:hover {
  background-color: #888;
}

.table_item table thead tr th {
  border: 1px solid #999 !important;
}

/* =====================================================
## error
===================================================== */
.error h4 {
  border-bottom: 2px solid rgba(68, 68, 68, 0.4);
  font-size: 1.7em;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}

.error_text p {
  font-size: 1.2em;
  margin: 0;
  line-height: 1.5em;
}

.back_btn {
  margin-top: 30px;
  font-size: 1.1em;
}

/* =====================================================
## notice
===================================================== */
.archive_about_news {
  line-height: 60px;
}

.archive_about_news h2 {
  font-size: 1.4em;
  padding-left: 20px;
}

.news_box {
  background-color: #fff;
  padding: 10px 10px 0;
}

.news_box li {
  border-bottom: 3px dotted rgba(68, 68, 68, 0.4);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.news_box li time {
  border-left: 3px solid rgba(68, 68, 68, 0.4);
  display: block;
  font-size: 1.1em;
  margin-bottom: 10px;
  padding: 1px 8px;
}

.news_box li:last-child {
  border-bottom: none;
  margin: 0;
}

.news_box li a {
  color: #333;
  font-size: 1.3em;
  font-weight: bold;
  margin-left: 10px;
  text-decoration: none;
}

.news_box li a:hover {
  color: rgba(51, 51, 51, 0.6);
}

.past_btn {
  color: #fff;
  line-height: 35px;
  text-align: center;
}

.past_btn a {
  background-color: #666;
  color: #fff;
  display: block;
  text-decoration: none;
}

.past_btn a:hover {
  background-color: #888;
}

#detail_about {
  margin-top: 20px;
  line-height: 60px;
}

#detail_about h2 {
  font-size: 1.4em;
  padding-left: 20px;
}

#detail_box {
  background-color: #fff;
  padding: 30px;
  word-break: break-all;
}

#detail_box p {
  font-size: 1.1em;
  margin: 0;
  padding: 0;
  line-height: 2em;
}

#detail_box h1 {
  color: #333;
  background: none;
  font-size: 2em;
  margin: .67em 0;
  padding-left: 0;
  line-height: normal;
}

#detail_box h2 {
  color: #333;
  background: none;
  font-size: 1.5em;
  margin: .75em 0;
  font-weight: bold;
  padding-left: 0;
  line-height: normal;
}

#detail_box h3 {
  color: #333;
  background: none;
  font-size: 1.17em;
  margin: .83em 0;
  font-weight: bold;
  padding-left: 0;
  line-height: normal;
}

/* =====================================================
## footer
===================================================== */
footer {
  background-color: #003366;
  margin: 60px 0 0 0;
  text-align: center;
  min-width: 1200px;
}

footer small {
  color: #fff;
  display: block;
  font-size: 0.9em;
  padding: 20px 0;
}

#link_box {
  background-color: azure;
  color: #fff;
  padding: 30px 0 20px;
}

#link_content {
  text-align: left;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

#link_content ul li {
  color: #444;
  padding-bottom: 15px;
}

#link_content ul li:before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-right: 10px;
}

#link_content ul li:after {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-left: 5px;
}

#link_content ul li a {
  color: #444;
  font-size: 0.9em;
}

#link_content ul li a:hover {
  color: #F08437;
}

/* =====================================================
## common
===================================================== */
.wrapper {
  margin: 0 auto;
  max-width: 960px;
  padding: 0 2rem;
}

.wrapper-large {
  margin: 0 auto;
  max-width: 1200px;
  min-width: 1200px;
}

.wrapper-small {
  margin: 0 auto;
  max-width: 640px;
  padding: 0 2rem;
}

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid > *.call-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grid > *.call-2 {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.grid > *.call-3 {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.seminar_btn {
  background-color: #444;
  display: block;
  font-weight: bold;
  padding: 10px 0;
}

.seminar_btn.btn_all {
  background-color: #E24747;
}

.seminar_btn.btn_seminar {
  background-color: #009944;
}

.seminar_btn.btn_manage {
  background-color: #4567E5;
}

.seminar_btn.btn_course {
  background-color: #E67A99;
}

.seminar_btn.btn_dementia {
  background-color: #F08437;
}

.seminar_btn.btn_other {
  background-color: #663399;
}

.icon_status {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 0.8em;
  margin: 3px 8px 3px 0;
  padding: 5px 6px;
  text-align: center;
}

.icon_status.icon_recep {
  background-color: #4567E5;
}

.icon_status.icon_full {
  background-color: #E24747;
}

.icon_status.icon_free {
  background-color: #663399;
}

.icon_status.icon_common {
  background-color: #707070;
}

.icon_status.icon_required {
  background-color: #D8722E;
  font-weight: bold;
  margin-left: 10px;
}

.icon_status.icon_beforerecp {
  background-color: #09800e;
}

.label {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 1.1em;
  padding: 3px 10px;
  text-align: center;
  margin: 0 4px;
}

.label.label_default {
  font-size: 1em;
  color: #909090;
  margin-left: auto;
}

.label.label_seminar {
  background-color: #009944;
}

.label.label_other {
  background-color: #663399;
}

.label.label_course,
.label.label_training {
  background-color: #ada801;
}

.label.label_dementia,
.label.label_legal {
  background-color: #E2762D;
}

.label.label_manage {
  background-color: #4567E5;
}

.label.label_obstacle,
.label.label_government {
  background-color: #D66792;
}

.label.label_online {
  background-color: #ff3535;
}

.label.label_seminar_ondemand {
  background-color: #6b9dd7;
}
.label.label_nursing_care {
  background-color: #508787;
}

.event_tag, .category {
  padding: 7px 7px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.category.category_seminar {
  background-color: rgba(0, 153, 68, 0.4);
}

.category.category_other {
  background-color: rgba(102, 51, 153, 0.4);
}

.category.category_course,
.category.category_training {
  background-color: rgba(173, 168, 1, 0.4);
}

.category.category_dementia,
.category.category_legal {
  background-color: rgba(226, 118, 45, 0.4);
}

.category.category_manage {
  background-color: rgba(69, 103, 229, 0.4);
}

.category.category_obstacle,
.category.category_government {
  background-color: rgba(214, 103, 146, 0.4);
}
.category.category_seminar_ondemand {
  background-color: rgba(163, 193, 227, 0.4);
}

.category.category_nursing_care {
  background-color: rgba(38, 188, 188, 0.4)
}

.default_table {
  border: 1px solid rgba(68, 68, 68, 0.3);
  width: 100%;
  font-size: 18px;
}

.default_table tr {
  border-bottom: 1px solid rgba(68, 68, 68, 0.3);
}

.default_table th {
  background-color: #D6E6EA;
  border: 1px solid rgba(68, 68, 68, 0.3);
  font-weight: normal;
  width: 20%;
}

.default_table td {
  font-size: 0.9em;
  padding: 10px;
  width: 80%;
}

.default_table.point1_table th {
  width: 10%;
}

.default_table.point1_table th:last-of-type {
  width: auto;
}

.default_table.point2_table th {
  width: 20%;
}

.default_table.point2_table th:last-of-type {
  width: auto;
}


.btn {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  color: #333;
  font-size: 1em;
  font-weight: bold;
  padding: 8px 20px;
  text-align: center;
}

.btn:hover {
  background-color: #ccc;
  color: #555;
}

.btn.search {
  background-color: #f8f8f8;
  line-height: normal;
  text-decoration: none;
  cursor: pointer;
}

.btn.search:hover {
  background-color: #dcdcdc;
}

.btn.seminar {
  /* background-color: #d49e1f; */
  background: #99d6b5;
  color: #000;
}

.btn.seminar:hover {
  text-decoration: none;
  opacity: 0.6;
}

.wSnW {
  white-space: nowrap;
}

.mTB10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.newTab:after {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding-left: 5px;
}

#breadcrumb {
  font-size: 0.8em;
  margin-bottom: 20px;
}

#breadcrumb ul {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#breadcrumb ul li:after {
  content: "\003e";
  display: inline-block;
  margin: 0 10px;
}

#breadcrumb ul li:last-child:after {
  content: "";
  margin: 0;
}

.flow1 {
  margin-bottom: 40px;
}

.flow1 ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
}

.flow1 li {
  background-color: #689bd0;
  border-radius: 10px;
  box-sizing: border-box;
  color: #fff;
  min-height: 100px;
  padding: 10px;
  position: relative;
  text-align: justify;
  width: 30%;
}

.flow1 li:after {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #666;
  display: block;
  font-size: 2rem;
  height: 30px;
  margin: auto;
  position: absolute;
  top: 0;
  right: -8%;
  bottom: 0;
}

.flow1 li:last-of-type:after {
  content: "";
}

.red {
  color: #f00;
}

.white {
  color: white;
}

.bold {
  font-weight: bold;
}

.center {
  text-align: center;
}

.right {
  text-align: right !important;
}

.noWrap {
  white-space: nowrap;
}

.mt20 {
  margin-top: 20px;
}

.w5 {
  width: 5% !important;
}

.w10 {
  width: 10% !important;
}

.w15 {
  width: 15% !important;
}

.w20 {
  width: 20% !important;
}

.w25 {
  width: 25% !important;
}

.w30 {
  width: 30% !important;
}

.w35 {
  width: 35% !important;
}

.w40 {
  width: 40% !important;
}

.w45 {
  width: 45% !important;
}

.w50 {
  width: 50% !important;
}

.w55 {
  width: 55% !important;
}

.w60 {
  width: 60% !important;
}

.w65 {
  width: 65% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w85 {
  width: 85% !important;
}

.w90 {
  width: 90% !important;
}

.w95 {
  width: 95% !important;
}

.w100 {
  width: 100% !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.center {
  text-align: center;
}

/* clearfix
---------------------------------------------------------------------------- */
.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* テキストアライン
---------------------------------------------------------------------------- */
.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

/* フロート
---------------------------------------------------------------------------- */
.flR {
  float: right !important;
}

.flL {
  float: left !important;
}

.note {
  background-color: #fff;
  border: 3px solid #f00;
  border-radius: 10px;
  color: #f00;
  font-weight: bold;
  margin: 40px auto;
  padding: 10px;
  text-align: center;
  width: 80%;
}

.note p {
  margin: 0;
}

/*
============================================= pageTop */
#pageTop {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(68, 68, 68, 0.9);
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px;
  padding: 3px;
  position: fixed;
  right: 16px;
  bottom: 16px;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 50px;
  width: 50px;
  z-index: 10;
}

#pageTop span {
  display: block;
  font-size: 0.7em;
  margin: auto;
}

#pageTop span:hover {
  opacity: 0.85;
}

#pageTop span:before {
  content: "\f0d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  font-size: 1.5em;
}

.access_box .dl_box, .access_box .map {
  flex: 1;
}

/* =====================================================
## mediaqueries
===================================================== */
@media screen and (max-width: 736px) {
  .wrapper-large {
    min-width: 100%;
  }
  header {
    min-width: 100%;
    margin-bottom: 0;
  }
  header > .grid {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #logo {
    margin: auto;
  }
  #logo img {
    width: 290px;
  }
  .subnav {
    width: 100%;
  }
  .subnav ul {
    background-color: #e6e6e6;
    margin: auto;
    flex-wrap: wrap;
  }
  .subnav ul li {
    background-color: #e6e6e6;
    border-top: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    box-sizing: border-box;
    display: block;
    -ms-flex-preferred-size: 100%;
        flex-basis: 33.3%;
    margin: 0;
    text-align: center;
  }
  .subnav ul li:first-of-type {
    border-left: 1px solid #c3c3c3;
  }
  .subnav ul li:nth-of-type(4) {
    border-left: 1px solid #c3c3c3;
  }
  .subnav ul li:last-child {
    border-right: 1px solid #c3c3c3;
    margin: 0;
  }
  .subnav ul li:nth-of-type(n+4) {
    border-bottom : 1px solid #c3c3c3;
  }
  .subnav ul li a {
    display: block;
    padding: 0.5rem 0;
    line-height: 100%;
  }
  a.home_icon:before {
    content: "\f015";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
  }
  a.info_icon:before {
    content: "\f1ad";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
  }
  a.contact_icon:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
  }
  a.access_icon:before {
    content: "\f238";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
  }
  a.seminar_icon:before {
    content: "\f51c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
  }
  a.download_icon:before {
    content: "\f56d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
  }
  .subnav ul li a span {
    font-size: 0.6rem;
  }
  .subnav ul li a img {
    margin: auto;
    display: block;
    visibility: visible;
    width: 45%;
    height: auto;
  }
  .subnav ul li a:hover {
    border-bottom: none;
    text-decoration: none;
  }
  .btn_hamburger {
    margin: 0 auto !important;
    height: 40px;
    width: 55px;
    padding: 10px 0 5px;
  }
  .btn_hamburger a {
    color: #000;
    text-decoration:none;
    position: relative;
    display: block;
    height: 30px;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .btn_hamburger span {
    font-size: 0.5rem;
    position: absolute;
    display: inline-block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #161b1d;
    border-radius: 2px;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .hamburger_menu {
    background: none !important;
    bottom: 7px !important;
  }
  .btn_hamburger a:before {
    content: "\f0c9";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
  .btn_hamburger a.active:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
  }
  .btn_hamburger a:after {
    content: "";
    font-family: "Font Awesome 5 Free";
  }
  nav {
    display: none;
  }
  nav > ul {
    margin: 0;
  }
  nav > ul > li {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  nav > ul > li > span {
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  nav > ul > li:last-child > span {
    border-right: none;
  }
  nav > ul > li:last-child ul.child li {
    width: 100%;
  }
  nav > ul > li:after {
    color: gray;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: none;
    font-size: 0.8em;
    line-height: normal;
  }

  nav > ul > li > span {
    border-left: none;
    font-size: 0.9em;
  }
  nav > ul > li > span a {
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  nav > ul > li > span a:hover {
    text-decoration: none;
  }
  .trigger a {
    position: relative;
    display: block;
    padding: .5em .6em;
    color: #425157;
    text-decoration: none;
    -webkit-transition: .35s all ease;
    transition: .35s all ease;
  }
  .target {
    z-index: 1;
    display: none;
    margin: 0 auto;
    padding: 0;
    color: #fff;
    width: 100%;
  }
  .target a {
    display: block;
    color: #fff;
    -webkit-transition: .35s all ease;
    transition: .35s all ease;
  }
  ul.child {
    background-color: #777;
    position: initial;
    z-index: 0;
    width: 100%;
  }
  ul.child li {
    width: 100%;
  }
  ul.child li a {
    color: #fff;
  }
  ul.child li a:hover {
    background-color: #999;
    color: #fff;
  }
  #main_visual {
    margin-bottom: 15px;
    min-height: 300px;
  }
  #main_visual .main_visual_title {
    height: 300px;
    min-height: auto;
  }
  #main_visual .main_visual_title img {
    height: 310px;
    object-fit: cover;
  }
  #main_visual h1 {
    font-size: 1.1em;
    margin: 50px 0 0;
  }
  #breadcrumb {
    display: none;
  }
  #about_box {
    padding: 10px 10px;
  }
  #about_box h2 {
    font-size: 1em;
    margin: 0;
    padding: 10px 0;
  }
  #about_box .about_text p {
    font-size: 0.8em;
  }
  #about_box .about_text br {
    display: none;
  }

  #content {
    margin: 0 5px 0 5px;
  }
  #seminar_box {
    width: 100%;
  }
  .seminar_about {
    background-color: #003366;
  }
  .seminar_about h3 {
    background-color: #003366;
    font-size: 0.9em;
    padding: 10px 0 10px 5px;
    width: 75%;
  }
  .seminar_about a {
    background-color: #444;
    border: none;
    border-radius: 0;
    border-left: 1px solid #909090;
    margin: 0;
    width: 25%;
    padding-top: 7px;
  }

  .seminar_about a:before {
    content: "\f51c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
  }

  .seminar_about a:after {
    display: none;
  }
  .seminar_about span {
    font-size: 0.5rem;
    clear: right;
    margin: auto;
    display: block;
  }
  .event_box time {
    font-size: 0.9em;
    font-weight: bold;
  }
  .event_info {
    padding: 10px 10px;
  }
  .event_info dt {
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 7px;
  }
  .event_info dd {
    font-size: 0.9em;
  }
  .event_tag .icon_status {
    font-size: 0.7em;
    margin: 2px 4px 2px 0;
    padding: 2px;
  }
  .seminar_list_btn {
    margin-bottom: 0;
  }
  #side_box {
    width: 100%;
  }
  #notice_head {
    margin-top: 15px;
    position: relative;
  }
  #notice_head h3 {
    font-size: 1.1em;
    padding: 5px 0 5px 10px;
  }
  .notice_info {
    padding: 2px 7px;
  }
  .notice_info li {
    padding: 10px 0;
  }
  .info_list_btn {
    font-size: 1em;
    line-height: 40px;
    margin: 15px 0 15px 0;
  }
  #calender h3 {
    font-size: 1.1em;
    padding: 5px 0 5px 10px;
  }
  #calender .calender_head {
    padding: 0 10px 10px 10px;
  }
  #calender table td {
    height: 30px;
    padding: 5px 5px;
  }
  #calender table span a {
    line-height: 35px;
  }
  .popmenu li a {
    line-height: 25px;
    font-size: 1.2em;
  }
  #link_box {
    padding: 10px 10px 10px;
  }
  #link_content {
    text-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #link_content ul {
    width: 100%;
    margin-bottom: 5px;
  }
  #link_content ul:last-child {
    margin-bottom: 0;
  }
  #link_content ul li {
    background-color: #eee;
    color: #444;
    margin-bottom: 5px;
    padding: 10px 0;
    -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
  }
  #link_content ul li:last-child {
    margin-bottom: 0;
  }
  #link_content ul li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 4px;
  }
  #link_content ul li:after {
    content: "";
    font-family: "fontello";
    padding-left: 10px;
  }
  #link_content ul li a {
    color: #444;
    font-size: 1.1em;
  }
  #link_content ul li a:hover {
    color: #F08437;
  }

  .flow1 li:after {
    right: -12%;
  }

  .price_label {
    width: 25%;
  }
  .profile_element {
    align-items: flex-start;
  }
  .profile_element > .name dt {
    line-height: 1;
  }
  .profile_element > .name dd {
    font-size: .8em;
  }
  
  form select, form textarea {
    border: 1px solid rgba(68, 68, 68, 0.3);
  }
  .archive_about {
    margin-top: 0px;
    line-height: 45px;
  }
  .archive_about h2 {
    font-size: 1.2em;
    padding: 0 0 0 10px;
  }
  #archive_box {
    background-color: #fff;
  }
  #archive_box h4 {
    font-size: 1.2em;
    margin: 20px 10px 20px;
    padding: 8px 0 8px 10px;
  }
  #search_box {
    border: 5px solid #003366;
  }
  #search_box h2 {
    line-height: 3.5em;
    margin-bottom: 10px;
  }
  #about_box .form_search {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #about_box .form_search .search_content {
    -ms-flex-preferred-size: 400px;
        flex-basis: 400px;
    padding: 0;
    line-height: 2.5em;
    max-width: 400px;
  }
  .form_search .search_content input[type="text"] {
    border: 1px solid #999;
    width: 100%;
    max-width: 170px;
  }
  .form_search .search_content select {
    width: 70% !important;
    max-width: 270px !important;
  }
  .form_search label:first-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }
  .form_search .btn {
    font-size: 0.8em;
    padding: 4px 10px;
  }
  .flexS div {
    line-height: 3em;
  }
  .training_box h3 {
    font-size: 1.2em;
    padding: 5px 0 5px 10px;
  }
  .archive_list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
  }
  .archive_list:last-child {
    margin-bottom: 0;
  }
  .archive_element {
    margin-bottom: 10px;
    max-width: 100%;
    padding: 0 10px;
  }
  .archive_element .event_info {
    padding: 7px 7px;
  }
  .archive_element dt {
    padding-bottom: 0;
  }
  .archive_element time {
    font-size: 1.1em;
    font-weight: bold;
  }
  .label {
      margin: .2em 0;
      font-size: 11px;
  }
  
  #detail_title {
    font-size: 1em;
    line-height: 2em;
  }
  #detail_title h2 {
    font-size: 1em;
    padding: 5px;
    text-align: left;
    line-height: 1.5em;
  }
  #detail_content {
    padding: 30px 5px 3px 5px;
  }
  .detail_box {
    margin-bottom: 30px;
  }
  .detail_element {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    order: 2;
  }
  .detail_description {
    margin-bottom: 15px;
  }
  .detail_description h3 {
    font-size: 1.2em;
    padding: 5px 0 5px 10px;
  }
  .detail_description .detail_text {
    padding: 10px 5px;
  }
  .profile_text {
    font-size: 0.9em;
  }
  #detail_item {
    max-width: 100%;
    min-width: 100%;
    order: 1;
    width: 100%;
  }
  #detail_item table thead th {
    border-bottom: none;
  }
  #detail_item table tr {
    border: none;
  }
  #detail_item table th {
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
  }
  #detail_item table td {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
  }
  .app_btn {
    margin: 0 auto 30px;
  }
  .app_btn a {
    font-size: 1.4em;
    line-height: 80px;
  }
  .app_btn br {
    display: none;
  }
  .profile_element > .photo {
    max-width: 100px;
    max-height: 100px;
    width: 100px;
    height: 100px;
  }
  .profile_element > .photo img {
    width: 100px;
  }
  
  #form_content {
    margin: 0;
  }
  #form_content dt {
    padding: 10px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  #form_content dd {
    padding: 10px;
  }
  #form_content dd span {
    font-size: 0.9em;
  }
  #form_content dd p {
    font-size: 0.8em;
  }
  #form_content input[type="text"], #form_content [type="email"] {
    border: 1px solid rgba(68, 68, 68, 0.4);
    max-width: 100%;
  }
  #form_content input[type="tel"] {
    border: 1px solid rgba(68, 68, 68, 0.4);
    width: 20%;
  }
  #form_content input[type="radio"] {
    margin-right: 5px;
  }
  #form_content .w100 {
    width: 100%;
  }
  #affiliation_service, #job_name0, #job_name1, #job_name2 {
    width: 100%;
  }
  #job dd label, #service dd label {
    -ms-flex-preferred-size: 250px;
        flex-basis: 250px;
  }
  #receipt label {
    -ms-flex-preferred-size: 360px;
        flex-basis: 360px;
  }
  #member li:first-of-type label {
    margin-right: 5px;
    -ms-flex-preferred-size: 350px;
        flex-basis: 350px;
  }
  .form_title {
    line-height: 40px;
  }
  .form_title h2 {
    background-color: #444;
    font-size: 0.9em;
    padding: 0;
  }
  #privacy h4 {
    margin: 10px 0;
  }
  #privacy ol li {
    font-size: 0.9em;
    line-height: 1.5em;
  }
  .agree_area {
    font-size: 0.9em;
  }
  #submit {
    margin: 30px 10px 50px 10px;
  }
  #submit input[type="submit"] {
    font-size: 1.4em;
    line-height: 2.5em;
  }
  .complete {
    height: 100%;
    padding: 0 10px;
  }
  .complete h2 {
    padding: 20px 0 20px;
    width: 100%;
  }
  .complete p {
    font-size: 1em;
    text-align: left;
    margin-bottom: 20px;
  }
  .complete table {
    font-size: 0.9em;
    margin: 50px auto 30px;
    width: 100%;
  }
  .complete table th {
    width: 40%;
  }
  .complete table td {
    text-align: left;
  }
  .complete ul {
    font-size: 1em;
    margin: 0;
  }
  .complete_mail {
    font-size: 1.1em;
    margin-bottom: 30px;
  }
  .complete_home a {
    margin: 0 auto 20px;
    width: 100%;
  }
  .complete_print_title h2 {
    border: none;
    margin: 50px auto 30px;
    padding: 0;
    width: 100%;
  }
  .complete_print_title h2 img {
    width: 100%;
  }
  .complete_print_title p {
    font-size: 0.9em;
    text-align: center;
  }
  .complete_print_date {
    margin: auto;
    text-align: left;
    width: 100%;
  }
  .complete_print_date dl {
    margin-bottom: 30px;
  }
  .complete_print_date dd {
    font-size: 0.9em;
    margin-left: 0;
    width: 100%;
  }
  .complete_print_date dd ul {
    margin: 0;
  }
  .complete_print_local li {
    margin-bottom: 7px;
  }
  .complete_print_local .map {
    width: 100%;
    height: auto;
  }
  .complete_print_local .map img {
    width: 100%;
  }
  .complete_print_caution {
    border: 1px solid #999999;
    border-radius: 4px;
    margin: 60px auto;
    font-size: 0.8em;
    width: 100%;
  }
  .complete_print_caution ul {
    margin: 0;
    padding: 20px;
  }
  .list_back_btn2 {
    display: block;
  }
  #pageTop {
    bottom: 105px;
    height: 40px;
    padding: 2px;
    right: 10px;
    width: 40px;
  }
  #pageTop span {
    font-size: 0.5em;
  }
  #pageTop span:before {
    font-size: 1.2em;
  }
  footer {
    font-size: 0.8em;
    min-width: 100%;
  }
  
  #content_box h2 {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 30px;
    padding: 10px 10px;
  }
  .inner_box {
    padding: 0 5px;
  }
  .inner_box li {
    font-size: 0.9em;
  }
  .inner_box h3 {
    font-size: 1em;
    padding: 7px;
  }
  .inner_box h4 {
    padding: 5px;
  }
  .text_box {
    font-size: 0.8em;
  }
  .text_box p {
    margin-bottom: 10px;
  }
  .access_box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-direction: column;
  }
  .access_box dt {
    font-size: 0.9em;
  }
  .access_box dd {
    font-size: 0.8em;
  }
  .map {
    margin-left: 0;
  }
  .map img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
  }
  .reduced {
    padding: 10px;
  }
  .reduced li {
    font-size: 0.9em;
    line-height: 1.5em !important;
  }
  .app_btn2 {
    font-size: 0.8em;
    max-width: 400px;
  }
  .table01 {
    font-size: 1em;
  }
  .table02 {
    width: 100%;
  }
  .scroll {
    overflow: auto;
    white-space: nowrap;
  }
  .scroll:-webkit-scrollbar {
    height: 5px;
  }
  .phot_box {
    width: 100%;
  }
  .wSnW {
    white-space: normal;
  }
  .mail_btn {
    margin: 30px auto;
  }
  .mail_btn a {
    line-height: 60px;
  }
  
  
  .error {
    padding: 0 10px;
  }

  .app_btn {
      flex-direction: column;
  }

  .app_btn a {
    margin: 0 0 20px 0;
  }

  .app_btn a:last-of-type {
    margin: 0;
  }

  .table-scroll {
    overflow: auto;
  }
  
  .table-scroll table {
    white-space: nowrap;
  }
}