@charset "UTF-8";
/* ================================================== *
 *
 *    COMMON UNDER
 *
 * ================================================== */
/* ----------------------------------------------------------
  banner
---------------------------------------------------------- */
/*    bnr01-hs
 * ------------------------------------------------- */
.bnr01-hs {
  overflow: hidden;
  position: relative;
  display: block;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .bnr01-hs {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}

.bnr01-hs_bg {
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bnr01-hs_bg {
    padding-top: 42.2535211268%;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs_bg {
    padding-top: 100%;
  }
}
.bnr01-hs_bg span {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bnr01-hs_bg span {
    margin-top: -29.2253521127%;
    padding-top: 58.4507042254%;
    background: url(/homesecurity/common_v6/img/bg_plushs01_pc.webp) no-repeat 0 0;
    background-size: cover;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs_bg span {
    margin-top: -74.6268656716%;
    padding-top: 149.2537313433%;
    background: url(/homesecurity/common_v6/img/bg_plushs01_sp.webp) no-repeat 0 0;
    background-size: cover;
  }
}

.bnr01-hs_box {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .bnr01-hs_box {
    top: 50%;
    left: 60px;
    transform: translateY(calc(-100% + 26px));
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs_box {
    top: 25px;
    left: 25px;
  }
}
@media screen and (min-width: 768px) {
  .bnr01-hs.is-type2 .bnr01-hs_box {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(0);
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs.is-type2 .bnr01-hs_box {
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 100%;
  }
}

.bnr01-hs_text {
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .bnr01-hs_text {
    font-size: 3rem;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs_text {
    font-size: 1.6rem;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  }
}

@media screen and (min-width: 768px) {
  .bnr01-hs_title {
    margin-left: -20px;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs_title {
    width: 310px;
    margin-left: -10px;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs_title img {
    width: 100%;
  }
}
.bnr01-hs.is-type2 .bnr01-hs_title {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .bnr01-hs.is-type2 .bnr01-hs_title {
    top: 50%;
    left: 31px;
    margin-left: 0;
    margin-top: -54px;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs.is-type2 .bnr01-hs_title {
    bottom: 15px;
    left: 20px;
    width: 240px;
  }
}

@media screen and (min-width: 768px) {
  .bnr01-hs_button {
    position: absolute;
    left: 60px;
    bottom: 60px;
    width: 360px;
  }
}
.bnr01-hs_button .btn-basic {
  border: none;
  pointer-events: none;
  font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
  .bnr01-hs_button .btn-basic {
    line-height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs_button .btn-basic {
    border-radius: 0;
  }
}

.bnr01-hs_logo {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .bnr01-hs_logo {
    top: 60px;
    left: 60px;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs_logo {
    top: 20px;
    right: 20px;
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-hs_logo img {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .bnr01-hs .bnr01-hs_bg {
    transition: transform 0.3s ease-out;
  }
  .bnr01-hs .btn-basic {
    transition: color 0.2s ease-out;
  }
  .bnr01-hs .btn-basic::before {
    transition: width 0.2s ease-out;
  }
  .bnr01-hs .btn-basic p::after,
  .bnr01-hs .btn-basic span::after {
    transition: transform 0.2s ease-out, color 0.2s ease-out;
  }
  .bnr01-hs:hover .bnr01-hs_bg {
    transform: scale(1.05);
  }
  .bnr01-hs:hover .btn-basic {
    color: #fff;
  }
  .bnr01-hs:hover .btn-basic::before {
    left: 0;
    width: 100%;
  }
  .bnr01-hs:hover .btn-basic p::after,
  .bnr01-hs:hover .btn-basic span::after {
    color: #fff;
    transform: translateX(3px);
  }
}

.js-effect.bnr01-hs {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.js-effect.bnr01-hs .bnr01-hs_text,
.js-effect.bnr01-hs .bnr01-hs_title {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.5s ease 0.5s, transform 0.5s ease 0.5s;
}
@media screen and (min-width: 768px) {
  .js-effect.bnr01-hs .bnr01-hs_button {
    opacity: 0;
    transition: opacity 0.5s ease 0.8s;
  }
}
.js-effect.is-effectActive.bnr01-hs {
  opacity: 1;
}
.js-effect.is-effectActive.bnr01-hs .bnr01-hs_text,
.js-effect.is-effectActive.bnr01-hs .bnr01-hs_title {
  opacity: 1;
  transform: translateX(0);
}
.js-effect.is-effectActive.bnr01-hs .bnr01-hs_button {
  opacity: 1;
}

/*    bnr01-mimamori
 * ------------------------------------------------- */
.bnr01-mimamori {
  overflow: hidden;
  position: relative;
  display: block;
  border-radius: 10px;
  background: #f5f1e6;
}
@media screen and (min-width: 768px) {
  .bnr01-mimamori {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .bnr01-mimamori {
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .bnr01-mimamori::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 33.8028169014%;
    height: 100%;
    background: #f5f1e6;
  }
}

.bnr01-mimamori_bg {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .bnr01-mimamori_bg {
    margin: 0 0 0 auto;
    width: 66.1971830986%;
    padding-top: 42.2535211268%;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-mimamori_bg {
    width: 100%;
    padding-top: 100%;
    background: #fff;
  }
}
.bnr01-mimamori_bg span {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bnr01-mimamori_bg span {
    right: 0;
    margin-top: -53.1914893617%;
    padding-top: 106.3829787234%;
    background: url(/personal/img_v5/bg_bnr01mimamori_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-mimamori_bg span {
    left: 0;
    margin-top: -59.7014925373%;
    padding-top: 119.4029850746%;
    background: url(/personal/img_v5/bg_bnr01mimamori_sp.webp) no-repeat 0 0;
    background-size: cover;
  }
}

.bnr01-mimamori_image {
  display: flex;
}
@media screen and (min-width: 768px) {
  .bnr01-mimamori_image {
    position: absolute;
    bottom: 60px;
    left: 60px;
    z-index: 2;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-mimamori_image {
    margin: 20px 10px;
  }
}
@media screen and (min-width: 768px) {
  .bnr01-mimamori_image > * {
    width: 320px;
    height: 180px;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-mimamori_image > * {
    width: 50%;
    padding: 0 10px;
  }
}
.bnr01-mimamori_image > * img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .bnr01-mimamori_image > * img {
    border-radius: 15px;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-mimamori_image > * img {
    border-radius: 7px;
  }
}
@media screen and (min-width: 768px) {
  .bnr01-mimamori_image > * + * {
    margin-left: 20px;
  }
}

@media screen and (min-width: 768px) {
  .bnr01-mimamori_box {
    position: absolute;
    top: 50%;
    left: 60px;
    z-index: 2;
    transform: translateY(calc(-100% - 20px));
  }
}
@media screen and (min-width: 768px) {
  .bnr01-mimamori_title {
    font-size: 2.8rem;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) {
  .bnr01-mimamori_title {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .bnr01-mimamori_button {
    margin-top: 30px;
    width: 360px;
  }
}
.bnr01-mimamori_button .btn-basic {
  border: none;
}
@media screen and (min-width: 768px) {
  .bnr01-mimamori_button .btn-basic {
    font-size: 2.2rem;
    line-height: 50px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 767px) {
  .bnr01-mimamori_button .btn-basic {
    border-radius: 0;
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 768px) {
  .bnr01-mimamori .bnr01-mimamori_bg {
    transition: transform 0.3s ease-out;
  }
  .bnr01-mimamori .bnr01-mimamori_button .btn-basic {
    transition: color 0.2s ease-out;
  }
  .bnr01-mimamori .bnr01-mimamori_button .btn-basic::before {
    transition: width 0.2s ease-out;
  }
  .bnr01-mimamori .bnr01-mimamori_button .btn-basic p::after,
  .bnr01-mimamori .bnr01-mimamori_button .btn-basic span::after {
    transition: transform 0.2s ease-out, color 0.2s ease-out;
  }
  .bnr01-mimamori:hover .bnr01-mimamori_bg {
    transform: scale(1.05);
  }
  .bnr01-mimamori:hover .bnr01-mimamori_button .btn-basic {
    color: #fff;
  }
  .bnr01-mimamori:hover .bnr01-mimamori_button .btn-basic::before {
    left: 0;
    width: 100%;
  }
  .bnr01-mimamori:hover .bnr01-mimamori_button .btn-basic p::after,
  .bnr01-mimamori:hover .bnr01-mimamori_button .btn-basic span::after {
    color: #fff;
    transform: translateX(3px);
  }
}

.js-effect.bnr01-mimamori {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.js-effect.bnr01-mimamori .bnr01-mimamori_title {
  opacity: 0;
  transition: opacity 0.5s ease 0.5s;
}
@media screen and (min-width: 768px) {
  .js-effect.bnr01-mimamori .bnr01-mimamori_button {
    opacity: 0;
    transition: opacity 0.5s ease 0.5s;
  }
}
.js-effect.bnr01-mimamori .bnr01-mimamori_image > * {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.js-effect.bnr01-mimamori .bnr01-mimamori_image > *:nth-of-type(1) {
  transition-delay: 0.8s;
}
.js-effect.bnr01-mimamori .bnr01-mimamori_image > *:nth-of-type(2) {
  transition-delay: 1.1s;
}
.js-effect.is-effectActive.bnr01-mimamori {
  opacity: 1;
}
.js-effect.is-effectActive.bnr01-mimamori .bnr01-mimamori_title,
.js-effect.is-effectActive.bnr01-mimamori .bnr01-mimamori_button {
  opacity: 1;
}
.js-effect.is-effectActive.bnr01-mimamori .bnr01-mimamori_image > * {
  opacity: 1;
  transform: translateX(0);
}

/* ----------------------------------------------------------
  contact
---------------------------------------------------------- */
/*    contact01
 * ------------------------------------------------- */
.contact01 {
  /* box */
  /* head */
  /* body */
  /* btn-list */
  /* type2 */
  /* type3 */
  /* type4 */
}
@media screen and (min-width: 768px) {
  .contact01 {
    padding: 80px 90px 0;
  }
}
@media screen and (min-width: 768px) {
  .wrap .contact01 {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .wrap .contact01 {
    margin: 0 -20px;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .wrap-contact01-inr {
    padding: 40px;
    border-radius: 10px;
    background: url(/homesecurity/common_v6/img/bg_contact4_pc.webp) no-repeat 100% 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .wrap-contact01-inr {
    position: relative;
    padding-top: 77.3333333333%;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 40px;
    background: #f6f5e7 url(/homesecurity/common_v6/img/bg_contact1_sp.webp) no-repeat 0 0;
    background-size: 100% auto;
  }
}
.contact01 .contact01-ttl {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-ttl {
    display: flex;
    align-items: center;
    height: 170px;
    margin-top: -40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-ttl {
    position: absolute;
    top: 35px;
    left: 0;
    margin: 0 20px;
    padding-bottom: 15px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-ttl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px;
    background: #000;
    font-size: 2.2rem;
  }
}
.contact01 .contact01-ttl-sub {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-ttl-sub {
    margin-top: 1em;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-ttl-sub {
    margin-bottom: 1em;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-ttlbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 170px;
    margin-top: -40px;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-ttlbox .contact01-ttl {
    display: block;
    height: auto;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-type {
    display: flex;
    justify-content: space-between;
  }
}
.contact01 .contact01-box {
  border-radius: 10px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box {
    width: calc(50% - 10px);
    padding: 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box {
    padding: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box + .contact01-box {
    margin-top: 10px;
  }
}
.contact01 .contact01-box .txt-question::before, .contact01 .contact01-box .txt-question::after {
  color: #e80012;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box .txt-question:hover {
    color: #e80012;
  }
}
.contact01 .contact01-box-head {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box-head {
     justify-content: flex-start;
   }
 }
.contact01 .contact01-box-ttl {
  display: flex;
  align-items: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box-ttl {
    font-size: 2.2rem;
  }
}
.contact01 .contact01-box-ttl-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.contact01 .contact01-box-ttl-icon svg {
  vertical-align: middle;
}
.contact01 .contact01-box-ttl-icon svg,
.contact01 .contact01-box-ttl-icon path {
  fill: #e80012;
}
.contact01 .label-free {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #004697;
  font-weight: 700;
  border: 1px solid #004697;
}
@media screen and (min-width: 768px) {
  .contact01 .label-free {
    width: 54px;
    height: 26px;
    margin-right: 10px;
    border-radius: 4px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .label-free {
    flex: 0 0 40px;
    width: 40px;
    height: 20px;
    margin-right: 5px;
    border-radius: 4px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-body {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box-body {
    padding-top: 15px;
  }
}
.contact01 .contact01-box-body p {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-body p {
    margin-top: 20px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box-body p {
    order: 2;
    margin-top: 10px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-body p:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box-body p:nth-child(2) {
    margin-top: 0;
  }
}
.contact01 .contact01-box-body p .overtime-tel {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-body p .overtime-tel {
    pointer-events: none;
  }
}
.contact01 .contact01-box-tel-num {
  display: inline-block;
  color: #e80012;
  line-height: 1;
  font-family: "Oswald", sans-serif;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-tel-num {
    font-size: 5.6rem;
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box-tel-num {
    order: 1;
    font-size: 4rem;
    border-bottom: 1px solid #e80012;
  }
}
.contact01 .contact01-box-info {
  display: flex;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-info {
    margin-top: 25px;
  }
}

.contact01 .contact01-box-info > li div {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-info > li div {
    font-size: 1.4rem;
    padding: 0 0 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box-info > li div {
    font-size: 1.2rem;
    padding: 0 0 0 23px;
  }
}
.contact01 .contact01-box-info > li div span {
  font-weight: 700;
}
.contact01 .contact01-box-info > li div::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  background: transparent url(/homesecurity/common_v6/img/icon_check.svg) no-repeat top left;
  background-size: 100% auto;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-info > li div::before {
    width: 19px;
    height: 19px;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box-info > li div::before {
    width: 14px;
    height: 14px;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-info > li + li {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box-info > li + li {
    margin-left: 30px;
  }
}
.contact01 .contact01-box-info.is-type2 {
  flex-direction: column;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box-info.is-type2 > li {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-info.is-type2 > li + li {
    margin-left: 0;
    margin-top: -15px;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box-info.is-type2 > li + li {
    margin-top: 10px;
    margin-left: 0;
  }
}
.contact01 .contact01-box-info.is-type2 > li div {
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box-info.is-type2 > li div {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.contact01 .contact01-box-info.is-type2 > li:first-child div {
  border-radius: 10px 10px 0 0;
}
.contact01 .contact01-box-info.is-type2 > li:last-child div {
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box.type-tel .contact01-box-body {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box.type-tel .contact01-box-ttl-icon svg {
    width: 17px;
    height: 17px;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box.type-net .contact01-box-ttl-icon svg {
    width: 20px;
    height: 15px;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box.type-net .btn-estimate,
  .contact01 .contact01-box.type-net .btn-consultation {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box.type-net .btn-estimate,
  .contact01 .contact01-box.type-net .btn-consultation {
    margin-top: 10px;
  }
}
.contact01 .contact01-box.type-net .btn-document,
.contact01 .contact01-box.type-net .btn-estimate,
.contact01 .contact01-box.type-net .btn-consultation,
.contact01 .contact01-box.type-net .btn-estimate {
  font-size: 3rem;
}
.contact01 .contact01-box.type-document {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box.type-document .contact01-box {
    width: 100%;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box.type-document .contact01-box {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-box.type-document .contact01-box p {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box.type-document .btn-document {
    height: 70px;
    border-radius: 70px;
    line-height: 68px;
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-box.type-document .btn-document span {
    height: 68px;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-btn-list {
    display: flex;
    margin: 30px -10px 0;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-btn-list {
    margin-top: 10px;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-btn-list > li {
    width: 50%;
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-btn-list > li {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-btn-list .btn-internet,
  .contact01 .contact01-btn-list .btn-search {
    height: 70px;
    border-radius: 70px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-btn-list .btn-internet,
  .contact01 .contact01-btn-list .btn-search {
    height: 55px;
    border-radius: 55px;
    line-height: 51px;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-btn-list .btn-internet span,
  .contact01 .contact01-btn-list .btn-search span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 66px;
  }
}
@media screen and (max-width: 767px) {
  .contact01 .contact01-btn-list .btn-internet span,
  .contact01 .contact01-btn-list .btn-search span {
    height: 51px;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-btn-list .btn-internet span::after,
  .contact01 .contact01-btn-list .btn-search span::after {
    height: 12px;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-btn-list .btn-internet span::before {
    height: 20px;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) {
  .contact01 .contact01-btn-list .btn-search span::before {
    height: 19px;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) {
  .contact01.is-type2 .wrap-contact01-inr {
    min-height: 400px;
    padding-left: calc(50% + 10px);
    background: url(/homesecurity/common_v6/img/bg_contact2_pc.webp) no-repeat 100% 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  .contact01.is-type2 .contact01-ttl {
    height: 90px;
  }
}
@media screen and (min-width: 768px) {
  .contact01.is-type2 .contact01-type {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .contact01.is-type2 .contact01-box {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .contact01.is-type3 .wrap-contact01-inr {
    min-height: 410px;
    background: #f5f1e6;
  }
}
@media screen and (min-width: 768px) {
  .contact01.is-type3 .contact01-ttl {
    height: 90px;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .contact01.is-type3 .contact01-box {
    width: calc(33.33% - 10px);
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .contact01.is-type4 .wrap-contact01-inr {
    min-height: 400px;
    padding-left: calc(50% + 10px);
    background: url(/homesecurity/common_v6/img/bg_contact2_pc.webp) no-repeat 100% 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .contact01.is-type4 .wrap-contact01-inr {
    padding-top: 20px;
    padding-bottom: 30px;
    background: #f6f5e7;
  }
}
@media screen and (min-width: 768px) {
  .contact01.is-type4 .contact01-ttl {
    height: 90px;
  }
}
@media screen and (min-width: 768px) {
  .contact01.is-type4 .contact01-type {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .contact01.is-type4 .contact01-box {
    width: 100%;
  }
}
.contact01.js-effect {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.contact01.js-effect .contact01-ttl,
.contact01.js-effect .contact01-ttl-sub {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease-out 0.5s, transform 0.5s ease-out 0.5s;
}
.contact01.js-effect .contact01-box {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.contact01.js-effect .contact01-box:nth-child(1) {
  transition-delay: 0.8s;
}
.contact01.js-effect .contact01-box:nth-child(2) {
  transition-delay: 1s;
}
.contact01.js-effect .contact01-box:nth-child(3) {
  transition-delay: 1.2s;
}
.contact01.js-effect.is-effectActive {
  opacity: 1;
}
.contact01.js-effect.is-effectActive .contact01-ttl,
.contact01.js-effect.is-effectActive .contact01-ttl-sub,
.contact01.js-effect.is-effectActive .contact01-box {
  opacity: 1;
  transform: translateY(0);
}

/* ----------------------------------------------------------
  flow
---------------------------------------------------------- */
/*    flow01
 * ------------------------------------------------- */
.flow01 {
  background: #f5f1e6;
}
.flow01.bg-white {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .flow01 .wrap-flow01-inr {
    padding: 80px 90px 120px;
  }
}
@media screen and (max-width: 767px) {
  .flow01 .wrap-flow01-inr {
    padding: 40px 20px 60px;
  }
}
.flow01 .flow01-list {
  /* is-type2 */
}
@media screen and (min-width: 768px) {
  .flow01 .flow01-list {
    display: flex;
    justify-content: center;
    margin: 0 -16px;
    padding-bottom: 0;
  }
}
.flow01 .flow01-list > li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .flow01 .flow01-list > li {
    width: 100%;
    margin: 0 16px;
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list > li {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list > li:last-child {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list > li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;
    display: block;
    width: 1px;
    height: 100%;
    background: #000;
  }
}
@media screen and (min-width: 768px) {
  .flow01 .flow01-list > li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    display: block;
    width: 30px;
    height: 4px;
    background: #000;
    transform: translateY(-50%);
  }
}
.flow01 .flow01-list > li + li::after {
  content: "\e901";
  position: absolute;
  line-height: 1;
  font-family: "icon";
}
@media screen and (min-width: 768px) {
  .flow01 .flow01-list > li + li::after {
    top: 50%;
    left: 0;
    display: block;
    font-size: 31px;
    transform: translate(-100%, -50%);
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list > li + li::after {
    top: 0;
    left: 22px;
    font-size: 10px;
    transform: translateY(calc(-100% + 2px)) rotate(90deg);
  }
}
.flow01 .flow01-list .flow01-item-inr {
  position: relative;
}
.flow01 .flow01-list .flow01-item-inr > div {
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
}
.flow01 .flow01-list .flow01-item-inr > div img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list .flow01-desc {
    display: flex;
    align-items: center;
    padding-top: 10px;
  }
}
.flow01 .flow01-list .flow01-desc p {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .flow01 .flow01-list .flow01-desc p {
    position: absolute;
    margin-top: 20px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list .flow01-desc p {
    font-size: 2rem;
  }
}
.flow01 .flow01-list .flow01-desc .flow01-desc-step {
  border-radius: 50%;
  background: #fff;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .flow01 .flow01-list .flow01-desc .flow01-desc-step {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 68px;
    height: 68px;
    margin: auto;
    padding-top: 4px;
    border: 2px solid #000;
    font-size: 1.4rem;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list .flow01-desc .flow01-desc-step {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    padding-top: 2px;
    border: 1px solid #000;
    font-size: 1rem;
  }
}
.flow01 .flow01-list .flow01-desc .flow01-desc-step .is-num {
  display: block;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .flow01 .flow01-list .flow01-desc .flow01-desc-step .is-num {
    margin-top: 3px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list .flow01-desc .flow01-desc-step .is-num {
    margin-top: 3px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list.is-type2 > li::before {
    left: 30px;
    background: transparent;
    border-left: 1px dotted #999;
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list.is-type2 > li:last-child::before {
    display: none;
  }
}
.flow01 .flow01-list.is-type2 > li:last-child .flow01-desc-step {
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list.is-type2 > li:last-child .flow01-desc-step {
    top: 8px;
    transform: translateY(0);
  }
}
@media screen and (min-width: 768px) {
  .flow01 .flow01-list.is-type2 > li + li::before {
    display: none;
  }
}
.flow01 .flow01-list.is-type2 > li + li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}
@media screen and (min-width: 768px) {
  .flow01 .flow01-list.is-type2 > li + li::after {
    top: 0;
    left: -6px;
    margin-top: 28.0120481928%;
    border-width: 22px 0 22px 15px;
    border-color: transparent transparent transparent #999;
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list.is-type2 > li + li::after {
    bottom: 0;
    left: 18px;
    border-width: 12px 12.5px 0 12.5px;
    border-color: #999 transparent transparent transparent;
    transform: translateY(-100%);
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list.is-type2 .flow01-desc {
    position: relative;
    overflow: visible;
    margin-right: 0;
    padding-left: 65px;
  }
}
@media screen and (min-width: 768px) {
  .flow01 .flow01-list.is-type2 .flow01-desc p {
    position: static;
  }
}
.flow01 .flow01-list.is-type2 .flow01-desc p .is-sub {
  display: block;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .flow01 .flow01-list.is-type2 .flow01-desc p .is-sub {
    margin-top: 10px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list.is-type2 .flow01-desc p .is-sub {
    margin-top: 5px;
    font-size: 1.8rem;
  }
}
.flow01 .flow01-list.is-type2 .flow01-desc .flow01-desc-step {
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .flow01 .flow01-list.is-type2 .flow01-desc .flow01-desc-step {
    top: 0;
    left: 5px;
    transform: translateY(-50%);
  }
}

/* ----------------------------------------------------------
  heading
---------------------------------------------------------- */
/*    heading01-per
 * ------------------------------------------------- */
.heading01-per {
  background: #f8f8f8;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .heading01-per {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .heading01-per {
    margin-bottom: 40px;
  }
}

.heading01-per_label {
  display: flex;
  align-items: center;
  background: #f8f8f8;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .heading01-per_label {
    max-width: 1600px;
    min-height: 120px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 90px;
    padding-left: 90px;
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 767px) {
  .heading01-per_label {
    min-height: 59px;
    padding: 10px 20px;
    font-size: 3rem;
  }
}

/* bottom */
.heading01-per_bottom {
  margin-bottom: -1px;
  border-top: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .heading01-per_bottom {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .heading01-per_bottom {
    background: #f5f1e6;
  }
}

@media screen and (min-width: 768px) {
  .heading01-per_bottom-inr {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 90px;
    padding-left: 90px;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767px) {
  .heading01-per_bottom-inr {
    padding: 20px;
  }
}

.heading01-per_lead {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .heading01-per_lead {
    color: #fff;
    font-size: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .heading01-per_lead {
    margin: -20px -20px 0;
    padding: 15px 20px;
    background: #fff;
    font-size: 2.4rem;
  }
}

.heading01-per_img-wide img {
  width: 100%;
  height: auto;
}

/* cv */
.heading01-per_cv {
  border-radius: 10px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .heading01-per_cv {
    width: 452px;
    padding: 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .heading01-per_cv {
    margin-top: 20px;
    padding: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .heading01-per_cv .btn-document,
  .heading01-per_cv .btn-consultation {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .heading01-per_cv .btn-document,
  .heading01-per_cv .btn-consultation {
    font-size: 2.6rem;
  }
}

.heading01-per_cv-head {
  display: flex;
  align-items: center;
}

.heading01-per_cv-ttl {
  display: flex;
  align-items: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .heading01-per_cv-ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .heading01-per_cv-ttl {
    font-size: 2.2rem;
  }
}

.heading01-per_cv-ttl-icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.heading01-per_cv-ttl-icon svg {
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .heading01-per_cv-ttl-icon svg {
    width: 20px;
    height: 15px;
  }
}
.heading01-per_cv-ttl-icon svg,
.heading01-per_cv-ttl-icon path {
  fill: #e80012;
}

.heading01-per_cv-free {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  background: #009fa7;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .heading01-per_cv-free {
    width: 54px;
    height: 26px;
    border-radius: 26px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .heading01-per_cv-free {
    width: 40px;
    height: 20px;
    border-radius: 20px;
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 768px) {
  .heading01-per_cv-body {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .heading01-per_cv-body {
    margin-top: 15px;
  }
}
.heading01-per_cv-body p {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .heading01-per_cv-body p {
    margin-top: 15px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .heading01-per_cv-body p {
    order: 2;
    margin-top: 10px;
    font-size: 1rem;
  }
}
.heading01-per_cv-body p .overtime-tel {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .heading01-per_cv-body p .overtime-tel {
    pointer-events: none;
  }
}
@media screen and (min-width: 768px) {
  .heading01-per_cv-body a + a {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .heading01-per_cv-body a + a {
    margin-top: 10px;
  }
}

.js-effectStart.heading01-per {
  opacity: 0;
  transition: opacity 1s ease;
}
.js-effectStart .heading01-per_lead {
  opacity: 0;
  transition: opacity 0.5s ease 0.8s;
}
.js-effectStart .heading01-per_cv {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease 1s, transform 0.5s ease 1s;
}
.js-effectStart.is-effectActive {
  opacity: 1;
}
.js-effectStart.is-effectActive .heading01-per_lead {
  opacity: 1;
}
.js-effectStart.is-effectActive .heading01-per_cv {
  opacity: 1;
  transform: translateY(0);
}

/*    heading02-per
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .heading02-per.is-absoluteCenter-pc {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    transform: translateX(-50%);
  }
}

.heading02-per_label {
  position: relative;
}
@media screen and (min-width: 768px) {
  .heading02-per_label {
    margin-bottom: 60px;
    padding: 0 0 20px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .heading02-per_label {
    margin-bottom: 30px;
    padding: 0 0 15px;
    font-size: 2.6rem;
  }
}
.heading02-per_label::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  background: #000;
}
@media screen and (min-width: 768px) {
  .heading02-per_label::before {
    width: 80px;
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .heading02-per_label::before {
    width: 60px;
    height: 1px;
  }
}
.heading02-per.is-center .heading02-per_label {
  text-align: center;
}
.heading02-per.is-center .heading02-per_label::before {
  right: 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .heading02-per.is-absoluteCenter-pc .heading02-per_label {
    margin-top: -0.75em;
    text-align: center;
  }
  .heading02-per.is-absoluteCenter-pc .heading02-per_label::before {
    right: 0;
    margin: auto;
  }
}

/*    heading03-per
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .heading03-per {
    margin-bottom: 20px;
    padding-left: 20px;
    border-left: 3px solid #000;
  }
}
@media screen and (max-width: 767px) {
  .heading03-per {
    margin-bottom: 15px;
    padding-left: 15px;
    border-left: 2px solid #000;
  }
}

.heading03-per_label {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .heading03-per_label {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 767px) {
  .heading03-per_label {
    font-size: 2.2rem;
  }
}

.heading03-per_sub {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .heading03-per_sub {
    margin-bottom: 10px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .heading03-per_sub {
    margin-bottom: 5px;
    font-size: 1.8rem;
  }
}

/* ----------------------------------------------------------
  image
---------------------------------------------------------- */
/*    image02
 * ------------------------------------------------- */
.image02 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .image02 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .image02 {
    margin-bottom: 15px;
  }
}
.image02 ._label {
  position: absolute;
  z-index: 2;
  border-bottom: 1px solid #000;
  font-size: 3rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .image02 ._label {
    top: -35px;
    left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .image02 ._label {
    top: -30px;
    left: 20px;
    text-shadow: 0 1px 1px white;
  }
}
.image02 ._label .is-num {
  font-family: "Oswald", sans-serif;
  line-height: 1;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .image02 ._label .is-num {
    margin-left: 10px;
    font-size: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .image02 ._label .is-num {
    margin-left: 10px;
    font-size: 6rem;
  }
}
.image02 ._image {
  overflow: hidden;
  border-radius: 10px;
}
.image02 ._image img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .image02.is-center {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* ----------------------------------------------------------
  link
---------------------------------------------------------- */
/*    link-external
 * ------------------------------------------------- */
.link-external {
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .link-external {
    padding-left: 15px;
  }
  .link-external::before {
    transition: width 0.2s ease-out;
  }
  .link-external:hover::before {
    left: 15px;
    width: calc(100% - 15px);
  }
}
@media screen and (max-width: 767px) {
  .link-external {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) {
  .link-external::before {
    content: "";
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    display: inline-block;
    width: 0;
    height: 1px;
    background: #000;
  }
}
.link-external::after {
  content: "\e912";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  color: #ec6d65;
  line-height: 1;
  font-family: "icon";
}
@media screen and (min-width: 768px) {
  .link-external::after {
    width: 6px;
    height: 10px;
    font-size: 10px;
    transform: translateY(75%);
  }
}
@media screen and (max-width: 767px) {
  .link-external::after {
    width: 6px;
    height: 10px;
    font-size: 10px;
    transform: translateY(75%);
  }
}

/*    pagetop01
 * ------------------------------------------------- */
.pagetop01 {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .pagetop01 {
    margin: -20px 0 80px;
  }
}
@media screen and (min-width: 768px) {
  .pagetop01 > a {
    position: relative;
    padding-left: 26px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .pagetop01 > a {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) {
  .pagetop01 > a::before {
    content: "";
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    display: inline-block;
    width: 0;
    height: 1px;
    background: #000;
  }
}
@media screen and (min-width: 768px) {
  .pagetop01 > a::after {
    content: "\e917";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: inline-block;
    height: 12px;
    margin: auto;
    color: #ec6d65;
    font-family: "icon";
    font-size: 12px;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) {
  .pagetop01 > a::before {
    transition: width 0.2s ease-out;
  }
  .pagetop01 > a:hover::before {
    left: 25px;
    width: calc(100% - 25px);
  }
}

/* ----------------------------------------------------------
  shortcut
---------------------------------------------------------- */
/*    shortcut01
 * ------------------------------------------------- */
.shortcut01_link {
  position: relative;
  display: block;
  border-radius: 10px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .shortcut01_link {
    transition: color 0.2s ease-out, box-shadow 0.2s ease-out;
    padding: 20px 50px 30px 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
  .shortcut01_link::after {
    transition: transform 0.2s ease-out;
  }
  .shortcut01_link p::after,
  .shortcut01_link span::after {
    transition: transform 0.2s ease-out;
  }
  .shortcut01_link:hover {
    color: #ec6d65;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  }
  .shortcut01_link:hover::after {
    transform: scale(1.05);
  }
  .shortcut01_link:hover p::after,
  .shortcut01_link:hover span::after {
    transform: translateX(3px);
  }
}
@media screen and (max-width: 767px) {
  .shortcut01_link {
    padding: 20px 40px 30px 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.shortcut01_link::after {
  content: "\e900";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #ec6d65;
  line-height: 1;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .shortcut01_link::after {
    right: 20px;
    height: 14px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .shortcut01_link::after {
    right: 10px;
    height: 10px;
    font-size: 10px;
  }
}
.shortcut01_link ._tip1,
.shortcut01_link ._tip2,
.shortcut01_link ._tip3 {
  display: inline-block;
  margin-bottom: 10px;
  padding: 7px 10px;
  border-radius: 4px;
  background: #f0f0f0;
  color: #000 !important;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .shortcut01_link ._tip1,
  .shortcut01_link ._tip2,
  .shortcut01_link ._tip3 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .shortcut01_link ._tip1,
  .shortcut01_link ._tip2,
  .shortcut01_link ._tip3 {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .shortcut01_link ._tip1 + ._tip1,
  .shortcut01_link ._tip1 + ._tip2,
  .shortcut01_link ._tip1 + ._tip3,
  .shortcut01_link ._tip2 + ._tip1,
  .shortcut01_link ._tip2 + ._tip2,
  .shortcut01_link ._tip2 + ._tip3,
  .shortcut01_link ._tip3 + ._tip1,
  .shortcut01_link ._tip3 + ._tip2,
  .shortcut01_link ._tip3 + ._tip3 {
    margin-left: 7px;
  }
}
@media screen and (max-width: 767px) {
  .shortcut01_link ._tip1 + ._tip1,
  .shortcut01_link ._tip1 + ._tip2,
  .shortcut01_link ._tip1 + ._tip3,
  .shortcut01_link ._tip2 + ._tip1,
  .shortcut01_link ._tip2 + ._tip2,
  .shortcut01_link ._tip2 + ._tip3,
  .shortcut01_link ._tip3 + ._tip1,
  .shortcut01_link ._tip3 + ._tip2,
  .shortcut01_link ._tip3 + ._tip3 {
    margin-left: 2px;
  }
}
.shortcut01_link ._lead {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .shortcut01_link ._lead {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .shortcut01_link ._lead {
    font-size: 1.2rem;
  }
}
.shortcut01_link ._title {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .shortcut01_link ._title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .shortcut01_link ._title {
    font-size: 1.6rem;
  }
}

/*    shortcut02
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .shortcut02 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .shortcut02 {
    margin-bottom: 25px;
  }
}

.shortcut02_link {
  display: block;
}
@media screen and (min-width: 768px) {
  .shortcut02_link .shortcut02_img {
    transition: opacity 0.3s linear;
  }
  .shortcut02_link .shortcut02_img img {
    transition: transform 0.2s ease-out;
  }
  .shortcut02_link .shortcut02_title {
    transition: color 0.2s ease-out;
  }
  .shortcut02_link:hover .shortcut02_img {
    opacity: 0.5;
  }
  .shortcut02_link:hover .shortcut02_img img {
    transform: scale(1.05);
  }
  .shortcut02_link:hover .shortcut02_title {
    color: #ec6d65;
  }
}

.shortcut02_img {
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .shortcut02_img {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  .shortcut02_img {
    margin-bottom: 15px;
  }
}
.shortcut02_img img {
  width: 100%;
  height: auto;
}

.shortcut02_title {
  position: relative;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .shortcut02_title {
    padding-left: 28px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .shortcut02_title {
    padding-left: 25px;
    font-size: 1.6rem;
  }
}
.shortcut02_title::before {
  content: "\e900";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #ec6d65;
  line-height: 1;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .shortcut02_title::before {
    left: 4px;
    height: 14px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .shortcut02_title::before {
    left: 3px;
    height: 10px;
    font-size: 10px;
  }
}
.shortcut02_link.is-external .shortcut02_title::before {
  content: "\e912";
}
@media screen and (min-width: 768px) {
  .shortcut02_link.is-external .shortcut02_title::before {
    left: 0;
    height: 15px;
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .shortcut02_link.is-external .shortcut02_title::before {
    left: 0;
    height: 12px;
    font-size: 12px;
  }
}

.shortcut02_text {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .shortcut02_text {
    margin-top: 10px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .shortcut02_text {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

/* ----------------------------------------------------------
  nav
---------------------------------------------------------- */
/*    nav02
 * ------------------------------------------------- */
.nav02 {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .nav02 {
    margin: 0 -30px 20px;
  }
}
@media screen and (max-width: 767px) {
  .nav02 {
    margin: 0 -10px 20px;
  }
}

@media screen and (min-width: 768px) {
  .nav02_item {
    width: 33.3333333333%;
    margin-bottom: 20px;
    padding-right: 30px;
    padding-left: 30px;
    border-left: 1px solid #ccc;
  }
}
@media screen and (max-width: 767px) {
  .nav02_item {
    width: 50%;
    margin-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) {
  .nav02_item:nth-child(3n+1) {
    border-left: none;
  }
}
.nav02_item > a {
  position: relative;
  align-items: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nav02_item > a {
    transition: background 0.2s ease-out, color 0.2s ease-out;
    display: inline-flex;
    height: 28px;
    padding: 0 27px 0 39px;
    font-size: 2.2rem;
  }
  .nav02_item > a::after {
    transition: transform 0.2s ease-out;
  }
  .nav02_item > a:hover {
    background: #fff;
    color: #ec6d65;
  }
  .nav02_item > a:hover::after {
    transform: translateY(3px) rotate(90deg);
  }
}
@media screen and (max-width: 767px) {
  .nav02_item > a {
    display: inline-flex;
    min-height: 35px;
    padding: 0 20px 0 29px;
    font-size: 1.2rem;
  }
}
.nav02_item > a::before {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  color: #ec6d65;
  font-family: "icon";
  line-height: 1;
  font-weight: 400;
}
.nav02_item > a::after {
  content: "\e900";
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  color: #ec6d65;
  font-family: "icon";
  line-height: 1;
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .nav02_item > a::after {
    right: 3px;
    width: 9px;
    height: 14px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .nav02_item > a::after {
    right: 0;
    width: 5px;
    height: 7px;
    font-size: 7px;
  }
}
.nav02_item.is-service > a::before {
  content: "\e916";
}
@media screen and (min-width: 768px) {
  .nav02_item.is-service > a::before {
    left: 2px;
    height: 28px;
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .nav02_item.is-service > a::before {
    left: 2px;
    height: 21px;
    font-size: 21px;
  }
}
.nav02_item.is-price > a::before {
  content: "\e914";
}
@media screen and (min-width: 768px) {
  .nav02_item.is-price > a::before {
    left: 2px;
    height: 28px;
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .nav02_item.is-price > a::before {
    left: 2px;
    height: 21px;
    font-size: 21px;
  }
}
.nav02_item.is-contract > a::before {
  content: "\e921";
}
@media screen and (min-width: 768px) {
  .nav02_item.is-contract > a::before {
    left: 3px;
    height: 27px;
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  .nav02_item.is-contract > a::before {
    left: 2px;
    height: 21px;
    font-size: 21px;
  }
}
.nav02_item.is-com > a::before {
  content: "\e915";
}
@media screen and (min-width: 768px) {
  .nav02_item.is-com > a::before {
    left: -4px;
    height: 25px;
    font-size: 25px;
  }
}
@media screen and (max-width: 767px) {
  .nav02_item.is-com > a::before {
    left: -2px;
    height: 19px;
    font-size: 19px;
  }
}
.nav02_item.is-device > a::before {
  content: "\e920";
}
@media screen and (min-width: 768px) {
  .nav02_item.is-device > a::before {
    left: 0;
    height: 28px;
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .nav02_item.is-device > a::before {
    left: 0;
    height: 21px;
    font-size: 21px;
  }
}
.nav02_item.is-construction > a::before {
  content: "\e91f";
}
@media screen and (min-width: 768px) {
  .nav02_item.is-construction > a::before {
    left: 0;
    height: 27px;
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  .nav02_item.is-construction > a::before {
    left: 0;
    height: 21px;
    font-size: 21px;
  }
}

/* ----------------------------------------------------------
  text
---------------------------------------------------------- */
/*    text01
 * ------------------------------------------------- */
.text01 {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .text01 {
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .text01 {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
.text01 p {
  margin-bottom: 10px;
}
.text01 ._lead {
  margin-bottom: 20px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .text01 ._lead {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .text01 ._lead {
    font-size: 2rem;
  }
}

/*    text02
 * ------------------------------------------------- */
.text02 {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .text02 {
    font-size: 1.4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .text02 {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
}
.text02 p {
  margin-bottom: 10px;
}

/* ----------------------------------------------------------
  notes
---------------------------------------------------------- */
/*    notes01
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .notes01 {
    margin-bottom: 30px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .notes01 {
    margin-bottom: 30px;
    font-size: 1rem;
  }
}
.notes01 li {
  position: relative;
  padding-left: 1em;
}
.notes01 li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

/* ----------------------------------------------------------
  usage
---------------------------------------------------------- */
/*    usage01
 * ------------------------------------------------- */
.usage01 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .usage01 {
    display: flex;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .usage01 > ._image {
    width: 46.338028169%;
  }
}
@media screen and (max-width: 767px) {
  .usage01 > ._image {
    text-align: center;
    margin-bottom: 50px;
  }
}
.usage01 > ._image.is-type1 img {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .usage01 > ._image.is-type1 img {
    margin-top: -2.73556231%;
    width: 83.4346504559%;
  }
}
@media screen and (max-width: 767px) {
  .usage01 > ._image.is-type1 img {
    margin-top: -3.2835820896%;
    width: 81.7910447761%;
  }
}
.usage01 > ._image.is-type2 {
  text-align: center;
}
.usage01 > ._image.is-type2 img {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .usage01 > ._image.is-type2 img {
    width: 87.2340425532%;
    margin-top: -5.0151975684%;
    margin-left: 2.1276595745%;
  }
}
@media screen and (max-width: 767px) {
  .usage01 > ._image.is-type2 img {
    width: 85.671641791%;
    margin-top: -5.0746268657%;
  }
}
.usage01 > ._image.is-type3 {
  text-align: center;
}
.usage01 > ._image.is-type3 img {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .usage01 > ._image.is-type3 img {
    width: 89.3617021277%;
    margin-top: -2.73556231%;
    margin-left: 13.9817629179%;
  }
}
@media screen and (max-width: 767px) {
  .usage01 > ._image.is-type3 img {
    width: 88.2089552239%;
    margin-top: -2.9850746269%;
    margin-left: 12.1580547112%;
  }
}
.usage01 > ._image.is-type4 {
  text-align: center;
}
.usage01 > ._image.is-type4 img {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .usage01 > ._image.is-type4 img {
    width: 70.0607902736%;
    margin-top: -4.7112462006%;
    margin-left: 20.5167173252%;
  }
}
@media screen and (max-width: 767px) {
  .usage01 > ._image.is-type4 img {
    width: 88.2089552239%;
    margin-top: -2.9850746269%;
    margin-left: 12.1580547112%;
  }
}
.usage01 > ._image.is-type5 {
  text-align: center;
}
.usage01 > ._image.is-type5 img {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .usage01 > ._image.is-type5 img {
    width: 101.8237082067%;
    margin-top: -4.7112462006%;
    margin-left: -2.73556231%;
  }
}
@media screen and (max-width: 767px) {
  .usage01 > ._image.is-type5 img {
    width: 85.8208955224%;
    margin-top: -2.8358208955%;
  }
}
.usage01 > ._image.is-type6 {
  text-align: center;
}
.usage01 > ._image.is-type6 img {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .usage01 > ._image.is-type6 img {
    width: 101.8237082067%;
    margin-top: -4.7112462006%;
    margin-left: -2.73556231%;
  }
}
@media screen and (max-width: 767px) {
  .usage01 > ._image.is-type6 img {
    width: 85.8208955224%;
    margin-top: -2.8358208955%;
  }
}
@media screen and (min-width: 768px) {
  .usage01 > ._slide {
    width: 53.661971831%;
    margin-top: -35px;
  }
}
@media screen and (max-width: 767px) {
  .usage01 > ._slide {
    margin-top: -30px;
  }
}
.usage01 .module-slider {
  overflow: visible;
  display: block;
  margin: 0;
  /* js */
}
@media screen and (min-width: 768px) {
  .usage01 .module-slider {
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider {
    position: relative;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    width: calc(100% + 40px);
    height: 50%;
    background: #fff;
  }
}
.usage01 .module-slider .slide-item {
  overflow: visible;
  position: relative;
  border-radius: 10px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .usage01 .module-slider .slide-item {
    margin: 35px 42px 20px !important;
    padding: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider .slide-item {
    margin: 30px 20px 10px !important;
    padding: 15px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.usage01 .module-slider .slide-item img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .usage01 .module-slider .image02 {
    min-height: 60px;
    margin-top: -20px;
    margin-right: -20px;
    margin-bottom: 20px;
    margin-left: -20px;
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider .image02 {
    min-height: 30px;
    margin-top: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
    margin-left: -15px;
  }
}
.usage01 .module-slider .image02 ._image {
  border-radius: 10px 10px 0 0;
}
.usage01 .module-slider .slide-item-txt {
  position: static;
  -moz-text-align-last: left;
       text-align-last: left;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .usage01 .module-slider .slide-item-txt {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider .slide-item-txt {
    font-size: 2rem;
  }
}
.usage01 .module-slider .slide-item-txt .is-bold {
  color: #bf360c;
}
@media screen and (min-width: 768px) {
  .usage01 .module-slider .slide-item-txtsub {
    margin-top: 20px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider .slide-item-txtsub {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}
.usage01 .module-slider .slick-arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  z-index: 2;
  top: 50%;
  display: block;
  padding: 0;
  border: none;
  font-size: 0;
  line-height: 0;
  background: transparent;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .usage01 .module-slider .slick-arrow {
    width: 22px;
    height: 33px;
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider .slick-arrow {
    width: 12px;
    height: 17px;
  }
}
.usage01 .module-slider .slick-arrow:before {
  content: "\e900";
  color: #ec6d65;
  line-height: 1;
  font-family: "icon";
}
@media screen and (min-width: 768px) {
  .usage01 .module-slider .slick-arrow:before {
    font-size: 33px;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.75);
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider .slick-arrow:before {
    font-size: 17px;
  }
}
.usage01 .module-slider .slick-arrow.slick-prev {
  transform: translateY(-50%) rotate(180deg);
}
@media screen and (min-width: 768px) {
  .usage01 .module-slider .slick-arrow.slick-prev {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider .slick-arrow.slick-prev {
    left: -5px;
  }
}
@media screen and (min-width: 768px) {
  .usage01 .module-slider .slick-arrow.slick-next {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider .slick-arrow.slick-next {
    right: -5px;
  }
}
.usage01 .module-slider .slick-dots {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .usage01 .module-slider .slick-dots > li {
    width: 12px;
    height: 12px;
    margin: 0 9px;
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider .slick-dots > li {
    bottom: 0;
    width: 10px;
    height: 10px;
    margin: 0 5px;
  }
}
.usage01 .module-slider .slick-dots > li:first-child:last-child {
  display: none;
}
.usage01 .module-slider .slick-dots > li button {
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: 50%;
  background: #fff;
  text-indent: -999px;
}
@media screen and (min-width: 768px) {
  .usage01 .module-slider .slick-dots > li button {
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .usage01 .module-slider .slick-dots > li button {
    border: 1px solid #ec6d65;
  }
}
.usage01 .module-slider .slick-dots > li.slick-active button {
  background: #ec6d65;
}

@media screen and (max-width: 767px) {
  .usage01_bottom {
    margin: 0 -20px;
    padding: 0 20px;
    background: #fff;
  }
}

@media screen and (min-width: 768px) {
  .service-lst-panel-detail_usagebtn {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 50px;
    margin: auto;
  }
}
/* ----------------------------------------------------------
  plushs
---------------------------------------------------------- */
/*    plushs01
 * ------------------------------------------------- */
.plushs01 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .plushs01 {
    padding: 80px 90px 0;
  }
}
@media screen and (max-width: 767px) {
  .plushs01 {
    padding: 40px 20px 0;
  }
}
.wrap .plushs01 {
  padding-right: 0;
  padding-left: 0;
}
.plushs01::before, .plushs01::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  display: inline-block;
  margin: auto;
  background: #000;
}
@media screen and (min-width: 768px) {
  .plushs01::before, .plushs01::after {
    top: -3px;
    width: 60px;
    height: 6px;
  }
}
@media screen and (max-width: 767px) {
  .plushs01::before, .plushs01::after {
    top: -2px;
    width: 45px;
    height: 5px;
  }
}
.plushs01::after {
  transform: rotate(90deg);
}

.plushs01_lead {
  border-radius: 10px;
  background: #f5f1e6;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .plushs01_lead {
    margin-bottom: 40px;
    padding: 15px 30px;
    text-align: center;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  .plushs01_lead {
    margin-bottom: 20px;
    padding: 15px 20px;
    font-size: 2rem;
  }
}