@charset 'UTF-8';
/*  Add Custom CSS here.  */

/*  2021.05 Add blog  */
.post-body-cta {
  text-align: center;
  background: #fdf0ed;
  padding: 1rem 1rem 2rem;
  margin-top: 2rem;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.post-body-cta p {
  margin: 10px 0 !important;
  color: #e8340c !important;
  font-weight: bold;
  font-size: 18px;
}
.post-body-cta a {
  background: #e8340c !important;
  color: #fff !important;
  font-size: 20px !important;
}
.post-body-cta a:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .post-body-cta p {
    font-size: 16px !important;
  }
  .post-body-cta a {
    font-size: 18px !important;
  }
}
.cmsContent h5,
.cms-content h5 {
  border-bottom: 2px solid #131415;
  display: inline-block;
  line-height: 2;
}

/*  2021.05 Add common-css  */
.common-table-01 {
  margin: 20px auto 100px;
}
.common-table-01 th,
.common-table-01 td {
  padding: 1rem;
  border: 1px solid #dcdcdc;
}
.common-table-01 thead th {
  background: #eb543d;
  color: #fff;
}
.common-table-01 tbody th {
  background: #fdf0ed;
  text-align: left;
}
.common-table-01 tbody tr:nth-of-type(even) td {
  background: #f6f6f6;
}

/*  2021.08 Add blog  */
.cmsContent h3,
.cms-content h3 {
  margin-top: 57px;
}
.cmsContent h4,
.cms-content h4 {
  margin-top: 40px;
}
.cmsContent h5,
.cms-content h5 {
  margin-top: 30px;
}
.cmsContent h6,
.cms-content h6 {
  margin-top: 20px;
}
.cmsContent table,
.cms-content table {
  margin: 32px auto;
}
.cmsContent .common-table-01,
.cms-content .common-table-01 {
  margin: 32px auto;
}
.post-body-cta {
  margin-top: 40px;
}
.cmsContent img,
.cms-content img {
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .cmsContent h3,
  .cms-content h3 {
    margin-top: 42px;
  }
  .cmsContent h4,
  .cms-content h4 {
    margin-top: 30px;
  }
  .cmsContent h5,
  .cms-content h5 {
    margin-top: 20px;
  }
  .cmsContent h6,
  .cms-content h6 {
    margin-top: 10px;
  }
  .post-body-cta {
    margin-top: 30px;
  }
}

/*  2021.08 Add tool  */
.dl-form-field.dl-form-w100 {
  width: 100%;
}
.selectdiv {
  position: relative;
  margin-top: 5px;
}

/* IE11 hide native button */
select::-ms-expand {
  display: none;
}

.selectdiv::after {
  content: '▼';
  color: #3d3e3f;
  right: 1.2rem;
  top: 18px;
  padding: 0 0 0 1rem;
  border-left: 1px solid #cbd6e2;
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 56px;
  padding: 0px 15px;
  font-size: 100%;
  line-height: 2rem;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cbd6e2;
  -ms-word-break: normal;
  word-break: normal;
  border-radius: 3px;
}

/*  2021.11 Add footer  */
.txt-copyright {
  white-space: nowrap !important;
  margin-top: 1em !important;
}
.layMenu .m-other .other-link {
  padding-left: 0;
  margin: 0.5em 0;
}

/*  2022.4 Add blog-sidebar */
.widget-list.archive-list > li > a {
  position: relative;
}
.widget-list.archive-list > li > a:before,
.widget-list.archive-list > li > a:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 4px;
  background: #333;
  transform: translateY(-50%);
  width: 8px;
  height: 1px;
}
.widget-list.archive-list > li > a:after {
  transform: rotate(90deg);
}
.widget-list.archive-list > li > a.open:after {
  content: '';
  transform: rotate(0) translateY(-0.5px);
}
.widget-list.archive-list > li:not(:first-child) .sub {
  display: none;
}

/*  2022.7 Change index(FV,menu) */
@media (min-width: 768px) {
  .inHeader-right {
    max-width: 750px !important;
  }

  .subnav-inner .sub-navi__link02 .link-txt {
    padding-left: 15px;
  }

  .subnav-inner .sub-navi__link04 .link-txt {
    padding-left: 27px;
  }

  .subnav-inner .sub-navi__link04 .link-txt::after {
    width: 22px;
    height: 25px;
    background: url('/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_column.svg')
      no-repeat center;
    background-size: 22px 25px;
    left: 0;
  }

  .subnav-inner .sub-navi__link04 .link-txt::before {
    width: 22px;
    height: 25px;
    background: url('/wp/wp-content/themes/wp-templ/assets/img/common/icon/ico_column_over.svg')
      no-repeat center;
    background-size: 22px 25px;
    left: 0;
  }

  .layMenu .m-navi .sub-navi__link04 .link-txt {
    padding-left: 35px;
  }

  .layMenu .m-navi .sub-navi__link04 .link-txt:after,
  .layMenu .m-navi .sub-navi__link04 .link-txt:before {
    width: 30px;
    height: 34px;
    background-size: 30px 34px;
  }

  /* FV */
  .top-visual__ttl,
  .top-visual__content {
    max-width: 1060px;
    margin: auto;
    text-align: left !important;
  }

  .top-visual__content {
    width: 95%;
  }

  .top-visual__ttl .ttl-content .line2 {
    max-width: 32vw !important;
    margin-bottom: 1vw !important;
    padding-left: 1.5vw;
  }

  .top-visual__ttl .ttl-content .line3 {
    max-width: 20vw;
    margin-bottom: 0;
    padding-left: 1.5vw;
  }

  .top-visual .ttl-logo {
    position: absolute;
    top: -2vw !important;
    left: 0 !important;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70vw 65vw 0 0;
    border-color: #e8340d transparent transparent transparent;
  }

  .top-visual__ttl .ttl-content {
    position: relative;
    z-index: 1;
  }

  .top-inner {
    z-index: 10;
  }
}

@media (max-width: 767px) {
  .header .inHeader-right {
    width: calc(100% - 35px);
  }

  .layMenu .m-navi .sub-navi__link .link-ico {
    margin-bottom: 10px !important;
  }

  .top-inner {
    background: linear-gradient(
      180deg,
      #26282e00 0%,
      #26282ea5 10%,
      #26282ea5 100%
    );
    padding-top: 50px;
  }
}
.top-visual__content p {
  text-shadow: 0px 0px 10px #000000;
}

/*  2023.01 Add FV  */
.top-visual {
  margin-top: 1vw;
}
.top-visual__content {
  text-align: center !important;
  margin-bottom: 4vw !important;
}
@media (max-width: 767px) {
  .top-visual__content {
    margin-bottom: 10.3vw !important;
  }
}

/*  2023.04 Fix column  */
.column .lead-txt {
  background: #faf2f0;
  padding: 2rem;
}
.column .lead-txt h2 {
  font-weight: bold;
  color: #e83419;
}
.column .lead-txt p {
  font-size: 1.4rem;
}

/*  2023.04 Add Following-banner  */
.fixed-popup-btn {
  position: fixed;
  bottom: 90px;
  right: -330px;
  z-index: 100;
  width: 330px;
}

.fixed-popup-btn .close_btn {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.fixed-popup-btn .close_btn img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.fixed-popup-btn.fixed {
  right: 15px;
  animation-name: animation;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
}

.fixed-popup-btn.close {
  display: none;
}

@keyframes animation {
  0% {
    right: -330px;
  }

  100% {
    right: 0;
  }
}

@media only screen and (max-width: 769px) {
  /*.fixed-popup-btn {
    bottom: -100px;
    right: 0;
  }*/

  .fixed-popup-btn .close_btn {
    width: 5%;
  }

  .fixed-popup-btn.fixed {
    bottom: 23px;
    left: 0;
    width: 75vw;
    animation-name: animation;
    animation-duration: 0.5s;
    animation-iteration-count: 1;
  }

  @keyframes animation {
    0% {
      bottom: -100px;
    }

    100% {
      bottom: 0;
    }
  }
}

/*  2023.04 Add header NEW icon  */
.subnav-inner a {
  position: relative;
}
.new-ico {
  background: #000;
  font-size: 1rem;
  -webkit-animation: blink 1.5s ease-in-out infinite alternate;
  -moz-animation: blink 1.5s ease-in-out infinite alternate;
  animation: blink 1.5s ease-in-out infinite alternate;
  position: absolute;
  top: -4px;
  right: -4px;
  color: #fff;
  padding: 0 0.3em 0.1em;
}
@-webkit-keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .subnav-inner a {
    padding: 3.2vw 0 1.5vw;
  }
  .new-ico {
    top: 0px;
    left: 0px;
    right: unset;
  }
}

/*  2024.01 Add guidelines */
#guidelines .tab-list {
  padding-left: 2.2em;
}
#guidelines h4.txt {
  font-weight: 500;
  margin-top: 70px;
}
.taR {
  text-align: right;
}

@media (max-width: 767px) {
  #guidelines .tab_content .ttl {
    font-size: 2.6rem;
  }
  #guidelines .tab_content .small-ttl {
    font-size: 2rem;
    padding: 3vw 5vw;
  }
}
/*  2024.06 Add Bottom banner */
.content-bottom-bnr {
  margin-top: 40px;
}

/*  2025.04 FIx */
#top .top-seminar1__content {
  background: url(/wp/wp-content/themes/wp-templ/assets/img/top/bg_grid.png)
    repeat top left;
  background-size: auto;
  width: 95vw;
}