@charset "utf-8";
/* CSS Document */

.display-none{
    display: none;
}

.caption{
   padding: 15px 0 0;
}

.sp-grab{
    cursor: unset;
}

.flow {
  padding-left: 120px;
  position: relative;
}
.flow::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -8px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
}
.flow > li {
  position: relative;
}
.flow > li:not(:last-child) {
  margin-bottom: 8vh;
}
.flow > li .icon {
  font-size: 12px;
  color: #fff;
  background: rgb(107,144,219);
  background: -moz-linear-gradient(to right, rgb(69 185 181) 0%,rgba(102,213,233,1) 100%);
  background: -webkit-linear-gradient(to right, rgb(69 185 181) 0%,rgba(102,213,233,1) 100%);
  background: linear-gradient(to right, rgb(69 185 181) 0%,rgba(102,213,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
  padding: 8px 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -120px;
  z-index: 100;
}
.flow > li .icon::after {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #66d5e9;
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flow > li dl {
  padding-left: 70px;
  position: relative;
}
.flow > li dl::before,
.flow > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}
.flow > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #45b9b5;
  border-radius: 50%;
  left: -4px;
}
.flow > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}
.flow > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color: rgb(69 185 181);
  margin-bottom: 1vh;
}

.p-sec.m-card .p-sec_h img {
    object-fit: cover;
    height: 150px;
}
.p-sec.m-archiveItem .p-sec .imgbox img {
    object-fit: cover;
    height: 200px;
}

@media screen and (min-width: 768px){
.l-footer_nav {
    width: 65%;
    padding-right: 10%;
}
}
.c-form input.widmin[type="text"]{
    width:unset;
}
.c-form input.widmin[type="time"]{
    width:unset;
}

.c-form select.unsele {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: auto;
    background: white;
    border: none;
    border-radius: unset;
    font: inherit;
    outline: unset;
    max-width: 100%;
    padding: 15px;
}