/*! --------------------------------------------------------------
　　このCSSファイルは .scssファイルからコンパイルされたものです。
　　修正する際はscssファイルを編集するように注意してください。
--------------------------------------------------------------- */
.main_page {
  height: 30vh;
  position: relative
}

.main_page .inner {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset
}

.main_page .pagettl {
  font-size: 2.375rem;
  color: #fff;
  font-weight: 600;
  line-height: 1.5;
  text-align: center
}

@media(max-width: 767px) {
  .main_page .pagettl {
    font-size: 1.25rem
  }
}

.main_page .pagettl span {
  display: block;
  font-size: 1.3125rem;
  color: rgba(255, 255, 255, .6);
  font-style: italic;
  letter-spacing: .3em;
  text-transform: uppercase
}

@media(max-width: 767px) {
  .main_page .pagettl span {
    font-size: 0.875rem
  }
}

.main_page.main_issue {
  background: url(/wp-content/uploads/2025/05/head01.jpg) center center/cover no-repeat
}

.main_page.main_action {
  background: url(/wp-content/uploads/2025/05/head01.jpg) center center/cover no-repeat
}

.main_page.main_member {
  background: url(/wp-content/uploads/2025/05/head01.jpg) center center/cover no-repeat
}

.main_page.main_basic {
  background: url(/wp-content/uploads/2025/05/head01.jpg) center center/cover no-repeat
}

.main_page.main_access {
  background: url(/wp-content/uploads/2025/05/head02.jpg) center center/cover no-repeat
}

.main_page.main_seminar {
  background: url(/wp-content/uploads/2025/05/head02.jpg) center center/cover no-repeat
}

.main_page.main_topics {
  background: url(/wp-content/uploads/2025/05/head02.jpg) center center/cover no-repeat
}

.main_page.main_contact {
  background: url(/wp-content/uploads/2024/08/contact_bg_main.jpg) center center/cover no-repeat
}

.main_page.main_privacy_policy {
  background: url(/wp-content/uploads/2025/05/head02.jpg) center center/cover no-repeat
}

.ttl_cmn3 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  margin-left: .5em;
  margin-bottom: 1.8em;
  position: relative;
  z-index: 1
}

@media(max-width: 767px) {
  .ttl_cmn3 {
    font-size: 1.25rem;
    margin-left: 0
  }
}

.ttl_cmn3 b {
  font-size: 3.5rem;
  line-height: 1;
  letter-spacing: .1em;
  font-weight: normal;
  font-style: italic;
  white-space: nowrap;
  position: absolute;
  left: .2em;
  bottom: .2em;
  z-index: -1
}

@media(max-width: 767px) {
  .ttl_cmn3 b {
    font-size: 1.5rem;
    letter-spacing: 0;
    bottom: .5em
  }
}

.ttl_cmn3 b.large {
  font-size: 6.5625rem;
  bottom: 0
}

@media(max-width: 767px) {
  .ttl_cmn3 b.large {
    font-size: 3rem
  }
}

.ttl_cmn3 b.color_w {
  color: #fff
}

.ttl_cmn3.bar::before {
  content: "";
  width: 4em;
  height: 1px;
  background-color: #0073A7;
  position: absolute;
  top: 50%;
  right: calc(100% + .6em)
}

@media(max-width: 767px) {
  .ttl_cmn3.bar::before {
    width: 2em
  }
}

body.page main {
  background-color: #f2f2f2
}

.works_first .unit:not(:last-child) {
  margin-bottom: 7rem
}

@media(max-width: 767px) {
  .works_first .unit:not(:last-child) {
    margin-bottom: 3rem
  }
}

.works_first .unit>figure {
  margin-top: 1.5em
}

.member_first ul li {
  padding: 2.5rem 5% 2rem;
  border-bottom: 1px solid #bcbcbc
}

@media(max-width: 767px) {
  .member_first ul li {
    padding: 1.8rem 4%
  }
}

.member_first ul li .name {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1em
}

@media(max-width: 767px) {
  .member_first ul li .name {
    font-size: 0.8125rem
  }
}

.member_first ul li .name em {
  font-size: 2.1875rem;
  line-height: 1;
  margin-right: .3em
}

@media(max-width: 767px) {
  .member_first ul li .name em {
    font-size: 1.375rem
  }
}

.member_first ul li .name span {
  display: block;
  font-size: 1rem;
  color: #928e8e;
  font-weight: normal;
  line-height: 1.2;
  font-style: italic
}

@media(max-width: 767px) {
  .member_first ul li .name span {
    font-size: 0.8125rem
  }
}

.member_first ul li .btnwrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: .8rem 1.2rem
}

@media(max-width: 767px) {
  .member_first ul li .btnwrap {
    gap: .6rem .6rem
  }
}

.member_single .name {
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 2.5em
}

@media(max-width: 767px) {
  .member_single .name {
    font-size: 0.8125rem;
    margin-bottom: 1.8em
  }
}

.member_single .name span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: .1em;
  font-weight: normal;
  font-style: italic;
  margin-bottom: .8em
}

@media(max-width: 767px) {
  .member_single .name span {
    font-size: 0.75rem
  }
}

.member_single .name em {
  display: block;
  font-size: 2.375rem;
  line-height: 1.4;
  margin-right: .3em
}

@media(max-width: 767px) {
  .member_single .name em {
    font-size: 1.5rem
  }
}

.member_single .unit:not(:last-child) {
  margin-bottom: 7rem
}

@media(max-width: 767px) {
  .member_single .unit:not(:last-child) {
    margin-bottom: 3rem
  }
}

.access_first h2.ttl_cmn3 {
  margin-bottom: .8em
}

.access_first p.txt01 {
  margin-bottom: 2.8em
}

@media(max-width: 767px) {
  .access_first p.txt01 {
    margin-bottom: 1.8em
  }
}

.access_first .side_cmn {
  margin-bottom: 3rem
}

@media(max-width: 767px) {
  .access_first .side_cmn {
    margin-bottom: 2.5rem
  }
}

.access_first .side_cmn figure p.txt_sub {
  text-align: right
}

.access_first .side_cmn figure p.txt_sub a {
  text-decoration: underline
}

.access_first .side_cmn .map {
  position: relative;
  padding-top: 540px;
  overflow: hidden
}

@media(max-width: 767px) {
  .access_first .side_cmn .map {
    padding-top: 100%
  }
}

.access_first .side_cmn .map iframe {
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  height: calc(100% + 200px + 200px);
  pointer-events: none
}

@media(max-width: 767px) {
  .access_first .side_cmn .map iframe {
    top: -30vw;
    height: calc(100% + 30vw + 30vw)
  }
}

.access_first .ttl01 {
  padding-left: 1em;
  position: relative
}

.access_first .ttl01::before {
  content: "";
  width: .6em;
  height: 1em;
  background-color: #0073a7;
  position: absolute;
  top: 0%;
  left: 0;
  translate: 0 .25em
}

.access_first p.txt02:not(:last-child) {
  margin-bottom: 2em
}

.seminar_list ul {
  margin-bottom: 3rem
}

@media(max-width: 767px) {
  .seminar_list ul {
    margin-bottom: 2rem
  }
}

.seminar_list ul li {
  border-bottom: 1px solid #333
}

.seminar_list ul li a {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.2rem 4%;
  position: relative
}

@media(max-width: 767px) {
  .seminar_list ul li a {
    padding: .8rem 6% .8rem 0
  }
}

/*.seminar_list ul li a:hover h3{border-bottom:1px solid currentColor;transition:.3s ease}*/
.seminar_list ul li a::after {
  content: "";
  background: url(images/seminar/icn_right.svg) center center/100% auto no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: 1%;
  translate: 0 -50%
}

@media(max-width: 767px) {
  .seminar_list ul li a::after {
    width: 6vw;
    height: 6vw;
    right: 0
  }
}

.seminar_list ul li a .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 18%
}

@media(max-width: 767px) {
  .seminar_list ul li a .wrap {
    width: 100%
  }
}

.seminar_list ul li a .wrap time {
  display: block;
  margin-right: 1.5em
}

.seminar_list ul li a .wrap .cate {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #bcbcbc;
  border-radius: 3px;
  color: #bcbcbc;
  line-height: 1.4;
  padding: .2em .6em
}

.seminar_list ul li a h3 {
  width: 82%
}

@media(max-width: 767px) {
  .seminar_list ul li a h3 {
    width: 100%
  }
}

.topics_list ul li a .wrap {
  width: 24%
}

@media(max-width: 767px) {
  .topics_list ul li a .wrap {
    width: 100%
  }
}

.topics_list ul li a h3 {
  width: 76%
}

@media(max-width: 767px) {
  .topics_list ul li a h3 {
    width: 100%
  }
}

.wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}

.wp-pagenavi a,
.wp-pagenavi span {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border: 1px solid currentColor;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  margin: 0 5px;
  position: relative
}

@media(max-width: 767px) {

  .wp-pagenavi a,
  .wp-pagenavi span {
    width: 6vw;
    height: 6vw;
    font-size: 0.8125rem;
    margin: 0 5px
  }
}

.wp-pagenavi a:hover {
  opacity: .7
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  width: unset;
  padding: 0 1em;
  text-align: center
}

@media(max-width: 767px) {

  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    padding: 0 .4em
  }
}

.blog_single .top {
  margin-bottom: 1.2rem
}

.blog_single .top .ttl_post {
  font-size: 2.25rem;
  color: #27C4EF;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1em
}

@media(max-width: 767px) {
  .blog_single .top .ttl_post {
    font-size: 1.375rem
  }
}

.blog_single .top .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center
}

.blog_single .top .wrap time,
.blog_single .top .wrap .cate {
  line-height: 1.5rem
}

.blog_single .top .wrap time {
  font-size: 1.25rem;
  color: #72E0FF;
  font-weight: 600;
  line-height: 1.5;
  margin-right: 1em
}

.blog_single .top .wrap time i {
  margin-right: .6em
}

.blog_single .top .wrap .cate {
  border: 1px solid currentColor;
  padding: 0 .5em;
  text-align: center
}

.blog_single article>p:not(:last-child) {
  margin-bottom: 2.5rem
}

@media(max-width: 767px) {
  .blog_single article>p:not(:last-child) {
    margin-bottom: 1.8rem
  }
}

.blog_single h2,
.blog_single h3,
.blog_single h4,
.blog_single h5,
.blog_single h6,
.blog_single p,
.blog_single figcaption {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}

.blog_single p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 2
}

@media(max-width: 767px) {
  .blog_single p {
    font-size: 0.8125rem
  }
}

.blog_single h2:not(.ttl_post) {
  background-color: #fff;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  font-size: 1.875rem;
  color: #27C4EF;
  font-weight: 500;
  line-height: 1.5;
  padding: .4em .9em;
  margin-bottom: .8em
}

@media(max-width: 767px) {
  .blog_single h2:not(.ttl_post) {
    font-size: 1.25rem
  }
}

.blog_single h3 {
  font-size: 1.5rem;
  color: #27C4EF;
  font-weight: 600;
  line-height: 1.5;
  padding: .2em .4em;
  border-left: .6em solid currentColor;
  border-bottom: 2px solid currentColor;
  margin-bottom: .8em
}

@media(max-width: 767px) {
  .blog_single h3 {
    font-size: 1.125rem
  }
}

.blog_single h4 {
  font-size: 1.25rem;
  color: #27C4EF;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: .5em
}

@media(max-width: 767px) {
  .blog_single h4 {
    font-size: 1rem
  }
}

.blog_single article>figure {
  text-align: center;
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .blog_single article>figure {
    margin-bottom: 1.4rem
  }
}

.blog_single .side_cmn:not(:last-child) {
  margin-bottom: 2rem
}

@media(max-width: 767px) {
  .blog_single .side_cmn:not(:last-child) {
    margin-bottom: 1.5rem
  }
}

.blog_single .area {
  max-width: 430px;
  background-color: #fff;
  border-radius: 5px;
  padding: 2rem 4%
}

@media(max-width: 767px) {
  .blog_single .area {
    padding: 1.2rem 4%
  }
}

.blog_single .area dl div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start
}

.blog_single .area dl div:not(:last-child) {
  margin-bottom: 1.2rem
}

@media(max-width: 767px) {
  .blog_single .area dl div:not(:last-child) {
    margin-bottom: .8rem
  }
}

.blog_single .area dl div dt,
.blog_single .area dl div dd {
  line-height: 1.5
}

.blog_single .area dl div dt {
  width: 25%;
  font-size: 1.125rem;
  font-weight: 600
}

@media(max-width: 767px) {
  .blog_single .area dl div dt {
    font-size: 0.875rem
  }
}

.blog_single .area dl div dd {
  width: 75%;
  font-size: 1rem;
  font-weight: 400
}

@media(max-width: 767px) {
  .blog_single .area dl div dd {
    font-size: 0.8125rem
  }
}

.tbl_contact {
  width: 100%;
  margin: 0 auto 1rem;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 3.4rem
}

@media(max-width: 767px) {
  .tbl_contact {
    border-spacing: 0 2rem
  }
}

.tbl_contact .col_th {
  width: 35%
}

@media(max-width: 767px) {
  .tbl_contact .col_th {
    display: none
  }
}

.tbl_contact .col_td {
  width: 65%
}

@media(max-width: 767px) {
  .tbl_contact .col_td {
    display: none
  }
}

.tbl_contact th,
.tbl_contact td {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5
}

@media(max-width: 767px) {

  .tbl_contact th,
  .tbl_contact td {
    display: block;
    font-size: 0.8125rem
  }
}

.tbl_contact th {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
  position: relative
}

@media(max-width: 767px) {
  .tbl_contact th {
    font-size: 0.9375rem;
    padding-bottom: .5rem
  }
}

.tbl_contact .required::before,
.tbl_contact .any::before {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  padding: .2rem .8rem;
  border-radius: 2px;
  margin-right: 1rem;
  position: relative;
  top: -0.1rem
}

@media(max-width: 767px) {

  .tbl_contact .required::before,
  .tbl_contact .any::before {
    padding: .1rem .5rem;
    margin-right: .6rem
  }
}

.tbl_contact .required::before {
  content: "必須";
  background-color: #e89b9b;
  color: #fff
}

.tbl_contact .any::before {
  content: "任意";
  background-color: #a2a2a2;
  color: #fff
}

.tbl_contact td input[type=text],
.tbl_contact td input[type=tel],
.tbl_contact td input[type=email],
.tbl_contact td input[type=date],
.tbl_contact td select {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  padding: 6px 8px
}

.tbl_contact td input[type=text],
.tbl_contact td input[type=email] {
  width: 100%
}

.tbl_contact td input[type=tel] {
  width: 100%
}

.tbl_contact td input[type=date] {
  width: 30%
}

.tbl_contact td select {
  width: 40%
}

.tbl_contact td textarea {
  width: 100%;
  height: 200px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  padding: 8px
}

.tbl_contact td span.wpcf7-list-item {
  margin: 0 2em 0 0
}

.th_textarea {
  vertical-align: top
}

.th_textarea.required::before,
.th_textarea.any::before {
  top: .5rem
}

@media(max-width: 767px) {

  .th_textarea.required::before,
  .th_textarea.any::before {
    top: .3rem
  }
}

.btn_submit {
  display: table;
  margin: 0 auto;
  font-size: 1.25rem;
  color: #28c4f0;
  font-weight: 600;
  line-height: 1.5;
  position: relative
}

@media(max-width: 767px) {
  .btn_submit {
    font-size: 0.9375rem
  }
}

.btn_submit input[type=submit] {
  width: 296px;
  height: 70px;
  background-color: #fff;
  border: 1px solid #28c4f0;
  text-align: center
}

@media(max-width: 767px) {
  .btn_submit input[type=submit] {
    width: 84vw;
    height: 3.5rem
  }
}

.btn_submit input[type=submit]:hover {
  transition: .3s ease
}

.btn_submit::before {
  content: "";
  width: 1.5em;
  height: 1px;
  background-color: #28c4f0;
  position: absolute;
  top: 50%;
  right: 0;
  translate: 50% -50%
}

.btn_submit input[type=submit][disabled] {
  opacity: .3
}

.btn_submit input[type=submit]:not([disabled]):hover {
  cursor: pointer;
  opacity: .8
}

.ajax-loader {
  display: none !important
}

.wpcf7-spinner {
  display: none !important
}

.thanks_first p.txt01 {
  margin-bottom: 3em
}

@media(max-width: 767px) {
  .thanks_first p.txt01 {
    margin-bottom: 1.8em
  }
}

.pp_list {
  padding-left: 1rem;
  margin-bottom: 2rem;
}

.pp_list li {
  list-style: disc;
}

.pp_box p {
  margin-bottom: 2rem;
}

/*# sourceMappingURL=lower-style.css.map */