.wrap-l-main-visual {
  position: relative;
  width: 100%;
  margin-top: 0;
  z-index: 0;
}

.l-main-img__img .slide-wrap {
  position: relative;
}

.l-main-img__img .slide-wrap img {
  object-fit: cover;
  width: 100%;
  height: 80vh;
  object-position: 50% 50%;
}

.l-main-img__img .l-movie {
  height: calc(100vh - 130px);
}
/*下層ページ*/
.l-main-img__img .sub-page {
  width: 88%;
  margin: 0 auto;
}
.bg_wh-gry {
  background: linear-gradient(
    180deg,
    #fff 0%,
    #fff 30%,
    #edede8 30%,
    #edede8 100%
  );
}

@media print, screen and (min-width: 767px) {
  .l-main-img__img .l-movie {
    overflow-y: hidden;
  }
}
@media print {
  /*printで適用する内容*/
  .l-main-img__img .slide-wrap img {
    object-fit: cover;
  }
}

.l-main-img__img .l-movie video {
  height: calc(100vh - 195px);
  object-fit: cover;
  width: 100%;
  object-position: 50% 50%;
}

@media print, screen and (min-width: 767px) {
  .l-main-img__img .l-movie video {
    height: calc(100vh - 130px);
  }
}

/*メインの動画*/
.l-hero-movie {
  overflow: hidden;
}

.l-hero-movie .l-hero-movie__inner {
  position: relative;
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
  text-align: center;
}

@media print, screen and (min-width: 1164px) {
  .l-hero-movie .l-hero-movie__inner {
    min-width: inherit;
  }
}

.l-hero-movie .l-hero-movie__inner video {
  margin-left: -50%;
  min-width: 100%;
}

@media print, screen and (min-width: 767px) {
  .l-hero-movie .l-hero-movie__inner video {
    margin-left: auto;
    width: 100%;
  }
}

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

.js-topic__item {
  height: 75px;
  background-color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}

.slide-arrow {
  display: none;
}

@media print, screen and (min-width: 767px) {
  .slide-arrow {
    display: block;
    width: 58px;
    min-width: 58px;
    height: auto;
  }
}

.slide-arrow.prev-arrow {
  display: none;
  transition: 0.5s;
}

@media print, screen and (min-width: 767px) {
  .slide-arrow.prev-arrow {
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
}

.slide-arrow.prev-arrow:hover {
  cursor: pointer;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  opacity: 0.8;
}

.slide-arrow.next-arrow {
  display: none;
  transition: 0.5s;
}

@media print, screen and (min-width: 767px) {
  .slide-arrow.next-arrow {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}

.slide-arrow.next-arrow:hover {
  cursor: pointer;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  opacity: 0.8;
}

.c-btn-viewmore {
  text-align: center;
}

.c-btn-viewmore a img {
  width: 277px;
  height: auto;
  margin: auto;
}

@media print, screen and (min-width: 767px) {
  .c-btn-viewmore a img {
    width: 336px;
  }
}

@media print, screen and (min-width: 767px) {
  .sec-service {
    margin-bottom: 230px;
  }
}

.sec-service .c-txt {
  font-size: 1.4rem;
  margin-bottom: 74px;
}

@media print, screen and (min-width: 767px) {
  .sec-service .c-txt {
    font-size: 1.7rem;
    margin-bottom: 80px;
  }
}

.sec-service .c-card__icon {
  width: 60px;
  height: auto;
  position: absolute;
  top: -31px;
  left: 15px;
  z-index: -1;
}

.sec-service .c-card__ph {
  position: relative;
  z-index: -5;
}

.sec-service .c-card__txt {
  margin-top: 25px;
  text-align: left;
}

.sec-service .c-card__txt dt {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 20px;
}

.sec-service .c-card__txt dd {
  font-size: 1.5rem;
}

.sec-works.l-section {
  padding-top: 70px;
}

@media print, screen and (min-width: 767px) {
  .sec-works.l-section {
    margin-top: 0;
    margin-bottom: 280px;
  }
}

@media print, screen and (min-width: 767px) {
  .sec-works .l-wrap-cards {
    padding-left: 0;
    padding-right: 0;
  }
}

.sec-works .c-card33.works {
  width: 50%;
}

@media print, screen and (min-width: 767px) {
  .sec-works .c-card33.works {
    width: 33.333333%;
    width: calc(100% / 3);
  }
}

.sec-works .c-works-info {
  margin-top: 30px;
}

.sec-works .c-works-info .c-works-info__category {
  font-size: 1.4rem;
}

.sec-works .c-works-info .c-works-info__category span {
  display: block;
}

@media print, screen and (min-width: 767px) {
  .sec-works .c-works-info .c-works-info__category span {
    display: inline-block;
    margin-right: 3px;
  }
}

.sec-works .c-works-info .c-works-info__name {
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 0.5em;
}

@media print, screen and (min-width: 767px) {
  .sec-works .c-works-info .c-works-info__name {
    font-size: 1.8rem;
  }
}

.sec-customers {
  margin-top: -10px;
  margin-top: 170px;
}

@media print, screen and (min-width: 767px) {
  .sec-customers .l-wrap-cards {
    padding-left: 0;
    padding-right: 0;
  }
}

.sec-customers .c-card33.customers {
  margin-bottom: 50px;
}

@media print, screen and (min-width: 767px) {
  .sec-customers .c-card33.customers {
    margin-bottom: inherit;
  }
}

.sec-customers .c-card33.customers .c-card__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media print, screen and (min-width: 767px) {
  .sec-customers .c-card33.customers .c-card__inner {
    display: block;
  }
}

.sec-customers .c-card33.customers .c-card__inner .wrap-c-card__ph {
  flex-basis: 150px;
  flex-shrink: 0;
}

.sec-customers .c-card33.customers .c-card__inner .c-customers-info {
  flex-basis: auto;
}

.sec-customers .c-customers-info {
  text-align: left;
  padding-left: 1em;
}

@media print, screen and (min-width: 767px) {
  .sec-customers .c-customers-info {
    margin-top: 20px;
  }
}

.sec-customers .c-customers-info .c-customers-info__name {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}

@media print, screen and (min-width: 767px) {
  .sec-customers .c-customers-info .c-customers-info__name {
    margin-bottom: 5px;
    padding-left: 0;
  }
}

.sec-customers .c-customers-info .c-customers-info__title {
  font-size: 1.4rem;
}

@media print, screen and (min-width: 767px) {
  .sec-customers .c-customers-info .c-customers-info__title {
    padding-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.sec-customers .c-btn-viewmore {
  margin-top: 50px;
}

@media print, screen and (min-width: 767px) {
  .sec-customers .c-btn-viewmore {
    margin-top: 100px;
  }
}

.sec-blog {
  padding-top: 70px;
  padding-bottom: 90px;
}

@media print, screen and (min-width: 767px) {
  .sec-blog {
    padding-top: 80px;
    padding-bottom: 70px;
    margin-bottom: 30px;
  }
}

.sec-blog .c-post__title {
  margin-top: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sec-blog .c-post {
  text-align: left;
  font-weight: bold;
}
.font-white {
  color: #fff;
}

@media print, screen and (min-width: 767px) {
  .sec-blog .c-post__title {
    margin-top: 10px;
    font-size: 1.6rem;
  }
}

/* -------------------------------------------------
下層パンくずリスト　breadWrap
-------------------------------------------------*/
#breadWrap {
  text-align: left;
  padding: 0 5vw;
}
@media print, screen and (min-width: 767px) {
  #breadWrap {
    padding: 0 6vw;
  }
}

/* -------------------------------------------------
共通スペース
-------------------------------------------------*/
.mgt3vw {
  margin-top: 3vw;
}
.mgt4vw {
  margin-top: 4vw;
}
.mgt5vw {
  margin-top: 5vw;
}
.mgt6vw {
  margin-top: 6vw;
}
.mgt7vw {
  margin-top: 7vw;
}
.mgt8vw {
  margin-top: 8vw;
}
.mgb3vw {
  margin-bottom: 3vw;
}
.mgb4vw {
  margin-bottom: 4vw;
}
.mgb7vw {
  margin-bottom: 7vw;
}
.mgb8vw {
  margin-bottom: 8vw;
}
.mgt10vw {
  margin-top: 10vw;
}
.mgt12vw {
  margin-top: 12vw;
}
.mg10 {
  margin-top: 10px;
}
.mg20 {
  margin-top: 20px;
}
.mg30 {
  margin-top: 30px;
}
.mg40 {
  margin-top: 40px;
}
.mg20_SP40 {
  margin-top: 40px;
}
.mg80_SP40 {
  margin-top: 40px;
}
.mg50 {
  margin-top: 50px;
}
.mg60 {
  margin-top: 60px;
}
.mg70 {
  margin-top: 70px;
}
.mg80 {
  margin-top: 80px;
}
.mg100 {
  margin-top: 100px;
}
.mg140 {
  margin-top: 140px;
}
.mgb10 {
  margin-bottom: 10px;
}
.mgb15 {
  margin-bottom: 15px;
}
.mgb20 {
  margin-bottom: 20px;
}
.mgb30 {
  margin-bottom: 30px;
}
.mgb40 {
  margin-bottom: 40px;
}
.mgb50 {
  margin-bottom: 50px;
}
.mgb60 {
  margin-bottom: 60px;
}
.mgb70 {
  margin-bottom: 70px;
}
.mgb80 {
  margin-bottom: 80px;
}
.mgb100 {
  margin-bottom: 100px;
}
.pad10 {
  padding-top: 10px;
}
.pad15 {
  padding-top: 15px;
}
.pad20 {
  padding-top: 20px;
}
.pad30 {
  padding-top: 30px;
}
.pad40 {
  padding-top: 40px;
}
.pad50 {
  padding-top: 50px;
}
.pad60 {
  padding-top: 60px;
}
.pad80 {
  padding-top: 80px;
}
.pad90 {
  padding-top: 90px;
}
.pad100 {
  padding-top: 100px;
}
.padb30 {
  padding-bottom: 30px;
}
.padb40 {
  padding-bottom: 40px;
}
.padb50 {
  padding-bottom: 50px;
}
.padb60 {
  padding-bottom: 60px;
}
.padb80 {
  padding-bottom: 80px;
}
.padb100 {
  padding-bottom: 100px;
}
.mg120-SP80 {
  margin-top: 80px;
}
.mgb80-SP30 {
  margin-bottom: 30px;
}
.mgb60-SP30 {
  margin-bottom: 30px;
}
.mag_rl5 {
  margin: 0 5px;
}
.padb-sp50 {
  padding-bottom: 50px;
}
.pad_rl5 {
  padding: 0 5px;
}
.pad_rl10 {
  padding: 0 10px;
}
.padr5-10 {
  padding: 5px;
}
.padr15-40 {
  padding: 15px;
}
.pad_pc30 {
  padding-top: 0;
}
@media print, screen and (min-width: 767px) {
  .pad_pc30 {
    padding-top: 30px;
  }
  .mg20_SP40 {
    margin-top: 20px;
  }
  .mg80_SP40 {
    margin-top: 80px;
  }
  .mg120-SP80 {
    margin-top: 120px;
  }
  .mgb80-SP30 {
    margin-bottom: 80px;
  }
  .mgb60-SP30 {
    margin-bottom: 60px;
  }
  .padb-sp50 {
    padding-bottom: 0;
  }
  .padr15-40 {
    padding: 20px 40px;
  }
  .padr5-10 {
    padding: 10px;
  }
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
FAQ
よくある質問ページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
section.faq h3 {
  font-size: 1.3em;
  padding-bottom: 3px;
  margin-top: 80px;
  font-weight: normal;
  text-align: left;
}
.accbox {
  margin: 2em 0;
  padding: 0;
  text-align: left;
  /*max-width: 400px;*/
}

/*ラベル*/
.accbox label {
  font-size: 1em;
  display: block;
  margin: 0;
  padding: 15px 35px 15px 2.2em;
  border-bottom: 3px solid #ddd;
  cursor: pointer;
  transition: all 0.5s;
  text-indent: -2.2em;
  position: relative;
  line-height: 1.6;
}
.accbox label span {
  font-size: 1.6em;
  font-weight: bold;
  color: #008c80;
  font-family: din-2014, sans-serif;
  padding-right: 15px;
}
.accbox label::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 15px;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transform: rotate(90deg);
  background-image: url("../img/common/icon-arrow-right@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}

/*ラベルホバー時*/
.accbox label:hover {
  /*background :#f2f2f2;
	border: 1px solid #fff;*/
  opacity: 0.75;
}

/*チェックは隠す*/
.accbox input {
  display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
  height: auto;
  padding: 20px 15px 40px 15px;
  /*background: #eaeaea;*/
  opacity: 1;
  font-size: 1em;
  color: #333;
}
.wrap-faq-bt {
  display: flex;
  flex-wrap: wrap;
}
.wrap-faq-bt .col-4-sp2 {
  border: 1px solid #999;
  width: 47%;
  margin: 5px 1.5%;
  padding: 10px;
}
.wrap-faq-bt .col-4-sp2 a {
  display: block;
}

@media print, screen and (min-width: 767px) {
  section.faq h3 {
    font-size: 1.6em;
    margin: 100px 0 10px;
  }
  .accbox label {
    font-size: 1.1em;
    padding: 17px 35px 17px 2.2em;
  }
  .wrap-faq-bt .col-4-sp2 {
    width: 23%;
    margin: 5px 1%;
    padding: 10px;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
トップページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* 見出し */
.wrap-title h2.title {
  font-size: 22px;
  font-weight: bold;
  color: #333;
}
.wrap-title h2.title span.small {
  font-size: 15px;
}
.wrap-title p.h2-sub-title {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 767px) {
  .wrap-title h2.title {
    font-size: 4.1vw;
  }
  .wrap-title h2.title span.small {
    font-size: 17px;
  }
  .wrap-title p.h2-sub-title {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 1200px) {
  .wrap-title h2.title {
    font-size: 38px;
  }
}

/* SISCONSTシリーズなら一元管理 */
.sec-management .c-card__inner,
.foot-column .c-card__inner {
  display: flex;
  align-items: center;
  margin: 0 0 40px;
}
.sec-management h3.title {
  background-color: #008c80;
  padding: 8px 0;
  text-align: center;
  color: #fff;
  max-width: 700px;
  margin: 40px auto 0;
  border-radius: 2px;
  font-size: 120%;
}

.l-wrap-cards .wrap-c-card__ph {
  width: 30%;
  background-color: #fff;
}
.l-wrap-cards .c-customers-info {
  width: 70%;
  text-align: left;
  padding-left: 12px;
}
.l-wrap-cards .wrap-c-card__ph img {
  width: 100%;
  height: 80px;
  object-fit: cover;
}
.l-wrap-cards .c-customers-info__name {
  font-size: 110%;
  font-weight: bold;
}
.l-wrap-cards .c-customers-info__title {
  font-size: 90%;
}
.c-btn-viewmore a {
  display: inline-block;
  border: 1px solid #008c80;
  padding: 10px 50px;
  background-color: #fff;
}
.c-btn-viewmore a:hover {
  background-color: #008c80;
  color: #fff;
}
.c-btn-viewmore-2 a {
  width:100%;
  font-size:90%;
  display: inline-block;
  border: 1px solid #008c80;
  padding: 10px 20px;
  background-color: #fff;
}
.c-btn-viewmore-2 a:hover {
  background-color: #ffa500;
  border: 1px solid #ffa500;
  color: #fff;
}
@media print, screen and (min-width: 767px){
  .c-btn-viewmore a {
    display: inline-block;
    border: 1px solid #008c80;
    padding: 10px 50px;
    background-color: #fff;
  }
  .c-btn-viewmore a:hover {
    background-color: #008c80;
    color: #fff;
  }
  .c-btn-viewmore-2 a {
    max-width:400px;
  }
}
.c-btn-viewmore-3 a {
  width:100%;
  font-size:90%;
  display: inline-block;
  border: 1px solid #008c80;
  padding: 10px 51px;
  background-color: #fff;
}
.c-btn-viewmore-3 a:hover {
  background-color: #008c80;
  color: #fff;
}

@media print, screen and (min-width: 767px){
  .c-btn-viewmore-3 a {
    max-width:350px;
    padding: 10px 20px;
  }
}

.foot-column {
  border-bottom: 1px solid #000;
  padding-bottom: 40px;
}
@media print, screen and (min-width: 767px) {
  .sec-management .c-card__inner,
  .foot-column .c-card__inner {
    display: block;
  }
  .l-wrap-cards .wrap-c-card__ph {
    width: 100%;
    background-color: #f2f2f2;
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: 3px 3px 3px #bbb;
  }
  .l-wrap-cards .wrap-c-card__ph img {
    width: 100%;
    height: auto;
    /* object-fit: none; */
  }
  .l-wrap-cards .c-customers-info {
    width: 100%;
    padding-left: 0;
  }
  .foot-column {
    padding-bottom: 0;
  }
}

/* top新着情報 */
.sec-seminar ul.top-news,
.sec-news ul.top-news {
  margin-bottom: 40px;
}
.sec-seminar ul.top-news li,
.sec-news ul.top-news li {
  text-align: left;
  line-height: 2;
  font-size: 95%;
  border-bottom: 1px dotted #555;
  margin-bottom: 10px;
}
/**/
.sec-seminar ul.top-news li a{
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.sec-seminar ul.top-news li span,
.sec-news ul.top-news li span {
  display: inline-block;
}
.sec-seminar ul.top-news li span.new,
.sec-news ul.top-news li span.new {
  background-color: #ce0e2d;
  padding: 0 13px;
  color: #fff;
  margin-left: 13px;
  font-size: 75%;
}
.sec-seminar ul.top-news li span.title,
.sec-news ul.top-news li span.title {
  display: block;
  margin-bottom: 12px;
}
.sec-seminar .link-list ul,
.sec-news .link-list ul {
  margin-top: 100px;
}
.sec-seminar .link-list ul li,
.sec-news .link-list ul li {
  margin-bottom: 10px;
  padding: 0 10px;
}
.top .top-bana {
  margin-top: -60px;
}
@media print, screen and (min-width: 767px) {
  .sec-seminar .wrap-seminar {
    width: 65%;
  }
  .sec-seminar .wrap-bt {
    width: 35%;
  }
  .sec-seminar .link-list ul,
  .sec-news .link-list ul {
    margin-top: 0;
    max-width: 400px;
  }
  .sec-seminar ul.top-news {
    width: 100%;
    margin-bottom: 40px;
    padding-right: 50px;
  }
  .sec-seminar .link-list {
    width: 100%;
  }
  .top .top-bana {
    margin-top: -100px;
  }
}
/* footer前審査員募集 */
.sec-top-recruit {
  background-image: url(../img/common/bg-recruit.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 30px;
}
.sec-top-recruit .wrap-text {
  text-align: left;
  color: #fff;
}
.sec-top-recruit .wrap-text img {
  width: 180px;
}
.sec-top-recruit .wrap-text .title {
  font-size: 22px;
  font-weight: bold;
  margin: 10px 0 5px;
}
@media print, screen and (min-width: 767px) {
  .sec-top-recruit {
    padding: 12vw 6%;
  }
  .sec-top-recruit .wrap-text img {
    width: 400px;
  }
  .sec-top-recruit .wrap-text .title {
    font-size: 36px;
    margin: 20px 0 10px;
    letter-spacing: 12px;
  }
}

/* footer前コンタクト */
.foot-contact .title {
  width: 90%;
  max-width: 200px;
}
@media print, screen and (min-width: 767px) {
  .foot-contact .title {
    max-width: 280px;
  }
}
/* footer */
footer .l-section{
  padding-top: 15px;
  margin-bottom:55px;
}
footer p.c-copy,
footer p.c-credit{
  font-size:15px;
  background-color: #333;
  padding: 15px 0 13px;
  color:#fff;
}
footer p.c-copy{
  border-top:1px dotted #aaa;
  border-bottom:1px dotted #aaa;
}
footer p.c-credit{
  font-size:80%;
}
footer .c-credit{
  max-width: 1100px;
  margin:0 auto;
}
footer .c-credit ul{
  font-size:90%;
  display:flex;
  justify-content:space-around ;
  flex-wrap: wrap;
}
footer .c-credit ul li{
  padding:0 5px;
  width:50%;
}

footer .bg_gry02{
  background-color: #d2d3d4;
  padding: 10px 0px;
}
footer .foot-link .l-container ul{
  display:flex;
  justify-content: space-around;
  text-align: center;
  font-size: 14px;
  flex-wrap: wrap;
}
footer .foot-link .l-container ul li{
  width:50%;
  line-height:1.3;
  padding: 10px 0;
}
.bg_gry03{
  background-color: #333;
  color:#fff;
  font-size:90%;
  margin-bottom: 55px;
}

@media print, screen and (min-width: 767px) {
  footer .l-section{
    margin-bottom:0;
  }
  footer .l-section .l-container img.title {
    max-width: 120px;
    margin: 30px 0 30px;
    display: inherit;
  }
  footer .flex{
    display: flex;
    flex-wrap: wrap;
  }
  footer .flex ul{
    width:25%;
    text-align: left;
    margin-bottom: 40px;
  }
  footer ul.foot-list{
    font-size:14px;
  }
  footer ul.foot-list li.title{
    font-weight: bold;
  }
  .bg_gry03{
    font-size:14px;
    margin-bottom: 0;
  }
  footer p.c-copy{
    padding: 20px 0 18px;
    border-bottom: none;
  }
  footer p.c-credit{
    margin-bottom:0;
    font-size:70%;
    padding: 0 0 15px;
  }
  footer .bg_gry02{
    background-color: #d2d3d4;
    padding: 10px 0px;
  }
  footer .foot-link .l-container ul{
    display:flex;
    font-size: 14px;
  }
  footer .foot-link .l-container ul li{
    width:auto;
  }
  footer .foot-link .l-container .c-credit ul li{
    width:auto;
    padding:5px 0 10px;
    font-size:12px;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
商品ページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*bread*/
.pankuzu {
  text-align: left;
  padding-top: 10px;
  padding-left: 15px;
  color: #555;
  font-size: 90%;
  margin-bottom: 30px;
}
/*メイン画像fixボタン*/
.bt_cloud,
.bt_main-dl {
  display: none;
}
@media print, screen and (min-width: 767px) {
  .bt_cloud:hover,
  .bt_main-dl:hover {
    transform: translate(0, 5px);
  }
  .bt_cloud {
    display: block;
    position: absolute;
    top: 6%;
    right: 0;
    width: 260px;
  }
  .bt_main-dl {
    display: block;
    position: absolute;
    bottom: 4%;
    right: 0;
    width: 120px;
  }
  .pankuzu {
    max-width: 1130px;
    margin: auto;
  }
}

/*1~6業種*/
.sec-product.bg_gry {
  background-color: #f2f2f2;
  padding-top: 7vw;
  padding-bottom: 7vw;
  margin-bottom: 30px;
}
.sec-product .wrap-product {
  width: 100%;
  background-color: #fff;
  padding: 20px;
  position: relative;
}
.sec-product .wrap-product .red-flag {
  width: 30px;
  position: absolute;
  top: 0;
  left: 0;
}
.sec-product .wrap-product ul.industry-list .number {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 10px;
}
.sec-product .wrap-product ul.industry-list span.title {
  display: block;
  color: #cb1120;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center;
}
.sec-product .wrap-product ul.industry-list li {
  color: #333;
  text-align: left;
  margin-bottom: 10px;
  border-bottom: 1px solid #555;
  padding-bottom: 25px;
}
.sec-product .wrap-product ul.industry-list li:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

@media print, screen and (min-width: 767px) {
  .sec-product.bg_gry {
    background-color: #f2f2f2;
    /*background-color: #edede8;*/
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 80px;
  }
  .flex_pc {
    display: flex;
    align-items: center;
  }
  .flex_pc .w-50 {
    width: 50%;
  }
  .flex-start {
    align-items: flex-start;
  }
  .sec-product.wrap-product .red-flag {
    width: 40px;
  }
  .sec-product .wrap-product {
    padding: 40px;
  }
  .sec-product .wrap-product ul.industry-list li .flex_pc {
    margin: 40px 0 10px;
  }
  .sec-product .wrap-product ul.industry-list .number {
    width: 25%;
    margin: auto;
  }
  .sec-product .wrap-product ul.industry-list .text {
    width: 75%;
  }
  .sec-product .wrap-product ul.industry-list span.title {
    font-size: 30px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: bold;
  }
}
/*導入効果*/
h3 {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  margin-top: 20px;
  margin-bottom: 30px;
}
ul.list-effect li {
  font-size: 18px;
  text-align: left;
  margin-bottom: 40px;
  text-indent: -1em;
  padding-left: 1em;
}
@media print, screen and (min-width: 767px) {
  h3 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 25px;
  }
  ul.list-effect li {
    font-size: 21px;
    margin-bottom: 30px;
  }
}
/*xの特徴*/
.features .l-wrap-cards .c-card__inner {
  display: flex;
  align-items: center;
  padding: 0;
}
.features .l-wrap-cards .wrap-c-card__ph {
  width: 25%;
  background-color: #fff;
  padding: 0 5% 0 0;
  margin: 0;
}
.features .l-wrap-cards .c-customers-info__title {
  font-size: 100%;
  width: 70%;
  text-align: left;
}
.border-red {
  border: 1px solid #ce0e2d;
  padding: 15px;
}
@media print, screen and (min-width: 767px) {
  .features .l-wrap-cards .c-card33 {
    margin-bottom: 50px;
  }
  .features .l-wrap-cards .c-card__inner {
    display: block;
    padding: 0 20px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .features .l-wrap-cards .wrap-c-card__ph {
    width: 100%;
    background-color: #f2f2f2;
    padding: 30px 0;
    margin: 0 0 10px;
  }
  .features .l-wrap-cards .c-customers-info__title {
    width: 100%;
  }
}

/*コンポーネントタイプ＆メニュー*/
img.img-component,
.menu img.img-menu {
  width: 90%;
  max-width: 1000px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.component dl {
  text-align: left;
}
.component dl dd {
  font-weight: bold;
}
.component dl dt {
  margin-bottom: 30px;
}
.menu ul {
  padding: 0 15px;
}
.menu ul li {
  text-indent: -1em;
  padding-left: 1em;
}
/*画像にケイ線付ける*/
.img-border {
  border: #555 1px solid;
}
@media print, screen and (min-width: 767px) {
  img.img-component,
  .menu img.img-menu {
    width: 75%;
  }
}
/*システム一覧*/
.list-system dl {
  border: 1px solid #999;
}
.list-system dl dd {
  background-color: #fee5e2;
  padding: 8px 5px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 115%;
}
.list-system dl dt {
  text-align: left;
  font-size: 90%;
  padding: 5px 15px 10px 15px;
  line-height: 2;
}
.list-system dl dt span {
  display: block;
  font-weight: bold;
  font-size: 110%;
}
.btn {
  width: 90%;
  max-width: 250px;
  margin: 30px auto 20px;
}
.btn a {
  text-align: center;
  display: block;
  background: linear-gradient(
    rgba(139, 139, 139, 1) 0%,
    rgba(171, 171, 171, 1) 100%
  );
  color: #fff;
  font-weight: bold;
  padding: 10px;
  border-radius: 8px;
}
.btn a:hover {
  opacity: 0.8;
}
@media print, screen and (min-width: 767px) {
  .list-system dl dd {
    text-align: left;
    padding-left: 15px;
  }
  .list-system dl dt {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px 15px 15px;
  }
  .list-system dl dt p {
    width: 70%;
  }
  .list-system dl dt .btn {
    width: 30%;
    margin: 0;
  }
}
/*主機能一覧 table*/
table.list-function {
  margin-top: 20px;
}
table.list-function th.midashi01 {
  width: 30%;
  background-color: #666;
  color: #fff;
  padding: 5px 0;
  border-right: 1px solid #fff;
}
table.list-function th.midashi02 {
  width: 70%;
  background-color: #555;
  color: #fff;
  padding: 5px 0;
}
table.list-function th,
table.list-function td {
  padding: 10px;
  vertical-align: middle;
  border: 1px solid #555;
}
table.list-function tr:nth-child(even) {
  background-color: #f2f2f2;
}
@media print, screen and (min-width: 767px) {
  table.list-function th.midashi01 {
    width: 20%;
  }
  table.list-function th.midashi02 {
    width: 80%;
  }
  table.list-function th,
  table.list-function td {
    padding: 15px 15px;
    vertical-align: middle;
    border: 1px solid #555;
  }
  table.list-function td.text-left {
    font-size: 90%;
  }
}
/*動作環境 table*/
table.list-motion {
  margin-top: 20px;
  width: 100%;
  text-align: left;
}
table.list-motion th,
table.list-motion td {
  border: 1px solid #555;
  padding: 10px;
  vertical-align: middle;
}
table.list-motion th {
  background-color: #f2f2f2;
  font-weight: bold;
}
table.list-motion th.midashi01 {
  width: 30%;
  text-align: center;
}
table.list-motion th.midashi02,
table.list-motion th.midashi03 {
  width: 35%;
  text-align: center;
}
@media print, screen and (min-width: 767px) {
  table.list-motion th.midashi01 {
    width: 20%;
  }
  table.list-motion th.midashi02,
  table.list-motion th.midashi03 {
    width: 40%;
  }
}
/*価格表 table*/
.font-small {
  font-size: 90%;
}
.indent {
  text-indent: -1em;
  padding-left: 1em;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
下層ページ　共通
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.wrap-l-main-visual .sub-title {
  padding: 25px 15px;
  font-weight: bold;
  font-size: 22px;
  color: #777;
}
.wrap-l-main-visual .sub-title span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.wrap-l-main-visual .top-slide-text {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-48%, -45%);
}
.wrap-l-main-visual .top-slide-text img {
  width: 87%;
  max-width: 900px;
  margin: 0 auto;
}
.wrap-l-main-visual .top-side-bana {
  width: 40%;
  max-width: 100px;
  position: absolute;
  right: 0;
  bottom: 20px;
}
.wrap-l-main-visual .top-side-bana img {
  padding: 3px 0;
}
@media print, screen and (min-width: 767px) {
  .wrap-l-main-visual .sub-title {
    padding: 45px 15px 50px;
    font-size: 34px;
  }
  .wrap-l-main-visual .sub-title span {
    font-size: 15px;
  }
  .under .wrap-title {
    /*パンくず分マージンマイナス*/
    margin-top: 40px;
  }
  .wrap-l-main-visual .top-side-bana {
    max-width: 160px;
    bottom: 40px;
  }
  .wrap-l-main-visual .top-side-bana img {
    padding: 10px 0;
  }
}
@media print, screen and (min-width: 1300px) {
  .wrap-l-main-visual .sub-title {
    padding: 40px 15px 45px;
    font-size: 38px;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
他社品との違い
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.img-center.arrow {
  width: 30%;
  max-width: 100px;
  display: block;
  margin: 10px auto;
}
@media print, screen and (min-width: 767px) {
  .difference .text {
    width: 100%;
    padding-right: 10%;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
シスコンストｘクラウド版
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.price-xcl.btn {
  margin: 40px auto;
}
@media print, screen and (min-width: 767px) {
  .w65 {
    width: 65%;
  }
  .w35 {
    width: 35%;
  }
  .font-big_pc {
    font-size: 110%;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
導入事例
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.features .l-wrap-cards .c-card__inner.under-line-dotted_sp {
  padding: 0 0 30px 0;
  border-bottom: #555 1px dotted;
}
.occupation {
  margin-bottom: 70px;
  margin-top: 20px;
}
.occupation span {
  color: #fff;
  background-color: #00557a;
  padding: 3px 10px;
  display: block;
  font-size: 90%;
  margin-bottom: 20px;
}
.occupation .btn {
  display: block;
  border: 1px solid #999;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 80%;
  max-width: 160px;
}
.occupation .btn:hover {
  background-color: #777;
  color: #fff;
}
table.customer {
  width: 100%;
  text-align: left;
}
table.customer tr {
  border-bottom: 1px #555 dotted;
}
table.customer th {
  padding-top: 20px;
  padding-bottom: 20px;
}
table.customer td {
  font-size: 90%;
  padding: 20px 5px;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-55 {
  width: 55%;
}
@media print, screen and (min-width: 767px) {
  .occupation span {
    padding: 5px 10px;
    margin-bottom: 0;
  }
  .occupation .btn {
    display: inline-block;
    font-size: 85%;
    padding: 6px 15px;
    margin-left: 25px;
    max-width: 130px;
  }
  .features .l-wrap-cards .c-card__inner.under-line-dotted_sp {
    border-bottom: none;
    padding: 0 20px;
    margin-left: 15px;
    margin-right: 15px;
  }
  .sec-product .flex_pc .w-50 {
    padding: 0 15px;
  }
  table.customer td {
    font-size: 100%;
  }
}
.c-btn-link a {
  display: block;
  padding: 15px 0;
  background-color: #f2f2f2;
  margin: 30px auto;
  text-align: center;
  position: relative;
  max-width: 200px;
  border-bottom: 2px solid #ccc;
}
.c-btn-link a:hover {
  background-color: #fff;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
新着一覧
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.list-news .sec-news ul.top-news li {
  border-bottom: 1px dotted #777;
  padding: 40px 0 0;
}
.list-news .sec-news ul.top-news li:first-child {
  padding: 0;
}
@media print, screen and (min-width: 767px) {
  .list-news .sec-news ul.top-news {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
}
/*ページネーション*/
.pager .pagination {
  text-align: center;
}
.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 10px;
}
.pager .pagination li a {
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pager .pagination li a span {
  display: table-cell;
  vertical-align: middle;
}
.pager .pagination li a:hover,
.pager .pagination li a.active {
  color: #fff;
  background: #888;
}
@media only screen and (max-width: 767px) {
  .pager .pagination li {
    display: none;
  }
  .pager .pagination li.pre,
  .pager .pagination li.next {
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }
  .pager .pagination li.pre a,
  .pager .pagination li.next a {
    width: 100%;
    text-align: center;
  }
  .pager .pagination li.pre span::after {
    content: "　前の5件へ";
  }
  .pager .pagination li.next span::before {
    content: "次の5件へ　";
  }
}
/*ページネーションここまで*/

/*新着情報詳細*/
.c-btn-link.bk_wh a {
  display: block;
  padding: 15px 0;
  background-color: #fff;
  margin: 30px auto;
  text-align: center;
  position: relative;
  max-width: 200px;
  border-bottom: 2px solid #ccc;
}
.c-btn-link.bk_wh a:hover {
  background-color: #f2f2f2;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
製品サポート
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sec-product .wrap-product ul.industry-list .step {
  color: #555;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;
}
.sec-product .wrap-product ul.industry-list .step > span {
  display: inline-block;
  margin-right: 10px;
  color: #fff;
  background-color: #999;
  padding: 3px 10px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}
.support .occupation {
  margin-top: 20px;
  margin-bottom: 20px;
}
.support .occupation span {
  padding: 5px 10px;
  font-size: 100%;
}
ul.support-content {
  margin-bottom: 60px;
}
ul.support-content li {
  text-indent: -1em;
  padding-left: 1em;
}
ul.support-content li:first-of-type {
  text-indent: -1em;
  padding-left: 1em;
}
.support table td {
  text-align: center;
}
.bg_wrap_blue {
  background-color: #e0eef7;
  padding: 15px;
}
.support #trial {
  margin-top: -80px;
  padding-top: 80px;
}

@media print, screen and (min-width: 767px) {
  .support .sec-product .wrap-product ul.industry-list .text {
    width: 100%;
  }
  .sec-product .wrap-product ul.industry-list .step {
    font-size: 26px;
  }
  .sec-product .wrap-product ul.industry-list .step > span {
    padding: 5px 15px;
  }
  ul.support-content {
    margin-bottom: 10px;
  }
  .support #trial {
    margin-top: -150px;
    padding-top: 150px;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
会社案内
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table.customer.sp-block td {
  font-size: 100%;
  display: block;
  width: 100%;
  padding: 10px 0 20px;
}
table.customer.sp-block td.title {
  padding: 15px 0 0;
}
.message .flex_pc .wrap-text {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 767px) {
  table.customer.sp-block td {
    display: table-cell;
    width: 85%;
    padding: 20px 0 20px 10px;
  }
  table.customer.sp-block td.title {
    width: 15%;
    padding: 0;
  }
  .flex_pc .w-70 {
    width: 70%;
  }
  .flex_pc .w-70.padl5 {
    padding-left: 5%;
  }
  .flex_pc .w-30 {
    width: 30%;
  }
  .flex_start.flex_start {
    align-items: flex-start;
  }
  .message .flex_pc {
    align-items: center;
    background-color: #f2f2f2;
  }
  .message .flex_pc .wrap-text {
    width: 57%;
    padding: 5%;
    margin-bottom: 0;
  }
  .message .flex_pc .wrap-text h4 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  .message .flex_pc .wrap-img {
    width: 43%;
    padding-left: 5%;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
販売代理店
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.agency .scroll-title {
  padding-top: 80px;
  margin-top: -80px;
}
.agency ul.bt-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 60px;
}
.agency ul.bt-list li {
  border: 1px solid #333;
  margin: 10px 5px;
}
.agency ul.bt-list li a {
  display: block;
  padding: 5px 20px;
}
.agency ul.bt-list li a:hover {
  background-color: #f3f3f3;
}
@media print, screen and (min-width: 1200px) {
  .agency .scroll-title {
    padding-top: 125px;
    margin-top: -125px;
  }
  .agency ul.bt-list {
    flex-wrap: nowrap;
    justify-content: center;
  }
  .agency table.customer.sp-block td.title {
    width: 25%;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
人材募集
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table.customer.col-2 td {
  display: block;
}
table.customer.col-2 td.title {
  padding: 20px 0 0;
}
.wrap-recruit-bt .col-3 {
  width: 98%;
  margin: 5px 1%;
  padding: 10px 10px 10px 15px;
  border: 1px solid #999;
  text-align: left;
}
h4.bg_gry {
  text-align: left;
  padding: 5px 10px;
  background-color: #edede8;
}
ul.staff li.first {
  margin-bottom: 60px;
}
.wrap-faq-bt .col-4-sp2,
.wrap-recruit-bt .col-3 {
  position: relative;
}
.wrap-faq-bt .flag-bt-link,
.wrap-recruit-bt .flag-bt-link {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10px;
}
@media print, screen and (min-width: 767px) {
  table.customer.col-2 td.title {
    display: table-cell;
    width: 15%;
    padding: 20px 5px;
  }
  .wrap-recruit-bt {
    display: flex;
  }
  .wrap-recruit-bt .col-3 {
    width: 32.3%;
    margin: 5px 1%;
    text-align: center;
  }
  .wrap-recruit-bt .col-3 a {
    display: block;
  }
  ul.staff li.col-2 {
    margin-bottom: 0;
    width: 48%;
    margin: 0 1%;
    padding: 0 10px 10px;
  }
  ul.staff li.col-2.first {
    padding-left: 0;
  }
  ul.staff li.col-2.second {
    padding-right: 0;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
コンタクト
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.icon-tell {
  width: 40px;
  margin-bottom: 10px;
}
.phone-number {
  font-size: 30px;
  font-weight: bold;
}
.phone-number > span {
  display: block;
  font-size: 15px;
  font-weight: normal;
}
.icon-dw {
  width: 80px;
  padding: 0 10px 20px;
}
/*フォーム*/
.contact-form table {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.contact-form table td {
  /* border: 1px solid #ccc; */
  padding: 5px 10px;
  vertical-align: middle;
  text-align: left;
}

.contact-form td {
  display: block;
  width: 100%;
}
.contact-form td.content {
  margin-bottom: 30px;
}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
  padding: 10px;
  border: 1px solid #ccc;
  width: 100%;
}
input[type="radio"] {
  -webkit-appearance: radio;
  display: inline-block;
}
.contact-form input[type="submit"] {
  padding: 15px;
  border: 1px solid #ccc;
  width: 90%;
  max-width: 300px;
}
.contact-form input[type="submit"]:hover {
  color: #fff;
  background-color: #999;
}
@media print, screen and (min-width: 767px) {
  .icon-tell {
    width: 50px;
  }
  .phone-number {
    font-size: 40px;
    display: inline-block;
  }
  .phone-number > span {
    display: inline-block;
    font-size: 16px;
  }
  .contact-form tr {
    margin-bottom: 0;
  }
  .contact-form table td {
    padding: 10px;
  }
  .contact-form td {
    display: table-cell;
    width: auto;
  }
  .contact-form td.title {
    display: table-cell;
    width: 30%;
  }
  .contact-form td.content {
    display: table-cell;
    width: 70%;
  }
  .icon-dw {
    width: 150px;
    padding: 0 30px;
  }
}
/*フォームクイズ機能追加*/
.quiz  {
  margin:20px auto 40px;
  width:90%;
}
.quiz label{
  font-size:85%;
}
.quiz label .wpcf7-quiz-label{
  padding-right:10px;
}
.quiz p.word {
  background: #005396;
  color: #FFF;
  margin:2px auto 15px;
  padding: 5px;
  width:230px;
  font-size:90%;
}

.contact-form .quiz input[type="text"]{
  width:150px;
}
@media print, screen and (min-width: 767px) {
  .quiz  {
    display:flex;
    align-items: center;
    max-width:680px;
  }
  .quiz label{
    display:flex;
    align-items: center;
  }
 
  .quiz p.word {
    margin-bottom:0;
    margin-right: 30px;
    margin:27px auto 15px;
  }
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
動的選択部分（施工事例）
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.o-u__check__label {
  padding: 15px 0;
  line-height: 1.6;
  text-align: left;
  display: block;
  padding-left: 30px;
  /*padding-left: 45px;*/
  padding-right: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .o-u__check__label {
    padding-left: 0;
    text-align: center;
  }
}
.o-u__check__label:hover,
.o-u__check__label.choice {
  border: 1px solid #aaa;
}
.o-u__check__label__mark {
  position: absolute;
  top: 30%;
  left: 22px;
  display: inline-block;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .o-u__check__label__mark {
    left: 18px;
  }
}
.o-u__check__label__mark::before {
  content: "";
  position: absolute;
  bottom: 25%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: currentColor;
  transform-origin: center bottom;
  transform: translateX(-50%) scaleX(-1) rotate(-135deg) translateY(0.5em);
}
.o-u__check__label__mark::after {
  content: "";
  position: absolute;
  bottom: 25%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: currentColor;
  transform-origin: center bottom;
  transform: translateX(-50%) rotate(45deg) translate(0.05em, 0.125em);
}
.choice .o-u__check__label__mark::before {
  animation: check_anim 0.1s linear both;
  width: 4px;
  height: 8px;
}
.choice .o-u__check__label__mark::after {
  animation: check_anim 0.1s 0.1s linear both;
  width: 4px;
  height: 16px;
}
.p-sort__other__tit {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 640px) {
  .p-sort__other__tit {
    margin-bottom: 30px;
  }
}
.p-sort__other__tit span {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 26px;
  color: #fff;
  padding: 0 10px;
  background-color: #000;
  letter-spacing: 0.1em;
}
.p-sort__other__tit img {
  width: 50px;
  height: auto;
  margin-bottom: 10px;
}
.p-sort__other .o-p__allfacility__li {
  height: auto;
}
.p-sort__other .o-p__allfacility__li a {
  position: relative;
}
.p-sort__other .o-p__allfacility__li__tit {
  height: 90px;
}
.p-sort__other .o-p__allfacility__li__more,
.p-sort__other .o-p__allfacility__li__read {
  display: none;
}
.p-sort__other .o-p__allfacilitywakaba a {
  padding: 15px 0;
}
.p-sort__other .o-p__allfacilitywakaba a img {
  width: 50px;
}
.p-sort__area {
  margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
  .p-sort__area {
    margin-bottom: 30px;
  }
}
.p-sort__area > div {
  padding: 30px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .p-sort__area > div {
    padding: 30px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  .p-sort__area > div {
    padding: 20px;
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) and (max-width: 640px) {
  .p-sort__area > div {
    padding: 15px 0;
  }
}
.p-sort__area > div::before {
  content: "";
  width: 100%;
  height: 3px;
  top: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(to right, #fccb06, #008c80);
}
.p-sort__area > div::after {
  content: "";
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(to right, #fccb06, #008c80);
}
.p-sort__area__left {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  height: 140px;
}
@media screen and (max-width: 768px) {
  .p-sort__area__left {
    height: 120px;
    width: 150px;
    font-size: 1.4rem;
    line-height: 1;
  }
}
.p-sort__area__left {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 230px;
  /*height: 140px*/
  height: 60px;
}
@media screen and (max-width: 768px) {
  .p-sort__area__left {
    /*height: 120px;
      width: 150px;*/
    height: 80px;
    width: 300px;
    font-size: 1.4rem;
    line-height: 1;
  }
}
.p-sort__area__right ul li {
  float: left;
  /* width: calc((99.99% - 30px) / 4); */
  margin: 5px 10px 5px 0;
  font-size: 1.6rem;
  line-height: 50px;
  position: relative;
}
.p-sort__area__right ul li:nth-child(5n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-sort__area__right ul li {
    font-size: 1.4rem;
    line-height: 40px;
  }
}
@media screen and (max-width: 768px) and (max-width: 640px) {
  .p-sort__area__right ul li {
    width: calc((99.99% - 10px) / 2);
    width: 100%;
  }
  .p-sort__area__right ul li:nth-child(2n) {
    margin-right: 0;
  }
}
.p-sort__area__right ul li {
  float: left;
  /* width: calc((99.99% - 30px) / 4); */
  margin: 5px 10px 5px 0;
  font-size: 1.6rem;
  line-height: 50px;
  position: relative;
}
.p-sort__area__right ul li:nth-child(5n) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .p-sort__area__right ul li {
    font-size: 1.4rem;
    line-height: 40px;
  }
}
@media screen and (max-width: 768px) and (max-width: 640px) {
  .p-sort__area__right ul li {
    width: calc((99.99% - 10px) / 2);
    width: 100%;
  }
  .p-sort__area__right ul li:nth-child(2n) {
    margin-right: 0;
  }
}

/* 加筆20230909 */
.p-sort__area__right--fix {

}

/* kirason追記 ここから 20230922 */
.p-sort__area__right--fix ul {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 12px;
}

.p-sort__area__right--fix2 ul {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 4fr;
  gap: 4px;
  margin-top: 30px;
}

.link-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 22px;
  text-align: left;
}
/* kirason追記 ここまで 20230922 */

/* kirason修正 20230922 */
/* @media screen and (max-width: 640px) { */
@media screen and (max-width: 768px) {
  .p-sort__area__right--fix ul {
    grid-template-columns: 1fr;
  }
}
/* 加筆20230909 終わり*/


.p-sort__area__right--fix ul li {
  float: left;
  /* width: calc((99.99% - 30px) / 4); */
  margin: 0;
  padding: 0 !important;
  text-align: center;
  font-size: 1.6rem;
  line-height: 50px;
  position: relative;
}

/* kirason追記 ここから 20230922 */
.p-sort__area__right--fix ul li:first-child {
  display: flex;
  align-items: center;
}
/* kirason追記 ここまで 20230922 */

.p-sort__area__right--fix .o-u__check__label {
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}

.p-sort__area form {
  width: 100%;
  max-width: 800px;
}

/*
.p-sort__area__right ul li::before {
  position: absolute;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #d7d7d7;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  z-index: 2
}
@media screen and (max-width: 768px) {
  .p-sort__area__right ul li::before {
      left: 15px
  }
}
*/
/*下の各ボックス*/
.o-p__sortfacility {
  max-width: calc(1100px + 40px);
  margin: auto auto 100px;
}
.o-p__sortfacility a.bt_link {
  display: block;
  padding: 13px;
  text-align: center;
  background-color: #eee;
  margin-top: 25px;
}
.o-p__sortfacility a.bt_link:hover {
  background-color: #999;
  color: #fff;
}
@media screen and (max-width: 1200px) {
  .o-p__sortfacility {
    width: calc(100% - 40px);
    margin-bottom: -20px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 640px) {
  .o-p__sortfacility {
    margin-bottom: -15px;
    width: 100%;
  }
}
.o-p__sortfacility__li {
  margin: 0 20px 40px;
}
@media screen and (max-width: 1200px) {
  .o-p__sortfacility__li {
    margin: 0 10px 20px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 640px) {
  .o-p__sortfacility__li {
    margin: 0 5px 40px;
  }
}
.o-p__sortfacility__li {
  display: flex;
  align-items: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  position: relative;
  height: 100%;
  background-color: #fff;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}

@media screen and (max-width: 640px) {
  .o-p__sortfacility__li {
    display: block;
  }
  .o-p__sortfacility a.bt_link {
    margin-top: 10px;
    padding: 10px;
  }
}
.o-p__sortfacility__li:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.o-p__sortfacility__li__img {
  width: 30%;
  padding: 15px;
}
.o-p__sortfacility__li__img img {
  width: 100%;
  border: 1px dotted #999;
}
.o-p__sortfacility__li__text {
  width: 70%;
  text-align: left;
  padding: 15px 25px 15px 30px;
}
.o-p__sortfacility__li__text p {
  font-size: 1.8rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .o-p__sortfacility__li__text {
    width: 100%;
    padding: 15px;
  }
  .o-p__sortfacility__li__text p {
    font-size: 1.4rem;
    line-height: 1;
    position: relative;
    bottom: auto;
    margin-bottom: 0;
  }
  .o-p__sortfacility__li__img {
    width: 100%;
    padding: 15px 0 0;
  }
  .o-p__sortfacility__li__img img {
    width: 50%;
    padding: 0;
  }
}
@media screen and (max-width: 640px) and (max-width: 360px) {
  .o-p__sortfacility__li__text p {
    font-size: 1.1rem;
    line-height: 1;
  }
}
.o-p__sortfacility__li__text p span {
  display: inline-block;
  color: #fff;
  padding: 2px 10px 0.5px;
  border-radius: 25px;
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.o-p__sortfacility__li__text p a.under-line {
  color: #000;
  text-decoration: underline;
  padding: 0;
  border-radius: unset;
}
@media screen and (max-width: 640px) {
  .o-p__sortfacility__li__text p span {
    display: block;
    padding: 10px 0;
    border-radius: 0;
    text-align: center;
    margin-bottom: 15px;
  }
}
.o-p__sortfacility__li__name {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 800px) and (max-width: 640px) {
  .o-p__sortfacility__li__name {
    font-size: 1.9rem;
  }
}
.o-p__sortfacility__li__add {
  font-size: 1.4rem;
  line-height: 1;
}
@media screen and (max-width: 800px) {
  .o-p__sortfacility__li__add {
    font-size: 1.2rem;
    line-height: 1;
    padding-bottom: 10px;
  }
}
.toyama-post .sort-cat {
  background-color: #e75a24;
}
.naibu-post .sort-cat {
  background-color: #662d87;
}
.iso-post .sort-cat {
  background-color: #11a89f;
}
.ishikawa-post .sort-cat {
  background-color: #3fa6f2;
}
.hukui-post .sort-cat {
  background-color: #88c23f;
}
.iso9001-post .sort-cat {
  background-color: #daa520;
}
.iso14001-post .sort-cat {
  background-color: #3cb371;
}
.iso45001-post .sort-cat {
  background-color: #ffb6c1;
}
.iso27001-post .sort-cat {
  background-color: #deb887;
}
.kigyounai-post .sort-cat {
  background-color: #708090;
}

.muryou-post .sort-cat {
  background-color: #cc7eb1;
}

.toyama a::before {
  border-color: transparent transparent #e75a24 transparent;
}
.naibu a::before {
  border-color: transparent transparent #662d87 transparent;
}
.iso a::before {
  border-color: transparent transparent #11a89f transparent;
}
.ishikawa a::before {
  border-color: transparent transparent #88c23f transparent;
}
.hukui a::before {
  border-color: transparent transparent #3fa6f2 transparent;
}
.iso9001 a::before {
  border-color: transparent transparent #daa520 transparent;
}
.iso14001 a::before {
  border-color: transparent transparent #3cb371 transparent;
}
.iso45001 a::before {
  border-color: transparent transparent #ffb6c1 transparent;
}
.iso27001 a::before {
  border-color: transparent transparent #deb887 transparent;
}
.kigyounai a::before {
  border-color: transparent transparent #708090 transparent;
}

.muryou a::before {
  border-color: transparent transparent #68be8d transparent;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
セミナー詳細ページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.seminar-access {
  display: inline;
  background-color: #6b91c8;
  padding: 4px 10px 6px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.sec-seminar .wrap-img {
  border: 1px dotted #999;
  margin-top: 20px;
}

@media screen and (min-width: 780px) {
  .sec-seminar .wrap-img {
    border: 1px dotted #999;
    margin-top: 0;
  }
}

.sec-seminar .wrap-img img {
  width: 100%;
}

.sec-seminar-after .voice li {
  border-bottom: 1px dotted #000;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
@media screen and (min-width: 780px) {
  .seminar-access {
    padding: 8px 17px 10px;
    font-size: 25px;
  }

  .sec-seminar .wrap-img {
    margin-top: 20px;
  }

  @media screen and (min-width: 780px) {
    .sec-seminar .wrap-img {
      max-width: 800px;
      margin: 60px auto 40px;
    }
  }

  .sec-seminar-after .voice li {
    display: flex;
    align-items: center;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .sec-seminar-after .col2.title {
    width: 30%;
  }
  .sec-seminar-after .col2.text {
    width: 70%;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
サービス一覧
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h4 {
  font-size: 1.1em;
}
.col-4-sp2 {
  width: 50%;
}
@media screen and (min-width: 780px) {
  .col-4-sp2 {
    width: 25%;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
審査機関の変更
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.border-list li {
  border-bottom: 1px dotted #777;
  padding: 0 0 20px;
  margin-bottom: 20px;
}
.row-title {
  display: flex;
  align-items: stretch;
  margin-bottom: 10px;
}
.row-title .number {
  padding: 8px 15px;
  background-color: #008c80;
  color: #fff;
  font-weight: bold;
  width: 15%;
}
.row-title .title {
  padding: 8px 15px;
  background-color: #e8f3f2;
  width: 85%;
  text-align: left;
  font-weight: bold;
}
.arrow-down {
  margin: 20px auto;
  width: 16%;
  max-width: 55px;
}
@media screen and (min-width: 780px) {
  .row-title {
    margin-bottom: 10px;
  }
  .row-title .number {
    padding: 10px 15px;
    width: 5%;
    font-size: 1.5em;
  }
  .row-title .title {
    padding: 15px 15px;
    width: 95%;
    font-size: 1.2em;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
個人情報保護方針　プライバシー
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.under-line {
  text-decoration: underline;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
選ばれる理由
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.border {
  border: 1px solid #000;
  padding: 15px 10px;
}
@media screen and (min-width: 780px) {
  .reason-seminar .wrap-text {
    width: 65%;
  }
  .reason-seminar .wrap-img {
    width: 35%;
    padding-left: 4%;
  }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
gift エフェクト追加
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*==================================================
枠線が伸びて出現
===================================*/

/*枠線が伸びて出現*/
.wrap-line {
  max-width: 620px;
  width: 90%;
  margin: 40px auto;
}
.lineTrigger {
  position: relative; /* 枠線が書かれる基点*/
  opacity: 0;
}

.lineTrigger.lineanime {
  animation-name: lineAnimeBase;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 780px) {
  .wrap-line {
    margin: 50px auto 40px;
  }
}

@keyframes lineAnimeBase {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*上下線*/
.lineTrigger::before,
.lineTrigger::after {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: #008c80; /* 枠線の色*/
}

/*左右線*/
.line2::before,
.line2::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 0;
  background: #008c80; /* 枠線の色*/
}

/*上線*/
.lineTrigger::before {
  top: 0;
  left: 0;
}

.lineTrigger.lineanime::before {
  animation: lineAnime 0.5s linear 0s forwards; /*表示されて0秒後に上線が0.5秒かけて表示*/
}

/*右線*/
.line2::before {
  top: 0;
  right: 0;
}

.lineTrigger.lineanime .line2::before {
  animation: lineAnime2 0.5s linear 0.5s forwards; /*表示されて0.5秒後に右線が0.5秒かけて表示*/
}

/*下線*/
.lineTrigger::after {
  bottom: 0;
  right: 0;
}

.lineTrigger.lineanime::after {
  animation: lineAnime 0.5s linear 1s forwards; /*表示されて1秒後に下線が0.5秒かけて表示*/
}

/*左線*/
.line2::after {
  bottom: 0;
  left: 0;
}

.lineTrigger.lineanime .line2::after {
  animation: lineAnime2 0.5s linear 1.5s forwards; /*表示されて1.5秒後に左線が0.5秒かけて表示*/
}

@keyframes lineAnime {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes lineAnime2 {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}

/*==================================================
オンラインセミナー
===================================*/
body.online {
  padding-top: 0;
}
.online .wrap-l-main-visual .top-slide-text img {
  width: 80%;
  max-width: 500px;
}
.online .wrap-l-main-visual .top-slide-text {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.online .online-top {
  margin-top: 20px;
  margin-bottom: 20px;
}
.online .title-net-easy {
  width: 73%;
  margin: 60px auto 10px;
}
.worries .wrap-net-easy .wrap-text .biginer {
  color: #175745;
  font-size: 115%;
}
.online .recommendation .img {
  width: 60%;
  margin-bottom: 15px;
}
.online .step {
  margin-top: 30px;
  margin-bottom: 30px;
}
.online .step .title {
  width: 80%;
  margin: 20px auto 10px;
}
.online .step .icon-step {
  width: 80%;
  margin: 10px auto;
}
.online .bg_gry02 {
  background-color: #dae4e1;
}
.zoom .zoom-hukidashi img {
  width: 70%;
  margin: 30px auto 40px;
}
.online .title {
  width: 85%;
  margin: 30px auto 20px;
}
.online .zoom .title,
.online .bana .title,
.online .form .title {
  margin: 0 auto 30px;
}
.online .wrap-border {
  border: 1px solid #000;
  padding: 15px;
  text-align: left;
}
.online .online .wrap-useing {
  margin: 40px auto 30px;
}
.online .qa .title {
  width: 85%;
  margin: 40px auto 0;
}
.online .contact-form .title {
  width: 30%;
  margin: 10px auto 0;
}
.online .contact-form .content {
  width: 70%;
  margin: 10px auto 0;
}
.online .contact-form input[type="submit"] {
  background-color: #fff;
  border: 1px solid #175745;
}
.online .contact-form input[type="submit"]:hover {
  color: #fff;
  background-color: #175745;
  transition: all 0.5s;
}
@media screen and (min-width: 780px) {
  .worries .worries-title {
    max-width: 620px;
    margin: 40px auto 60px;
  }
  .worries .hukidashi {
    max-width: 1100px;
    margin: 80px auto 120px;
  }
  .worries .title-net-easy {
    max-width: 450px;
    margin: 60px auto 10px;
  }
  .worries .manager {
    font-size: 24px;
    font-weight: bold;
  }
  .worries .wrap-net-easy {
    max-width: 1100px;
    margin: 20px auto 40px;
  }
  .worries .wrap-net-easy .wrap-text,
  .zoom .wrap-text {
    width: 50%;
    padding-left: 5%;
  }
  .worries .wrap-net-easy .wrap-img,
  .zoom .wrap-img {
    width: 50%;
  }
  .online .step {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  .online .title {
    max-width: 600px;
    margin: 50px auto;
  }
  .online .bana .title {
    max-width: 700px;
    margin: 30px auto;
  }
  .online .step .title {
    max-width: 450px;
    margin: 40px auto 10px;
  }
  .online .recommendation .img {
    width: 70%;
  }
  .online .step-wrap > div {
    width: 25%;
  }
  .online .step .icon-step {
    width: 100%;
  }
  .online .step .step-wrap .text {
    text-align: left;
  }
  .zoom .title {
    max-width: 700px;
    margin: 30px auto;
  }
  .zoom .zoom-hukidashi img {
    width: 50%;
  }
  .online .online .title {
    max-width: 450px;
    margin: 40px auto 20px;
  }
  .online .online .bt-down {
    max-width: 700px;
    margin: 30px auto;
  }
  .online .online .bt-down img {
    padding: 0 15px;
  }
  .online .online .wrap-useing {
    max-width: 800px;
    margin: 40px auto 20px;
  }
  .online .online .step-wrap > div {
    width: 25%;
    margin: 0 1%;
  }
  .online .qa {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .online .qa .title {
    max-width: 490px;
    margin: 50px auto 0;
  }
  .online .form .title {
    max-width: 550px;
    margin: 20px auto 60px;
  }
}
/*==================================================
位置調整
===================================*/
#ISO9001,
#ISO14001,
#ISO27001,
#ISO45001 {
  margin-top: -67px;
  padding-top: 67px;
}
.faq #ISO,
.faq #cost,
.faq #judge,
.faq #change {
  margin-top: -67px;
  padding-top: 67px;
}
@media screen and (min-width: 780px) {
  .company #greeting,
  .company #overview,
  .company #ukas,
  .company #map {
    margin-top: -150px;
    padding-top: 150px;
  }
  #ISO9001,
  #ISO14001,
  #ISO27001,
  #ISO45001,
  #online-seminar,
  #social-gathering {
    margin-top: -150px;
    padding-top: 150px;
  }
  .flow #new,
  .flow #change {
    margin-top: -150px;
    padding-top: 150px;
  }
  #detail,
  #person,
  #form {
    margin-top: -150px;
    padding-top: 150px;
  }
  .faq #ISO,
  .faq #cost,
  .faq #judge,
  .faq #change,
  .faq #seminar
  {
    margin-top: -150px;
    padding-top: 150px;
  }
}

/*===================================
ジャンプ位置
===================================*/

.jump {
  display: block;
  margin-top: -100px;
  padding-top: 100px;
}

/*===================================
ページネーション調整
===================================*/

.wp-pagenavi {
  margin-left: 25%;
}

@media screen and (min-width: 780px) {
  .wp-pagenavi {
    margin-left: 45%;
  }
}

/*===================================
新着情報　詳細ページ　日付色
===================================*/

.font-green {
  color: #555;
}

/*===================================
スライダ―ボタン色
===================================*/

div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot.n2-active,
div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot:hover,
div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot:focus {
  background: #008c80;
}

.checkbox input:checked + label {
  background: #008c80;
  color: #fff;
}

.wp-block-image {
  margin: 0 0 1em;
  width: 50%;
  max-width: 150px;
}

.mgb-9vw {
  margin-bottom: -40vw;
}

@media screen and (min-width: 780px){
  .mgb-9vw {
    margin-bottom: -9vw;
  }
}

.bt-seminar {
  width: 100%;
  margin: auto;
  background-color: #fbb03b;
  color: #fff;
  padding: 10px;
  border-radius: 40px;
}

@media screen and (min-width: 780px) {
  .bt-seminar {
    width: 50%;
    margin: auto;
    background-color: #fbb03b;
    color: #fff;
    padding: 20px;
    border-radius: 40px;
  }
}

.mgb60-2 {
  margin-bottom: 30px;
}

@media screen and (min-width: 780px){
  .mgb60-2 {
    margin-bottom: 60px;
  }
}

.border-midashi-kigyou {
  border: 1px solid #999;
  padding: 10px;
  width: 55%;
  margin: 20px auto;
}

.border-list-p {
  border-bottom: 1px dotted #777;
  padding-bottom: 20px;
}



/*=====================================
コンタクトフォーム　調整用
======================================*/

form input[type="text"],
 form select,
  form textarea {
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
  padding: 8px;
  display: inline-block;
  border: 1px solid #CCC;
  border-radius: 4px;
}

/*==================================================
位置調整20220913
===================================*/
#pro,
#hokuriku,
#custom,
#seminar,
#tool,
#hearing {
  margin-top: -67px;
  padding-top: 67px;
}
@media screen and (min-width: 780px) {
  #pro,
  #hokuriku,
  #custom,
  #seminar,
  #tool,
  #hearing {
    margin-top: -150px;
    padding-top: 150px;
  }