@charset "UTF-8";
/* ================================================== *
 *
 *    RESET
 *
 * ================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

[hidden], audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  margin: 0;
}

blockquote, dd, dl, figure, p {
  margin: 0;
}

hr {
  color: inherit;
  height: auto;
  box-sizing: content-box;
}

pre {
  font-family: monospace, sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
}

ol, ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

a:active, a:hover {
  outline: 0;
}

b, strong {
  font-weight: 700;
}

i {
  font-style: normal;
}

small {
  font-size: 0.83em;
}

q {
  quotes: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

code, kbd, samp {
  font-family: monospace, sans-serif;
}

mark {
  color: #000;
  background-color: #ff0;
}

sub, sup {
  font-size: 0.5em;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  padding: 0;
  text-align: left;
}

td, th {
  text-align: left;
  vertical-align: baseline;
  padding: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

legend {
  border: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 1em;
  color: inherit;
  margin: 0;
}

button, input {
  line-height: normal;
  vertical-align: inherit;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]:focus {
  outline-offset: -2px;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

button, input[type=submit], input[type=reset], input[type=button] {
  cursor: pointer;
  -webkit-appearance: button;
}

select {
  line-height: normal;
}

textarea {
  vertical-align: top;
  overflow: auto;
}

/* ================================================== *
 *
 *    BASE
 *
 * ================================================== */
html {
  font-size: 10px;
}

body {
  line-height: 1.5;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  word-break: break-all;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 768px) {
  body {
    min-width: 1280px;
  }
}

main {
  display: block;
}

a {
  color: #000;
  text-decoration: none;
}

img,
svg,
picture {
  vertical-align: top;
}

em {
  font-style: normal;
}

abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

html.spNav-open {
  height: 100%;
}

html.spNav-open #header ~ * {
  visibility: hidden;
  opacity: 0;
  display: none;
}

/* ================================================== *
 *
 *    LIBRARY
 *
 * ================================================== */
 /* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* modal */
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
  box-sizing: content-box;
}

.modal-open {
  overflow-y: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 12001;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-open .modal.in {
  display: flex !important;
  align-items: center;
}
.modal-open .modal.in:not(.in) {
  display: none !important;
}

.modal-dialog {
  display: block;
  position: relative;
  margin: 80px auto;
}

.modal-content {
  position: relative;
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 12000;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in {
  opacity: 0.7;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

/* ================================================== *
 *
 *    LAYOUT
 *
 * ================================================== */
/* ------------------------------------------------- *
 *    contents
 * ------------------------------------------------- */
@media screen and (max-width: 767px) {
  #contents {
    padding-top: 60px;
  }
}

/* ------------------------------------------------- *
 *    main
 * ------------------------------------------------- */
/* ================================================== *
 *
 *    COMMON STYLE
 *
 * ================================================== */
/* ------------------------------------------------- *
 *    button
 * ------------------------------------------------- */
/*    btn-basic
 * ------------------------------------------------- */
.btn-basic {
  overflow: hidden;
  position: relative;
  display: block;
  border: 2px solid #ec6d65;
  background: #fff;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .btn-basic {
    transition: color 0.2s ease-out;
    border-radius: 56px;
    line-height: 56px;
  }
  .btn-basic::before {
    transition: width 0.2s ease-out;
  }
  .btn-basic p::after,
  .btn-basic span::after {
    transition: transform 0.2s ease-out, color 0.2s ease-out;
  }
  .btn-basic:hover {
    color: #fff;
  }
  .btn-basic:hover::before {
    left: 0;
    width: 100%;
  }
  .btn-basic:hover p::after,
  .btn-basic:hover span::after {
    color: #fff;
    transform: translateX(3px);
  }
}
@media screen and (max-width: 767px) {
  .btn-basic {
    border-radius: 51px;
    line-height: 51px;
  }
}
@media screen and (min-width: 768px) {
  .btn-basic::before {
    content: "";
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: #ec6d65;
  }
}
@media screen and (min-width: 768px) {
  .btn-basic span {
    position: relative;
    display: block;
    width: 100%;
    height: 56px;
  }

  .sp-only {
    display: none;
  }
}
.btn-basic span::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) {
  .btn-basic span::after {
    right: 19px;
    height: 14px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .btn-basic span::after {
    right: 14px;
    height: 9px;
    font-size: 9px;
  }
}
.btn-basic.is-sub {
  border-color: #ccc;
}
@media screen and (min-width: 768px) {
  .btn-basic.is-sub {
    font-size: 1.6rem;
    border-radius: 46px;
    line-height: 46px;
  }
}
@media screen and (max-width: 767px) {
  .btn-basic.is-sub {
    font-size: 1.3rem;
    border-radius: 36px;
    line-height: 36px;
  }
}
@media screen and (min-width: 768px) {
  .btn-basic.is-sub::before {
    background: #ccc;
  }
}
@media screen and (min-width: 768px) {
  .btn-basic.is-sub span {
    height: 46px;
  }
}

/*    btn-basic-line02
 *    btn-basicと合わせて使う。テキストが2行向け。
 *    他影響を考慮して新規classへ
 * ------------------------------------------------- */
 @media screen and (max-width: 767px) {
  .btn-basic-twolines-sp {
    padding: 1.5rem 2rem;
    line-height: 1.5;
  }
}

/*    btn-std
 * ------------------------------------------------- */
.btn-std,
.btn-std-hs,
.btn-std-per {
  overflow: hidden;
  position: relative;
  display: inline-block;
  padding: 0;
  border: 2px solid #ec6d65;
  border-radius: 46px;
  background: #fff;
  text-align: center;
  font-size: 1.6rem;
  line-height: 46px;
  font-weight: 700;
  /* toggle */
}
@media screen and (min-width: 768px) {
  .btn-std,
  .btn-std-hs,
  .btn-std-per {
    transition: color 0.2s ease-out;
    min-width: 360px;
  }
  .btn-std-long {
    min-width: 600px;
  }
  .btn-std::before,
  .btn-std-hs::before,
  .btn-std-per::before {
    transition: width 0.2s ease-out;
  }
  .btn-std p::after,
  .btn-std span::after,
  .btn-std-hs p::after,
  .btn-std-hs span::after,
  .btn-std-per p::after,
  .btn-std-per span::after {
    transition: transform 0.2s ease-out, color 0.2s ease-out;
  }
  .btn-std:hover,
  .btn-std-hs:hover,
  .btn-std-per:hover {
    color: #fff;
  }
  .btn-std:hover::before,
  .btn-std-hs:hover::before,
  .btn-std-per:hover::before {
    left: 0;
    width: 100%;
  }
  .btn-std:hover p::after,
  .btn-std:hover span::after,
  .btn-std-hs:hover p::after,
  .btn-std-hs:hover span::after,
  .btn-std-per:hover p::after,
  .btn-std-per:hover span::after {
    color: #fff;
    transform: translateX(3px);
  }
}
@media screen and (max-width: 767px) {
  .btn-std,
  .btn-std-hs,
  .btn-std-per {
    min-width: 100%;
  }
  .btn-std-long {
    line-height: 1.5;
    padding: 1.5rem 2rem;
  }
}
@media screen and (min-width: 768px) {
  .btn-std::before,
  .btn-std-hs::before,
  .btn-std-per::before {
    content: "";
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: #ec6d65;
  }
}
@media screen and (min-width: 768px) {
  .btn-std span,
  .btn-std-hs span,
  .btn-std-per span {
    position: relative;
    display: block;
    width: 100%;
    height: 46px;
  }
}
.btn-std span::after,
.btn-std-hs span::after,
.btn-std-per span::after {
  content: "\e900";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #ec6d65;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .btn-std span::after,
  .btn-std-hs span::after,
  .btn-std-per span::after {
    right: 19px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .btn-std span::after,
  .btn-std-hs span::after,
  .btn-std-per span::after {
    right: 14px;
    font-size: 9px;
  }
  .btn-std-long span::after {
    top: 45%;
  }
}
@media screen and (min-width: 768px) {
  .btn-std.is-wauto,
  .btn-std-hs.is-wauto,
  .btn-std-per.is-wauto {
    min-width: auto;
  }
}
@media screen and (min-width: 768px) {
  .js-tgl .btn-std,
  .js-tgl .btn-std-hs,
  .js-tgl .btn-std-per {
    transition: color 0.2s ease-out;
  }
  .js-tgl .btn-std::before,
  .js-tgl .btn-std-hs::before,
  .js-tgl .btn-std-per::before {
    transition: width 0.2s ease-out;
  }
  .js-tgl .btn-std p::before, .js-tgl .btn-std p::after,
  .js-tgl .btn-std span::before,
  .js-tgl .btn-std span::after,
  .js-tgl .btn-std-hs p::before,
  .js-tgl .btn-std-hs p::after,
  .js-tgl .btn-std-hs span::before,
  .js-tgl .btn-std-hs span::after,
  .js-tgl .btn-std-per p::before,
  .js-tgl .btn-std-per p::after,
  .js-tgl .btn-std-per span::before,
  .js-tgl .btn-std-per span::after {
    transition: background 0.2s ease-out, transform 0.2s ease-out;
  }
  .js-tgl .btn-std:hover,
  .js-tgl .btn-std-hs:hover,
  .js-tgl .btn-std-per:hover {
    color: #fff;
  }
  .js-tgl .btn-std:hover::before,
  .js-tgl .btn-std-hs:hover::before,
  .js-tgl .btn-std-per:hover::before {
    left: 0;
    width: 100%;
  }
  .js-tgl .btn-std:hover p::before, .js-tgl .btn-std:hover p::after,
  .js-tgl .btn-std:hover span::before,
  .js-tgl .btn-std:hover span::after,
  .js-tgl .btn-std-hs:hover p::before,
  .js-tgl .btn-std-hs:hover p::after,
  .js-tgl .btn-std-hs:hover span::before,
  .js-tgl .btn-std-hs:hover span::after,
  .js-tgl .btn-std-per:hover p::before,
  .js-tgl .btn-std-per:hover p::after,
  .js-tgl .btn-std-per:hover span::before,
  .js-tgl .btn-std-per:hover span::after {
    background: #fff;
  }
}
.js-tgl .btn-std span::before, .js-tgl .btn-std span::after,
.js-tgl .btn-std-hs span::before,
.js-tgl .btn-std-hs span::after,
.js-tgl .btn-std-per span::before,
.js-tgl .btn-std-per span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  display: inline-block;
  background: #ec6d65;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .js-tgl .btn-std span::before, .js-tgl .btn-std span::after,
  .js-tgl .btn-std-hs span::before,
  .js-tgl .btn-std-hs span::after,
  .js-tgl .btn-std-per span::before,
  .js-tgl .btn-std-per span::after {
    width: 20px;
    height: 3px;
    transition: width 0.2s ease-out, transform 0.2s ease-out;
  }
}
@media screen and (max-width: 767px) {
  .js-tgl .btn-std span::before, .js-tgl .btn-std span::after,
  .js-tgl .btn-std-hs span::before,
  .js-tgl .btn-std-hs span::after,
  .js-tgl .btn-std-per span::before,
  .js-tgl .btn-std-per span::after {
    width: 15px;
    height: 2px;
    transition: transform 0.2s ease-out;
  }
}
.js-tgl .btn-std span::after,
.js-tgl .btn-std-hs span::after,
.js-tgl .btn-std-per span::after {
  transform: rotate(90deg);
}
.js-tglActive .btn-std span::before, .js-tglActive .btn-std span::after,
.js-tglActive .btn-std-hs span::before,
.js-tglActive .btn-std-hs span::after,
.js-tglActive .btn-std-per span::before,
.js-tglActive .btn-std-per span::after {
  transform: rotate(180deg);
}

/*    btn-movie
 * ------------------------------------------------- */
 .video_play_pause {
  display: inline-block;
  position: absolute;
  width: 1em;
  height: 1em;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  color: #FFFFFF;
  background: rgba(17, 17, 17, .6);
  font-size: 50px;
  top: 85%;
  left: 80%;
  cursor: pointer;
}

.video_play_pause > input {
  display: none;
}

.video_play_pause > input:not(:checked) + span::before{
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border: 0.2em solid transparent;
  border-left: 0.4em solid currentColor;
  box-sizing: border-box;
  content: "";
}

.video_play_pause > input:checked + span::before,
.video_play_pause > input:checked + span::after{
    position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 0.1em;
  height: 0.4em;
  box-sizing: border-box;
  background-color: currentColor;
  content: "";
}

.video_play_pause > input:checked + span::before{
  left: 40%;
}

.video_play_pause > input:checked + span::after {
  left: 60%;
}

@media screen and (min-width: 768px) {
  .video_play_pause {
    display: inline-block;
    position: absolute;
    width: 1em;
    height: 1em;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    color: #FFFFFF;
    background: #11111199;
    font-size: 50px;
    top: 85%;
    left: 92%;
  }
}

/*    btn-document
 * ------------------------------------------------- */
.btn-document {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #e80012;
  background: #e80012;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .btn-document {
    transition: color 0.2s ease-out;
    border-radius: 60px;
    font-size: 2rem;
    line-height: 58px;
  }
  .btn-document::before {
    transition: width 0.2s ease-out;
  }
  .btn-document span::before {
    transition: transform 0.2s ease-out, color 0.2s ease-out;
  }
  .btn-document span::after {
    transition: transform 0.2s ease-out, color 0.2s ease-out;
  }
  .btn-document:hover {
    color: #e80012;
  }
  .btn-document:hover::before {
    left: 0;
    width: 100%;
  }
  .btn-document:hover span::before {
    color: #e80012;
  }
  .btn-document:hover span::after {
    color: #e80012;
    transform: translateX(3px);
  }
}
@media screen and (max-width: 767px) {
  .btn-document {
    border-radius: 50px;
    font-size: 1.6rem;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  .btn-document::before {
    content: "";
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: #ffe7e9;
  }
}
@media screen and (min-width: 768px) {
  .btn-document span {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
  }
}
.btn-document span::before {
  content: "\e908";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .btn-document span::before {
    left: 23px;
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .btn-document span::before {
    left: 17px;
    font-size: 20px;
  }
}
.btn-document span::after {
  content: "\e900";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .btn-document span::after {
    right: 19px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .btn-document span::after {
    right: 14px;
    font-size: 9px;
  }
}

/*    btn-estimate
 * ------------------------------------------------- */
.btn-estimate {
  overflow: hidden;
  position: relative;
  display: block;
  border: 1px solid #e80012;
  background: #fff;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .btn-estimate {
    border-radius: 60px;
    font-size: 2rem;
    line-height: 58px;
  }
  .btn-estimate::before {
    transition: width 0.2s ease-out;
  }
  .btn-estimate span::before {
    transition: transform 0.2s ease-out;
  }
  .btn-estimate span::after {
    transition: transform 0.2s ease-out;
  }
  .btn-estimate:hover::before {
    left: 0;
    width: 100%;
  }
  .btn-estimate:hover span::after {
    transform: translateX(3px);
  }
}
@media screen and (max-width: 767px) {
  .btn-estimate {
    border-radius: 50px;
    font-size: 1.6rem;
    line-height: 48px;
  }
}
.btn-estimate::before {
  content: "";
  position: absolute;
  right: 0;
  left: auto;
  width: 0;
  height: 100%;
  background: #ffe7e9;
}
@media screen and (min-width: 768px) {
  .btn-estimate span {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
  }
}
.btn-estimate span::before {
  content: "\e907";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #e80012;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .btn-estimate span::before {
    left: 26px;
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .btn-estimate span::before {
    left: 17px;
    font-size: 18px;
  }
}
.btn-estimate span::after {
  content: "\e900";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #e80012;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .btn-estimate span::after {
    right: 19px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .btn-estimate span::after {
    right: 14px;
    font-size: 9px;
  }
}

/*    btn-consultation
 * ------------------------------------------------- */
.btn-consultation {
  overflow: hidden;
  position: relative;
  display: block;
  border: 1px solid #e80012;
  background: #fff;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .btn-consultation {
    border-radius: 60px;
    font-size: 2rem;
    line-height: 58px;
  }
  .btn-consultation::before {
    transition: width 0.2s ease-out;
  }
  .btn-consultation span::before {
    transition: transform 0.2s ease-out;
  }
  .btn-consultation span::after {
    transition: transform 0.2s ease-out;
  }
  .btn-consultation:hover::before {
    left: 0;
    width: 100%;
  }
  .btn-consultation:hover span::after {
    transform: translateX(3px);
  }
}
@media screen and (max-width: 767px) {
  .btn-consultation {
    border-radius: 50px;
    font-size: 1.6rem;
    line-height: 48px;
  }
}
.btn-consultation::before {
  content: "";
  position: absolute;
  right: 0;
  left: auto;
  width: 0;
  height: 100%;
  background: #ffe7e9;
}
@media screen and (min-width: 768px) {
  .btn-consultation span {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
  }
}
.btn-consultation span::before {
  content: "\e90d";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #e80012;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .btn-consultation span::before {
    left: 23px;
    font-size: 25px;
  }
}
@media screen and (max-width: 767px) {
  .btn-consultation span::before {
    left: 14px;
    font-size: 19px;
  }
}
.btn-consultation span::after {
  content: "\e900";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #e80012;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .btn-consultation span::after {
    right: 19px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .btn-consultation span::after {
    right: 14px;
    font-size: 9px;
  }
}

/*    btn-diagnosis
 * ------------------------------------------------- */
.btn-diagnosis {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #e80012;
  background: #e80012;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .btn-diagnosis {
    transition: color 0.2s ease-out;
    border-radius: 60px;
    font-size: 2rem;
    line-height: 58px;
  }
  .btn-diagnosis::before {
    transition: width 0.2s ease-out;
  }
  .btn-diagnosis span::before {
    transition: transform 0.2s ease-out, color 0.2s ease-out;
  }
  .btn-diagnosis span::after {
    transition: transform 0.2s ease-out, color 0.2s ease-out;
  }
  .btn-diagnosis:hover {
    color: #e80012;
  }
  .btn-diagnosis:hover::before {
    left: 0;
    width: 100%;
  }
  .btn-diagnosis:hover span::before {
    color: #e80012;
  }
  .btn-diagnosis:hover span::after {
    color: #e80012;
    transform: translateX(3px);
  }
}
@media screen and (max-width: 767px) {
  .btn-diagnosis {
    border-radius: 50px;
    font-size: 1.6rem;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  .btn-diagnosis::before {
    content: "";
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: #ffe7e9;
  }
}
@media screen and (min-width: 768px) {
  .btn-diagnosis span {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
  }
}
.btn-diagnosis span::before {
  content: "\e918";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .btn-diagnosis span::before {
    left: 23px;
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .btn-diagnosis span::before {
    left: 17px;
    font-size: 21px;
  }
}
.btn-diagnosis span::after {
  content: "\e900";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .btn-diagnosis span::after {
    right: 19px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .btn-diagnosis span::after {
    right: 14px;
    font-size: 9px;
  }
}

/*    btn-computer
 * ------------------------------------------------- */
.btn-computer {
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #e80012;
  background: #e80012;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .btn-computer {
    transition: color 0.2s ease-out;
    border-radius: 60px;
    font-size: 2rem;
    line-height: 58px;
  }
  .btn-computer::before {
    transition: width 0.2s ease-out;
  }
  .btn-computer span::before {
    transition: transform 0.2s ease-out, color 0.2s ease-out;
  }
  .btn-computer span::after {
    transition: transform 0.2s ease-out, color 0.2s ease-out;
  }
  .btn-computer:hover {
    color: #e80012;
  }
  .btn-computer:hover::before {
    left: 0;
    width: 100%;
  }
  .btn-computer:hover span::before {
    color: #e80012;
  }
  .btn-computer:hover span::after {
    color: #e80012;
    transform: translateX(3px);
  }
}
@media screen and (max-width: 767px) {
  .btn-computer {
    border-radius: 50px;
    font-size: 1.6rem;
    line-height: 48px;
  }
}
@media screen and (min-width: 768px) {
  .btn-computer::before {
    content: "";
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: #ffe7e9;
  }
}
@media screen and (min-width: 768px) {
  .btn-computer span {
    position: relative;
    display: block;
    width: 100%;
    height: 58px;
  }
}
.btn-computer span::before {
  content: "\e91b";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .btn-computer span::before {
    left: 17px;
    font-size: 23px;
  }
}
@media screen and (max-width: 767px) {
  .btn-computer span::before {
    left: 13px;
    font-size: 18px;
  }
}
.btn-computer span::after {
  content: "\e900";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .btn-computer span::after {
    right: 19px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .btn-computer span::after {
    right: 14px;
    font-size: 9px;
  }
}

/*    btn-anchor
 * ------------------------------------------------- */
.btn-anchor {
  overflow: hidden;
  position: relative;
  display: inline-block;
  padding: 0;
  border: 2px solid #ec6d65;
  border-radius: 46px;
  background: #fff;
  text-align: center;
  font-size: 1.6rem;
  line-height: 46px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .btn-anchor {
    transition: color 0.2s ease-out;
    min-width: 360px;
  }
  .btn-anchor::before {
    transition: width 0.2s ease-out;
  }
  .btn-anchor p::after,
  .btn-anchor span::after {
    transition: transform 0.2s ease-out, color 0.2s ease-out;
  }
  .btn-anchor:hover {
    color: #fff;
  }
  .btn-anchor:hover::before {
    left: 0;
    width: 100%;
  }
  .btn-anchor:hover p::after,
  .btn-anchor:hover span::after {
    color: #fff;
    transform: translateY(3px) rotate(90deg);
  }
}
@media screen and (max-width: 767px) {
  .btn-anchor {
    min-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .btn-anchor::before {
    content: "";
    position: absolute;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    background: #ec6d65;
  }
}
@media screen and (min-width: 768px) {
  .btn-anchor span {
    position: relative;
    display: block;
    width: 100%;
    height: 46px;
  }
}
.btn-anchor span::after {
  content: "\e900";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #ec6d65;
  font-family: "icon";
  font-weight: 400;
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .btn-anchor span::after {
    right: 19px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .btn-anchor span::after {
    right: 14px;
    font-size: 9px;
  }
}

/* ------------------------------------------------- *
*    effect
* ------------------------------------------------- */
/*    effect1
* ------------------------------------------------- */
.js-effect.c-effect1 {
  opacity: 0;
  transition: opacity 0.5s linear;
}
.js-effect.c-effect1.is-effectActive {
  opacity: 1;
}

.js-effectChildren.c-effect1 > * {
  opacity: 0;
  transition: opacity 0.5s linear;
}
.js-effectChildren.c-effect1 > *.is-effectActive {
  opacity: 1;
}

.js-effectStart.c-effect1 {
  opacity: 0;
}
.js-effectStart.c-effect1.is-effectActive {
  transition: opacity 0.5s linear;
  opacity: 1;
}

/*    effect2
* ------------------------------------------------- */
.js-effect.c-effect2 {
  opacity: 0;
  transform: translateX(10px);
  transition: opacity 0.5s linear, transform 0.5s ease;
}
.js-effect.c-effect2.is-effectActive {
  opacity: 1;
  transform: translateX(0);
}

.js-effectChildren.c-effect2 > * {
  opacity: 0;
  transform: translateX(10px);
  transition: opacity 0.5s linear, transform 0.5s ease;
}
.js-effectChildren.c-effect2 > *.is-effectActive {
  opacity: 1;
  transform: translateX(0);
}

.js-effectStart.c-effect2 {
  opacity: 0;
  transform: translateX(10px);
}
.js-effectStart.c-effect2.is-effectActive {
  transition: opacity 0.5s linear, transform 0.5s ease;
  opacity: 1;
  transform: translateX(0);
}

/*    effect3
* ------------------------------------------------- */
.js-effect.c-effect3 {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.js-effect.c-effect3 > * {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.js-effect.c-effect3 > *:nth-of-type(1) {
  transition-delay: 0.3s;
}
.js-effect.c-effect3 > *:nth-of-type(2) {
  transition-delay: 0.6s;
}
.js-effect.c-effect3 > *:nth-of-type(3) {
  transition-delay: 0.9s;
}
.js-effect.c-effect3 > *:nth-of-type(4) {
  transition-delay: 1.2s;
}
.js-effect.c-effect3 > *:nth-of-type(5) {
  transition-delay: 1.5s;
}
.js-effect.c-effect3 > *:nth-of-type(6) {
  transition-delay: 1.8s;
}
.js-effect.c-effect3 > *:nth-of-type(7) {
  transition-delay: 2.1s;
}
.js-effect.c-effect3 > *:nth-of-type(8) {
  transition-delay: 2.4s;
}
.js-effect.c-effect3 > *:nth-of-type(9) {
  transition-delay: 2.7s;
}
.js-effect.c-effect3 > *:nth-of-type(10) {
  transition-delay: 3s;
}
.js-effect.is-effectActive.c-effect3 {
  opacity: 1;
  transform: translateY(0);
}
.js-effect.is-effectActive.c-effect3 > * {
  opacity: 1;
  transform: translateY(0);
}

/*    effect4
* ------------------------------------------------- */
.js-effect.c-effect4 {
  opacity: 0;
  transform: translateX(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.js-effect.c-effect4 > * {
  opacity: 0;
  transform: translateX(10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.js-effect.c-effect4 > *:nth-of-type(1) {
  transition-delay: 0.3s;
}
.js-effect.c-effect4 > *:nth-of-type(2) {
  transition-delay: 0.6s;
}
.js-effect.c-effect4 > *:nth-of-type(3) {
  transition-delay: 0.9s;
}
.js-effect.c-effect4 > *:nth-of-type(4) {
  transition-delay: 1.2s;
}
.js-effect.c-effect4 > *:nth-of-type(5) {
  transition-delay: 1.5s;
}
.js-effect.c-effect4 > *:nth-of-type(6) {
  transition-delay: 1.8s;
}
.js-effect.c-effect4 > *:nth-of-type(7) {
  transition-delay: 2.1s;
}
.js-effect.c-effect4 > *:nth-of-type(8) {
  transition-delay: 2.4s;
}
.js-effect.c-effect4 > *:nth-of-type(9) {
  transition-delay: 2.7s;
}
.js-effect.c-effect4 > *:nth-of-type(10) {
  transition-delay: 3s;
}
.js-effect.is-effectActive.c-effect4 {
  opacity: 1;
  transform: translateX(0);
}
.js-effect.is-effectActive.c-effect4 > * {
  opacity: 1;
  transform: translateX(0);
}

/*    effect5
* ------------------------------------------------- */
.js-effect.c-effect5 {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s linear, transform 0.5s ease;
}
.js-effect.c-effect5.is-effectActive {
  opacity: 1;
  transform: translateY(0);
}

.js-effectChildren.c-effect5 > * {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s linear, transform 0.5s ease;
}
.js-effectChildren.c-effect5 > *.is-effectActive {
  opacity: 1;
  transform: translateY(0);
}

.js-effectStart.c-effect5 {
  opacity: 0;
  transform: translateY(10px);
}
.js-effectStart.c-effect5.is-effectActive {
  transition: opacity 0.5s linear, transform 0.5s ease;
  opacity: 1;
  transform: translateY(0);
}

/*    effect6
* ------------------------------------------------- */
.js-effect.c-effect6 {
  opacity: 0;
  top: 10px;
  transition: opacity 0.5s linear, top 0.5s ease;
}
.js-effect.c-effect6.is-effectActive {
  opacity: 1;
  top: 0;
}

.js-effectChildren.c-effect6 > * {
  opacity: 0;
  top: 10px;
  transition: opacity 0.5s linear, top 0.5s ease;
}
.js-effectChildren.c-effect6 > *.is-effectActive {
  opacity: 1;
  top: 0;
}

.js-effectStart.c-effect6 {
  opacity: 0;
  top: 10px;
}
.js-effectStart.c-effect6.is-effectActive {
  transition: opacity 0.5s linear, top 0.5s ease;
  opacity: 1;
  top: 0;
}

/* ------------------------------------------------- *
 *    form
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    Frame
 * ------------------------------------------------- */
/*    wrap
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .wrap {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 90px;
    padding-left: 90px;
  }
}
@media screen and (max-width: 767px) {
  .wrap {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/*    frame01
 * ------------------------------------------------- */
.frame01 {
  position: relative;
}
.frame01.bg-beige {
  background: #f5f1e6;
}
@media screen and (min-width: 768px) {
  .frame01.bg-beige {
    padding: 80px 0 120px;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-beige {
    padding: 40px 0 60px;
  }
}
.frame01.bg-gray {
  background: #f0f0f0;
}
@media screen and (min-width: 768px) {
  .frame01.bg-gray {
    padding: 80px 0 120px;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-gray {
    padding: 40px 0 60px;
  }
}
.frame01.bg-white {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .frame01.bg-white {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding: 80px 0 120px;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-white {
    padding: 40px 0 60px;
  }
}
@media screen and (min-width: 768px) {
  .frame01.bg-usage {
    padding: 80px 0 120px;
    background: url(/homesecurity/common_v6/img/bg_usage1_01_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage {
    position: relative;
    padding: 40px 0 60px;
    background: #f5f1e6 url(/homesecurity/common_v6/img/bg_usage1_01_sp.webp) no-repeat 0 0;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
  }
}
@media screen and (min-width: 768px) {
  .frame01.bg-usage01 {
    padding: 80px 0 60px;
    background: url(/homesecurity/common_v6/img/price/bg_floorplan_kodate_floor_01_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage01 {
    position: relative;
    padding: 40px 0 60px;
    background: #f5f1e6 url(/homesecurity/common_v6/img/price/bg_floorplan_kodate_floor_01_sp.webp) no-repeat 0 0;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage01::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
  }
}
@media screen and (min-width: 768px) {
  .frame01.bg-usage02 {
    padding: 80px 0 60px;
    background: url(/homesecurity/common_v6/img/price/bg_floorplan_kodate_floor_02_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage02 {
    position: relative;
    padding: 40px 0 60px;
    background: #f5f1e6 url(/homesecurity/common_v6/img/price/bg_floorplan_kodate_floor_02_sp.webp) no-repeat 0 0;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage02::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
  }
}
@media screen and (min-width: 768px) {
  .frame01.bg-usage03 {
    padding: 80px 0 60px;
    background: url(/homesecurity/common_v6/img/price/bg_floorplan_mansion_floor_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage03 {
    position: relative;
    padding: 40px 0 60px;
    background: #f5f1e6 url(/homesecurity/common_v6/img/price/bg_floorplan_mansion_floor_sp.webp) no-repeat 0 0;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage03::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
  }
}
@media screen and (min-width: 768px) {
  .frame01.bg-usage04 {
    padding: 80px 0 60px;
    background: url(/homesecurity/common_v6/img/price/bg_floorplan_office_floor_01_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage04 {
    position: relative;
    padding: 40px 0 60px;
    background: #f5f1e6 url(/homesecurity/common_v6/img/price/bg_floorplan_office_floor_01_sp.webp) no-repeat 0 0;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage04::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
  }
}
@media screen and (min-width: 768px) {
  .frame01.bg-usage05 {
    padding: 80px 0 60px;
    background: url(/homesecurity/common_v6/img/price/bg_floorplan_office_floor_02_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage05 {
    position: relative;
    padding: 40px 0 60px;
    background: #f5f1e6 url(/homesecurity/common_v6/img/price/bg_floorplan_office_floor_02_sp.webp) no-repeat 0 0;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) {
  .frame01.bg-usage05::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    background: #fff;
  }
}
@media screen and (min-width: 768px) {
  .service-lst-panel-detail .frame01 {
    margin: -80px -100px;
  }
}
@media screen and (max-width: 767px) {
  .service-lst-panel-detail .frame01 {
    margin: -20px -20px -40px;
  }
}
@media screen and (min-width: 768px) {
  .service-lst-panel-detail .frame01 + .frame01 {
    margin-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .service-lst-panel-detail .frame01 + .frame01 {
    margin-top: 20px;
  }
}

/*    frame02
 * ------------------------------------------------- */
.frame02-per {
  position: relative;
  border-radius: 10px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .frame02-per {
    padding: 30px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  }
}
@media screen and (max-width: 767px) {
  .frame02-per {
    padding: 20px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  }
}

/*    frame03
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .frame03 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .frame03 {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .frame03-ttl {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .frame03-ttl {
    margin-bottom: 20px;
  }
}
.frame03-ttl .label {
  display: inline-flex;
  align-items: center;
  background: #bf360c;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .frame03-ttl .label {
    border-radius: 8px;
    min-height: 36px;
    margin-right: 20px;
    padding: 0 20px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .frame03-ttl .label {
    border-radius: 4px;
    min-height: 21px;
    margin-bottom: 5px;
    padding: 0 10px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .frame03-ttl .text {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .frame03-ttl .text {
    font-size: 1.8rem;
  }
}

/* ------------------------------------------------- *
 *    grid
 * ------------------------------------------------- */
.grid01 {
  display: flex;
  flex-wrap: wrap;
}
.grid01.is-reverse {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .grid01.is-reverse-pc {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 767px) {
  .grid01.is-reverse-sp {
    flex-direction: row-reverse;
  }
}
.grid01.is-center {
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .grid01.is-center-pc {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .grid01.is-center-sp {
    justify-content: center;
  }
}
.grid01.is-vCenter {
  align-items: center;
}
@media screen and (min-width: 768px) {
  .grid01.is-vCenter-pc {
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .grid01.is-vCenter-sp {
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .grid01-pc {
    display: flex;
    flex-wrap: wrap;
  }
  .grid01-pc.is-reverse-pc {
    flex-direction: row-reverse;
  }
  .grid01-pc.is-center-pc {
    justify-content: center;
  }
  .grid01-pc.is-vCenter-pc {
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  .grid01-sp {
    display: flex;
    flex-wrap: wrap;
  }
  .grid01-sp.is-reverse-sp {
    flex-direction: row-reverse;
  }
  .grid01-sp.is-center-sp {
    justify-content: center;
  }
  .grid01-sp.is-vCenter-sp {
    align-items: center;
  }
}

.is-col1 > .grid01_unit {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .is-col1-pc > .grid01_unit {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .is-col1-sp > .grid01_unit {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .is-col3-pc .grid01_unit.is-col1 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .is-col3-pc .grid01_unit.is-col2 {
    width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .is-col4-pc .grid01_unit.is-col1 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .is-col4-pc .grid01_unit.is-col2 {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .is-col5-pc .grid01_unit.is-col1 {
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  .is-col5-pc .grid01_unit.is-col2 {
    width: 40%;
  }
}

.is-col2 > .grid01_unit {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .is-col2-pc > .grid01_unit {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .is-col2-sp > .grid01_unit {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .is-col3-pc .grid01_unit.is-col1 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .is-col3-pc .grid01_unit.is-col2 {
    width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .is-col4-pc .grid01_unit.is-col1 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .is-col4-pc .grid01_unit.is-col2 {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .is-col5-pc .grid01_unit.is-col1 {
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  .is-col5-pc .grid01_unit.is-col2 {
    width: 40%;
  }
}

.is-col3 > .grid01_unit {
  width: 33.3333333333%;
}
@media screen and (min-width: 768px) {
  .is-col3-pc > .grid01_unit {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 767px) {
  .is-col3-sp > .grid01_unit {
    width: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) {
  .is-col3-pc .grid01_unit.is-col1 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .is-col3-pc .grid01_unit.is-col2 {
    width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .is-col4-pc .grid01_unit.is-col1 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .is-col4-pc .grid01_unit.is-col2 {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .is-col5-pc .grid01_unit.is-col1 {
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  .is-col5-pc .grid01_unit.is-col2 {
    width: 40%;
  }
}

.is-col4 > .grid01_unit {
  width: 25%;
}
@media screen and (min-width: 768px) {
  .is-col4-pc > .grid01_unit {
    width: 25%;
  }
}
@media screen and (max-width: 767px) {
  .is-col4-sp > .grid01_unit {
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .is-col3-pc .grid01_unit.is-col1 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .is-col3-pc .grid01_unit.is-col2 {
    width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .is-col4-pc .grid01_unit.is-col1 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .is-col4-pc .grid01_unit.is-col2 {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .is-col5-pc .grid01_unit.is-col1 {
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  .is-col5-pc .grid01_unit.is-col2 {
    width: 40%;
  }
}

.is-col5 > .grid01_unit {
  width: 20%;
}
@media screen and (min-width: 768px) {
  .is-col5-pc > .grid01_unit {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .is-col5-sp > .grid01_unit {
    width: 20%;
  }
}

@media screen and (min-width: 768px) {
  .is-col3-pc .grid01_unit.is-col1 {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .is-col3-pc .grid01_unit.is-col2 {
    width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) {
  .is-col4-pc .grid01_unit.is-col1 {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .is-col4-pc .grid01_unit.is-col2 {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .is-col5-pc .grid01_unit.is-col1 {
    width: 20%;
  }
}
@media screen and (min-width: 768px) {
  .is-col5-pc .grid01_unit.is-col2 {
    width: 40%;
  }
}

.is-gutter10 {
  margin-right: -5px;
  margin-left: -5px;
}
.is-gutter10 > * {
  padding-right: 5px;
  padding-left: 5px;
}
@media screen and (min-width: 768px) {
  .is-gutter10-pc {
    margin-right: -5px;
    margin-left: -5px;
  }
}
@media screen and (min-width: 768px) {
  .is-gutter10-pc > .grid01_unit {
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter10-sp {
    margin-right: -5px;
    margin-left: -5px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter10-sp > .grid01_unit {
    padding-right: 5px;
    padding-left: 5px;
  }
}

.is-gutter20 {
  margin-right: -10px;
  margin-left: -10px;
}
.is-gutter20 > * {
  padding-right: 10px;
  padding-left: 10px;
}
@media screen and (min-width: 768px) {
  .is-gutter20-pc {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (min-width: 768px) {
  .is-gutter20-pc > .grid01_unit {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter20-sp {
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter20-sp > .grid01_unit {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.is-gutter30 {
  margin-right: -15px;
  margin-left: -15px;
}
.is-gutter30 > * {
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (min-width: 768px) {
  .is-gutter30-pc {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media screen and (min-width: 768px) {
  .is-gutter30-pc > .grid01_unit {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter30-sp {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter30-sp > .grid01_unit {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.is-gutter32 {
  margin-right: -16px;
  margin-left: -16px;
}
.is-gutter32 > * {
  padding-right: 16px;
  padding-left: 16px;
}
@media screen and (min-width: 768px) {
  .is-gutter32-pc {
    margin-right: -16px;
    margin-left: -16px;
  }
}
@media screen and (min-width: 768px) {
  .is-gutter32-pc > .grid01_unit {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter32-sp {
    margin-right: -16px;
    margin-left: -16px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter32-sp > .grid01_unit {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.is-gutter40 {
  margin-right: -20px;
  margin-left: -20px;
}
.is-gutter40 > * {
  padding-right: 20px;
  padding-left: 20px;
}
@media screen and (min-width: 768px) {
  .is-gutter40-pc {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media screen and (min-width: 768px) {
  .is-gutter40-pc > .grid01_unit {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter40-sp {
    margin-right: -20px;
    margin-left: -20px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter40-sp > .grid01_unit {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.is-gutter50 {
  margin-right: -25px;
  margin-left: -25px;
}
.is-gutter50 > * {
  padding-right: 25px;
  padding-left: 25px;
}
@media screen and (min-width: 768px) {
  .is-gutter50-pc {
    margin-right: -25px;
    margin-left: -25px;
  }
}
@media screen and (min-width: 768px) {
  .is-gutter50-pc > .grid01_unit {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter50-sp {
    margin-right: -25px;
    margin-left: -25px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter50-sp > .grid01_unit {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.is-gutter60 {
  margin-right: -30px;
  margin-left: -30px;
}
.is-gutter60 > * {
  padding-right: 30px;
  padding-left: 30px;
}
@media screen and (min-width: 768px) {
  .is-gutter60-pc {
    margin-right: -30px;
    margin-left: -30px;
  }
}
@media screen and (min-width: 768px) {
  .is-gutter60-pc > .grid01_unit {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter60-sp {
    margin-right: -30px;
    margin-left: -30px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter60-sp > .grid01_unit {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.is-gutter70 {
  margin-right: -35px;
  margin-left: -35px;
}
.is-gutter70 > * {
  padding-right: 35px;
  padding-left: 35px;
}
@media screen and (min-width: 768px) {
  .is-gutter70-pc {
    margin-right: -35px;
    margin-left: -35px;
  }
}
@media screen and (min-width: 768px) {
  .is-gutter70-pc > .grid01_unit {
    padding-right: 35px;
    padding-left: 35px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter70-sp {
    margin-right: -35px;
    margin-left: -35px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter70-sp > .grid01_unit {
    padding-right: 35px;
    padding-left: 35px;
  }
}

.is-gutter80 {
  margin-right: -40px;
  margin-left: -40px;
}
.is-gutter80 > * {
  padding-right: 40px;
  padding-left: 40px;
}
@media screen and (min-width: 768px) {
  .is-gutter80-pc {
    margin-right: -40px;
    margin-left: -40px;
  }
}
@media screen and (min-width: 768px) {
  .is-gutter80-pc > .grid01_unit {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter80-sp {
    margin-right: -40px;
    margin-left: -40px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutter80-sp > .grid01_unit {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.is-gutterbtm10 {
  margin-bottom: -10px;
}
.is-gutterbtm10 > * {
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .is-gutterbtm10-pc > .grid01_unit {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutterbtm10-sp > .grid01_unit {
    margin-bottom: 10px;
  }
}

.is-gutterbtm20 {
  margin-bottom: -20px;
}
.is-gutterbtm20 > * {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .is-gutterbtm20-pc > .grid01_unit {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutterbtm20-sp > .grid01_unit {
    margin-bottom: 20px;
  }
}

.is-gutterbtm30 {
  margin-bottom: -30px;
}
.is-gutterbtm30 > * {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .is-gutterbtm30-pc > .grid01_unit {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutterbtm30-sp > .grid01_unit {
    margin-bottom: 30px;
  }
}

.is-gutterbtm40 {
  margin-bottom: -40px;
}
.is-gutterbtm40 > * {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .is-gutterbtm40-pc > .grid01_unit {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutterbtm40-sp > .grid01_unit {
    margin-bottom: 40px;
  }
}

.is-gutterbtm50 {
  margin-bottom: -50px;
}
.is-gutterbtm50 > * {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .is-gutterbtm50-pc > .grid01_unit {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutterbtm50-sp > .grid01_unit {
    margin-bottom: 50px;
  }
}

.is-gutterbtm60 {
  margin-bottom: -60px;
}
.is-gutterbtm60 > * {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .is-gutterbtm60-pc > .grid01_unit {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutterbtm60-sp > .grid01_unit {
    margin-bottom: 60px;
  }
}

.is-gutterbtm70 {
  margin-bottom: -70px;
}
.is-gutterbtm70 > * {
  margin-bottom: 70px;
}
@media screen and (min-width: 768px) {
  .is-gutterbtm70-pc > .grid01_unit {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutterbtm70-sp > .grid01_unit {
    margin-bottom: 70px;
  }
}

.is-gutterbtm80 {
  margin-bottom: -80px;
}
.is-gutterbtm80 > * {
  margin-bottom: 80px;
}
@media screen and (min-width: 768px) {
  .is-gutterbtm80-pc > .grid01_unit {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .is-gutterbtm80-sp > .grid01_unit {
    margin-bottom: 80px;
  }
}

.grid01-sp > * {
  width: calc(50% - 5px);
}

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

/*    link-arrow02
 * ------------------------------------------------- */
.link-arrow02,
.link-arrow02-hs,
.link-arrow02-per,
.link-arrow02-bus,
.link-arrow02-corp,
.link-arrow02-l {
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .link-arrow02,
  .link-arrow02-hs,
  .link-arrow02-per,
  .link-arrow02-bus,
  .link-arrow02-corp,
  .link-arrow02-l {
    padding-left: 30px;
  }
  .link-arrow02::before,
  .link-arrow02-hs::before,
  .link-arrow02-per::before,
  .link-arrow02-bus::before,
  .link-arrow02-corp::before,
  .link-arrow02-l::before {
    transition: width 0.2s ease-out;
  }
  .link-arrow02:hover::before,
  .link-arrow02-hs:hover::before,
  .link-arrow02-per:hover::before,
  .link-arrow02-bus:hover::before,
  .link-arrow02-corp:hover::before,
  .link-arrow02-l:hover::before {
    left: 15px;
    width: calc(100% - 15px);
  }
}
@media screen and (max-width: 767px) {
  .link-arrow02,
  .link-arrow02-hs,
  .link-arrow02-per,
  .link-arrow02-bus,
  .link-arrow02-corp,
  .link-arrow02-l {
    padding-left: 23px;
  }
}
.link-arrow02::after,
.link-arrow02-hs::after,
.link-arrow02-per::after,
.link-arrow02-bus::after,
.link-arrow02-corp::after,
.link-arrow02-l::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-arrow02::after,
  .link-arrow02-hs::after,
  .link-arrow02-per::after,
  .link-arrow02-bus::after,
  .link-arrow02-corp::after,
  .link-arrow02-l::after {
    width: 6px;
    height: 17px;
    font-size: 18px;
    transform: translateY(75%);
  }
}
@media screen and (max-width: 767px) {
  .link-arrow02::after,
  .link-arrow02-hs::after,
  .link-arrow02-per::after,
  .link-arrow02-bus::after,
  .link-arrow02-corp::after,
  .link-arrow02-l::after {
    width: 7px;
    height: 14px;
    font-size: 14px;
    transform: translateY(75%);
  }
}

/*    link-list
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .link-list {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .link-list {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .link-list li {
    margin-top: 15px;
  }
}
@media screen and (min-width: 768px) {
  .link-list li + li {
    margin-top: 15px;
  }
}
/*    txt-question
 * ------------------------------------------------- */
.txt-question {
  position: relative;
}
@media screen and (min-width: 768px) {
  .txt-question {
    padding-left: 30px;
    font-size: 1.6rem;
    transition: color 0.2s ease-out;
  }
}
@media screen and (max-width: 767px) {
  .txt-question {
    padding-left: 25px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .txt-question::before, .txt-question::after {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    color: #ec6d65;
    vertical-align: middle;
    font-size: 2.4rem;
    line-height: 1;
    font-family: "icon";
    transform: translateY(-50%);
    transition: opacity 0.2s ease-out;
  }
}
.txt-question::before {
  content: "\e909";
}
@media screen and (min-width: 768px) {
  .txt-question::before {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .txt-question::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    color: #ec6d65;
    vertical-align: middle;
    font-size: 2rem;
    line-height: 1;
    font-family: "icon";
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  .txt-question::after {
    content: "\e90c";
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  .txt-question:hover {
    color: #ec6d65;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .txt-question:hover::before {
    opacity: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .txt-question:hover::after {
    opacity: 1;
  }
}

/* ------------------------------------------------- *
 *    loading
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    modal
 * ------------------------------------------------- */
.modal-dialog {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .modal-dialog {
    max-width: 900px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .modal-dialog {
    margin: 20px auto;
  }
}

.modal-content {
  overflow: hidden;
  /* margin-left: 20px;
  margin-right: 20px;
  background: #fff; */
}

.modal-head {
  background-color: #ffe5e3;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 767px) {
  .modal-head {
    font-size: 26px;
    font-size: 1.625rem;
    padding: 10px 20px;
  }
}

.modal-body {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
}
@media screen and (min-width: 768px) {
  .modal-body {
    padding: 40px;
    overflow-y: auto;
  }
}
@media screen and (max-width: 767px) {
  .modal-body {
    padding: 20px;
    max-height: 405px;
    overflow-y: auto;
  }
}
.modal-body.is-gray {
  background: #f0f0f0;
}

.modal-bottom {
  background: #fff;
  padding: 20px 40px;
  box-shadow: 0 -3px 7px -5px rgba(0, 0, 0, 0.25);
  position: relative;
  border-radius: 0 0 10px 10px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .modal-bottom {
    padding: 20px;
  }
}
.modal-body .modal-bottom {
  padding: 40px 0 0 0;
}

.modal-close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  position: absolute;
  right: 20px;
  display: block;
  padding: 0;
  border: none;
  background: transparent;
  text-indent: -999px;
}
@media screen and (min-width: 768px) {
  .modal-close {
    top: -40px;
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .modal-close {
    top: -30px;
    width: 26px;
    height: 26px;
  }
}
.modal-close::before, .modal-close::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  display: inline-block;
  background: #fff;
  transform-origin: center center;
  width: 100%;
  height: 2px;
}
.modal-close::before {
  transform: rotate(45deg);
}
.modal-close::after {
  transform: rotate(-45deg);
}

/* type02 */
@media screen and (min-width: 768px) {
  .modal.is-type02 .modal-dialog {
    width: 90%;
    max-width: 1220px;
  }
}
.modal.is-type02 .modal-body2 {
  max-height: calc(90vh - 40px);
  overflow-y: auto;
  text-align: left;
}
/* ------------------------------------------------- *
 *    nav
 * ------------------------------------------------- */
/* plan-select */
.v6-plan-select {
  background: #f0f0f0;
}
@media screen and (max-width: 767px) {
  .v6-plan-select {
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .v6-plan-select::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #ccc;
  }
}
@media screen and (min-width: 768px) {
  .v6-plan-select .wrap {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .v6-plan-select .wrap {
    padding-right: 0;
    padding-left: 0;
  }
}
.v6-plan-select ul {
  display: flex;
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul {
    justify-content: center;
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .v6-plan-select ul {
    height: 85px;
  }
}
.v6-plan-select ul li {
  position: relative;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li {
    /* width: 473px; */
    width: 50%;
    max-width: 710px;
  }
}
@media screen and (max-width: 767px) {
  .v6-plan-select ul li {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li::before, .v6-plan-select ul li::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 1px;
    height: 40px;
    margin: auto;
    background: #ccc;
  }
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li::before {
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li::after {
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li + li {
    margin-left: -1px;
  }
}
@media screen and (max-width: 767px) {
  .v6-plan-select ul li + li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: inline-block;
    width: 1px;
    height: 100%;
    background: #ccc;
  }
}
.v6-plan-select ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
  font-weight: 700;
  color: #999;
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li a {
    transition: background 0.2s ease-out, color 0.2s ease-out;
    align-items: center;
    font-size: 2.4rem;
  }
  .v6-plan-select ul li a::before {
    transition: background 0.2s ease-out, transform 0.2s ease-out;
  }
  .v6-plan-select ul li a::after {
    transition: color 0.2s ease-out;
  }
  .v6-plan-select ul li a:hover {
    color: #000;
  }
  .v6-plan-select ul li a:hover::before {
    transform: scaleX(1);
  }
}
@media screen and (max-width: 767px) {
  .v6-plan-select ul li a {
    padding-top: 55px;
    font-size: 1.7rem;
    transition: background 0.2s ease-out, color 0.2s ease-out;
  }
}
.v6-plan-select ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  display: inline-block;
  height: 4px;
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li a::before {
    left: -1px;
    width: calc(100% + 2px);
    background: #ec6d65;
    transform: scaleX(0);
  }
}
@media screen and (max-width: 767px) {
  .v6-plan-select ul li a::before {
    left: 0;
    width: 100%;
    background: #ccc;
    transition: background 0.2s ease-out, transform 0.2s ease-out;
  }
}
.v6-plan-select ul li a::after {
  position: absolute;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .v6-plan-select ul li a::after {
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 1;
  }
}
.v6-plan-select ul li a.is-active {
  background: #fff;
  color: #000;
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li a.is-active {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li a.is-active::before {
    transform: scaleX(1);
  }
}
.v6-plan-select ul li a.is-active::after {
  color: #ec6d65;
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li a.is-active::after {
    margin-left: -1px;
  }
}
.v6-plan-select ul li.plan-rental a::after {
  content: "\e903";
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li.plan-rental a::after {
    left: 19px;
    font-size: 38px;
  }
}
@media screen and (max-width: 767px) {
  .v6-plan-select ul li.plan-rental a::after {
    top: 14px;
    font-size: 29px;
  }
}
.v6-plan-select ul li.plan-mansion a::after {
  content: "\e904";
}
@media screen and (min-width: 768px) {
  .v6-plan-select ul li.plan-mansion a::after {
    left: 19px;
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .v6-plan-select ul li.plan-mansion a::after {
    top: 14px;
    font-size: 30px;
  }
}

/* price-select */
.v6-price-select {
  position: relative;
}
.v6-price-select::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
}
.v6-price-select ul {
  display: flex;
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .v6-price-select ul {
    justify-content: center;
    height: 60px;
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 90px;
    padding-left: 90px;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-select ul {
    height: 53px;
  }
}
.v6-price-select ul li {
  position: relative;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .v6-price-select ul li {
    /* width: 473px; */
    width: 50%;
    max-width: 710px;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-select ul li {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .v6-price-select ul li::before, .v6-price-select ul li::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 1px;
    height: 40px;
    margin: auto;
    background: #ccc;
  }
}
@media screen and (min-width: 768px) {
  .v6-price-select ul li::before {
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .v6-price-select ul li::after {
    right: 0;
  }
}
.v6-price-select ul li + li {
  margin-left: -1px;
}
.v6-price-select ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 2rem;
  font-weight: 700;
  color: #666;
}
@media screen and (min-width: 768px) {
  .v6-price-select ul li a {
    transition: background 0.2s ease-out, color 0.2s ease-out;
  }
  .v6-price-select ul li a::before {
    transition: background 0.2s ease-out, transform 0.2s ease-out;
  }
  .v6-price-select ul li a::after {
    transition: color 0.2s ease-out;
  }
  .v6-price-select ul li a:hover {
    color: #000;
  }
  .v6-price-select ul li a:hover::before {
    transform: scaleX(1);
  }
}
.v6-price-select ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  display: inline-block;
  width: calc(100% + 2px);
  background: #ec6d65;
  transform: scaleX(0);
}
@media screen and (min-width: 768px) {
  .v6-price-select ul li a::before {
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-select ul li a::before {
    height: 4px;
  }
}
.v6-price-select ul li a.is-active {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
  color: #000;
}
.v6-price-select ul li a.is-active::before {
  transform: scaleX(1);
}

/* price-contents */
.v6-price-contents {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .v6-price-contents {
    padding-bottom: 100px;
  }
}
.v6-price-contents .wrap-plan-detail {
  position: relative;
  /* head */
  /* body */
}
@media screen and (min-width: 768px) {
  [data-view="plan_type=kodate"] .v6-price-contents .wrap-plan-detail {
    min-height: 640px;
    padding-top: 35%;
    background: url(/homesecurity/common_v6/img/bg_kodate_detail_pc.webp) no-repeat 50% 50%;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  [data-view="plan_type=kodate"] .v6-price-contents .wrap-plan-detail {
    background: url(/homesecurity/common_v6/img/bg_kodate_detail_sp.webp) no-repeat top left;
    background-size: 100% auto;
    padding-top: 64%;
  }
}
@media screen and (min-width: 768px) {
  [data-view="plan_type=kodate"] .v6-price-contents .wrap-plan-detail.akiya-taisaku {
    min-height: 640px;
    padding-top: 35%;
    background: url(/homesecurity/common_v6/img/bg_kodate_akiya_detail_pc.webp) no-repeat 50% 50%;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  [data-view="plan_type=kodate"] .v6-price-contents .wrap-plan-detail.akiya-taisaku {
    background: url(/homesecurity/common_v6/img/bg_kodate_akiya_detail_sp.webp) no-repeat top left;
    background-size: 100% auto;
    padding-top: 64%;
  }
}
@media screen and (min-width: 768px) {
  [data-view="plan_type=kodate"] .v6-price-contents .wrap-plan-detail.shinchiku {
    min-height: 640px;
    padding-top: 35%;
    background: url(/homesecurity/common_v6/img/bg_shinchiku_detail_pc.webp) no-repeat 50% 50%;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  [data-view="plan_type=kodate"] .v6-price-contents .wrap-plan-detail.shinchiku {
    background: url(/homesecurity/common_v6/img/bg_shinchiku_detail_sp.webp) no-repeat top left;
    background-size: 100% auto;
    padding-top: 64%;
  }
}
@media screen and (min-width: 768px) {
  [data-view="plan_type=mansion"] .v6-price-contents .wrap-plan-detail {
    min-height: 640px;
    padding-top: 35%;
    background: url(/homesecurity/common_v6/img/bg_mansion_detail_pc.webp) no-repeat 50% 50%;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  [data-view="plan_type=mansion"] .v6-price-contents .wrap-plan-detail {
    background: url(/homesecurity/common_v6/img/bg_mansion_detail_sp.webp) no-repeat top left;
    background-size: 100% auto;
    padding-top: 64%;
  }
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .wrap-plan-detail-inr {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 90px;
    padding-left: 90px;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .wrap-plan-detail-inr {
    padding: 0 20px;
  }
}
.v6-price-contents .wrap-plan-detail .plan-detai-wrap {
  border-radius: 10px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detai-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50%));
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detai-wrap {
    margin-top: -80px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
.v6-price-contents .wrap-plan-detail .plan-detail-head {
  display: flex;
  width: 100%;
  align-items: center;
  background: #f0f0f0;
  border-radius: 10px 10px 0 0;
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-head {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-head {
    height: 80px;
  }
}
.v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-icon {
    flex: 0 0 100px;
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-icon {
    flex: 0 0 73px;
    width: 73px;
  }
}
.v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-ttl h2 {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-ttl h2 {
    font-size: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-ttl h2 {
    font-size: 3rem;
  }
}
.v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-ttl h4 {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-ttl h4 {
    font-size: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-ttl h4 {
    font-size: 3rem;
  }
}
.v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-ttl p {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-ttl p {
    margin-top: 5px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-head .plan-detail-head-ttl p {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body {
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body {
    padding: 20px;
  }
}
.v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-price {
  display: flex;
  align-items: baseline;
}
.v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-price-icon::before {
  content: "\e907";
  display: inline-block;
  font-family: "icon";
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-price-icon::before {
    margin-right: 20px;
    font-size: 23px;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-price-icon::before {
    display: none;
    margin-right: 10px;
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-price-set {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-price-set {
    font-size: 1.4rem;
  }
}
.v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-price-set .util-ff-oswald {
  display: inline-block;
  line-height: 1;
  font-family: "Oswald", sans-serif;
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-price-set .util-ff-oswald {
    margin: 0 5px;
    font-size: 5.6rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-price-set .util-ff-oswald {
    margin: 0 3px;
    font-size: 3.8rem;
  }
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-box-notes {
    margin-top: 30px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-box-notes {
    margin-top: 15px;
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
.v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-box-notes > li {
  position: relative;
  padding-left: 1em;
}
.v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-box-notes > li::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-box-notes > li + li {
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .btn-basic {
    width: 360px;
    margin: 30px auto 0;
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .btn-basic {
    margin: 15px auto 0;
    background: #ec6d65;
    font-size: 2.4rem;
    color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .btn-basic span::after {
    color: #fff;
  }
}
.v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-desc {
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1.8;
  transform: translateY(calc(100% + 15px));
}
@media screen and (min-width: 768px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-price-contents .wrap-plan-detail .plan-detail-body .plan-detail-body-desc {
    padding: 0 20px;
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
.v6-price-contents .price-plan-none {
  display: none;
}

/* ------------------------------------------------- *
 *    section
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .section {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .section {
    margin-bottom: 40px;
  }
}

/* ------------------------------------------------- *
 *    table
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    title
 * ------------------------------------------------- */
/*    headingH1
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .headingH1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  .headingH1 {
    width: 100%;
    padding: 5px 0;
    border-top: 1px solid #ccc;
    background: #f0f0f0;
  }
}
@media screen and (max-width: 767px) {
  .headingH1.is-absolute {
    position: absolute;
    left: 0;
    z-index: 99;
    border-top: none;
    background: rgba(255, 255, 255, 0.6);
  }
}
.headingH1 h1 {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .headingH1 h1 {
    display: flex;
    align-items: center;
    width: calc(100% - 400px);
    height: 42px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .headingH1 h1 {
    font-size: 1rem;
  }
}

/*    headingH3
 * ------------------------------------------------- */
.headingH3-hs,
.service-heading-hs,
.headingH3-per,
.headingH3-bar-hs {
  position: relative;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .headingH3-hs,
  .service-heading-hs,
  .headingH3-per,
  .headingH3-bar-hs {
    margin-bottom: 60px;
    padding: 0 0 20px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .headingH3-hs,
  .service-heading-hs,
  .headingH3-per,
  .headingH3-bar-hs {
    margin-bottom: 30px;
    padding: 0 0 15px;
    font-size: 2.6rem;
  }
}
.headingH3-hs::before,
.service-heading-hs::before,
.headingH3-per::before,
.headingH3-bar-hs::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  background: #000;
}
@media screen and (min-width: 768px) {
  .headingH3-hs::before,
  .service-heading-hs::before,
  .headingH3-per::before,
  .headingH3-bar-hs::before {
    width: 80px;
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  .headingH3-hs::before,
  .service-heading-hs::before,
  .headingH3-per::before,
  .headingH3-bar-hs::before {
    width: 60px;
    height: 1px;
  }
}

/*    heading-txt
 * ------------------------------------------------- */
.heading-txt-hs {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .heading-txt-hs {
    margin-bottom: 30px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .heading-txt-hs {
    margin-bottom: 30px;
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 768px) {
  .heading-txt-hs.is-type2 {
    margin-bottom: 30px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .heading-txt-hs.is-type2 {
    margin-bottom: 30px;
    font-size: 1.6rem;
  }
}

/* ------------------------------------------------- *
 *    topicpath
 * ------------------------------------------------- */
/*    headerTopicPath
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .headerTopicPath {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 90px;
    padding-left: 90px;
  }
}
/*    breadcrumb
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .breadcrumb {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
    background: #f0f0f0;
    font-size: 1.2rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb.is-absolute {
    position: absolute;
    width: 100%;
    z-index: 2;
    border-top: none;
    background: rgba(255, 255, 255, 0.6);
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb a,
  .breadcrumb span {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb a,
  .breadcrumb span {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb a {
    transition: opacity 0.3s linear;
    text-decoration: underline;
  }
  .breadcrumb a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb a {
    text-decoration: underline;
  }
}

/* bottom */
@media screen and (min-width: 768px) {
  .breadcrumb-bottom {
    padding-top: 19px;
    padding-bottom: 19px;
    border-top: 1px solid #ccc;
    background: #f8f8f8;
    font-size: 1.2rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb-bottom {
    padding: 9px 20px;
    border-top: 1px solid #ccc;
    background: #f8f8f8;
    font-size: 1rem;
    line-height: 1.8;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb-bottom a,
  .breadcrumb-bottom span {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb-bottom a,
  .breadcrumb-bottom span {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb-bottom a {
    transition: opacity 0.3s linear;
    text-decoration: underline;
  }
  .breadcrumb-bottom a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 767px) {
  .breadcrumb-bottom a {
    text-decoration: underline;
  }
}

/* ------------------------------------------------- *
 *    typography
 * ------------------------------------------------- */
/*    seotext
 * ------------------------------------------------- */
@media screen and (min-width: 768px) {
  .seotext {
    padding: 70px 0;
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .seotext {
    padding: 35px 0;
    font-size: 1.2rem;
    line-height: 1.8;
  }
}
@media screen and (min-width: 768px) {
  .seotext a {
    transition: opacity 0.3s linear;
    text-decoration: underline;
  }
  .seotext a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 767px) {
  .seotext a {
    text-decoration: underline;
  }
}

/*    notes
 * ------------------------------------------------- */
.txt-notes {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .txt-notes {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .txt-notes {
    font-size: 1rem;
  }
}
.txt-notes::before {
  content: "※";
}

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

/*    list
 * ------------------------------------------------- */
.list-circle02-hs {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .list-circle02-hs {
    margin-bottom: 30px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .list-circle02-hs {
    margin-bottom: 15px;
    font-size: 1.4rem;
  }
}
.list-circle02-hs > li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .list-circle02-hs > li {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .list-circle02-hs > li {
    padding-left: 15px;
  }
}
.list-circle02-hs > li::before {
  content: "";
  position: absolute;
  top: 0.75em;
  left: 0;
  display: block;
  border-radius: 50%;
  background: #999;
}
@media screen and (min-width: 768px) {
  .list-circle02-hs > li::before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
  }
}
@media screen and (max-width: 767px) {
  .list-circle02-hs > li::before {
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }
}
@media screen and (min-width: 768px) {
  .list-circle02-hs > li + li {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .list-circle02-hs > li + li {
    margin-top: 10px;
  }
}

/*    txt-check
 * ------------------------------------------------- */
.txt-check-hs {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .txt-check-hs {
    font-size: 1.6rem;
    padding: 0 0 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .txt-check-hs {
    font-size: 1.4rem;
    padding: 0 0 0 23px;
  }
}
.txt-check-hs span {
  font-weight: 700;
}
.txt-check-hs::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) {
  .txt-check-hs::before {
    width: 19px;
    height: 19px;
  }
}
@media screen and (max-width: 767px) {
  .txt-check-hs::before {
    width: 14px;
    height: 14px;
  }
}

/* ----------------------------------------------------------
  表示非表示切り替え
---------------------------------------------------------- */
.js-tgl:not(.js-tglSp) > .js-tglBody {
  display: none;
}
.js-tgl:not(.js-tglSp).js-tglActive > .js-tglBody {
  display: block;
}

/* ----------------------------------------------------------
  contents-more
---------------------------------------------------------- */
.contents-more-list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .contents-more-list {
    margin: 0 -16px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list {
    margin: 0 -10px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .contents-more-list > li {
    width: 33.33%;
    margin-top: 30px;
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li {
    width: 50%;
    margin-top: 20px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li.is-wide-sp {
    width: 100%;
  }
}
.contents-more-list > li > a {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .contents-more-list > li > a {
    transition: color 0.2s ease-out, box-shadow 0.2s ease-out;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
  .contents-more-list > li > a::after {
    transition: transform 0.2s ease-out;
  }
  .contents-more-list > li > a p::after,
  .contents-more-list > li > a span::after {
    transition: transform 0.2s ease-out;
  }
  .contents-more-list > li > a:hover {
    color: #ec6d65;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  }
  .contents-more-list > li > a:hover::after {
    transform: scale(1.05);
  }
  .contents-more-list > li > a:hover p::after,
  .contents-more-list > li > a:hover span::after {
    transform: translateX(3px);
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li > a {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .contents-more-list > li > a:not(.size-small) {
    padding-top: 42.4778761062%;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li > a:not(.size-small) {
    padding-top: 58.7301587302%;
  }
}
.contents-more-list > li > a:not(.size-small)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contents-more-list > li > a:not(.size-small)::after {
    padding-top: 42.4778761062%;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li > a:not(.size-small)::after {
    padding-top: 58.7301587302%;
  }
}
@media screen and (min-width: 768px) {
  .contents-more-list > li > a:not(.size-small) p {
    z-index: 2;
    height: 60px;
    padding: 0 40px 0 20px;
    background: #fff;
    font-size: 2.2rem;
    line-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li > a:not(.size-small) p {
    padding: 10px 20px;
    text-align: center;
    font-size: 2rem;
  }
}
.contents-more-list > li > a:not(.size-small) p span {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contents-more-list > li > a:not(.size-small) p span {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li > a:not(.size-small) p span {
    font-size: 2.4rem;
  }
}
.contents-more-list > li > a:not(.size-small).type-seniorparents::after {
  background: url(/homesecurity/common_v6/img/img_panel_seniorparents.webp) no-repeat 0 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-kodomo-mimamori::after {
  background: url(/homesecurity/common_v6/img/img_panel_kodomo_mimamori.webp) no-repeat 0 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-akisu-taisaku::after {
  background: url(/homesecurity/common_v6/img/img_panel_akisu_taisaku.webp) no-repeat 0 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-kasai-taisaku::after {
  background: url(/personal/img_v5/img_more_04.webp) no-repeat 50% 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-hushin-taisaku::after {
  background: url(/personal/img_v5/img_more_05.webp) no-repeat 50% 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-akiya-taisaku::after {
  background: url(/personal/img_v5/img_more_06.webp) no-repeat 50% 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-bouhan::after {
  background: url(/personal/img_v5/img_more_07.webp) no-repeat 50% 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-oneperson::after {
  background: url(/personal/img_v5/img_more_08.webp) no-repeat 50% 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-shinchiku::after {
  background: url(/personal/img_v5/img_more_09.webp) no-repeat 50% 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-camera::after {
  background: url(/personal/img_v5/img_goods_camera_01.webp) no-repeat 50% 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-kanshi-ikaku::after {
  background: url(/personal/img_v5/img_goods_07.webp) no-repeat 50% 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-kinko::after {
  background: url(/personal/img_v5/img_goods_04.webp) no-repeat 50% 0;
  background-size: cover;
}
.contents-more-list > li > a:not(.size-small).type-medical-aed::after {
  background: url(/personal/img_v5/img_medical_aed_01.webp) no-repeat 50% 0;
  background-size: cover;
}
.contents-more-list > li > a.size-small {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .contents-more-list > li > a.size-small {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li > a.size-small {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 80px;
  }
}
.contents-more-list > li > a.size-small p {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contents-more-list > li > a.size-small p {
    padding: 0 50px 0 20px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li > a.size-small p {
    padding: 10px 20px 10px 15px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .contents-more-list > li > a p {
    position: relative;
    display: block;
    width: 100%;
    line-height: 27px;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li > a p {
    position: relative;
    display: block;
    width: 100%;
  }
}
.contents-more-list > li > a p::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) {
  .contents-more-list > li > a p::after {
    right: 19px;
    height: 14px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li > a p::after {
    right: 10px;
    height: 11px;
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li.is-wide-sp > a:not(.size-small) {
    padding-top: 42.5373134328%;
  }
}
.contents-more-list > li.is-wide-sp > a:not(.size-small)::after {
  padding-top: 42.4778761062%;
}
@media screen and (min-width: 768px) {
  .contents-more-list > li.more-block-s > a {
    position: relative;
    flex-direction: row-reverse;
    align-items: flex-start;
    height: 100px;
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li.more-block-s > a {
    padding-top: 58.7301587302%;
  }
}
@media screen and (min-width: 768px) {
  .contents-more-list > li.more-block-s > a::after {
    position: static;
    flex: 0 0 170px;
    width: 170px;
    height: 100%;
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li.more-block-s > a::after {
    padding-top: 58.7301587302%;
  }
}
.contents-more-list > li.more-block-s > a p {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contents-more-list > li.more-block-s > a p {
    display: flex;
    align-items: center;
    height: 100%;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .contents-more-list > li.more-block-s > a p {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .contents-more-list.is-col1 > li {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .contents-more-list.is-col2 > li {
    width: 50%;
  }
}

/* ----------------------------------------------------------
  共通
---------------------------------------------------------- */
[class*=v6-] .wrap-ttl .easy-ttl {
  position: relative;
}
@media screen and (min-width: 768px) {
  [class*=v6-] .wrap-ttl .easy-ttl {
    margin-bottom: 60px;
    padding: 0 0 20px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .wrap-ttl .easy-ttl {
    margin-bottom: 30px;
    padding: 0 0 15px;
    font-size: 2.6rem;
  }
}
[class*=v6-] .wrap-ttl .easy-ttl::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: inline-block;
  background: #000;
}
@media screen and (min-width: 768px) {
  [class*=v6-] .wrap-ttl .easy-ttl::before {
    width: 80px;
    height: 2px;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .wrap-ttl .easy-ttl::before {
    width: 60px;
    height: 1px;
  }
}
[class*=v6-] .module-slider {
  /* js */
}
@media screen and (min-width: 768px) {
  [class*=v6-] .module-slider {
    overflow: visible;
    display: flex;
    justify-content: center;
    margin: 0 -16px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider {
    margin: -10px -20px 0;
  }
}
[class*=v6-] .module-slider .slide-item {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  [class*=v6-] .module-slider .slide-item {
    width: 100%;
    margin: 0 16px;    
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slide-item {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
[class*=v6-] .module-slider .slide-item img {
  width: 100%;
  height: auto;
}
[class*=v6-] .module-slider .slide-item-txt {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  [class*=v6-] .module-slider .slide-item-txt {
    bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slide-item-txt {
    bottom: 15px;
  }
}
[class*=v6-] .module-slider .slide-item-ttl {
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 768px) {
  [class*=v6-] .module-slider .slide-item-ttl {
    font-size: 2.4rem;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slide-item-ttl {
    font-size: 2.2rem;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  }
}
[class*=v6-] .module-slider .slide-item-ttl.util-col-black {
  color: #000;
  text-shadow: none;
}

/* .slide-item02 */
[class*=v6-] .module-slider .slide-item02 {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  [class*=v6-] .module-slider .slide-item02 {
    width: 20%;
    margin: 40px 30px 0px 30px;   
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slide-item02 {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
[class*=v6-] .module-slider .slide-item02 img {
  width: 100%;
  height: auto;
}
[class*=v6-] .module-slider .slide-item02-txt {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  [class*=v6-] .module-slider .slide-item02-txt {
    bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slide-item02-txt {
    bottom: 15px;
  }
}
[class*=v6-] .module-slider .slide-item02-ttl {
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 768px) {
  [class*=v6-] .module-slider .slide-item02-ttl {
    font-size: 2.4rem;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slide-item02-ttl {
    font-size: 2.2rem;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  }
}
[class*=v6-] .module-slider .slide-item02-ttl.util-col-black {
  color: #000;
  text-shadow: none;
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slick-slide {
    margin: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slick-arrow {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    bottom: 0;
    display: block;
    width: 12px;
    height: 17px;
    padding: 0;
    border: none;
    font-size: 0;
    line-height: 0;
    background: transparent;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slick-arrow:before {
    content: "\e900";
    color: #ec6d65;
    font-size: 17px;
    line-height: 1;
    font-family: "icon";
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slick-arrow.slick-prev {
    left: 15px;
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slick-arrow.slick-next {
    right: 15px;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 30px 0;
    height: 17px;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slick-dots > li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slick-dots > li button {
    overflow: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 1px solid #ec6d65;
    border-radius: 50%;
    background: #fff;
    text-indent: -999px;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .module-slider .slick-dots > li.slick-active button {
    background: #ec6d65;
  }
}
@media screen and (min-width: 768px) {
  [class*=v6-] .btn-basic {
    width: 380px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  [class*=v6-] .btn-basic {
    width: 295px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* ----------------------------------------------------------
  difference
---------------------------------------------------------- */
.v6-difference-info .wrap-difference {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .v6-difference-info .wrap-difference {
    padding: 50px 90px;
  }
}
@media screen and (max-width: 767px) {
  .v6-difference-info .wrap-difference {
    padding: 25px 20px;
  }
}
.v6-difference-info .wrap-difference .wrap-difference-ttl {
  margin-bottom: 10px;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-difference-info .wrap-difference .wrap-difference-ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-difference-info .wrap-difference .wrap-difference-ttl {
    font-size: 1.8em;
  }
}
.v6-difference-info .wrap-difference .txt-question {
  position: relative;
}
@media screen and (min-width: 768px) {
  .v6-difference-info .wrap-difference .txt-question {
    padding-left: 30px;
    font-size: 2rem;
    transition: color 0.2s ease-out;
  }
}
@media screen and (max-width: 767px) {
  .v6-difference-info .wrap-difference .txt-question {
    padding-left: 25px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .v6-difference-info .wrap-difference .txt-question::before, .v6-difference-info .wrap-difference .txt-question::after {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    color: #ec6d65;
    vertical-align: middle;
    font-size: 2.4rem;
    line-height: 1;
    font-family: "icon";
    transform: translateY(-50%);
    transition: opacity 0.2s ease-out;
  }
}
.v6-difference-info .wrap-difference .txt-question::before {
  content: "\e909";
}
@media screen and (min-width: 768px) {
  .v6-difference-info .wrap-difference .txt-question::before {
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .v6-difference-info .wrap-difference .txt-question::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    color: #ec6d65;
    vertical-align: middle;
    font-size: 2rem;
    line-height: 1;
    font-family: "icon";
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  .v6-difference-info .wrap-difference .txt-question::after {
    content: "\e90c";
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  .v6-difference-info .wrap-difference .txt-question:hover {
    color: #ec6d65;
    text-decoration: underline;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .v6-difference-info .wrap-difference .txt-question:hover::before {
    opacity: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .v6-difference-info .wrap-difference .txt-question:hover::after {
    opacity: 1;
  }
}

/* graph */
.difference-graph {
  padding: 20px;
  border-radius: 8px;
  background: #f0f0f0;
}
@media screen and (min-width: 768px) {
  .difference-graph {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .difference-graph {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  .difference-graph-img {
    width: 32.0754716981%;
  }
}
.difference-graph-img ._ttl {
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .difference-graph-img ._ttl {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .difference-graph-img ._ttl {
    margin-bottom: 15px;
    font-size: 1.4rem;
  }
}
.difference-graph-img ._graph {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .difference-graph-img ._graph {
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .difference-graph-img ._graph {
    width: 150px;
  }
}
.difference-graph-img ._graph img {
  width: 100%;
  height: auto;
}

.difference-graph-data {
  position: relative;
  border-radius: 8px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .difference-graph-data {
    width: calc(67.9245283019% - 20px);
    padding: 30px;
    box-shadow: 0 2px 8px 0px rgba(140, 138, 133, 0.5);
  }
}
@media screen and (max-width: 767px) {
  .difference-graph-data {
    margin-top: 20px;
    padding: 20px;
    box-shadow: 0 2px 8px 0px rgba(140, 138, 133, 0.5);
  }
}
.difference-graph-data::before {
  content: "";
  position: absolute;
  display: block;
  background: #fff;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .difference-graph-data::before {
    top: 0;
    bottom: 0;
    left: -12px;
    width: 25px;
    height: 25px;
    box-shadow: 0 2px 8px 0px rgba(140, 138, 133, 0.5);
    transform: rotate(135deg) skew(20deg, 20deg);
  }
}
@media screen and (max-width: 767px) {
  .difference-graph-data::before {
    top: -7px;
    right: 0;
    left: 0;
    width: 15px;
    height: 15px;
    box-shadow: 0 2px 8px 0px rgba(140, 138, 133, 0.5);
    transform: rotate(45deg) skew(15deg, 15deg);
  }
}
.difference-graph-data::after {
  content: "";
  position: absolute;
  display: block;
  margin: auto;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .difference-graph-data::after {
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 100px;
  }
}
@media screen and (max-width: 767px) {
  .difference-graph-data::after {
    top: 0;
    right: 0;
    left: 0;
    width: 100px;
    height: 20px;
  }
}
@media screen and (min-width: 768px) {
  .difference-graph-data ._lead {
    margin-bottom: 20px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .difference-graph-data ._lead {
    margin-bottom: 15px;
    font-size: 1.4rem;
  }
}
.difference-graph-data ._lead span._large {
  display: block;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .difference-graph-data ._lead span._large {
    margin-bottom: 30px;
    padding-left: 20px;
    border-left: 3px solid #000;
    font-size: 3rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .difference-graph-data ._lead span._large {
    margin-bottom: 20px;
    padding-left: 16px;
    border-left: 2px solid #000;
    font-size: 2.4rem;
  }
}
.difference-graph-data ._lead em._large {
  color: #bf360c;
  font-weight: 700;
}
.difference-graph-data ._lead ._num {
  line-height: 1;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .difference-graph-data ._lead ._num {
    font-size: 4.4rem;
  }
}
@media screen and (max-width: 767px) {
  .difference-graph-data ._lead ._num {
    font-size: 2.7rem;
  }
}

/* ----------------------------------------------------------
  service
---------------------------------------------------------- */
.v6-service-lst {
  position: relative;
  /* panel */
  /* js */
  /* detail */
}
@media screen and (min-width: 768px) {
  .v6-service-lst {
    padding: 20px 0 80px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst {
    padding: 20px 20px 80px;
  }
}
.v6-service-lst::before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  background: #f5f1e6;
}
@media screen and (min-width: 768px) {
  .v6-service-lst::before {
    top: 120px;
    height: calc(100% - 120px);
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst::before {
    top: 95px;
    height: calc(100% - 95px);
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst > ul {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 90px;
    padding-left: 90px;
  }
}
.v6-service-lst > ul > li {
  position: relative;
  border-radius: 10px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .v6-service-lst > ul > li {
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst > ul > li {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst > ul > li + li {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst > ul > li + li {
    margin-top: 30px;
  }
}
.v6-service-lst .util-panel {
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel {
    display: flex;
    height: 200px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-panel {
    display: block;
    padding-top: 42.8358208955%;
  }
}
.v6-service-lst .util-panel::before {
  content: "";
  position: absolute;
  display: block;
  background: #f0f0f0;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel::before {
    top: 0;
    right: 0;
    left: auto;
    width: 0;
    height: 100%;
    transition: width 0.2s ease-out;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-panel::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: height 0.2s ease;
  }
}
.v6-service-lst .util-panel .util-panel-image {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel .util-panel-image {
    width: 470px;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-panel .util-panel-image {
    width: 100%;
    padding-top: 42.8358208955%;
    border-radius: 10px 10px 0 0;
  }
}
.v6-service-lst .util-panel .util-panel-image::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel .util-panel-image::after {
    transition: transform 0.2s ease-out;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-panel .util-panel-image::after {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.v6-service-lst .util-panel .util-panel-num {
  position: absolute;
  z-index: 2;
  font-family: "Oswald", sans-serif;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel .util-panel-num {
    top: 45px;
    left: 470px;
    font-size: 3rem;
    transform: translateX(-50%);
    transition: border 0.2s ease-out, color 0.2s ease-out;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-panel .util-panel-num {
    top: -25px;
    left: 20px;
    font-size: 3rem;
    text-shadow: 0 1px 1px white;
  }
}
.v6-service-lst .util-panel .util-panel-num .is-num {
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel .util-panel-num .is-num {
    margin-left: 10px;
    font-size: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-panel .util-panel-num .is-num {
    margin-left: 10px;
    font-size: 6rem;
  }
}
.v6-service-lst .util-panel .util-panel-ttl {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel .util-panel-ttl {
    width: 100%;
    height: 100%;
    padding-left: 580px;
    padding-right: 100px;
    font-size: 4rem;
    transition: color 0.2s ease-out;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-panel .util-panel-ttl {
    padding: 13px 30px;
    text-align: center;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel .util-panel-ttl h3 {
    display: flex;
    height: 100%;
    align-items: center;
  }
}
.v6-service-lst .util-panel .util-panel-ttl .is-note {
  display: block;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel .util-panel-ttl .is-note {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-panel .util-panel-ttl .is-note {
    font-size: 1rem;
  }
}
.v6-service-lst .util-panel .util-panel-tgl {
  position: absolute;
  z-index: 2;
  right: 0;
  display: block;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel .util-panel-tgl {
    top: 0;
    width: 80px;
    height: 100%;
    background: #f0f0f0;
    transition: background 0.2s ease-out;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-panel .util-panel-tgl {
    bottom: 0;
    display: block;
    width: 35px;
    height: 100%;
  }
}
.v6-service-lst .util-panel .util-panel-tgl::before, .v6-service-lst .util-panel .util-panel-tgl::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  display: inline-block;
  background: #ec6d65;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel .util-panel-tgl::before, .v6-service-lst .util-panel .util-panel-tgl::after {
    width: 20px;
    height: 3px;
    transition: width 0.2s ease-out, transform 0.2s ease-out;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-panel .util-panel-tgl::before, .v6-service-lst .util-panel .util-panel-tgl::after {
    width: 15px;
    height: 2px;
    transition: transform 0.2s ease-out;
  }
}
.v6-service-lst .util-panel .util-panel-tgl::after {
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-panel:hover {
    color: #ec6d65;
  }
  .v6-service-lst .util-panel:hover::before {
    left: 0;
    width: 100%;
  }
  .v6-service-lst .util-panel:hover .util-panel-image::after {
    transform: scale(1.05);
  }
  .v6-service-lst .util-panel:hover .util-panel-num {
    border-color: #ec6d65;
  }
  .v6-service-lst .util-panel:hover .util-panel-tgl {
    background: #e2e2e2;
  }
  .v6-service-lst .util-panel:hover .util-panel-tgl::before, .v6-service-lst .util-panel:hover .util-panel-tgl::after {
    width: 30px;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .service-lst-sensing .util-panel-image::after {
    background: url(/homesecurity/common_v6/img/img_panel_sensing_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .service-lst-sensing .util-panel-image::after {
    background: url(/homesecurity/common_v6/img/img_panel_sensing_sp.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .service-lst-rush .util-panel-image::after {
    background: url(/homesecurity/common_v6/img/img_panel_rush_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .service-lst-rush .util-panel-image::after {
    background: url(/homesecurity/common_v6/img/img_panel_rush_sp.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .service-lst-floorplan .util-panel-image::after {
    background: url(/homesecurity/common_v6/img/img_panel_floorplan_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .service-lst-floorplan .util-panel-image::after {
    background: url(/homesecurity/common_v6/img/img_panel_floorplan_sp.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .service-lst-security .util-panel-image::after {
    background: url(/homesecurity/common_v6/img/img_panel_security_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .service-lst-security .util-panel-image::after {
    background: url(/homesecurity/common_v6/img/img_panel_security_sp.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst.is-mansion .service-lst-security .util-panel-image::after {
    background: url(/homesecurity/common_v6/img/img_panel_security_mansion_pc.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst.is-mansion .service-lst-security .util-panel-image::after {
    background: url(/homesecurity/common_v6/img/img_panel_security_mansion_sp.webp) no-repeat 0 0;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .js-tglActive .js-tglBtn::before {
    left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .js-tglActive .js-tglBtn::before {
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .js-tglActive .js-tglBtn .util-panel-tgl {
    background: #e2e2e2;
  }
}
.v6-service-lst .js-tglActive .js-tglBtn .util-panel-tgl::before, .v6-service-lst .js-tglActive .js-tglBtn .util-panel-tgl::after {
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  .v6-service-lst .js-tglActive .js-tglBtn:hover {
    background: #f5f1e6;
  }
  .v6-service-lst .js-tglActive .js-tglBtn:hover .util-panel-tgl {
    background: #f0f0f0;
  }
  .v6-service-lst .js-tglActive .js-tglBtn:hover .util-panel-tgl::before, .v6-service-lst .js-tglActive .js-tglBtn:hover .util-panel-tgl::after {
    width: 30px;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .service-lst-panel-detail {
    padding: 80px 100px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .service-lst-panel-detail {
    padding: 20px 20px 40px;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .service-lst-panel-detail .wrap {
    max-width: initial;
  }
}
.v6-service-lst .service-lst-panel-detail-subttl {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .service-lst-panel-detail-subttl {
    margin-bottom: 30px;
    padding-left: 20px;
    border-left: 3px solid #000;
    font-size: 3rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .service-lst-panel-detail-subttl {
    margin-bottom: 20px;
    padding-left: 16px;
    border-left: 2px solid #000;
    font-size: 2.4rem;
  }
}
.v6-service-lst .contents-no1-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.v6-service-lst .contents-no1-txt {
  position: absolute;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .contents-no1-txt {
    top: 50%;
    left: 65px;
    font-size: 2.4rem;
    line-height: 1.8;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .contents-no1-txt {
    bottom: 15px;
    left: 0;
    width: 100%;
    font-size: 1.8rem;
    text-align: center;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
}
.v6-service-lst .price-list > li .price-list-img {
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
}
.v6-service-lst .price-list > li .price-list-txt ._ttl {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .price-list > li .price-list-txt ._ttl {
    margin-bottom: 30px;
    padding-left: 20px;
    border-left: 3px solid #000;
    font-size: 3rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .price-list > li .price-list-txt ._ttl {
    margin-bottom: 20px;
    padding-left: 16px;
    border-left: 2px solid #000;
    font-size: 2.4rem;
  }
}
.v6-service-lst .price-list > li .price-list-txt ._sub {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .price-list > li .price-list-txt ._sub {
    margin-top: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .price-list > li .price-list-txt ._sub {
    margin-top: 15px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .price-list > li .price-list-txt ._txt {
    margin-top: 10px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .price-list > li .price-list-txt ._txt {
    margin-top: 5px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .pseudo-set {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .pseudo-set {
    margin-bottom: 40px;
  }
}
.v6-service-lst .pseudo-set-head {
  position: relative;
  border-radius: 10px;
  background: #f5f1e6;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .pseudo-set-head {
    width: calc(50% - 30px);
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .pseudo-set-head {
    margin-bottom: 20px;
    padding: 15px;
  }
}
.v6-service-lst .pseudo-set-head::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .pseudo-set-head::before {
    top: 0;
    bottom: 0;
    right: -60px;
    border-width: 30px 0 30px 60px;
    border-color: transparent transparent transparent #f5f1e6;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .pseudo-set-head::before {
    bottom: -20px;
    right: 0;
    left: 0;
    border-width: 20px 15px 0 15px;
    border-color: #f5f1e6 transparent transparent transparent;
  }
}
.v6-service-lst .pseudo-set-head-ttl {
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .pseudo-set-head-ttl {
    margin-bottom: 20px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .pseudo-set-head-ttl {
    margin-bottom: 10px;
    font-size: 1.6rem;
  }
}
.v6-service-lst .pseudo-set-bottom {
  padding: 20px;
  border-radius: 10px;
  background: #f5f1e6;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .pseudo-set-bottom {
    width: calc(50% - 30px);
  }
}
.v6-service-lst .pseudo-set-bottom img {
  width: 100%;
  height: auto;
}
.v6-service-lst .pseudo-set-bottom > p {
  text-align: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .pseudo-set-bottom > p {
    margin-top: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .pseudo-set-bottom > p {
    font-size: 1.6rem;
  }
}
.v6-service-lst .rush-service {
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .rush-service {
    margin: 30px -20px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .rush-service {
    margin: 0 -15px;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .rush-service > li {
    width: 41.3793103448%;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .rush-service > li {
    width: 120px;
    padding: 0 15px;
  }
}
.v6-service-lst .rush-service > li:nth-child(2) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .rush-service > li:nth-child(2) {
    top: 0;
    width: 36px;
    height: 36px;
    padding: 0;
    padding-top: 10.3448275862%;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .rush-service > li:nth-child(2) {
    top: 30px;
    width: 18px;
    height: 18px;
    padding: 0;
  }
}
.v6-service-lst .rush-service > li:nth-child(2) > div svg {
  width: 100%;
  height: auto;
}
.v6-service-lst .rush-service > li > div {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .rush-service > li > div img {
    width: 66.6666666667%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .rush-service > li > div img {
    width: 80px;
    height: auto;
  }
}
.v6-service-lst .rush-service > li > p {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .rush-service > li > p {
    margin-top: 10px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .rush-service > li > p {
    margin-top: 5px;
    font-size: 1.3rem;
  }
}
.v6-service-lst .rush-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .rush-img {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .rush-img {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .rush-img-txt {
    position: absolute;
    top: 50%;
    left: 65px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .rush-img-txt {
    width: 100%;
    margin-top: 10px;
    font-size: 1.4rem;
  }
}
.v6-service-lst .rush-img-txt .is-bold {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .rush-img-txt .is-bold {
    margin-bottom: 10px;
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .rush-img-txt .is-bold {
    margin-bottom: 10px;
    font-size: 1.6rem;
    font-weight: 700;
  }
}
.v6-service-lst .util-movie-thumb {
  border-top: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-movie-thumb {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-movie-thumb {
    padding-top: 15px;
  }
}
.v6-service-lst .util-movie-thumb-ttl {
  color: #bf360c;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-movie-thumb-ttl {
    text-align: center;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-movie-thumb-ttl {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-movie-thumb-body {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-movie-thumb-body {
    margin-top: 15px;
  }
}
.v6-service-lst .util-movie-thumb-body a {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  display: block;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-movie-thumb-body a {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
  .v6-service-lst .util-movie-thumb-body a .is-icon::before {
    transition: transform 0.2s ease-out;
  }
  .v6-service-lst .util-movie-thumb-body a .is-icon::after {
    transition: border 0.2s ease-out;
  }
  .v6-service-lst .util-movie-thumb-body a:hover .is-icon::before {
    transform: scale(1);
  }
  .v6-service-lst .util-movie-thumb-body a:hover .is-icon::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-movie-thumb-body a {
    width: 100%;
  }
}
.v6-service-lst .util-movie-thumb-body a img {
  width: 100%;
  height: auto;
}
.v6-service-lst .util-movie-thumb-body a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.v6-service-lst .util-movie-thumb-body a .is-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-movie-thumb-body a .is-icon {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-movie-thumb-body a .is-icon {
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-movie-thumb-body a .is-icon::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ec6d65;
    transform: scale(0);
  }
}
.v6-service-lst .util-movie-thumb-body a .is-icon::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #ec6d65;
}
@media screen and (min-width: 768px) {
  .v6-service-lst .util-movie-thumb-body a .is-icon::after {
    border-width: 13px 0 13px 26px;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst .util-movie-thumb-body a .is-icon::after {
    border-width: 7px 0 7px 14px;
  }
}
.image02 .v6-service-lst .util-movie-thumb-body {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .image02 .v6-service-lst .util-movie-thumb-body a {
    width: 100%;
  }
}

/* ----------------------------------------------------------
  movie
---------------------------------------------------------- */
.movie-hs {
  border-top: 1px solid #ccc;
}
@media screen and (min-width: 768px) {
  .movie-hs {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .movie-hs {
    padding-top: 15px;
  }
}

.movie-hs_text {
  color: #bf360c;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .movie-hs_text {
    text-align: center;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .movie-hs_text {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 768px) {
  .movie-hs_movie {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .movie-hs_movie {
    margin-top: 15px;
  }
}
.movie-hs_movie a {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  display: block;
}
@media screen and (min-width: 768px) {
  .movie-hs_movie a {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
  }
  .movie-hs_movie a .is-icon::before {
    transition: transform 0.2s ease-out;
  }
  .movie-hs_movie a .is-icon::after {
    transition: border 0.2s ease-out;
  }
  .movie-hs_movie a:hover .is-icon::before {
    transform: scale(1);
  }
  .movie-hs_movie a:hover .is-icon::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media screen and (max-width: 767px) {
  .movie-hs_movie a {
    width: 100%;
  }
}
.movie-hs_movie a img {
  width: 100%;
  height: auto;
}
.movie-hs_movie a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.movie-hs_movie a .is-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 50%;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .movie-hs_movie a .is-icon {
    width: 80px;
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .movie-hs_movie a .is-icon {
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 768px) {
  .movie-hs_movie a .is-icon::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ec6d65;
    transform: scale(0);
  }
}
.movie-hs_movie a .is-icon::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #ec6d65;
}
@media screen and (min-width: 768px) {
  .movie-hs_movie a .is-icon::after {
    border-width: 13px 0 13px 26px;
  }
}
@media screen and (max-width: 767px) {
  .movie-hs_movie a .is-icon::after {
    border-width: 7px 0 7px 14px;
  }
}
.image02 .movie-hs_movie {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .image02 .movie-hs_movie a {
    width: 100%;
  }
}

/* ----------------------------------------------------------
  セコムをご検討中の方はこちら
---------------------------------------------------------- */
.v6-contact {
  /* box */
  /* head */
  /* body */
}
@media screen and (min-width: 768px) {
  .v6-contact {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding: 80px 90px 0;
  }
}
@media screen and (max-width: 767px) {
  .v6-service-lst + .v6-contact {
    border-top: 1px solid #ccc;
  }
}
@media screen and (min-width: 768px) {
  .v6-contact .wrap-contact-inr {
    padding: 40px 25px;
    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) {
  .v6-contact .wrap-contact-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;
  }
}
.v6-contact .contact-ttl {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-ttl {
    display: flex;
    align-items: center;
    height: 170px;
    margin-top: -40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-ttl {
    position: absolute;
    top: 35px;
    left: 20px;
    padding-bottom: 15px;
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-ttl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px;
    background: #000;
    font-size: 2.2rem;
  }
}
.v6-contact .contact-ttl-sub {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-ttl-sub {
    margin-top: 1em;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-ttl-sub {
    margin-bottom: 1em;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-ttlbox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 170px;
    margin-top: -40px;
  }
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-ttlbox .contact-ttl {
    display: block;
    height: auto;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-type {
    display: flex;
    justify-content: space-between;
  }
}
.v6-contact .contact-box {
  border-radius: 10px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-box {
    width: calc(50% - 10px);
    padding: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box {
    padding: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box + .contact-box {
    margin-top: 10px;
  }
}
.v6-contact .contact-box-head {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box-head {
     justify-content: flex-start;
   }
 }
.v6-contact .contact-box-ttl {
  display: flex;
  align-items: center;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-box-ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box-ttl {
    font-size: 2.2rem;
  }
}
.v6-contact .contact-box-ttl-icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.v6-contact .contact-box-ttl-icon svg {
  vertical-align: middle;
}
.v6-contact .contact-box-ttl-icon svg,
.v6-contact .contact-box-ttl-icon path {
  fill: #e80012;
}
.v6-contact .label-free {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  background: #fff;
  color: #004697;
  font-weight: 700;
  border: 1px solid #004697;
}
@media screen and (min-width: 768px) {
  .v6-contact .label-free {
    width: 54px;
    height: 26px;
    border-radius: 4px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .label-free {
    flex: 0 0 40px;
    width: 40px;
    height: 20px;
    border-radius: 4px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-box-body {
    margin-top: 20px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box-body {
    margin-top: 15px;
  }
}
.v6-contact .contact-box-body p {
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-box-body p {
    margin-top: 15px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box-body p {
    order: 2;
    margin-top: 10px;
    font-size: 1rem;
  }
}
.v6-contact .contact-box-body p .overtime-tel {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-box-body p .overtime-tel {
    pointer-events: none;
  }
}
.v6-contact .contact-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) {
  .v6-contact .contact-box-tel-num {
    font-size: 5.6rem;
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box-tel-num {
    order: 1;
    font-size: 4rem;
    border-bottom: 1px solid #e80012;
  }
}
.v6-contact .contact-box-info {
  display: flex;
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-box-info {
    margin-top: 20px;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box-info {
    order: 3;
    width: 100%;
    margin-top: 15px;
    justify-content: center;
  }
}
.v6-contact .contact-box-info > li div {
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-box-info > li div {
    font-size: 1.4rem;
    padding: 0 0 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box-info > li div {
    font-size: 1.2rem;
    padding: 0 0 0 23px;
  }
}
.v6-contact .contact-box-info > li div span {
  font-weight: 700;
}
.v6-contact .contact-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) {
  .v6-contact .contact-box-info > li div::before {
    width: 19px;
    height: 19px;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box-info > li div::before {
    width: 14px;
    height: 14px;
  }
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-box-info > li + li {
    margin-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box-info > li + li {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box.type-tel .contact-box-body {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box.type-tel .contact-box-ttl-icon svg {
    width: 17px;
    height: 17px;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box.type-net .contact-box-ttl-icon svg {
    width: 20px;
    height: 15px;
  }
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-box.type-net .btn-estimate,
  .v6-contact .contact-box.type-net .btn-consultation {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box.type-net .btn-estimate,
  .v6-contact .contact-box.type-net .btn-consultation {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .v6-contact .contact-box.type-net .btn-document,
  .v6-contact .contact-box.type-net .btn-estimate {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-contact .contact-box.type-net .btn-document,
  .v6-contact .contact-box.type-net .btn-estimate {
    font-size: 2.6rem;
  }
}
.v6-contact.js-effect {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.v6-contact.js-effect .contact-ttl,
.v6-contact.js-effect .contact-ttl-sub {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease-out 0.5s, transform 0.5s ease-out 0.5s;
}
.v6-contact.js-effect .contact-box {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.v6-contact.js-effect .contact-box:nth-child(1) {
  transition-delay: 0.8s;
}
.v6-contact.js-effect .contact-box:nth-child(2) {
  transition-delay: 1s;
}
.v6-contact.js-effect .contact-box:nth-child(3) {
  transition-delay: 1.2s;
}
.v6-contact.js-effect.is-effectActive {
  opacity: 1;
}
.v6-contact.js-effect.is-effectActive .contact-ttl,
.v6-contact.js-effect.is-effectActive .contact-ttl-sub,
.v6-contact.js-effect.is-effectActive .contact-box {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width: 767px) {
  .v6-contact-p-sp
  {
    
  }
}


/* ----------------------------------------------------------
  外出時だけではありません
---------------------------------------------------------- */
.v6-anytime {
  background: #f5f1e6;
}
.v6-anytime.bg-white {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .v6-anytime .wrap-anytime-inr {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding: 80px 90px 120px;
  }
}
@media screen and (max-width: 767px) {
  .v6-anytime .wrap-anytime-inr {
    padding: 40px 20px 60px;
  }
}

/* ----------------------------------------------------------
  家中どこでも操作しやすい、ホームコントローラー
---------------------------------------------------------- */
.v6-compact {
  background: #fff;
}
.v6-compact.bg-gray {
  background: #f5f1e6;
}
@media screen and (min-width: 768px) {
  .v6-compact .wrap-compact-inr {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 90px 120px;
  }
}
@media screen and (max-width: 767px) {
  .v6-compact .wrap-compact-inr {
    padding: 40px 20px 60px;
  }
}
.v6-compact .wrap-compact-desc {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .v6-compact .wrap-compact-desc {
    position: absolute;
  }
}

/* ----------------------------------------------------------
  アプリでもっと便利に
---------------------------------------------------------- */
.v6-anywhere {
  background: #f5f1e6;
}
.v6-anywhere.bg-white {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .v6-anywhere .wrap-anywhere-inr {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding: 80px 90px 160px;
  }
}
@media screen and (max-width: 767px) {
  .v6-anywhere .wrap-anywhere-inr {
    padding: 40px 20px 60px;
  }
}
.v6-anywhere .anywhere-list {
  /* is-type2 */
}
@media screen and (min-width: 768px) {
  .v6-anywhere .anywhere-list {
    display: flex;
    justify-content: center;
    margin: 0 -16px;
    padding-bottom: 0;
  }
}
.v6-anywhere .anywhere-list > li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .v6-anywhere .anywhere-list > li {
    width: 100%;
    margin: 0 16px;
  }
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list > li {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list > li:last-child {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list > li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;
    display: block;
    width: 1px;
    height: 100%;
    background: #000;
  }
}
@media screen and (min-width: 768px) {
  .v6-anywhere .anywhere-list > li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    display: block;
    width: 30px;
    height: 4px;
    background: #000;
    transform: translateY(-50%);
  }
}
.v6-anywhere .anywhere-list > li + li::after {
  content: "\e901";
  position: absolute;
  line-height: 1;
  font-family: "icon";
}
@media screen and (min-width: 768px) {
  .v6-anywhere .anywhere-list > li + li::after {
    top: 50%;
    left: 0;
    display: block;
    font-size: 31px;
    transform: translate(-100%, -50%);
  }
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list > li + li::after {
    top: 0;
    left: 22px;
    font-size: 10px;
    transform: translateY(calc(-100% + 2px)) rotate(90deg);
  }
}
.v6-anywhere .anywhere-list .anywhere-item-inr {
  position: relative;
}
.v6-anywhere .anywhere-list .anywhere-item-inr > div {
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
}
.v6-anywhere .anywhere-list .anywhere-item-inr > div img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list .anywhere-desc {
    display: flex;
    align-items: center;
    padding-top: 10px;
  }
}
.v6-anywhere .anywhere-list .anywhere-desc p {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-anywhere .anywhere-list .anywhere-desc p {
    position: absolute;
    margin-top: 20px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list .anywhere-desc p {
    font-size: 2rem;
  }
}
.v6-anywhere .anywhere-list .anywhere-desc .anywhere-desc-step {
  border-radius: 50%;
  background: #fff;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .v6-anywhere .anywhere-list .anywhere-desc .anywhere-desc-step {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 68px;
    height: 68px;
    margin: auto;
    border: 2px solid #000;
    padding-top: 4px;
    font-size: 1.4rem;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list .anywhere-desc .anywhere-desc-step {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    padding-top: 2px;
    border: 1px solid #000;
    font-size: 1rem;
  }
}
.v6-anywhere .anywhere-list .anywhere-desc .anywhere-desc-step .is-num {
  display: block;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .v6-anywhere .anywhere-list .anywhere-desc .anywhere-desc-step .is-num {
    margin-top: 3px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list .anywhere-desc .anywhere-desc-step .is-num {
    margin-top: 3px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list.is-type2 > li::before {
    left: 30px;
    background: transparent;
    border-left: 1px dotted #999;
  }
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list.is-type2 > li:last-child::before {
    display: none;
  }
}
.v6-anywhere .anywhere-list.is-type2 > li:last-child .anywhere-desc-step {
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list.is-type2 > li:last-child .anywhere-desc-step {
    top: 8px;
    transform: translateY(0);
  }
}
@media screen and (min-width: 768px) {
  .v6-anywhere .anywhere-list.is-type2 > li + li::before {
    display: none;
  }
}
.v6-anywhere .anywhere-list.is-type2 > li + li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
}
@media screen and (min-width: 768px) {
  .v6-anywhere .anywhere-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) {
  .v6-anywhere .anywhere-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) {
  .v6-anywhere .anywhere-list.is-type2 .anywhere-desc {
    position: relative;
    overflow: visible;
    margin-right: 0;
    padding-left: 65px;
  }
}
@media screen and (min-width: 768px) {
  .v6-anywhere .anywhere-list.is-type2 .anywhere-desc p {
    position: static;
  }
}
.v6-anywhere .anywhere-list.is-type2 .anywhere-desc p .is-sub {
  display: block;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .v6-anywhere .anywhere-list.is-type2 .anywhere-desc p .is-sub {
    margin-top: 10px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list.is-type2 .anywhere-desc p .is-sub {
    margin-top: 5px;
    font-size: 1.4rem;
  }
}
.v6-anywhere .anywhere-list.is-type2 .anywhere-desc .anywhere-desc-step {
  position: absolute;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .v6-anywhere .anywhere-list.is-type2 .anywhere-desc .anywhere-desc-step {
    top: 0;
    left: 5px;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px){
  .v6-anywhere .anywhere-list .anywhere-item-inr .notes01{
    position: absolute;
    bottom: -80px;
  }
}
/* ----------------------------------------------------------
  さまざまな「心配」に対応
---------------------------------------------------------- */
.v6-more {
  background: #f0f0f0;
}
@media screen and (min-width: 768px) {
  .v6-more .wrap-more-inr {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding: 80px 90px 120px;
  }
}
@media screen and (max-width: 767px) {
  .v6-more .wrap-more-inr {
    padding: 40px 20px 60px;
  }
}
.v6-more .more-service-lst {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .v6-more .more-service-lst {
    margin: 0 -16px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .v6-more .more-service-lst {
    margin: 0 -10px;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .v6-more .more-service-lst > li {
    width: 33.33%;
    margin-top: 30px;
    padding: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  .v6-more .more-service-lst > li {
    width: 50%;
    margin-top: 20px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .v6-more .more-service-lst > li.is-wide-sp {
    width: 100%;
  }
}
.v6-more .util-panel {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .v6-more .util-panel {
    transition: color 0.2s ease-out, box-shadow 0.2s ease-out;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
  .v6-more .util-panel::after {
    transition: transform 0.2s ease-out;
  }
  .v6-more .util-panel p::after,
  .v6-more .util-panel span::after {
    transition: transform 0.2s ease-out;
  }
  .v6-more .util-panel:hover {
    color: #ec6d65;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  }
  .v6-more .util-panel:hover::after {
    transform: scale(1.05);
  }
  .v6-more .util-panel:hover p::after,
  .v6-more .util-panel:hover span::after {
    transform: translateX(3px);
  }
}
@media screen and (max-width: 767px) {
  .v6-more .util-panel {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .v6-more .util-panel:not(.size-small) {
    padding-top: 42.4778761062%;
  }
}
@media screen and (max-width: 767px) {
  .v6-more .util-panel:not(.size-small) {
    padding-top: 42.5373134328%;
  }
}
.v6-more .util-panel:not(.size-small)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  padding-top: 42.4778761062%;
}
@media screen and (min-width: 768px) {
  .v6-more .util-panel:not(.size-small) p {
    z-index: 2;
    height: 60px;
    padding: 0 0 0 20px;
    background: #fff;
    font-size: 2.2rem;
    line-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .v6-more .util-panel:not(.size-small) p {
    height: 50px;
    padding: 0 20px;
    text-align: center;
    font-size: 2rem;
    line-height: 50px;
  }
}
.v6-more .util-panel:not(.size-small) p span {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-more .util-panel:not(.size-small) p span {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-more .util-panel:not(.size-small) p span {
    font-size: 2.4rem;
  }
}
.v6-more .util-panel:not(.size-small).type-seniorparents::after {
  background: url(/homesecurity/common_v6/img/img_panel_seniorparents.webp) no-repeat 0 0;
  background-size: cover;
}
.v6-more .util-panel:not(.size-small).type-kodomo-mimamori::after {
  background: url(/homesecurity/common_v6/img/img_panel_kodomo_mimamori.webp) no-repeat 0 0;
  background-size: cover;
}
.v6-more .util-panel:not(.size-small).type-akisu-taisaku::after {
  background: url(/homesecurity/common_v6/img/img_panel_akisu_taisaku.webp) no-repeat 0 0;
  background-size: cover;
}
.v6-more .util-panel.size-small {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .v6-more .util-panel.size-small {
    height: 80px;
  }
}
@media screen and (max-width: 767px) {
  .v6-more .util-panel.size-small {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 80px;
  }
}
.v6-more .util-panel.size-small p {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .v6-more .util-panel.size-small p {
    padding: 0 50px 0 20px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .v6-more .util-panel.size-small p {
    padding: 10px 20px 10px 15px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .v6-more .util-panel p {
    position: relative;
    display: block;
    width: 100%;
    line-height: 27px;
  }
}
@media screen and (max-width: 767px) {
  .v6-more .util-panel p {
    position: relative;
    display: block;
    width: 100%;
  }
}
.v6-more .util-panel p::after {
  content: "\e900";
  position: absolute;
  color: #ec6d65;
  font-family: "icon";
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .v6-more .util-panel p::after {
    top: 0;
    right: 19px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .v6-more .util-panel p::after {
    top: 50%;
    right: 10px;
    font-size: 11px;
    transform: translateY(-50%);
  }
}

/* ----------------------------------------------------------
  QA
---------------------------------------------------------- */
.js-qa {
  overflow: hidden;
  border: none;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .js-qa {
    display: flex;
    align-items: center;
    background: #f0f0f0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 767px) {
  .js-qa {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .js-qa .js-qa-q,
  .js-qa .js-qa-a {
    width: 50%;
  }
}
.js-qa .js-qa-q,
.js-qa .js-qa-a .qa-a-body {
  position: relative;
}
.js-qa .js-qa-q::before,
.js-qa .js-qa-a .qa-a-body::before {
  position: absolute;
  top: 50%;
  line-height: 1;
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .js-qa .js-qa-q::before,
  .js-qa .js-qa-a .qa-a-body::before {
    left: 37px;
    font-size: 5.4rem;
  }
}
@media screen and (max-width: 767px) {
  .js-qa .js-qa-q::before,
  .js-qa .js-qa-a .qa-a-body::before {
    left: 15px;
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 767px) {
  .js-qa .js-qa-a .qa-a-body::before {
    top: 25px;
  }
}
.js-qa .js-qa-q {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .js-qa .js-qa-q {
    padding: 38px 40px 38px 100px;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .js-qa .js-qa-q {
    padding: 15px 35px 15px 40px;
    background: #f0f0f0;
    font-size: 2rem;
    font-weight: 700;
    cursor: pointer;
  }
}
.js-qa .js-qa-q::before {
  content: "Q";
  color: #004697;
}
@media screen and (min-width: 768px) {
  .js-qa .js-qa-q .is-toggle {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .js-qa .js-qa-q .is-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 35px;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .js-qa .js-qa-q .is-toggle::before, .js-qa .js-qa-q .is-toggle::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    display: inline-block;
    width: 15px;
    height: 2px;
    background: #ec6d65;
    transition: transform 0.2s ease-out;
  }
}
@media screen and (max-width: 767px) {
  .js-qa .js-qa-q .is-toggle::after {
    transform: rotate(90deg);
  }
}
@media screen and (max-width: 767px) {
  .js-qa .js-qa-a {
    display: none;
  }
}
.js-qa .js-qa-a .qa-a-body {
  background-color: #fff;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .js-qa .js-qa-a .qa-a-body {
    padding: 38px 40px 38px 100px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .js-qa .js-qa-a .qa-a-body {
    padding: 15px 20px 15px 40px;
    font-size: 1.8rem;
  }
}
.js-qa .js-qa-a .qa-a-body::before {
  content: "A";
  color: #bf360c;
}
@media screen and (max-width: 767px) {
  .js-qa.js-qa-active .js-qa-q .is-toggle::before, .js-qa.js-qa-active .js-qa-q .is-toggle::after {
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 767px) {
  .js-qa.js-qa-active .js-qa-a {
    display: block;
  }
}

/* 一覧 */
.qa-list li + li {
  margin-top: 20px;
}

/* ----------------------------------------------------------
  QA
---------------------------------------------------------- */
.v6-qa {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .v6-qa .wrap-qa-inr {
    max-width: 1600px;
    margin-right: auto;
    margin-left: auto;
    padding: 80px 90px 120px;
  }
}
@media screen and (max-width: 767px) {
  .v6-qa .wrap-qa-inr {
    padding: 40px 20px 60px;
  }
}

/* ================================================== *
 *
 *    Utility
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        align
 * ------------------------------------------------- */
.txt-l {
  text-align: left !important;
}
@media screen and (min-width: 768px) {
  .txt-l-pc {
    text-align: left !important;
  }
}
@media screen and (max-width: 767px) {
  .txt-l-sp {
    text-align: left !important;
  }
}

.txt-c {
  text-align: center !important;
}
@media screen and (min-width: 768px) {
  .txt-c-pc {
    text-align: center !important;
  }
}
@media screen and (max-width: 767px) {
  .txt-c-sp {
    text-align: center !important;
  }
}

.txt-r {
  text-align: right !important;
}
@media screen and (min-width: 768px) {
  .txt-r-pc {
    text-align: right !important;
  }
}
@media screen and (max-width: 767px) {
  .txt-r-sp {
    text-align: right !important;
  }
}

.u-vAlignT {
  vertical-align: top !important;
}
@media screen and (min-width: 768px) {
  .u-vAlignT-pc {
    vertical-align: top !important;
  }
}
@media screen and (max-width: 767px) {
  .u-vAlignT-sp {
    vertical-align: top !important;
  }
}

.u-vAlignM {
  vertical-align: middle !important;
}
@media screen and (min-width: 768px) {
  .u-vAlignM-pc {
    vertical-align: middle !important;
  }
}
@media screen and (max-width: 767px) {
  .u-vAlignM-sp {
    vertical-align: middle !important;
  }
}

.u-vAlignB {
  vertical-align: bottom !important;
}
@media screen and (min-width: 768px) {
  .u-vAlignB-pc {
    vertical-align: bottom !important;
  }
}
@media screen and (max-width: 767px) {
  .u-vAlignB-sp {
    vertical-align: bottom !important;
  }
}

/* ------------------------------------------------- *
 *        float & clear
 * ------------------------------------------------- */
.u-floatL {
  float: left !important;
}
@media screen and (min-width: 768px) {
  .u-floatL-pc {
    float: left !important;
  }
}
@media screen and (max-width: 767px) {
  .u-floatL-sp {
    float: left !important;
  }
}

.u-floatR {
  float: right !important;
}
@media screen and (min-width: 768px) {
  .u-floatR-pc {
    float: right !important;
  }
}
@media screen and (max-width: 767px) {
  .u-floatR-sp {
    float: right !important;
  }
}

.u-clearL {
  clear: left !important;
}
@media screen and (min-width: 768px) {
  .u-clearL-pc {
    clear: left !important;
  }
}
@media screen and (max-width: 767px) {
  .u-clearL-sp {
    clear: left !important;
  }
}

.u-clearR {
  clear: right !important;
}
@media screen and (min-width: 768px) {
  .u-clearR-pc {
    clear: right !important;
  }
}
@media screen and (max-width: 767px) {
  .u-clearR-sp {
    clear: right !important;
  }
}

.u-clearB {
  clear: both !important;
}
@media screen and (min-width: 768px) {
  .u-clearB-pc {
    clear: both !important;
  }
}
@media screen and (max-width: 767px) {
  .u-clearB-sp {
    clear: both !important;
  }
}

.u-clear:before, .u-clear:after {
  content: " ";
  display: table;
}
.u-clear:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .u-clear-pc:before, .u-clear-pc:after {
    content: " ";
    display: table;
  }
  .u-clear-pc:after {
    clear: both;
  }
}
@media screen and (max-width: 767px) {
  .u-clear-sp:before, .u-clear-sp:after {
    content: " ";
    display: table;
  }
  .u-clear-sp:after {
    clear: both;
  }
}

/* ------------------------------------------------- *
 *        display
 * ------------------------------------------------- */
.show {
  display: block !important;
}
@media screen and (max-width: 767px) {
  .show-pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .show-sp {
    display: none !important;
  }
}

.hidden {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .hidden-pc {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hidden-sp {
    display: none !important;
  }
}

/* ------------------------------------------------- *
 *        overflow
 * ------------------------------------------------- */
.ofHidden {
  overflow: hidden !important;
}
@media screen and (min-width: 768px) {
  .ofHidden-pc {
    overflow: hidden !important;
  }
}
@media screen and (max-width: 767px) {
  .ofHidden-sp {
    overflow: hidden !important;
  }
}

/* ------------------------------------------------- *
 *        margin & padding
 * ------------------------------------------------- */
.mt-0 {
  margin-top: 0px !important;
}
@media screen and (min-width: 768px) {
  .mt-0-pc {
    margin-top: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-0-sp {
    margin-top: 0px !important;
  }
}

.pt-0 {
  padding-top: 0px !important;
}
@media screen and (min-width: 768px) {
  .pt-0-pc {
    padding-top: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-0-sp {
    padding-top: 0px !important;
  }
}

.mt-5 {
  margin-top: 5px !important;
}
@media screen and (min-width: 768px) {
  .mt-5-pc {
    margin-top: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-5-sp {
    margin-top: 5px !important;
  }
}

.pt-5 {
  padding-top: 5px !important;
}
@media screen and (min-width: 768px) {
  .pt-5-pc {
    padding-top: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-5-sp {
    padding-top: 5px !important;
  }
}

.mt-10 {
  margin-top: 10px !important;
}
@media screen and (min-width: 768px) {
  .mt-10-pc {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-10-sp {
    margin-top: 10px !important;
  }
}

.pt-10 {
  padding-top: 10px !important;
}
@media screen and (min-width: 768px) {
  .pt-10-pc {
    padding-top: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-10-sp {
    padding-top: 10px !important;
  }
}

.mt-15 {
  margin-top: 15px !important;
}
@media screen and (min-width: 768px) {
  .mt-15-pc {
    margin-top: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-15-sp {
    margin-top: 15px !important;
  }
}

.pt-15 {
  padding-top: 15px !important;
}
@media screen and (min-width: 768px) {
  .pt-15-pc {
    padding-top: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-15-sp {
    padding-top: 15px !important;
  }
}

.mt-20 {
  margin-top: 20px !important;
}
@media screen and (min-width: 768px) {
  .mt-20-pc {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-20-sp {
    margin-top: 20px !important;
  }
}

.pt-20 {
  padding-top: 20px !important;
}
@media screen and (min-width: 768px) {
  .pt-20-pc {
    padding-top: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-20-sp {
    padding-top: 20px !important;
  }
}

.mt-25 {
  margin-top: 25px !important;
}
@media screen and (min-width: 768px) {
  .mt-25-pc {
    margin-top: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-25-sp {
    margin-top: 25px !important;
  }
}

.pt-25 {
  padding-top: 25px !important;
}
@media screen and (min-width: 768px) {
  .pt-25-pc {
    padding-top: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-25-sp {
    padding-top: 25px !important;
  }
}

.mt-30 {
  margin-top: 30px !important;
}
@media screen and (min-width: 768px) {
  .mt-30-pc {
    margin-top: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-30-sp {
    margin-top: 30px !important;
  }
}

.pt-30 {
  padding-top: 30px !important;
}
@media screen and (min-width: 768px) {
  .pt-30-pc {
    padding-top: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-30-sp {
    padding-top: 30px !important;
  }
}

.mt-35 {
  margin-top: 35px !important;
}
@media screen and (min-width: 768px) {
  .mt-35-pc {
    margin-top: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-35-sp {
    margin-top: 35px !important;
  }
}

.pt-35 {
  padding-top: 35px !important;
}
@media screen and (min-width: 768px) {
  .pt-35-pc {
    padding-top: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-35-sp {
    padding-top: 35px !important;
  }
}

.mt-40 {
  margin-top: 40px !important;
}
@media screen and (min-width: 768px) {
  .mt-40-pc {
    margin-top: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-40-sp {
    margin-top: 40px !important;
  }
}

.pt-40 {
  padding-top: 40px !important;
}
@media screen and (min-width: 768px) {
  .pt-40-pc {
    padding-top: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-40-sp {
    padding-top: 40px !important;
  }
}

.mt-45 {
  margin-top: 45px !important;
}
@media screen and (min-width: 768px) {
  .mt-45-pc {
    margin-top: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-45-sp {
    margin-top: 45px !important;
  }
}

.pt-45 {
  padding-top: 45px !important;
}
@media screen and (min-width: 768px) {
  .pt-45-pc {
    padding-top: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-45-sp {
    padding-top: 45px !important;
  }
}

.mt-50 {
  margin-top: 50px !important;
}
@media screen and (min-width: 768px) {
  .mt-50-pc {
    margin-top: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-50-sp {
    margin-top: 50px !important;
  }
}

.pt-50 {
  padding-top: 50px !important;
}
@media screen and (min-width: 768px) {
  .pt-50-pc {
    padding-top: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-50-sp {
    padding-top: 50px !important;
  }
}

.mt-55 {
  margin-top: 55px !important;
}
@media screen and (min-width: 768px) {
  .mt-55-pc {
    margin-top: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-55-sp {
    margin-top: 55px !important;
  }
}

.pt-55 {
  padding-top: 55px !important;
}
@media screen and (min-width: 768px) {
  .pt-55-pc {
    padding-top: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-55-sp {
    padding-top: 55px !important;
  }
}

.mt-60 {
  margin-top: 60px !important;
}
@media screen and (min-width: 768px) {
  .mt-60-pc {
    margin-top: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-60-sp {
    margin-top: 60px !important;
  }
}

.pt-60 {
  padding-top: 60px !important;
}
@media screen and (min-width: 768px) {
  .pt-60-pc {
    padding-top: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-60-sp {
    padding-top: 60px !important;
  }
}

.mt-65 {
  margin-top: 65px !important;
}
@media screen and (min-width: 768px) {
  .mt-65-pc {
    margin-top: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-65-sp {
    margin-top: 65px !important;
  }
}

.pt-65 {
  padding-top: 65px !important;
}
@media screen and (min-width: 768px) {
  .pt-65-pc {
    padding-top: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-65-sp {
    padding-top: 65px !important;
  }
}

.mt-70 {
  margin-top: 70px !important;
}
@media screen and (min-width: 768px) {
  .mt-70-pc {
    margin-top: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-70-sp {
    margin-top: 70px !important;
  }
}

.pt-70 {
  padding-top: 70px !important;
}
@media screen and (min-width: 768px) {
  .pt-70-pc {
    padding-top: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-70-sp {
    padding-top: 70px !important;
  }
}

.mt-75 {
  margin-top: 75px !important;
}
@media screen and (min-width: 768px) {
  .mt-75-pc {
    margin-top: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-75-sp {
    margin-top: 75px !important;
  }
}

.pt-75 {
  padding-top: 75px !important;
}
@media screen and (min-width: 768px) {
  .pt-75-pc {
    padding-top: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-75-sp {
    padding-top: 75px !important;
  }
}

.mt-80 {
  margin-top: 80px !important;
}
@media screen and (min-width: 768px) {
  .mt-80-pc {
    margin-top: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-80-sp {
    margin-top: 80px !important;
  }
}

.pt-80 {
  padding-top: 80px !important;
}
@media screen and (min-width: 768px) {
  .pt-80-pc {
    padding-top: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-80-sp {
    padding-top: 80px !important;
  }
}

.mt-85 {
  margin-top: 85px !important;
}
@media screen and (min-width: 768px) {
  .mt-85-pc {
    margin-top: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-85-sp {
    margin-top: 85px !important;
  }
}

.pt-85 {
  padding-top: 85px !important;
}
@media screen and (min-width: 768px) {
  .pt-85-pc {
    padding-top: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-85-sp {
    padding-top: 85px !important;
  }
}

.mt-90 {
  margin-top: 90px !important;
}
@media screen and (min-width: 768px) {
  .mt-90-pc {
    margin-top: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-90-sp {
    margin-top: 90px !important;
  }
}

.pt-90 {
  padding-top: 90px !important;
}
@media screen and (min-width: 768px) {
  .pt-90-pc {
    padding-top: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-90-sp {
    padding-top: 90px !important;
  }
}

.mt-95 {
  margin-top: 95px !important;
}
@media screen and (min-width: 768px) {
  .mt-95-pc {
    margin-top: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-95-sp {
    margin-top: 95px !important;
  }
}

.pt-95 {
  padding-top: 95px !important;
}
@media screen and (min-width: 768px) {
  .pt-95-pc {
    padding-top: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-95-sp {
    padding-top: 95px !important;
  }
}

.mt-100 {
  margin-top: 100px !important;
}
@media screen and (min-width: 768px) {
  .mt-100-pc {
    margin-top: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-100-sp {
    margin-top: 100px !important;
  }
}

.pt-100 {
  padding-top: 100px !important;
}
@media screen and (min-width: 768px) {
  .pt-100-pc {
    padding-top: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-100-sp {
    padding-top: 100px !important;
  }
}

.mt-105 {
  margin-top: 105px !important;
}
@media screen and (min-width: 768px) {
  .mt-105-pc {
    margin-top: 105px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-105-sp {
    margin-top: 105px !important;
  }
}

.pt-105 {
  padding-top: 105px !important;
}
@media screen and (min-width: 768px) {
  .pt-105-pc {
    padding-top: 105px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-105-sp {
    padding-top: 105px !important;
  }
}

.mt-110 {
  margin-top: 110px !important;
}
@media screen and (min-width: 768px) {
  .mt-110-pc {
    margin-top: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-110-sp {
    margin-top: 110px !important;
  }
}

.pt-110 {
  padding-top: 110px !important;
}
@media screen and (min-width: 768px) {
  .pt-110-pc {
    padding-top: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-110-sp {
    padding-top: 110px !important;
  }
}

.mt-115 {
  margin-top: 115px !important;
}
@media screen and (min-width: 768px) {
  .mt-115-pc {
    margin-top: 115px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-115-sp {
    margin-top: 115px !important;
  }
}

.pt-115 {
  padding-top: 115px !important;
}
@media screen and (min-width: 768px) {
  .pt-115-pc {
    padding-top: 115px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-115-sp {
    padding-top: 115px !important;
  }
}

.mt-120 {
  margin-top: 120px !important;
}
@media screen and (min-width: 768px) {
  .mt-120-pc {
    margin-top: 120px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-120-sp {
    margin-top: 120px !important;
  }
}

.pt-120 {
  padding-top: 120px !important;
}
@media screen and (min-width: 768px) {
  .pt-120-pc {
    padding-top: 120px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-120-sp {
    padding-top: 120px !important;
  }
}

.mt-125 {
  margin-top: 125px !important;
}
@media screen and (min-width: 768px) {
  .mt-125-pc {
    margin-top: 125px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-125-sp {
    margin-top: 125px !important;
  }
}

.pt-125 {
  padding-top: 125px !important;
}
@media screen and (min-width: 768px) {
  .pt-125-pc {
    padding-top: 125px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-125-sp {
    padding-top: 125px !important;
  }
}

.mt-130 {
  margin-top: 130px !important;
}
@media screen and (min-width: 768px) {
  .mt-130-pc {
    margin-top: 130px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-130-sp {
    margin-top: 130px !important;
  }
}

.pt-130 {
  padding-top: 130px !important;
}
@media screen and (min-width: 768px) {
  .pt-130-pc {
    padding-top: 130px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-130-sp {
    padding-top: 130px !important;
  }
}

.mt-135 {
  margin-top: 135px !important;
}
@media screen and (min-width: 768px) {
  .mt-135-pc {
    margin-top: 135px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-135-sp {
    margin-top: 135px !important;
  }
}

.pt-135 {
  padding-top: 135px !important;
}
@media screen and (min-width: 768px) {
  .pt-135-pc {
    padding-top: 135px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-135-sp {
    padding-top: 135px !important;
  }
}

.mt-140 {
  margin-top: 140px !important;
}
@media screen and (min-width: 768px) {
  .mt-140-pc {
    margin-top: 140px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-140-sp {
    margin-top: 140px !important;
  }
}

.pt-140 {
  padding-top: 140px !important;
}
@media screen and (min-width: 768px) {
  .pt-140-pc {
    padding-top: 140px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-140-sp {
    padding-top: 140px !important;
  }
}

.mt-145 {
  margin-top: 145px !important;
}
@media screen and (min-width: 768px) {
  .mt-145-pc {
    margin-top: 145px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-145-sp {
    margin-top: 145px !important;
  }
}

.pt-145 {
  padding-top: 145px !important;
}
@media screen and (min-width: 768px) {
  .pt-145-pc {
    padding-top: 145px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-145-sp {
    padding-top: 145px !important;
  }
}

.mt-150 {
  margin-top: 150px !important;
}
@media screen and (min-width: 768px) {
  .mt-150-pc {
    margin-top: 150px !important;
  }
}
@media screen and (max-width: 767px) {
  .mt-150-sp {
    margin-top: 150px !important;
  }
}

.pt-150 {
  padding-top: 150px !important;
}
@media screen and (min-width: 768px) {
  .pt-150-pc {
    padding-top: 150px !important;
  }
}
@media screen and (max-width: 767px) {
  .pt-150-sp {
    padding-top: 150px !important;
  }
}

.mr-0 {
  margin-right: 0px !important;
}
@media screen and (min-width: 768px) {
  .mr-0-pc {
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-0-sp {
    margin-right: 0px !important;
  }
}

.pr-0 {
  padding-right: 0px !important;
}
@media screen and (min-width: 768px) {
  .pr-0-pc {
    padding-right: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-0-sp {
    padding-right: 0px !important;
  }
}

.mr-5 {
  margin-right: 5px !important;
}
@media screen and (min-width: 768px) {
  .mr-5-pc {
    margin-right: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-5-sp {
    margin-right: 5px !important;
  }
}

.pr-5 {
  padding-right: 5px !important;
}
@media screen and (min-width: 768px) {
  .pr-5-pc {
    padding-right: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-5-sp {
    padding-right: 5px !important;
  }
}

.mr-10 {
  margin-right: 10px !important;
}
@media screen and (min-width: 768px) {
  .mr-10-pc {
    margin-right: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-10-sp {
    margin-right: 10px !important;
  }
}

.pr-10 {
  padding-right: 10px !important;
}
@media screen and (min-width: 768px) {
  .pr-10-pc {
    padding-right: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-10-sp {
    padding-right: 10px !important;
  }
}

.mr-15 {
  margin-right: 15px !important;
}
@media screen and (min-width: 768px) {
  .mr-15-pc {
    margin-right: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-15-sp {
    margin-right: 15px !important;
  }
}

.pr-15 {
  padding-right: 15px !important;
}
@media screen and (min-width: 768px) {
  .pr-15-pc {
    padding-right: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-15-sp {
    padding-right: 15px !important;
  }
}

.mr-20 {
  margin-right: 20px !important;
}
@media screen and (min-width: 768px) {
  .mr-20-pc {
    margin-right: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-20-sp {
    margin-right: 20px !important;
  }
}

.pr-20 {
  padding-right: 20px !important;
}
@media screen and (min-width: 768px) {
  .pr-20-pc {
    padding-right: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-20-sp {
    padding-right: 20px !important;
  }
}

.mr-25 {
  margin-right: 25px !important;
}
@media screen and (min-width: 768px) {
  .mr-25-pc {
    margin-right: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-25-sp {
    margin-right: 25px !important;
  }
}

.pr-25 {
  padding-right: 25px !important;
}
@media screen and (min-width: 768px) {
  .pr-25-pc {
    padding-right: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-25-sp {
    padding-right: 25px !important;
  }
}

.mr-30 {
  margin-right: 30px !important;
}
@media screen and (min-width: 768px) {
  .mr-30-pc {
    margin-right: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-30-sp {
    margin-right: 30px !important;
  }
}

.pr-30 {
  padding-right: 30px !important;
}
@media screen and (min-width: 768px) {
  .pr-30-pc {
    padding-right: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-30-sp {
    padding-right: 30px !important;
  }
}

.mr-35 {
  margin-right: 35px !important;
}
@media screen and (min-width: 768px) {
  .mr-35-pc {
    margin-right: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-35-sp {
    margin-right: 35px !important;
  }
}

.pr-35 {
  padding-right: 35px !important;
}
@media screen and (min-width: 768px) {
  .pr-35-pc {
    padding-right: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-35-sp {
    padding-right: 35px !important;
  }
}

.mr-40 {
  margin-right: 40px !important;
}
@media screen and (min-width: 768px) {
  .mr-40-pc {
    margin-right: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-40-sp {
    margin-right: 40px !important;
  }
}

.pr-40 {
  padding-right: 40px !important;
}
@media screen and (min-width: 768px) {
  .pr-40-pc {
    padding-right: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-40-sp {
    padding-right: 40px !important;
  }
}

.mr-45 {
  margin-right: 45px !important;
}
@media screen and (min-width: 768px) {
  .mr-45-pc {
    margin-right: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-45-sp {
    margin-right: 45px !important;
  }
}

.pr-45 {
  padding-right: 45px !important;
}
@media screen and (min-width: 768px) {
  .pr-45-pc {
    padding-right: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-45-sp {
    padding-right: 45px !important;
  }
}

.mr-50 {
  margin-right: 50px !important;
}
@media screen and (min-width: 768px) {
  .mr-50-pc {
    margin-right: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-50-sp {
    margin-right: 50px !important;
  }
}

.pr-50 {
  padding-right: 50px !important;
}
@media screen and (min-width: 768px) {
  .pr-50-pc {
    padding-right: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-50-sp {
    padding-right: 50px !important;
  }
}

.mr-55 {
  margin-right: 55px !important;
}
@media screen and (min-width: 768px) {
  .mr-55-pc {
    margin-right: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-55-sp {
    margin-right: 55px !important;
  }
}

.pr-55 {
  padding-right: 55px !important;
}
@media screen and (min-width: 768px) {
  .pr-55-pc {
    padding-right: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-55-sp {
    padding-right: 55px !important;
  }
}

.mr-60 {
  margin-right: 60px !important;
}
@media screen and (min-width: 768px) {
  .mr-60-pc {
    margin-right: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-60-sp {
    margin-right: 60px !important;
  }
}

.pr-60 {
  padding-right: 60px !important;
}
@media screen and (min-width: 768px) {
  .pr-60-pc {
    padding-right: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-60-sp {
    padding-right: 60px !important;
  }
}

.mr-65 {
  margin-right: 65px !important;
}
@media screen and (min-width: 768px) {
  .mr-65-pc {
    margin-right: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-65-sp {
    margin-right: 65px !important;
  }
}

.pr-65 {
  padding-right: 65px !important;
}
@media screen and (min-width: 768px) {
  .pr-65-pc {
    padding-right: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-65-sp {
    padding-right: 65px !important;
  }
}

.mr-70 {
  margin-right: 70px !important;
}
@media screen and (min-width: 768px) {
  .mr-70-pc {
    margin-right: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-70-sp {
    margin-right: 70px !important;
  }
}

.pr-70 {
  padding-right: 70px !important;
}
@media screen and (min-width: 768px) {
  .pr-70-pc {
    padding-right: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-70-sp {
    padding-right: 70px !important;
  }
}

.mr-75 {
  margin-right: 75px !important;
}
@media screen and (min-width: 768px) {
  .mr-75-pc {
    margin-right: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-75-sp {
    margin-right: 75px !important;
  }
}

.pr-75 {
  padding-right: 75px !important;
}
@media screen and (min-width: 768px) {
  .pr-75-pc {
    padding-right: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-75-sp {
    padding-right: 75px !important;
  }
}

.mr-80 {
  margin-right: 80px !important;
}
@media screen and (min-width: 768px) {
  .mr-80-pc {
    margin-right: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-80-sp {
    margin-right: 80px !important;
  }
}

.pr-80 {
  padding-right: 80px !important;
}
@media screen and (min-width: 768px) {
  .pr-80-pc {
    padding-right: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-80-sp {
    padding-right: 80px !important;
  }
}

.mr-85 {
  margin-right: 85px !important;
}
@media screen and (min-width: 768px) {
  .mr-85-pc {
    margin-right: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-85-sp {
    margin-right: 85px !important;
  }
}

.pr-85 {
  padding-right: 85px !important;
}
@media screen and (min-width: 768px) {
  .pr-85-pc {
    padding-right: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-85-sp {
    padding-right: 85px !important;
  }
}

.mr-90 {
  margin-right: 90px !important;
}
@media screen and (min-width: 768px) {
  .mr-90-pc {
    margin-right: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-90-sp {
    margin-right: 90px !important;
  }
}

.pr-90 {
  padding-right: 90px !important;
}
@media screen and (min-width: 768px) {
  .pr-90-pc {
    padding-right: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-90-sp {
    padding-right: 90px !important;
  }
}

.mr-95 {
  margin-right: 95px !important;
}
@media screen and (min-width: 768px) {
  .mr-95-pc {
    margin-right: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-95-sp {
    margin-right: 95px !important;
  }
}

.pr-95 {
  padding-right: 95px !important;
}
@media screen and (min-width: 768px) {
  .pr-95-pc {
    padding-right: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-95-sp {
    padding-right: 95px !important;
  }
}

.mr-100 {
  margin-right: 100px !important;
}
@media screen and (min-width: 768px) {
  .mr-100-pc {
    margin-right: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-100-sp {
    margin-right: 100px !important;
  }
}

.pr-100 {
  padding-right: 100px !important;
}
@media screen and (min-width: 768px) {
  .pr-100-pc {
    padding-right: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-100-sp {
    padding-right: 100px !important;
  }
}

.mr-105 {
  margin-right: 105px !important;
}
@media screen and (min-width: 768px) {
  .mr-105-pc {
    margin-right: 105px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-105-sp {
    margin-right: 105px !important;
  }
}

.pr-105 {
  padding-right: 105px !important;
}
@media screen and (min-width: 768px) {
  .pr-105-pc {
    padding-right: 105px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-105-sp {
    padding-right: 105px !important;
  }
}

.mr-110 {
  margin-right: 110px !important;
}
@media screen and (min-width: 768px) {
  .mr-110-pc {
    margin-right: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-110-sp {
    margin-right: 110px !important;
  }
}

.pr-110 {
  padding-right: 110px !important;
}
@media screen and (min-width: 768px) {
  .pr-110-pc {
    padding-right: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-110-sp {
    padding-right: 110px !important;
  }
}

.mr-115 {
  margin-right: 115px !important;
}
@media screen and (min-width: 768px) {
  .mr-115-pc {
    margin-right: 115px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-115-sp {
    margin-right: 115px !important;
  }
}

.pr-115 {
  padding-right: 115px !important;
}
@media screen and (min-width: 768px) {
  .pr-115-pc {
    padding-right: 115px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-115-sp {
    padding-right: 115px !important;
  }
}

.mr-120 {
  margin-right: 120px !important;
}
@media screen and (min-width: 768px) {
  .mr-120-pc {
    margin-right: 120px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-120-sp {
    margin-right: 120px !important;
  }
}

.pr-120 {
  padding-right: 120px !important;
}
@media screen and (min-width: 768px) {
  .pr-120-pc {
    padding-right: 120px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-120-sp {
    padding-right: 120px !important;
  }
}

.mr-125 {
  margin-right: 125px !important;
}
@media screen and (min-width: 768px) {
  .mr-125-pc {
    margin-right: 125px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-125-sp {
    margin-right: 125px !important;
  }
}

.pr-125 {
  padding-right: 125px !important;
}
@media screen and (min-width: 768px) {
  .pr-125-pc {
    padding-right: 125px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-125-sp {
    padding-right: 125px !important;
  }
}

.mr-130 {
  margin-right: 130px !important;
}
@media screen and (min-width: 768px) {
  .mr-130-pc {
    margin-right: 130px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-130-sp {
    margin-right: 130px !important;
  }
}

.pr-130 {
  padding-right: 130px !important;
}
@media screen and (min-width: 768px) {
  .pr-130-pc {
    padding-right: 130px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-130-sp {
    padding-right: 130px !important;
  }
}

.mr-135 {
  margin-right: 135px !important;
}
@media screen and (min-width: 768px) {
  .mr-135-pc {
    margin-right: 135px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-135-sp {
    margin-right: 135px !important;
  }
}

.pr-135 {
  padding-right: 135px !important;
}
@media screen and (min-width: 768px) {
  .pr-135-pc {
    padding-right: 135px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-135-sp {
    padding-right: 135px !important;
  }
}

.mr-140 {
  margin-right: 140px !important;
}
@media screen and (min-width: 768px) {
  .mr-140-pc {
    margin-right: 140px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-140-sp {
    margin-right: 140px !important;
  }
}

.pr-140 {
  padding-right: 140px !important;
}
@media screen and (min-width: 768px) {
  .pr-140-pc {
    padding-right: 140px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-140-sp {
    padding-right: 140px !important;
  }
}

.mr-145 {
  margin-right: 145px !important;
}
@media screen and (min-width: 768px) {
  .mr-145-pc {
    margin-right: 145px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-145-sp {
    margin-right: 145px !important;
  }
}

.pr-145 {
  padding-right: 145px !important;
}
@media screen and (min-width: 768px) {
  .pr-145-pc {
    padding-right: 145px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-145-sp {
    padding-right: 145px !important;
  }
}

.mr-150 {
  margin-right: 150px !important;
}
@media screen and (min-width: 768px) {
  .mr-150-pc {
    margin-right: 150px !important;
  }
}
@media screen and (max-width: 767px) {
  .mr-150-sp {
    margin-right: 150px !important;
  }
}

.pr-150 {
  padding-right: 150px !important;
}
@media screen and (min-width: 768px) {
  .pr-150-pc {
    padding-right: 150px !important;
  }
}
@media screen and (max-width: 767px) {
  .pr-150-sp {
    padding-right: 150px !important;
  }
}

.mb-0 {
  margin-bottom: 0px !important;
}
@media screen and (min-width: 768px) {
  .mb-0-pc {
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-0-sp {
    margin-bottom: 0px !important;
  }
}

.pb-0 {
  padding-bottom: 0px !important;
}
@media screen and (min-width: 768px) {
  .pb-0-pc {
    padding-bottom: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-0-sp {
    padding-bottom: 0px !important;
  }
}

.mb-5 {
  margin-bottom: 5px !important;
}
@media screen and (min-width: 768px) {
  .mb-5-pc {
    margin-bottom: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-5-sp {
    margin-bottom: 5px !important;
  }
}

.pb-5 {
  padding-bottom: 5px !important;
}
@media screen and (min-width: 768px) {
  .pb-5-pc {
    padding-bottom: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-5-sp {
    padding-bottom: 5px !important;
  }
}

.mb-10 {
  margin-bottom: 10px !important;
}
@media screen and (min-width: 768px) {
  .mb-10-pc {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-10-sp {
    margin-bottom: 10px !important;
  }
}

.pb-10 {
  padding-bottom: 10px !important;
}
@media screen and (min-width: 768px) {
  .pb-10-pc {
    padding-bottom: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-10-sp {
    padding-bottom: 10px !important;
  }
}

.mb-15 {
  margin-bottom: 15px !important;
}
@media screen and (min-width: 768px) {
  .mb-15-pc {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-15-sp {
    margin-bottom: 15px !important;
  }
}

.pb-15 {
  padding-bottom: 15px !important;
}
@media screen and (min-width: 768px) {
  .pb-15-pc {
    padding-bottom: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-15-sp {
    padding-bottom: 15px !important;
  }
}

.mb-20 {
  margin-bottom: 20px !important;
}
@media screen and (min-width: 768px) {
  .mb-20-pc {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-20-sp {
    margin-bottom: 20px !important;
  }
}

.pb-20 {
  padding-bottom: 20px !important;
}
@media screen and (min-width: 768px) {
  .pb-20-pc {
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-20-sp {
    padding-bottom: 20px !important;
  }
}

.mb-25 {
  margin-bottom: 25px !important;
}
@media screen and (min-width: 768px) {
  .mb-25-pc {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-25-sp {
    margin-bottom: 25px !important;
  }
}

.pb-25 {
  padding-bottom: 25px !important;
}
@media screen and (min-width: 768px) {
  .pb-25-pc {
    padding-bottom: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-25-sp {
    padding-bottom: 25px !important;
  }
}

.mb-30 {
  margin-bottom: 30px !important;
}
@media screen and (min-width: 768px) {
  .mb-30-pc {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-30-sp {
    margin-bottom: 30px !important;
  }
}

.pb-30 {
  padding-bottom: 30px !important;
}
@media screen and (min-width: 768px) {
  .pb-30-pc {
    padding-bottom: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-30-sp {
    padding-bottom: 30px !important;
  }
}

.mb-35 {
  margin-bottom: 35px !important;
}
@media screen and (min-width: 768px) {
  .mb-35-pc {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-35-sp {
    margin-bottom: 35px !important;
  }
}

.pb-35 {
  padding-bottom: 35px !important;
}
@media screen and (min-width: 768px) {
  .pb-35-pc {
    padding-bottom: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-35-sp {
    padding-bottom: 35px !important;
  }
}

.mb-40 {
  margin-bottom: 40px !important;
}
@media screen and (min-width: 768px) {
  .mb-40-pc {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-40-sp {
    margin-bottom: 40px !important;
  }
}

.pb-40 {
  padding-bottom: 40px !important;
}
@media screen and (min-width: 768px) {
  .pb-40-pc {
    padding-bottom: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-40-sp {
    padding-bottom: 40px !important;
  }
}

.mb-45 {
  margin-bottom: 45px !important;
}
@media screen and (min-width: 768px) {
  .mb-45-pc {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-45-sp {
    margin-bottom: 45px !important;
  }
}

.pb-45 {
  padding-bottom: 45px !important;
}
@media screen and (min-width: 768px) {
  .pb-45-pc {
    padding-bottom: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-45-sp {
    padding-bottom: 45px !important;
  }
}

.mb-50 {
  margin-bottom: 50px !important;
}
@media screen and (min-width: 768px) {
  .mb-50-pc {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-50-sp {
    margin-bottom: 50px !important;
  }
}

.pb-50 {
  padding-bottom: 50px !important;
}
@media screen and (min-width: 768px) {
  .pb-50-pc {
    padding-bottom: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-50-sp {
    padding-bottom: 50px !important;
  }
}

.mb-55 {
  margin-bottom: 55px !important;
}
@media screen and (min-width: 768px) {
  .mb-55-pc {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-55-sp {
    margin-bottom: 55px !important;
  }
}

.pb-55 {
  padding-bottom: 55px !important;
}
@media screen and (min-width: 768px) {
  .pb-55-pc {
    padding-bottom: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-55-sp {
    padding-bottom: 55px !important;
  }
}

.mb-60 {
  margin-bottom: 60px !important;
}
@media screen and (min-width: 768px) {
  .mb-60-pc {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-60-sp {
    margin-bottom: 60px !important;
  }
}

.pb-60 {
  padding-bottom: 60px !important;
}
@media screen and (min-width: 768px) {
  .pb-60-pc {
    padding-bottom: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-60-sp {
    padding-bottom: 60px !important;
  }
}

.mb-65 {
  margin-bottom: 65px !important;
}
@media screen and (min-width: 768px) {
  .mb-65-pc {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-65-sp {
    margin-bottom: 65px !important;
  }
}

.pb-65 {
  padding-bottom: 65px !important;
}
@media screen and (min-width: 768px) {
  .pb-65-pc {
    padding-bottom: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-65-sp {
    padding-bottom: 65px !important;
  }
}

.mb-70 {
  margin-bottom: 70px !important;
}
@media screen and (min-width: 768px) {
  .mb-70-pc {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-70-sp {
    margin-bottom: 70px !important;
  }
}

.pb-70 {
  padding-bottom: 70px !important;
}
@media screen and (min-width: 768px) {
  .pb-70-pc {
    padding-bottom: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-70-sp {
    padding-bottom: 70px !important;
  }
}

.mb-75 {
  margin-bottom: 75px !important;
}
@media screen and (min-width: 768px) {
  .mb-75-pc {
    margin-bottom: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-75-sp {
    margin-bottom: 75px !important;
  }
}

.pb-75 {
  padding-bottom: 75px !important;
}
@media screen and (min-width: 768px) {
  .pb-75-pc {
    padding-bottom: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-75-sp {
    padding-bottom: 75px !important;
  }
}

.mb-80 {
  margin-bottom: 80px !important;
}
@media screen and (min-width: 768px) {
  .mb-80-pc {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-80-sp {
    margin-bottom: 80px !important;
  }
}

.pb-80 {
  padding-bottom: 80px !important;
}
@media screen and (min-width: 768px) {
  .pb-80-pc {
    padding-bottom: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-80-sp {
    padding-bottom: 80px !important;
  }
}

.mb-85 {
  margin-bottom: 85px !important;
}
@media screen and (min-width: 768px) {
  .mb-85-pc {
    margin-bottom: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-85-sp {
    margin-bottom: 85px !important;
  }
}

.pb-85 {
  padding-bottom: 85px !important;
}
@media screen and (min-width: 768px) {
  .pb-85-pc {
    padding-bottom: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-85-sp {
    padding-bottom: 85px !important;
  }
}

.mb-90 {
  margin-bottom: 90px !important;
}
@media screen and (min-width: 768px) {
  .mb-90-pc {
    margin-bottom: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-90-sp {
    margin-bottom: 90px !important;
  }
}

.pb-90 {
  padding-bottom: 90px !important;
}
@media screen and (min-width: 768px) {
  .pb-90-pc {
    padding-bottom: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-90-sp {
    padding-bottom: 90px !important;
  }
}

.mb-95 {
  margin-bottom: 95px !important;
}
@media screen and (min-width: 768px) {
  .mb-95-pc {
    margin-bottom: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-95-sp {
    margin-bottom: 95px !important;
  }
}

.pb-95 {
  padding-bottom: 95px !important;
}
@media screen and (min-width: 768px) {
  .pb-95-pc {
    padding-bottom: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-95-sp {
    padding-bottom: 95px !important;
  }
}

.mb-100 {
  margin-bottom: 100px !important;
}
@media screen and (min-width: 768px) {
  .mb-100-pc {
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-100-sp {
    margin-bottom: 100px !important;
  }
}

.pb-100 {
  padding-bottom: 100px !important;
}
@media screen and (min-width: 768px) {
  .pb-100-pc {
    padding-bottom: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-100-sp {
    padding-bottom: 100px !important;
  }
}

.mb-105 {
  margin-bottom: 105px !important;
}
@media screen and (min-width: 768px) {
  .mb-105-pc {
    margin-bottom: 105px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-105-sp {
    margin-bottom: 105px !important;
  }
}

.pb-105 {
  padding-bottom: 105px !important;
}
@media screen and (min-width: 768px) {
  .pb-105-pc {
    padding-bottom: 105px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-105-sp {
    padding-bottom: 105px !important;
  }
}

.mb-110 {
  margin-bottom: 110px !important;
}
@media screen and (min-width: 768px) {
  .mb-110-pc {
    margin-bottom: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-110-sp {
    margin-bottom: 110px !important;
  }
}

.pb-110 {
  padding-bottom: 110px !important;
}
@media screen and (min-width: 768px) {
  .pb-110-pc {
    padding-bottom: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-110-sp {
    padding-bottom: 110px !important;
  }
}

.mb-115 {
  margin-bottom: 115px !important;
}
@media screen and (min-width: 768px) {
  .mb-115-pc {
    margin-bottom: 115px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-115-sp {
    margin-bottom: 115px !important;
  }
}

.pb-115 {
  padding-bottom: 115px !important;
}
@media screen and (min-width: 768px) {
  .pb-115-pc {
    padding-bottom: 115px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-115-sp {
    padding-bottom: 115px !important;
  }
}

.mb-120 {
  margin-bottom: 120px !important;
}
@media screen and (min-width: 768px) {
  .mb-120-pc {
    margin-bottom: 120px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-120-sp {
    margin-bottom: 120px !important;
  }
}

.pb-120 {
  padding-bottom: 120px !important;
}
@media screen and (min-width: 768px) {
  .pb-120-pc {
    padding-bottom: 120px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-120-sp {
    padding-bottom: 120px !important;
  }
}

.mb-125 {
  margin-bottom: 125px !important;
}
@media screen and (min-width: 768px) {
  .mb-125-pc {
    margin-bottom: 125px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-125-sp {
    margin-bottom: 125px !important;
  }
}

.pb-125 {
  padding-bottom: 125px !important;
}
@media screen and (min-width: 768px) {
  .pb-125-pc {
    padding-bottom: 125px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-125-sp {
    padding-bottom: 125px !important;
  }
}

.mb-130 {
  margin-bottom: 130px !important;
}
@media screen and (min-width: 768px) {
  .mb-130-pc {
    margin-bottom: 130px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-130-sp {
    margin-bottom: 130px !important;
  }
}

.pb-130 {
  padding-bottom: 130px !important;
}
@media screen and (min-width: 768px) {
  .pb-130-pc {
    padding-bottom: 130px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-130-sp {
    padding-bottom: 130px !important;
  }
}

.mb-135 {
  margin-bottom: 135px !important;
}
@media screen and (min-width: 768px) {
  .mb-135-pc {
    margin-bottom: 135px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-135-sp {
    margin-bottom: 135px !important;
  }
}

.pb-135 {
  padding-bottom: 135px !important;
}
@media screen and (min-width: 768px) {
  .pb-135-pc {
    padding-bottom: 135px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-135-sp {
    padding-bottom: 135px !important;
  }
}

.mb-140 {
  margin-bottom: 140px !important;
}
@media screen and (min-width: 768px) {
  .mb-140-pc {
    margin-bottom: 140px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-140-sp {
    margin-bottom: 140px !important;
  }
}

.pb-140 {
  padding-bottom: 140px !important;
}
@media screen and (min-width: 768px) {
  .pb-140-pc {
    padding-bottom: 140px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-140-sp {
    padding-bottom: 140px !important;
  }
}

.mb-145 {
  margin-bottom: 145px !important;
}
@media screen and (min-width: 768px) {
  .mb-145-pc {
    margin-bottom: 145px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-145-sp {
    margin-bottom: 145px !important;
  }
}

.pb-145 {
  padding-bottom: 145px !important;
}
@media screen and (min-width: 768px) {
  .pb-145-pc {
    padding-bottom: 145px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-145-sp {
    padding-bottom: 145px !important;
  }
}

.mb-150 {
  margin-bottom: 150px !important;
}
@media screen and (min-width: 768px) {
  .mb-150-pc {
    margin-bottom: 150px !important;
  }
}
@media screen and (max-width: 767px) {
  .mb-150-sp {
    margin-bottom: 150px !important;
  }
}

.pb-150 {
  padding-bottom: 150px !important;
}
@media screen and (min-width: 768px) {
  .pb-150-pc {
    padding-bottom: 150px !important;
  }
}
@media screen and (max-width: 767px) {
  .pb-150-sp {
    padding-bottom: 150px !important;
  }
}

.ml-0 {
  margin-left: 0px !important;
}
@media screen and (min-width: 768px) {
  .ml-0-pc {
    margin-left: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-0-sp {
    margin-left: 0px !important;
  }
}

.pl-0 {
  padding-left: 0px !important;
}
@media screen and (min-width: 768px) {
  .pl-0-pc {
    padding-left: 0px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-0-sp {
    padding-left: 0px !important;
  }
}

.ml-5 {
  margin-left: 5px !important;
}
@media screen and (min-width: 768px) {
  .ml-5-pc {
    margin-left: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-5-sp {
    margin-left: 5px !important;
  }
}

.pl-5 {
  padding-left: 5px !important;
}
@media screen and (min-width: 768px) {
  .pl-5-pc {
    padding-left: 5px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-5-sp {
    padding-left: 5px !important;
  }
}

.ml-10 {
  margin-left: 10px !important;
}
@media screen and (min-width: 768px) {
  .ml-10-pc {
    margin-left: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-10-sp {
    margin-left: 10px !important;
  }
}

.pl-10 {
  padding-left: 10px !important;
}
@media screen and (min-width: 768px) {
  .pl-10-pc {
    padding-left: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-10-sp {
    padding-left: 10px !important;
  }
}

.ml-15 {
  margin-left: 15px !important;
}
@media screen and (min-width: 768px) {
  .ml-15-pc {
    margin-left: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-15-sp {
    margin-left: 15px !important;
  }
}

.pl-15 {
  padding-left: 15px !important;
}
@media screen and (min-width: 768px) {
  .pl-15-pc {
    padding-left: 15px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-15-sp {
    padding-left: 15px !important;
  }
}

.ml-20 {
  margin-left: 20px !important;
}
@media screen and (min-width: 768px) {
  .ml-20-pc {
    margin-left: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-20-sp {
    margin-left: 20px !important;
  }
}

.pl-20 {
  padding-left: 20px !important;
}
@media screen and (min-width: 768px) {
  .pl-20-pc {
    padding-left: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-20-sp {
    padding-left: 20px !important;
  }
}

.ml-25 {
  margin-left: 25px !important;
}
@media screen and (min-width: 768px) {
  .ml-25-pc {
    margin-left: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-25-sp {
    margin-left: 25px !important;
  }
}

.pl-25 {
  padding-left: 25px !important;
}
@media screen and (min-width: 768px) {
  .pl-25-pc {
    padding-left: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-25-sp {
    padding-left: 25px !important;
  }
}

.ml-30 {
  margin-left: 30px !important;
}
@media screen and (min-width: 768px) {
  .ml-30-pc {
    margin-left: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-30-sp {
    margin-left: 30px !important;
  }
}

.pl-30 {
  padding-left: 30px !important;
}
@media screen and (min-width: 768px) {
  .pl-30-pc {
    padding-left: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-30-sp {
    padding-left: 30px !important;
  }
}

.ml-35 {
  margin-left: 35px !important;
}
@media screen and (min-width: 768px) {
  .ml-35-pc {
    margin-left: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-35-sp {
    margin-left: 35px !important;
  }
}

.pl-35 {
  padding-left: 35px !important;
}
@media screen and (min-width: 768px) {
  .pl-35-pc {
    padding-left: 35px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-35-sp {
    padding-left: 35px !important;
  }
}

.ml-40 {
  margin-left: 40px !important;
}
@media screen and (min-width: 768px) {
  .ml-40-pc {
    margin-left: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-40-sp {
    margin-left: 40px !important;
  }
}

.pl-40 {
  padding-left: 40px !important;
}
@media screen and (min-width: 768px) {
  .pl-40-pc {
    padding-left: 40px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-40-sp {
    padding-left: 40px !important;
  }
}

.ml-45 {
  margin-left: 45px !important;
}
@media screen and (min-width: 768px) {
  .ml-45-pc {
    margin-left: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-45-sp {
    margin-left: 45px !important;
  }
}

.pl-45 {
  padding-left: 45px !important;
}
@media screen and (min-width: 768px) {
  .pl-45-pc {
    padding-left: 45px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-45-sp {
    padding-left: 45px !important;
  }
}

.ml-50 {
  margin-left: 50px !important;
}
@media screen and (min-width: 768px) {
  .ml-50-pc {
    margin-left: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-50-sp {
    margin-left: 50px !important;
  }
}

.pl-50 {
  padding-left: 50px !important;
}
@media screen and (min-width: 768px) {
  .pl-50-pc {
    padding-left: 50px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-50-sp {
    padding-left: 50px !important;
  }
}

.ml-55 {
  margin-left: 55px !important;
}
@media screen and (min-width: 768px) {
  .ml-55-pc {
    margin-left: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-55-sp {
    margin-left: 55px !important;
  }
}

.pl-55 {
  padding-left: 55px !important;
}
@media screen and (min-width: 768px) {
  .pl-55-pc {
    padding-left: 55px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-55-sp {
    padding-left: 55px !important;
  }
}

.ml-60 {
  margin-left: 60px !important;
}
@media screen and (min-width: 768px) {
  .ml-60-pc {
    margin-left: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-60-sp {
    margin-left: 60px !important;
  }
}

.pl-60 {
  padding-left: 60px !important;
}
@media screen and (min-width: 768px) {
  .pl-60-pc {
    padding-left: 60px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-60-sp {
    padding-left: 60px !important;
  }
}

.ml-65 {
  margin-left: 65px !important;
}
@media screen and (min-width: 768px) {
  .ml-65-pc {
    margin-left: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-65-sp {
    margin-left: 65px !important;
  }
}

.pl-65 {
  padding-left: 65px !important;
}
@media screen and (min-width: 768px) {
  .pl-65-pc {
    padding-left: 65px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-65-sp {
    padding-left: 65px !important;
  }
}

.ml-70 {
  margin-left: 70px !important;
}
@media screen and (min-width: 768px) {
  .ml-70-pc {
    margin-left: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-70-sp {
    margin-left: 70px !important;
  }
}

.pl-70 {
  padding-left: 70px !important;
}
@media screen and (min-width: 768px) {
  .pl-70-pc {
    padding-left: 70px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-70-sp {
    padding-left: 70px !important;
  }
}

.ml-75 {
  margin-left: 75px !important;
}
@media screen and (min-width: 768px) {
  .ml-75-pc {
    margin-left: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-75-sp {
    margin-left: 75px !important;
  }
}

.pl-75 {
  padding-left: 75px !important;
}
@media screen and (min-width: 768px) {
  .pl-75-pc {
    padding-left: 75px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-75-sp {
    padding-left: 75px !important;
  }
}

.ml-80 {
  margin-left: 80px !important;
}
@media screen and (min-width: 768px) {
  .ml-80-pc {
    margin-left: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-80-sp {
    margin-left: 80px !important;
  }
}

.pl-80 {
  padding-left: 80px !important;
}
@media screen and (min-width: 768px) {
  .pl-80-pc {
    padding-left: 80px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-80-sp {
    padding-left: 80px !important;
  }
}

.ml-85 {
  margin-left: 85px !important;
}
@media screen and (min-width: 768px) {
  .ml-85-pc {
    margin-left: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-85-sp {
    margin-left: 85px !important;
  }
}

.pl-85 {
  padding-left: 85px !important;
}
@media screen and (min-width: 768px) {
  .pl-85-pc {
    padding-left: 85px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-85-sp {
    padding-left: 85px !important;
  }
}

.ml-90 {
  margin-left: 90px !important;
}
@media screen and (min-width: 768px) {
  .ml-90-pc {
    margin-left: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-90-sp {
    margin-left: 90px !important;
  }
}

.pl-90 {
  padding-left: 90px !important;
}
@media screen and (min-width: 768px) {
  .pl-90-pc {
    padding-left: 90px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-90-sp {
    padding-left: 90px !important;
  }
}

.ml-95 {
  margin-left: 95px !important;
}
@media screen and (min-width: 768px) {
  .ml-95-pc {
    margin-left: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-95-sp {
    margin-left: 95px !important;
  }
}

.pl-95 {
  padding-left: 95px !important;
}
@media screen and (min-width: 768px) {
  .pl-95-pc {
    padding-left: 95px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-95-sp {
    padding-left: 95px !important;
  }
}

.ml-100 {
  margin-left: 100px !important;
}
@media screen and (min-width: 768px) {
  .ml-100-pc {
    margin-left: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-100-sp {
    margin-left: 100px !important;
  }
}

.pl-100 {
  padding-left: 100px !important;
}
@media screen and (min-width: 768px) {
  .pl-100-pc {
    padding-left: 100px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-100-sp {
    padding-left: 100px !important;
  }
}

.ml-105 {
  margin-left: 105px !important;
}
@media screen and (min-width: 768px) {
  .ml-105-pc {
    margin-left: 105px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-105-sp {
    margin-left: 105px !important;
  }
}

.pl-105 {
  padding-left: 105px !important;
}
@media screen and (min-width: 768px) {
  .pl-105-pc {
    padding-left: 105px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-105-sp {
    padding-left: 105px !important;
  }
}

.ml-110 {
  margin-left: 110px !important;
}
@media screen and (min-width: 768px) {
  .ml-110-pc {
    margin-left: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-110-sp {
    margin-left: 110px !important;
  }
}

.pl-110 {
  padding-left: 110px !important;
}
@media screen and (min-width: 768px) {
  .pl-110-pc {
    padding-left: 110px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-110-sp {
    padding-left: 110px !important;
  }
}

.ml-115 {
  margin-left: 115px !important;
}
@media screen and (min-width: 768px) {
  .ml-115-pc {
    margin-left: 115px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-115-sp {
    margin-left: 115px !important;
  }
}

.pl-115 {
  padding-left: 115px !important;
}
@media screen and (min-width: 768px) {
  .pl-115-pc {
    padding-left: 115px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-115-sp {
    padding-left: 115px !important;
  }
}

.ml-120 {
  margin-left: 120px !important;
}
@media screen and (min-width: 768px) {
  .ml-120-pc {
    margin-left: 120px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-120-sp {
    margin-left: 120px !important;
  }
}

.pl-120 {
  padding-left: 120px !important;
}
@media screen and (min-width: 768px) {
  .pl-120-pc {
    padding-left: 120px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-120-sp {
    padding-left: 120px !important;
  }
}

.ml-125 {
  margin-left: 125px !important;
}
@media screen and (min-width: 768px) {
  .ml-125-pc {
    margin-left: 125px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-125-sp {
    margin-left: 125px !important;
  }
}

.pl-125 {
  padding-left: 125px !important;
}
@media screen and (min-width: 768px) {
  .pl-125-pc {
    padding-left: 125px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-125-sp {
    padding-left: 125px !important;
  }
}

.ml-130 {
  margin-left: 130px !important;
}
@media screen and (min-width: 768px) {
  .ml-130-pc {
    margin-left: 130px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-130-sp {
    margin-left: 130px !important;
  }
}

.pl-130 {
  padding-left: 130px !important;
}
@media screen and (min-width: 768px) {
  .pl-130-pc {
    padding-left: 130px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-130-sp {
    padding-left: 130px !important;
  }
}

.ml-135 {
  margin-left: 135px !important;
}
@media screen and (min-width: 768px) {
  .ml-135-pc {
    margin-left: 135px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-135-sp {
    margin-left: 135px !important;
  }
}

.pl-135 {
  padding-left: 135px !important;
}
@media screen and (min-width: 768px) {
  .pl-135-pc {
    padding-left: 135px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-135-sp {
    padding-left: 135px !important;
  }
}

.ml-140 {
  margin-left: 140px !important;
}
@media screen and (min-width: 768px) {
  .ml-140-pc {
    margin-left: 140px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-140-sp {
    margin-left: 140px !important;
  }
}

.pl-140 {
  padding-left: 140px !important;
}
@media screen and (min-width: 768px) {
  .pl-140-pc {
    padding-left: 140px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-140-sp {
    padding-left: 140px !important;
  }
}

.ml-145 {
  margin-left: 145px !important;
}
@media screen and (min-width: 768px) {
  .ml-145-pc {
    margin-left: 145px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-145-sp {
    margin-left: 145px !important;
  }
}

.pl-145 {
  padding-left: 145px !important;
}
@media screen and (min-width: 768px) {
  .pl-145-pc {
    padding-left: 145px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-145-sp {
    padding-left: 145px !important;
  }
}

.ml-150 {
  margin-left: 150px !important;
}
@media screen and (min-width: 768px) {
  .ml-150-pc {
    margin-left: 150px !important;
  }
}
@media screen and (max-width: 767px) {
  .ml-150-sp {
    margin-left: 150px !important;
  }
}

.pl-150 {
  padding-left: 150px !important;
}
@media screen and (min-width: 768px) {
  .pl-150-pc {
    padding-left: 150px !important;
  }
}
@media screen and (max-width: 767px) {
  .pl-150-sp {
    padding-left: 150px !important;
  }
}

/* ------------------------------------------------- *
 *        position
 * ------------------------------------------------- */
.u-positionS {
  position: static !important;
}
@media screen and (min-width: 768px) {
  .u-positionS-pc {
    position: static !important;
  }
}
@media screen and (max-width: 767px) {
  .u-positionS-sp {
    position: static !important;
  }
}

.u-positionR {
  position: relative !important;
}
@media screen and (min-width: 768px) {
  .u-positionR-pc {
    position: relative !important;
  }
}
@media screen and (max-width: 767px) {
  .u-positionR-sp {
    position: relative !important;
  }
}

.u-positionA {
  position: absolute !important;
}
@media screen and (min-width: 768px) {
  .u-positionA-pc {
    position: absolute !important;
  }
}
@media screen and (max-width: 767px) {
  .u-positionA-sp {
    position: absolute !important;
  }
}

/* ------------------------------------------------- *
 *        font-size
 * ------------------------------------------------- */
.u-fs10 {
  font-size: 1rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs10-pc {
    font-size: 1rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs10-sp {
    font-size: 1rem !important;
  }
}

.u-fs12 {
  font-size: 1.2rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs12-pc {
    font-size: 1.2rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs12-sp {
    font-size: 1.2rem !important;
  }
}

.u-fs14 {
  font-size: 1.4rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs14-pc {
    font-size: 1.4rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs14-sp {
    font-size: 1.4rem !important;
  }
}

.u-fs16 {
  font-size: 1.6rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs16-pc {
    font-size: 1.6rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs16-sp {
    font-size: 1.6rem !important;
  }
}

.u-fs18 {
  font-size: 1.8rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs18-pc {
    font-size: 1.8rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs18-sp {
    font-size: 1.8rem !important;
  }
}

.u-fs20 {
  font-size: 2rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs20-pc {
    font-size: 2rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs20-sp {
    font-size: 2rem !important;
  }
}

.u-fs22 {
  font-size: 2.2rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs22-pc {
    font-size: 2.2rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs22-sp {
    font-size: 2.2rem !important;
  }
}

.u-fs24 {
  font-size: 2.4rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs24-pc {
    font-size: 2.4rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs24-sp {
    font-size: 2.4rem !important;
  }
}

.u-fs26 {
  font-size: 2.6rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs26-pc {
    font-size: 2.6rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs26-sp {
    font-size: 2.6rem !important;
  }
}

.u-fs28 {
  font-size: 2.8rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs28-pc {
    font-size: 2.8rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs28-sp {
    font-size: 2.8rem !important;
  }
}

.u-fs30 {
  font-size: 3rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs30-pc {
    font-size: 3rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs30-sp {
    font-size: 3rem !important;
  }
}

.u-fs32 {
  font-size: 3.2rem !important;
}
@media screen and (min-width: 768px) {
  .u-fs32-pc {
    font-size: 3.2rem !important;
  }
}
@media screen and (max-width: 767px) {
  .u-fs32-sp {
    font-size: 3.2rem !important;
  }
}

/* ------------------------------------------------- *
 *        width
 * ------------------------------------------------- */
.w-0p {
  width: 0% !important;
}
@media screen and (min-width: 768px) {
  .w-0p-pc {
    width: 0% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-0p-sp {
    width: 0% !important;
  }
}

.w-5p {
  width: 5% !important;
}
@media screen and (min-width: 768px) {
  .w-5p-pc {
    width: 5% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-5p-sp {
    width: 5% !important;
  }
}

.w-10p {
  width: 10% !important;
}
@media screen and (min-width: 768px) {
  .w-10p-pc {
    width: 10% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-10p-sp {
    width: 10% !important;
  }
}

.w-15p {
  width: 15% !important;
}
@media screen and (min-width: 768px) {
  .w-15p-pc {
    width: 15% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-15p-sp {
    width: 15% !important;
  }
}

.w-20p {
  width: 20% !important;
}
@media screen and (min-width: 768px) {
  .w-20p-pc {
    width: 20% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-20p-sp {
    width: 20% !important;
  }
}

.w-25p {
  width: 25% !important;
}
@media screen and (min-width: 768px) {
  .w-25p-pc {
    width: 25% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-25p-sp {
    width: 25% !important;
  }
}

.w-30p {
  width: 30% !important;
}
@media screen and (min-width: 768px) {
  .w-30p-pc {
    width: 30% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-30p-sp {
    width: 30% !important;
  }
}

.w-35p {
  width: 35% !important;
}
@media screen and (min-width: 768px) {
  .w-35p-pc {
    width: 35% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-35p-sp {
    width: 35% !important;
  }
}

.w-40p {
  width: 40% !important;
}
@media screen and (min-width: 768px) {
  .w-40p-pc {
    width: 40% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-40p-sp {
    width: 40% !important;
  }
}

.w-45p {
  width: 45% !important;
}
@media screen and (min-width: 768px) {
  .w-45p-pc {
    width: 45% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-45p-sp {
    width: 45% !important;
  }
}

.w-50p {
  width: 50% !important;
}
@media screen and (min-width: 768px) {
  .w-50p-pc {
    width: 50% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-50p-sp {
    width: 50% !important;
  }
}

.w-55p {
  width: 55% !important;
}
@media screen and (min-width: 768px) {
  .w-55p-pc {
    width: 55% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-55p-sp {
    width: 55% !important;
  }
}

.w-60p {
  width: 60% !important;
}
@media screen and (min-width: 768px) {
  .w-60p-pc {
    width: 60% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-60p-sp {
    width: 60% !important;
  }
}

.w-65p {
  width: 65% !important;
}
@media screen and (min-width: 768px) {
  .w-65p-pc {
    width: 65% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-65p-sp {
    width: 65% !important;
  }
}

.w-70p {
  width: 70% !important;
}
@media screen and (min-width: 768px) {
  .w-70p-pc {
    width: 70% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-70p-sp {
    width: 70% !important;
  }
}

.w-75p {
  width: 75% !important;
}
@media screen and (min-width: 768px) {
  .w-75p-pc {
    width: 75% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-75p-sp {
    width: 75% !important;
  }
}

.w-80p {
  width: 80% !important;
}
@media screen and (min-width: 768px) {
  .w-80p-pc {
    width: 80% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-80p-sp {
    width: 80% !important;
  }
}

.w-85p {
  width: 85% !important;
}
@media screen and (min-width: 768px) {
  .w-85p-pc {
    width: 85% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-85p-sp {
    width: 85% !important;
  }
}

.w-90p {
  width: 90% !important;
}
@media screen and (min-width: 768px) {
  .w-90p-pc {
    width: 90% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-90p-sp {
    width: 90% !important;
  }
}

.w-95p {
  width: 95% !important;
}
@media screen and (min-width: 768px) {
  .w-95p-pc {
    width: 95% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-95p-sp {
    width: 95% !important;
  }
}

.w-100p {
  width: 100% !important;
}
@media screen and (min-width: 768px) {
  .w-100p-pc {
    width: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .w-100p-sp {
    width: 100% !important;
  }
}

/* ------------------------------------------------- *
 *        text
 * ------------------------------------------------- */
.fNormal {
  font-weight: 400 !important;
}
@media screen and (min-width: 768px) {
  .fNormal-pc {
    font-weight: 400 !important;
  }
}
@media screen and (max-width: 767px) {
  .fNormal-sp {
    font-weight: 400 !important;
  }
}

.fBold {
  font-weight: 700 !important;
}
@media screen and (min-width: 768px) {
  .fBold-pc {
    font-weight: 700 !important;
  }
}
@media screen and (max-width: 767px) {
  .fBold-sp {
    font-weight: 700 !important;
  }
}

.fColorBase {
  color: #000 !important;
}
@media screen and (min-width: 768px) {
  .fColorBase-pc {
    color: #000 !important;
  }
}
@media screen and (max-width: 767px) {
  .fColorBase-sp {
    color: #000 !important;
  }
}

.fColorRed {
  color: #b40000 !important;
}
@media screen and (min-width: 768px) {
  .fColorRed-pc {
    color: #b40000 !important;
  }
}
@media screen and (max-width: 767px) {
  .fColorRed-sp {
    color: #b40000 !important;
  }
}

.tUpper {
  text-transform: uppercase !important;
}
@media screen and (min-width: 768px) {
  .tUpper-pc {
    text-transform: uppercase !important;
  }
}
@media screen and (max-width: 767px) {
  .tUpper-sp {
    text-transform: uppercase !important;
  }
}

.tTnone {
  text-transform: none !important;
}
@media screen and (min-width: 768px) {
  .tTnone-pc {
    text-transform: none !important;
  }
}
@media screen and (max-width: 767px) {
  .tTnone-sp {
    text-transform: none !important;
  }
}

.fontJp {
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
}
@media screen and (min-width: 768px) {
  .fontJp-pc {
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
  }
}
@media screen and (max-width: 767px) {
  .fontJp-sp {
    font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
  }
}

.fontEn {
  font-family: "Oswald", sans-serif !important;
}
@media screen and (min-width: 768px) {
  .fontEn-pc {
    font-family: "Oswald", sans-serif !important;
  }
}
@media screen and (max-width: 767px) {
  .fontEn-sp {
    font-family: "Oswald", sans-serif !important;
  }
}

.link-column {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .link-column {
    margin-top: 40px;
    padding-top: 20px;
  }
}

.link-column .link-list {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .link-column .link-list {
    font-size: 1.2rem;
  }
}

.link-column .link-list .link-arrow::after {
  top: -2px;
}
@media screen and (max-width: 767px) {
  .link-column .link-list .link-arrow::after {
    top: -3px;
  }
}

/*    .br-sp
 * ------------------------------------------------- */
 .br-sp {
  display: none;
}

 @media (max-width: 767px) {
  .br-sp {
    display: block;
  }
}