@charset "UTF-8";

.ud-monitor .contents__hero {
  background: url(../img/monitor/bg-title.jpg) no-repeat;
  background-size: cover;
}

.ct-flex {
  display: flex;
  box-sizing: border-box;

  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-align-items: stretch;     /* Safari etc. */
  -ms-align-items    : stretch;     /* IE10        */
  align-items        : stretch;
}
.ct-flex .ct-inner {
  width:47%;
  margin-bottom:2em;
}
.flex-box {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  margin-bottom:2em;
}
.flex-box-2 {
  display: flex;
  box-sizing: border-box;
  align-items:start;
  margin-bottom:2em;
}
.flex-box figure,
.flex-box-2 figure {
  width:40%;
  text-align: center;

}
.flex-box figure img,
.flex-box-2 figure img {
  height:130px;
  margin:0 auto;
  
}
.flex-box h4,
.flex-box-2 h4 {
  padding:0 0.5em;
  width:60%;
  box-sizing: border-box;
}

.mm {
  display:block;
  padding-left:1em;
}
.flow {
  position: relative;
}
.performance__btn-ct a {
  background: #142143;
  position: relative;
    display: inline-block;
    padding: 20px 100px 20px 140px;
    text-decoration: none;
    border-radius: 999px;
    box-sizing: border-box;
    transform: translate(0, -50%);
    filter: drop-shadow(3px 3px 4px #000000);
}
.performance__btn-ct a:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 20px;
  width: 80px;
  aspect-ratio: 1 / 1;
  transform: translate(0, -50%);
}

.performance__btn-ct a:before {
  background: url(../img/common/ico-worker.svg) no-repeat;
  background-size: cover;
}

.performance__btn-ct a:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  width: 9px;
  height: 9px;
  background: #fff;
  border-radius: 999px;
  transform: translate(0, -50%);
}
.flex-box-2-link li {
  display: flex;
  align-items: center;
  color:#142143;
}
.flex-box-2-link li:before {
  content: "\f105";
  pointer-events: none;
  font-family: "Font Awesome 6 Free";
  -webkit-font-smoothing: antialiased;
  display: block;
  width: 15px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.flex-box-2-link li a {

  color:#142143;
}

.idt {
  text-indent: -1.1em;
  padding-left: 1.1em;
}

.idt + div,.idt-2 + div {
  padding:0 2em;
}
.idt-2 {
  text-indent: -2.5em;
  padding-left: 2.5em;
}



ul.decm li {
  list-style:disc;
  list-style-position: outside;
  margin-left:2em;
  margin-right:2em;

}

.accept-btn-grp {
  display:flex;
  justify-content:center ;
  flex-wrap: wrap;
}

.accept-btn-grp a,
.accept-btn-grp input {
  display:block;
  border-radius: 36px;
  margin:1em 2em;
}
.accept-btn-grp a.accept,
.accept-btn-grp input.accept {
 background-color: #e50012;
 padding:1em 5em;
 color:#ffffff;
 font-weight: bold;
 border:none;
}
.accept-btn-grp input.accept:hover,
.accept-btn-grp input.nonaccept:hover {
  background-color: #0068b6;
}
.accept-btn-grp a.nonaccept,
.accept-btn-grp input.nonaccept{
background-color: #c4c4c4;
padding:1em 4.5em;
color:#ffffff;
font-weight: bold;
border:none;
}
.member-form-btn {
  display: block;
  box-sizing: border-box;
}
.member-form-btn a {
width: 100%;
    display: flex;
    background-color: #142143;
    border-radius: 48px;
    padding: 1.5em 2em;
    margin: 1em auto;
    color: #ffffff;
    box-sizing: border-box;
    align-items: center;
}
.member-form-btn-2 a {
  width: 100%;
      display: flex;
      background-color: #0068b6;
      border-radius: 48px;
      padding: 1.5em 2em;
      margin: 1em auto;
      color: #ffffff;
      box-sizing: border-box;
      align-items: center;
  }

.member-form-btn a:before,
.member-form-btn-2 a:before {
  content: "\f105";
  pointer-events: none;
  font-family: "Font Awesome 6 Free";
  -webkit-font-smoothing: antialiased;
  display: block;
  width: 15px;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.member-form-btn a span {
  display: block;
  padding:0 0.5em;
}
@media screen and (max-width: 960px) {
  .ud-monitor .contents__hero {
      padding: 40px 0;
      background: url(../img/monitor/bg-title-sp.jpg) no-repeat;
      background-size: cover;
  }

  .ct-flex {
    display: block;

  }
  .ct-flex .ct-inner {
    width:100%;
    margin-bottom:2em;
  }
  .flex-box-2 {
    width:100%;
    display: block;
  }
  .flex-box figure, .flex-box-2 figure {
    width: 100%;
    text-align: center;
    margin-bottom:2em;
}
.performance__btn-ct {
  text-align:center;
}
.performance__btn-ct a {
  margin-top:2em;
}

}