@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap";
/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,:before,:after {
  box-sizing:border-box;
  border-style:solid;
  border-width:0
}
html {
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent
}
body {
  margin:0
}
main {
  display:block
}
p,table,blockquote,address,pre,iframe,form,figure,dl {
  margin:0
}
h1,h2,h3,h4,h5,h6 {
  font-size:inherit;
  font-weight:inherit;
  margin:0
}
ul,ol {
  margin:0;
  padding:0;
  list-style:none
}
dt {
  font-weight:700
}
dd {
  margin-left:0
}
hr {
  box-sizing:content-box;
  height:0;
  overflow:visible;
  border-top-width:1px;
  margin:0;
  clear:both;
  color:inherit
}
pre {
  font-family:monospace,monospace;
  font-size:inherit
}
address {
  font-style:inherit
}
a {
  background-color:transparent;
  text-decoration:none;
  color:inherit
}
abbr[title] {
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}
b,strong {
  font-weight:bolder
}
code,kbd,samp {
  font-family:monospace,monospace;
  font-size:inherit
}
small {
  font-size:80%
}
sub,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
svg,img,embed,object,iframe {
  vertical-align:bottom
}
button,input,optgroup,select,textarea {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  vertical-align:middle;
  color:inherit;
  font:inherit;
  background:transparent;
  padding:0;
  margin:0;
  border-radius:0;
  text-align:inherit;
  text-transform:inherit
}
[type=checkbox] {
  -webkit-appearance:checkbox;
  -moz-appearance:checkbox;
  appearance:checkbox
}
[type=radio] {
  -webkit-appearance:radio;
  -moz-appearance:radio;
  appearance:radio
}
button,[type=button],[type=reset],[type=submit] {
  cursor:pointer
}
button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled {
  cursor:default
}
:-moz-focusring {
  outline:auto
}
select:disabled {
  opacity:inherit
}
option {
  padding:0
}
fieldset {
  margin:0;
  padding:0;
  min-width:0
}
legend {
  padding:0
}
progress {
  vertical-align:baseline
}
textarea {
  overflow:auto
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
label[for] {
  cursor:pointer
}
details {
  display:block
}
summary {
  display:list-item
}
[contenteditable]:focus {
  outline:auto
}
table {
  border-color:inherit
}
caption {
  text-align:left
}
td,th {
  vertical-align:top;
  padding:0
}
th {
  text-align:left;
  font-weight:700
}
html {
  font-size:62.5%;
  height:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch
}
body {
  font-family:Noto Sans JP,sans-serif;
  font-size:1.6em;
  text-align:justify;
  line-height:1.5;
  color:#163039
}
.clear:after {
  content:"";
  display:block;
  height:0;
  font-size:0;
  clear:both;
  visibility:hidden
}
*,*:before,*:after {
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box
}
a {
  text-decoration:none;
  transition:opacity .2s ease
}
h1,h2,h3,h4,h5,h6,div,img,ul,li {
  padding:0;
  border:0;
  margin:0;
  font-weight:400
}
li {
  list-style-type:none
}
input[type=button],input[type=submit],input[type=reset] {
  -webkit-appearance:none
}
img {
  display:block;
  max-width:100%;
  height:auto;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.wrapper {
  position:relative;
  width:100%;
  overflow:hidden
}
.container {
  max-width:1000px;
  margin:0 auto
}
button {
  border:none
}
input {
  border:solid 1px #8e9ea9;
  border-radius:6px
}
input[type=text],input[type=email],input[type=tel] {
  width:100%;
  padding:12px;
  margin:12px 0 0
}
input[type=date] {
  width:40%;
  padding:12px;
  margin:12px 0 0
}
input[type=submit] {
  margin:20px 0;
  padding:6px 12px
}
textarea {
  width:100%;
  border:solid 1px #8e9ea9;
  padding:12px;
  margin:12px 0 0;
  border-radius:6px;
  resize:vertical
}
select {
  border:solid 1px #8e9ea9;
  border-radius:6px;
  width:100%;
  padding:12px;
  margin:12px 0 0;
  cursor:pointer
}
select#time_select {
  width: 30%;
}
span.time_select_text {
}
@media (max-width: 768px) {
  input[type=date] {
    width: 50%;
  }
  select#time_select {
    width: 50%;
  }
}
.wpcf7-radio {
  display:flex;
  flex-direction:column
}
.wpcf7-radio input[type=radio] {
  margin-right:6px
}
.wpcf7-checkbox {
  display:flex;
  flex-direction:column
}
.wpcf7-checkbox input[type=checkbox] {
  margin-right:6px
}
.form-red {
  font-size:.6em;
  padding:3px;
  background-color:#e7211a;
  border-radius:6px;
  color:#fff;
  margin:0 6px 3px
}
.form-label {
  display:inline-block;
  margin-top:24px
}
.page-link {
  width:100%;
  padding-top:50px;
  top:-50px;
  left:0;
  position:absolute
}
@media screen and (min-width: 1200px) {
  .page-link {
    padding-top:100px;
    top:-100px
  }
}
.l-head {
  width:100%;
  height:50px;
  position:relative
}
.l-head .m-hover-menu {
  position:fixed;
  top:50px;
  left:0;
  z-index:-10;
  opacity:0;
  visibility:hidden;
  transition:opacity .1s ease
}
.l-head .m-hover-menu.isHoverActive,.l-head .m-hover-menu.isBtnActive {
  z-index:90;
  opacity:1;
  visibility:visible
}
@media screen and (min-width: 1200px) {
  .l-head {
    height:100px
  }
  .l-head .m-hover-menu {
    top:100px
  }
}
.l-header {
  width:100%;
  background-color:#fff;
  position:fixed;
  top:0;
  left:0;
  z-index:99
}
.l-header__top {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.l-header__top__left {
  width:220px;
  margin-left:12px
}
.l-header__top__left img {
  width:100%;
  max-width:unset
}
.l-header__top__right {
  display:flex
}
.l-header__top__right__links {
  display:none
}
@media screen and (min-width: 1200px) {
  .l-header__top__left {
    width:280px;
    margin-left:24px;
    margin-top: 10px;
  }
  .l-header__top__right__links {
    display:flex;
    align-items:center
  }
  .l-header__top__right__links .link-comcom {
    margin:0 0 0 15px
  }
  .l-header__top__right__links .link-live {
    margin:0 15px
  }
  .l-header__top__right__links .link-mail {
    margin:0 30px 0 15px
  }
  .l-header__bottom {
    padding-top:5px
  }
}
#isTargetMenu {
  display:block
}
@media screen and (min-width: 1200px) {
  #isTargetMenu {
    display:none
  }
}
.l-article h1,.l-article h2,.l-article h3,.l-article h4,.l-article h5,.l-article h6,.l-article p,.l-article ul,.l-article code {
  margin:0 0 .6em;
  overflow-x:auto
}
.l-article h1 {
  font-size:1.6em
}
.l-article h2 {
  font-size:1.4em
}
.l-article h3 {
  font-size:1.2em
}
.l-article h4,.l-article h5 {
  font-size:1em
}
.l-article ul {
  padding-left:24px
}
.l-article li {
  list-style-type:disc
}
.l-article table {
  width:100%;
  border:0;
  border-collapse:collapse
}
.l-article table tr {
  background-color:#fff
}
.l-article table tr td {
  padding:5px 20px
}
.l-article table tr:nth-child(2n) {
  background-color:#ecf2f1
}
@media screen and (min-width: 768px) {
  .l-article h1 {
    font-size:1.8em
  }
  .l-article h2 {
    font-size:1.6em
  }
  .l-article h3 {
    font-size:1.4em
  }
  .l-article h4 {
    font-size:1.2em
  }
  .l-article h5 {
    font-size:1em
  }
}
.l-application {
  background-color:#f3f3f3
}
.l-application__title {
  margin-bottom:60px
}
.l-application__list {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:30px
}
.l-application__list .card-lg {
  margin:20px
}
.l-announcement {
  padding-top:30px;
  padding-bottom:30px
}
.l-announcement__lists {
  height:280px;
  overflow-y:scroll
}
.l-announcement__lists__list {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:20px;
  padding:0 6px
}
.l-announcement__lists__list>a {
  margin-right:30px
}
.l-announcement__lists__list__date {
  margin-right:30px
}
.l-announcement__lists__list__text {
  margin:5px 0
}
@media screen and (min-width: 768px) {
  .l-announcement__lists {
    height:170px
  }
}
.l-buttons {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  max-width:690px;
  margin:0 auto
}
.l-buttons__btn {
  margin:10px
}
.l-btns {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap
}
.l-btns__box {
  margin:10px
}
.l-cards {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:30px
}
.l-cards .card {
  margin:20px
}
.l-cards-lg {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  margin-bottom:30px
}
.l-cards-lg .card-lg {
  margin:20px
}
.l-cards-price {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap
}
.l-cards-price .card-price {
  margin:10px
}
.l-cards-rec {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  margin-bottom:30px
}
.l-cards-rec .card-rec {
  width:100%;
  margin-bottom:20px
}
@media screen and (min-width: 576px) {
  .l-cards-rec {
    justify-content:space-between
  }
  .l-cards-rec .card-rec {
    width:48%;
    margin-bottom:4%
  }
}
@media screen and (min-width: 768px) {
  .l-cards-rec {
    justify-content:unset
  }
  .l-cards-rec .card-rec {
    width:30%;
    margin-left:5%;
    margin-bottom:5%
  }
  .l-cards-rec .card-rec:nth-child(3n+1) {
    margin-left:0
  }
}
.l-cards-contact {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  max-width:680px;
  margin:0 auto
}
.l-cards-contact .m-card-contact {
  margin:20px
}
.l-cards-manual {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  flex-direction:column
}
.l-cards-manual .card-manual {
  width:100%;
  margin:0 0 5%
}
@media screen and (min-width: 576px) {
  .l-cards-manual {
    flex-direction:row
  }
  .l-cards-manual .card-manual {
    width:46%;
    margin:2%
  }
}
.l-channels__channel {
  position:relative
}
.l-channels__channel__image img {
  width:100%;
  max-width:unset
}
.l-channels__channel__btn-01,.l-channels__channel__btn-02 {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px
}
@media screen and (min-width: 768px) {
  .l-channels__channel__btn-01 {
    padding:0;
    position:absolute;
    right:0;
    bottom:0;
    transform:translate(-2px,-550%)
  }
  .l-channels__channel__btn-02 {
    padding:0;
    position:absolute;
    right:0;
    bottom:0;
    transform:translate(-2px,-560%)
  }
}
.l-color-menu {
  display:flex;
  justify-content:center;
  flex-direction:column;
  width:100%
}
.l-color-menu__main {
  width:100%
}
.l-color-menu__main__box {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  padding:30px 0;
  position:relative
}
.l-color-menu__main__box .card-service {
  position:absolute;
  left:0;
  right:0
}
.l-color-menu__main__box.red {
  background-color:#e7211a
}
.l-color-menu__sub {
  display:flex;
  flex-wrap:wrap;
  width:100%
}
.l-color-menu__sub__box {
  display:flex;
  justify-content:center;
  align-items:center;
  width:50%;
  padding:50px 0;
  position:relative
}
.l-color-menu__sub__box .card-service {
  position:absolute;
  left:0;
  right:0
}
.l-color-menu__sub__box.blue {
  background-color:#007cb5
}
.l-color-menu__sub__box.ygreen {
  background-color:#44af35
}
.l-color-menu__sub__box.gold {
  background-color:#d3b400
}
.l-color-menu__sub__box.green {
  background-color:#39b54a
}
.l-color-menu__sub__box.wblue {
  background-color:#22a6d9
}
.l-color-menu__sub__box.pink {
  background-color:#df5892
}
@media screen and (min-width: 576px) {
  .l-color-menu__sub__box {
    width:25%
  }
}
@media screen and (min-width: 768px) {
  .l-color-menu {
    flex-direction:row
  }
  .l-color-menu__main {
    width:30%
  }
  .l-color-menu__main__box {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%
  }
  .l-color-menu__sub {
    width:100%
  }
  .l-color-menu__sub__box {
    display:flex;
    justify-content:center;
    align-items:center
  }
}
.l-live {
  display:flex;
  flex-direction:column;
  width:100%
}
.l-live__logo {
  width:20%;
  margin:0 0 20px
}
.l-live__logo img {
  width:100%;
  max-width:unset
}
.l-live__contents {
  margin:0 0 30px
}
.l-live__contents__title {
  margin-bottom:20px;
  color:#fff
}
.l-live__contents__title p {
  font-size:.9em
}
.l-live__contents__title h2 {
  font-size:1.2em
}
.l-live__contents__dec {
  color:#fff;
  margin:0 0 20px
}
.l-live__contents__link {
  display:flex;
  justify-content:center;
  align-items:center
}
@media screen and (min-width: 768px) {
  .l-live {
    flex-direction:row
  }
  .l-live__logo {
    width:12%;
    margin:0 40px 0 0
  }
  .l-live__contents {
    width:40%;
    margin:0 20px 0 0
  }
  .l-live__contents__link {
    justify-content:flex-start
  }
  .l-live__image {
    width:40%
  }
}
.l-flow__logo {
  max-width:300px;
  margin:0 auto
}
.l-flow__freecall {
  display:flex;
  justify-content:center;
  align-items:center
}
.l-flow__freecall__logo {
  width:40px;
  margin-right:10px
}
.l-flow__freecall a {
  font-size:1.2em
}
.l-top__title {
  width:80%;
  margin:0 auto 40px
}
.l-top__nav {
  display:flex;
  flex-direction:column;
  margin:0 auto 30px;
  width:100%
}
.l-top__nav__home {
  display:flex;
  flex-direction:column;
  margin:0 0 15px
}
.l-top__nav__home .label {
  margin:0 0 15px
}
.l-top__nav__home__tags {
  display:flex;
  flex-direction:column;
  width:100%
}
.l-top__nav__home__tags li {
  margin:0 0 8px
}
.l-top__nav__home__tags li a {
  padding:6px 8px;
  border-radius:8px;
  color:#fff;
  font-size:.6em;
  text-align:left
}
.l-top__nav__enterprise {
  display:flex;
  flex-direction:column;
  margin:0 0 15px
}
.l-top__nav__enterprise .label {
  margin:0 0 15px
}
.l-top__nav__enterprise__tags {
  display:flex;
  flex-direction:column;
  width:100%
}
.l-top__nav__enterprise__tags li {
  margin:0 0 8px
}
.l-top__nav__enterprise__tags li a {
  padding:6px 8px;
  border-radius:8px;
  color:#fff;
  font-size:.6em;
  text-align:left
}
.l-top__nav-phone {
  display:flex;
  justify-content:center;
  align-items:flex-start;
  flex-direction:column;
  margin-bottom:40px
}
.l-top__nav-phone__plus {
  display:flex;
  justify-content:center;
  margin-right:20px
}
.l-top__nav-phone__plus__tags__tag {
  display:flex;
  align-items:center;
  margin-bottom:6px
}
.l-top__nav-phone__cable {
  display:flex;
  justify-content:center
}
.l-top__nav-phone__cable__tags__tag {
  display:flex;
  align-items:center;
  margin-bottom:6px
}
@media screen and (min-width: 576px) {
  .l-top__title {
    width:340px
  }
  .l-top__nav-phone {
    flex-direction:row
  }
  .l-top__nav {
    justify-content:center;
    flex-direction:row
  }
  .l-top__nav__home {
    flex-direction:row;
    margin:0 15px 0 0
  }
  .l-top__nav__home .label {
    margin:0 15px 0 0
  }
  .l-top__nav__home__tags li a {
    padding:18px 8px
  }
  .l-top__nav__enterprise {
    flex-direction:row
  }
  .l-top__nav__enterprise .label {
    margin:0 15px 0 0
  }
  .l-top__nav__enterprise__tags li a {
    padding:18px 8px
  }
}
@media screen and (min-width: 768px) {
  .l-top__nav__home {
    width:50%
  }
  .l-top__nav__home__tags {
    width:unset;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .l-top__nav__home__tags li {
    margin:0 8px 8px 0
  }
  .l-top__nav__enterprise {
    width:50%;
    margin:0
  }
  .l-top__nav__enterprise__tags {
    width:unset;
    flex-direction:row;
    flex-wrap:wrap
  }
  .l-top__nav__enterprise__tags li {
    margin:0 8px 8px 0
  }
}
.l-main-top {
  position:relative;
  margin-bottom: 5%;
}
.l-main-top__container {
  width:100%;
  height:100%;
}
.l-main-top__container__wrap {
  text-align:center
}
@media screen and (min-width: 1200px) {
}
.l-subtop__top {
  position:relative
}
.l-subtop__top__image {
  height:250px;
  margin-bottom:40px
}
.l-subtop__top__image>img {
  width:100%;
  height:100%;
  max-width:unset;
  -o-object-fit:cover;
  object-fit:cover
}
.l-subtop__top__title {
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#fff;
  width:180px;
  margin:0 auto;
  padding:14px 0 0;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  transform:translateY(1px)
}
.l-subtop__top__title__logo {
  width:24px;
  margin-right:12px
}
.l-subtop__top__title__text {
  font-size:1.4em
}
.l-subtop__subtext {
  margin-bottom:20px
}
.l-subtop__subtext h3 {
  text-align:center
}
.l-subtop__container {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  flex-direction:row
}
.l-subtop__container__link {
  margin:10px
}
.l-subtop__container__link .btn-gray {
  width:260px
}
.l-subtop__container__link .btn-blue {
  width:310px
}
.l-subtop__line {
  width:100%;
  border-bottom:1.5px solid #8e9ea9;
  margin-top:40px
}
@media screen and (min-width: 768px) {
  .l-subtop__container {
    width:660px;
    margin:0 auto
  }
}
.l-ott-top__logo {
  height:50px;
  margin-bottom:30px
}
.l-ott-top__logo img {
  width:100%;
  height:100%;
  max-width:unset
}
.l-ott-top__title {
  margin-bottom:30px
}
.l-ott-top__title h1 {
  text-align:center;
  font-size:1.3em
}
.l-ott-top__dec__image {
  margin-bottom:20px
}
#mob .l-choice__cards .card-md  {
  width: 48%
}
@media screen and (min-width: 768px) {
  #mob .l-choice__cards .card-md  {
    width: 31%
  }
  .l-ott-top__logo {
    height:72px
  }
  .l-ott-top__title h1 {
    font-size:1.8em
  }
}
.l-choice {
  width:100%
}
.l-choice__title {
  margin-bottom:35px
}
.l-choice__cards {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  width:100%
}
.l-choice__cards .card-md,.l-choice__cards .card-md-nh {
  width:48%;
  margin-bottom:4%
}
.l-choice__contents__board {
  padding-top:60px
}
.l-choice__button {
  display:flex;
  justify-content:center;
  align-items:center
}
@media screen and (min-width: 768px) {
  .l-choice__cards .card-md,.l-choice__cards .card-md-nh {
    width:30%;
    margin-bottom:20px
  }
}
.l-price__text {
  margin-bottom:24px
}
.l-price__text>p {
  text-align:center
}
.l-price__text>p br.display {
  display:block
}
.l-price__text-small {
  margin-top:24px
}
.l-price__text-small>p {
  text-align:center;
  color:#8e9ea9
}
.l-price__content {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column
}
.l-price__content__logo {
  width:70px;
  margin:0 0 30px
}
.l-price__content__link {
  display:flex;
  align-items:center
}
.l-price__content__link__text {
  margin-left:30px;
  font-size:.8em
}
@media screen and (min-width: 576px) {
  .l-price__text>p br.display {
    display:none
  }
  .l-price__content {
    flex-direction:row
  }
  .l-price__content__logo {
    margin:0 26px 0 0
  }
  .l-price__content__link__text {
    font-size:1em
  }
}
.l-price-dec {
  background-color:#fff
}
.l-price-dec.gold {
  background-color:#f8f4d9
}
.l-price-dec__image {
  width:100%;
  margin-bottom:40px
}
.l-price-dec__image>img {
  width:100%;
  max-width:unset
}
.l-price-dec .m-text {
  margin-bottom:40px
}
.l-price-dec__button {
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:40px
}
.l-plan {
  background-color:#d3b400
}
.l-plan__content {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin-bottom:60px
}
.l-plan__content .m-plan {
  margin:20px 0
}
.l-plan__button {
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:30px
}
@media screen and (min-width: 768px) {
  .l-plan__content .m-plan {
    margin:20px
  }
}
.l-plan-top__image {
  width:100%;
  margin-bottom:40px;
  height:200px;
  overflow:hidden
}
.l-plan-top__image>img {
  width:100%;
  max-width:unset;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.l-plan-top__subtext {
  margin-bottom:20px
}
.l-plan-top__subtext h3 {
  text-align:center
}
.l-plan-dec {
  background-color:#f8f4d9
}
.l-plan-dec__image {
  width:100%;
  margin-bottom:20px
}
.l-plan-dec__image>img {
  width:100%;
  max-width:unset
}
.l-plan-dec .m-text {
  margin-bottom:40px
}
.l-rule__container {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  flex-direction:column
}
.l-rule__container a {
  margin:0 0 20px
}
@media screen and (min-width: 768px) {
  .l-rule__container {
    flex-direction:row
  }
  .l-rule__container a {
    margin:10px
  }
}
.l-recommend__top {
  width:100%;
  height:0;
  padding-top:56.25%;
  margin-bottom:40px;
  overflow:hidden;
  position:relative
}
.l-recommend__top iframe {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.l-recommend__videos {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap
}
@media screen and (min-width: 768px) {
  .l-recommend__videos {
    justify-content:unset
  }
}
.l-modal {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100vw;
  height:100vh;
  background-color:#000c;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  opacity:0;
  visibility:hidden;
  transition:opacity .3s ease
}
.l-modal__content {
  width:860px;
  position:relative
}
.l-modal__content__close {
  display:flex;
  justify-content:center;
  align-items:center;
  width:60px;
  height:60px;
  color:#fff;
  position:fixed;
  top:30px;
  right:30px;
  z-index:10
}
.l-modal.isActive {
  z-index:99;
  opacity:1;
  visibility:visible
}
.l-electric-set {
  background-color:#f3f3f3
}
.l-electric-set__image {
  margin:0 0 60px
}
.l-electric-set__button {
  display:flex;
  justify-content:center;
  align-items:center
}
.l-service-menu,.l-service-menu__wrapper {
  position:relative
}
@media screen and (min-width: 768px) {
  .l-service-menu {
    height:180px
  }
  .l-service-menu__wrapper {
    width:100%;
    height:100%;
    position:absolute;
    top:25px;
    left:0;
    z-index:10
  }
}
.l-footer {
  padding:65px 0 45px;
  background-color:#ecf2f1
}
.l-footer__logo {
  max-width:280px;
  margin:0 auto 40px
}
.l-footer__container {
  display:flex;
  justify-content:space-around;
  flex-direction:column;
  max-width:1024px;
  margin:0 auto 20px
}
.l-footer__container__info {
  margin-bottom:20px
}
.l-footer__container__info ul {
  padding-left:24px
}
.l-footer__container__info ul li {
  list-style-type:disc;
  margin-bottom:10px
}
.l-footer__container__address {
  margin-bottom:20px;
  padding:20px 0;
  border-top:1px solid #8e9ea9;
  border-bottom:1px solid #8e9ea9
}
.l-footer__container__address ul .li_sp {
  padding-top:20px
}
.l-footer__container__address ul .li_tel {
  display:flex;
  align-items:center;
  padding:8px 0
}
.l-footer__container__address ul .li_tel__logo {
  width:60px;
  margin:0 10px 0 8px
}
.l-footer__container__address ul .li_tel a {
  font-size:2.6rem;
  font-family:robot;
  font-weight:700;
  margin-bottom:.1em
}
.l-footer__social {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  margin-bottom:20px
}
.l-footer__social p {
  margin-bottom:6px
}
.l-footer__social__links {
  display:flex;
  justify-content:center;
  align-items:center
}
.l-footer__social__links__logo {
  width:40px;
  margin:0 6px
}
.l-footer__copyright {
  display:flex;
  justify-content:center;
  align-items:center
}
.l-footer__copyright small {
  font-size:.6em
}
@media screen and (min-width: 768px) {
  .l-footer__container {
    flex-direction:row
  }
  .l-footer__container__address {
    padding:0;
    border-top:none;
    border-bottom:none
  }
  .l-footer__container__address ul .li_tel a {
    font-size:3.6rem
  }
  .l-footer__copyright small {
    font-size:1em
  }
}
.navigation {
  display:none
}
@media screen and (min-width: 1200px) {
  .navigation {
    display:flex;
    justify-content:center;
    width:100%;
    position:relative
  }
  .navigation ul {
    display:flex;
    list-style:none;
    margin:0;
    padding:0
  }
  .navigation ul li {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:14px 8px;
    background-color:#fff;
    transform:skew(-8deg);
    transition:background-color .3s ease
  }
  .navigation ul li span {
    cursor:default;
    transform:skew(8deg)
  }
  .navigation ul li:hover {
    color:#fff;
    background-color:#e7211a
  }
}
.btn-red {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:90px;
  color:#fff;
  background-color:#e7211a;
  padding:8px 20px 8px 24px;
  cursor:pointer;
  transition:box-shadow .3s ease
}
.btn-red p {
  text-align:center
}
.btn-red svg {
  width:20px;
  margin-left:3px;
  color:#fff;
  position:relative;
  top:1px
}
.btn-red:hover {
  opacity:1;
  background-color:#e7211a;
  box-shadow:5px 5px 10px #e7211a4d
}
.btn-red:focus {
  opacity:1;
  background-color:#e7211a
}
.btn-white {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:90px;
  color:#fff;
  background-color:#fff;
  border:solid 2px #e7211a;
  color:#e7211a;
  padding:8px 20px 8px 24px;
  cursor:pointer;
  transition:box-shadow .3s ease,background-color .3s ease
}
.btn-white p {
  text-align:left
}
.btn-white svg {
  width:20px;
  margin-left:3px;
  color:#e7211a;
  position:relative;
  top:1px
}
.btn-white:hover {
  opacity:1;
  color:#fff;
  background-color:#e7211a;
  box-shadow:5px 5px 10px #e7211a4d
}
.btn-white:hover svg {
  color:#fff
}
.btn-white:focus {
  opacity:1;
  color:#fff;
  background-color:#e7211a
}
.btn-white:focus svg {
  color:#fff
}
.btn-deep-gray {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:90px;
  color:#fff;
  background-color:#8e9ea9;
  padding:8px 20px 8px 24px;
  cursor:pointer;
  transition:box-shadow .3s ease
}
.btn-deep-gray p {
  text-align:left;
  color:#163039
}
.btn-deep-gray svg {
  width:20px;
  margin-left:3px;
  color:#163039;
  position:relative;
  top:1px
}
.btn-deep-gray:hover {
  opacity:1;
  background-color:#8e9ea9;
  box-shadow:5px 5px 10px #8e9ea94d
}
.btn-deep-gray:focus {
  opacity:1;
  background-color:#8e9ea9
}
.btn-mgreen {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:90px;
  color:#fff;
  background-color:#39b54a;
  padding:8px 20px 8px 24px;
  cursor:pointer;
  transition:box-shadow .3s ease
}
.btn-mgreen p {
  text-align:left
}
.btn-mgreen svg {
  width:20px;
  margin-left:3px;
  color:#fff;
  position:relative;
  top:1px
}
.btn-mgreen:hover {
  opacity:1;
  background-color:#39b54a;
  box-shadow:5px 5px 10px #39b54a4d
}
.btn-mgreen:focus {
  opacity:1;
  background-color:#39b54a
}
.btn-gold {
  border-radius:90px;
  color:#fff;
  background-color:#d3b400;
  padding:15px 25px;
  transition:box-shadow .3s ease;
  position:relative
}
.btn-gold__text {
  position:relative;
  font-size:.6em
}
.btn-gold__arrow {
  width:44px;
  height:8px;
  border-bottom:1px solid #163039;
  border-right:1px solid #163039;
  transform:skew(45deg);
  position:absolute;
  top:16px;
  right:-14px;
  transition:right .3s ease,width .3s ease
}
.btn-gold:hover {
  box-shadow:5px 5px 10px #d3b4004d
}
.btn-gold:hover .btn-gold__arrow {
  width:48px;
  right:-18px
}
@media screen and (min-width: 768px) {
  .btn-gold__text {
    font-size:1em
  }
  .btn-gold__arrow {
    top:20px
  }
}
.btn-red-arrow {
  border-radius:90px;
  color:#fff;
  background-color:#e7211a;
  padding:15px 25px;
  transition:box-shadow .3s ease;
  position:relative
}
.btn-red-arrow__text {
  position:relative;
  font-size:.6em
}
.btn-red-arrow__arrow {
  width:44px;
  height:8px;
  border-bottom:1px solid #163039;
  border-right:1px solid #163039;
  transform:skew(45deg);
  position:absolute;
  top:16px;
  right:-14px;
  transition:right .3s ease,width .3s ease
}
.btn-red-arrow:hover {
  box-shadow:5px 5px 10px #e7211a4d
}
.btn-red-arrow:hover .btn-red-arrow__arrow {
  width:48px;
  right:-18px
}
@media screen and (min-width: 768px) {
  .btn-red-arrow__text {
    font-size:1em
  }
  .btn-red-arrow__arrow {
    top:20px
  }
}
.btn-menu {
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#f3f3f3;
  width:50px;
  height:50px;
  padding:0 10px;
  cursor:pointer
}
.btn-menu img {
  fill:#163039
}
.btn-green {
  display:block;
  border-radius:90px;
  color:#fff;
/*  background-color:#dde7b6;*/
  background-color:#e4f5d0;
  max-width:500px;
  padding:15px 35px;
  transition:box-shadow .3s ease;
  position:relative
}
.btn-green__texts {
  position:relative;
  color:#163039;
  text-align:center
}
.btn-green__texts span {
  font-size:.7em
}
.btn-green__texts p {
  font-size:1em
}
.btn-green__arrow {
  width:48px;
  height:8px;
  border-bottom:1px solid #163039;
  border-right:1px solid #163039;
  transform:skew(45deg);
  position:absolute;
  top:40%;
  right:-18px;
  transition:right .3s ease,width .3s ease
}
.btn-green:hover {
  opacity:1;
  box-shadow:5px 5px 10px #e4e5db4d
}
.btn-green:hover .btn-green__arrow {
  width:52px;
  right:-22px
}
@media screen and (min-width: 576px) {
  .btn-green {
    padding:25px 35px
  }
  .btn-green__texts span {
    font-size:.9em
  }
  .btn-green__texts p {
    font-size:1.4em
  }
}
.btn-gray {
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:90px;
  color:#8e9ea9;
  border:solid 1px #8e9ea9;
  padding:8px 20px 8px 24px;
  transition:background-color .3s ease,color .3s ease
}
.btn-gray.text-black {
  color:#163039
}
.btn-gray.text-black svg {
  color:#163039
}
.btn-gray p {
  text-align:center
}
.btn-gray svg {
  width:20px;
  margin-left:3px;
  color:#8e9ea9;
  position:relative;
  top:1px;
  transition:color .3s ease
}
.btn-gray:hover {
  color:#fff;
  background-color:#8e9ea9
}
.btn-gray:hover svg {
  color:#fff
}
.btn-gray:focus {
  background-color:#8e9ea9
}
.btn-blue {
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:90px;
  color:#fff;
  background-color:#007cb5;
  padding:8px 20px 8px 24px;
  transition:box-shadow .3s ease
}
.btn-blue p {
  text-align:center
}
.btn-blue p span {
  font-size:.6em
}
.btn-blue svg {
  width:20px;
  margin-left:3px;
  color:#fff;
  position:relative;
  top:1px
}
.btn-blue:hover {
  background-color:#007cb5;
  box-shadow:5px 5px 10px #007cb54d
}
.btn-ored {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:90px;
  color:#fff;
  background-color:#e84729;
  padding:8px 20px 8px 24px;
  cursor:pointer;
  transition:box-shadow .3s ease
}
.btn-ored p {
  text-align:left
}
.btn-ored__image {
  width:20px;
  margin-right:9px
}
.btn-ored:hover {
  opacity:1;
  background-color:#e84729;
  box-shadow:5px 5px 10px #e847294d
}
.btn-ored:focus {
  opacity:1;
  background-color:#e84729
}
.btn-skelton {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-radius:90px;
  color:#fff;
  background-color:#fff;
  color:#163039;
  border:solid 2px #163039;
  padding:8px 20px 8px 24px;
  cursor:pointer;
  transition:box-shadow .3s ease
}
.btn-skelton p {
  text-align:left
}
.btn-skelton__image {
  width:20px;
  margin-right:9px
}
.btn-skelton:hover {
  opacity:1;
  box-shadow:5px 5px 10px #1630394d
}
.btn-skelton:focus {
  opacity:1;
  background-color:#fff
}
.link-c {
  display:flex;
  justify-content:center;
  align-items:center;
  width:30px;
  height:30px;
  border-radius:90px;
  color:#fff;
  background-color:#e7211a
}
.link-c>span {
  padding-bottom:3.6px
}
.link-live {
  display:flex;
  align-items:center;
  width:90px
}
.link-mail {
  display:flex;
  align-items:center;
  width:24px
}
.link-beginner {
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#e7211a;
  height:50px;
  padding:0 16px;
  border-bottom-left-radius:16px
}
.link-beginner__image {
  width:14px;
  margin-right:3px
}
.link-beginner__text {
  color:#fff
}
.link-beginner__text p {
  margin:0
}
.link-customer {
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#8e9ea9;
  height:50px;
  padding:0 16px
}
.link-customer__image {
  width:18px;
  margin-right:3px
}
.link-customer__text {
  color:#fff
}
.link-customer__text p {
  margin:0
}
.link-h {
  display:block;
  padding:10px 15px;
  border-radius:12px;
  background-color:#d3b400;
  color:#163039;
  transition:box-shadow .3s ease
}
.link-h:hover {
  opacity:1;
  box-shadow:5px 5px 10px #0003
}
.link-e {
  display:block;
  padding:10px 15px;
  border-radius:12px;
  background-color:#007cb5;
  color:#fff;
  letter-spacing:0;
  transition:box-shadow .3s ease
}
.link-e>span {
  font-size:.4em
}
.link-e:hover {
  color:#fff;
  opacity:1;
  box-shadow:5px 5px 10px #0003
}
.link-g {
  display:block;
  padding:10px 15px;
  border-radius:12px;
  background-color:#e8ecee;
  color:#163039;
  transition:box-shadow .3s ease
}
.link-g:hover {
  opacity:1;
  box-shadow:5px 5px 10px #0003
}
.link-price {
  display:block;
  padding:10px 15px;
  border-radius:12px;
  color:#163039;
  background-color:#e9d980;
  transition:box-shadow .3s ease
}
.link-price:hover {
  opacity:1;
  box-shadow:5px 5px 10px #0003
}
.link-d-shadow {
  transition:filter .3s ease
}
.link-d-shadow:hover {
  filter:drop-shadow(5px 5px 10px rgba(0,0,0,.2))
}
.link-comcom {
  display:flex;
  align-items:center;
  width:65px
}
.link-tab {
  padding:0 4px;
  border:solid 1px #163039;
  border-radius:4px
}
.link-page {
  position:relative
}
.link-page__position {
  width:100%;
  padding-top:70px;
  position:absolute;
  left:0;
  bottom:0;
  visibility:hidden
}
@media screen and (min-width: 1200px) {
  .link-page__position {
    padding-top:120px
  }
}
.link-manual {
  border-radius:15px;
  padding:18px 60px;
  background-color:#f3f3f3;
  transition:box-shadow .3s ease
}
.link-manual:hover {
  opacity:1;
  box-shadow:5px 5px 10px #0003
}
.link-manual p {
  letter-spacing:2px
}
.link-skeleton {
  display:flex;
  justify-content:center;
  align-items:center;
  width:206px;
  height:80px;
  border-radius:18px;
  border:solid 2px #8e9ea9;
  transition:color .1s ease,background-color .1s ease
}
.link-skeleton:hover {
  color:#fff;
  background-color:#8e9ea9
}
.link-skeleton p {
  text-align:center
}
.label {
  display:flex;
  justify-content:center;
  align-items:center;
  height:50px;
  padding:15px;
  background-color:#f3f3f3;
  border-radius:8px
}
.label__logo {
  width:24px;
  margin-right:10px
}
.label__title p {
  text-align:left;
  white-space:nowrap
}
@media screen and (min-width: 576px) {
  .label {
    border-radius:24px 0 0 24px
  }
}
.label-text {
  padding:15px 30px;
  border-radius:12px;
  background-color:#f3f3f3
}
.m-tab {
  width:140px;
  padding:6px 0;
  border-radius:14px;
  border:solid 2px black
}
.m-tab p {
  text-align:center
}
.info__image {
  display:flex;
  justify-content:center;
  align-items:center;
  padding-bottom:56.25%;
  overflow:hidden;
  position:relative
}
.info__image>img {
  -o-object-fit:cover;
  object-fit:cover;
  width:100%;
  height:100%;
  max-width:unset;
  position:absolute;
  top:0;
  left:0
}
.info h3 {
  text-align:center
}
.card {
  background-color:#fff;
  width:280px;
  height:280px;
  padding:30px;
  border-radius:24px;
  cursor:pointer;
  transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease
}
.card__image {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100px;
  margin-bottom:12px
}
.card__image>img {
  width:140px;
  height:100%
}
.card__title {
  display:flex;
  justify-content:center;
  align-items:center;
  height:60px;
  margin-bottom:12px
}
.card__title>h3 {
  text-align:center;
  margin:0
}
.card__logo {
  display:flex;
  justify-content:center;
  align-items:center
}
.card:hover {
  box-shadow:5px 5px 10px #0000001a
}
.m-card-pack {
  border-radius:24px;
  box-shadow:5px 5px 10px #0000001a;
  overflow:hidden
}
.m-card-pack>img {
  width:100%;
  max-width:unset
}
.card-md {
  padding:30px 0;
  border-radius:24px;
  background-color:#fff;
  cursor:pointer;
  transition:box-shadow .3s ease
}
.card-md__image {
  display:flex;
  justify-content:center;
  align-items:center;
  height:60px;
  margin:0 auto 25px
}
.card-md__image>img {
  max-width:unset;
  height:100%
}
.card-md__title h3 {
  text-align:center;
  line-height:1.5
}
.card-md:hover {
  opacity:1;
  box-shadow:5px 5px 10px #0003
}
.card-md-nh {
  padding:30px 0;
  border-radius:24px;
  background-color:#f3f3f3;
  cursor:pointer;
  transition:box-shadow .3s ease
}
.card-md-nh__image {
  display:flex;
  justify-content:center;
  align-items:center;
  height:60px;
  margin:0 auto 25px
}
.card-md-nh__image>img {
  max-width:unset;
  height:100%
}
.card-md-nh__title h3 {
  text-align:center;
  line-height:1.5
}
.card-lg {
  background-color:#fff;
  width:280px;
  padding:30px 30px 60px;
  border-radius:24px;
  cursor:pointer;
  position:relative;
  transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease
}
.card-lg__image {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100px;
  margin-bottom:12px
}
.card-lg__image>img {
  width:90px;
  height:100%
}
.card-lg__title {
  display:flex;
  justify-content:center;
  align-items:center;
  height:60px;
  margin-bottom:1.3em
}
.card-lg__title>h3 {
  font-size:1em;
  text-align:center;
  margin:0
}
.card-lg__logo {
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  width:100%;
  bottom:20px;
  left:0
}
.card-lg:hover {
  background-color:#ffe3e3;
  transform:scale(1.1);
  box-shadow:5px 5px 10px #0000001a
}
.card-vd {
  display:block;
  width:49%;
  margin-bottom:20px
}
.card-vd__thumbnail {
  width:100%;
  height:0;
  padding-top:56%;
  margin-bottom:10px;
  overflow:hidden;
  position:relative
}
.card-vd__thumbnail iframe {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.card-vd__thumbnail img {
  width:100%;
  height:100%;
  max-width:unset;
  -o-object-fit:cover;
  object-fit:cover;
  position:absolute;
  top:0;
  left:0
}
.card-vd__title {
  padding-bottom:20px
}
.card-vd__title h3 {
  text-align:left
}
@media screen and (min-width: 768px) {
  .card-vd {
    width:32%;
    margin-left:2%
  }
  .card-vd:nth-child(3n+1) {
    margin-left:0
  }
}
.card-price {
  display:block;
  background-color:#fff;
  width:260px;
  padding:30px;
  border-radius:24px;
  transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease
}
.card-price__title {
  padding:0 0 10px;
  border-bottom:solid 2px #e8ecee
}
.card-price__title h3 {
  text-align:center;
  font-size:1.2em
}
.card-price__value {
  padding:10px 0;
  border-bottom:solid 2px #e8ecee
}
.card-price__value h4 {
  text-align:center;
  font-size:1.2em;
  letter-spacing:1.4px
}
.card-price__value p {
  text-align:center;
  color:#8e9ea9;
  font-size:.9em
}
.card-price__dec {
  padding:10px 0 0
}
.card-price__dec p {
  font-size:.9em
}
.card-service {
  width:100%;
  overflow:hidden;
  background-color:#fff;
  border-radius:12px;
  transform:scale(1.1);
  box-shadow:5px 5px 10px #0000001a;
  opacity:0;
  visibility:hidden;
  z-index:-10;
  transition:opacity .3s ease
}
.card-service.isHoverActive {
  opacity:1;
  visibility:visible;
  z-index:20
}
.card-service__thumbnail {
  height:150px
}
.card-service__thumbnail>img {
  height:100%;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover;
  max-width:unset
}
.card-service__contents {
  padding:10px 20px 15px
}
.card-service__contents__title {
  margin-bottom:6px
}
.card-service__contents__title h3 {
  text-align:center;
  font-size:1.2em
}
.card-service__contents__dec {
  margin-bottom:6px
}
.card-service__contents__dec p {
  text-align:left
}
.card-service__contents__button {
  display:flex;
  justify-content:center;
  align-items:center
}
.card-rec {
  background-color:#fff;
  padding:30px;
  border-radius:24px;
  transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease
}
.card-rec__image {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100px;
  margin-bottom:12px
}
.card-rec__image>img {
  width:90px;
  height:100%
}
.card-rec__max-image {
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:12px
}
.card-rec__max-image>img {
  width:100%;
  max-width:unset
}
.card-rec__phone-image {
  display:flex;
  justify-content:center;
  align-items:center;
  height:150px;
  margin:0 auto 12px
}
.card-rec__phone-image>img {
  height:100%;
  width:auto;
  max-width:unset
}
.card-rec__title {
  display:flex;
  justify-content:center;
  align-items:center;
  height:60px;
  margin-bottom:12px
}
.card-rec__title>h3 {
  font-size:1.1em;
  text-align:center;
  margin:0
}
.card-rec__dec p {
  text-align:left
}
.card-rec__dec-gray p {
  color:#8e9ea9;
  text-align:left
}
.card-rec:hover {
  box-shadow:5px 5px 10px #0000001a
}
.card-ft-thumb {
  width:230px;
  padding:30px 30px 0;
  border-radius:24px;
  background-color:#fff;
  cursor:pointer;
  transition:box-shadow .3s ease
}
.card-ft-thumb__image {
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto 25px
}
.card-ft-thumb__title h3 {
  text-align:center;
  line-height:1.5
}
.card-ft-thumb:hover {
  box-shadow:5px 5px 10px #0000001a
}
.l-card-emergency {
  display:flex;
  flex-direction:column;
  width:100%
}
.l-card-emergency__list {
  width:100%;
  margin-bottom:4%
}
@media screen and (min-width: 768px) {
  .l-card-emergency {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
    width:100%
  }
  .l-card-emergency__list {
    width:48%;
    margin-bottom:4%
  }
}
.card-emergency {
  background-color:#f3f3f3;
  padding:20px;
  border-radius:18px
}
.card-emergency__title {
  margin-bottom:20px
}
.card-emergency__title span {
  display:block;
  margin-bottom:20px
}
.card-emergency__title h3 {
  font-size:1.2em;
  color:#e7211a;
  text-align:left
}
.card-emergency__content__box {
  display:flex;
  flex-direction:column;
  width:100%;
  margin-bottom:10px;
  padding:10px;
  border-radius:12px;
  background-color:#fff
}
.card-emergency__content__box__title {
  width:100%;
  margin-right:10px;
  text-align:left;
  color:#e7211a
}
.card-emergency__content__box__text {
  width:100%;
  text-align:left
}
.card-manual {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:35px 30px;
  border-radius:12px;
  border:solid 2px #8e9ea9
}
.card-manual h2 {
  font-size:larger;
  text-align:center
}
.card-manual__image {
  min-height:180px;
  display:flex;
  justify-content:center;
  align-items:center
}
.card-manual__links {
  width:100%;
  padding-top:20px;
  margin-top:24px;
  border-top:solid 2px #8e9ea9
}
.m-boxes {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  max-width:640px;
  margin:0 auto
}
.m-boxes__box {
  max-width:300px;
  margin:10px
}
.m-boxes__box__image {
  display:flex;
  justify-content:center;
  margin-bottom:8px
}
.m-boxes__box p {
  text-align:center
}
.m-continue {
  width:100%
}
.m-continue__cards {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  flex-direction:column
}
.m-continue__cards__card {
  width:100%;
  margin:0 0 20px;
  padding:30px;
  border-radius:18px;
  background-color:#e7211a
}
.m-continue__cards__card__text p {
  text-align:center;
  color:#fff
}
.m-continue__cards__card__logo {
  display:flex;
  justify-content:center;
  align-items:center;
  height:60px;
  margin:20px 0
}
.m-continue__cards__card__logo>img {
  height:100%;
  width:auto;
  max-width:unset
}
.m-continue__tabs {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  width:100%
}
.m-continue__tabs__tab {
  width:100%;
  margin:0 0 20px;
  padding:20px 0;
  border-radius:18px;
  background-color:#e7211a
}
.m-continue__tabs__tab__text p {
  text-align:center;
  color:#fff
}
.m-continue__tabs__tab-card48p {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  margin:0 0 20px;
  padding:20px 0;
  border-radius:18px;
  background-color:#f3f3f3
}
.m-continue__tabs__tab-card48p__logo {
  height:36px;
  margin-right:10px
}
.m-continue__tabs__tab-card48p__logo img {
  height:100%;
  width:auto
}
.m-continue__tabs__tab-card48p__text p {
  text-align:center;
  color:#163039
}
@media screen and (min-width: 768px) {
  .m-continue__cards {
    flex-direction:row
  }
  .m-continue__cards__card {
    width:38%;
    margin:0 0 2% 2%
  }
  .m-continue__cards__card:nth-child(3n+1) {
    margin:0 0 2%
  }
  .m-continue__tabs {
    justify-content:space-between;
    flex-direction:row
  }
  .m-continue__tabs__tab {
    width:49%;
    margin:0
  }
  .m-continue__tabs__tab-card48p {
    width:48%;
    margin:3% 0 0
  }
}
.m-color-box {
  display:flex;
  justify-content:center;
  align-content:center;
  flex-direction:column;
  cursor:pointer
}
.m-color-box__text p {
  text-align:center
}
.m-color-box__text.red p {
  color:#e7211a
}
.m-color-box__title {
  display:flex;
  justify-content:center;
  align-items:center
}
.m-color-box__title h3 {
  color:#fff;
  text-align:left
}
.m-color-box__image {
  display:flex;
  justify-content:center;
  align-items:center;
  height:50px;
  margin:20px auto
}
.m-color-box__image>img {
  height:100%;
  width:auto;
  max-width:unset
}
.m-color-box__image__tv {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100px;
  margin:20px auto
}
.m-color-box__image__tv>img {
  height:100%;
  width:auto;
  max-width:unset
}
.m-color-box__tab {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:5px 16px 0;
  border:solid 1px white;
  border-bottom:none;
  border-top-left-radius:12px;
  border-top-right-radius:12px
}
.m-color-box__tab P {
  color:#fff;
  text-align:left
}
.m-card-contact {
  width:300px
}
.m-card-contact__head {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px;
  border-top-right-radius:24px;
  border-top-left-radius:24px;
  background-color:#8e9ea9
}
.m-card-contact__head p {
  text-align:center
}
.m-card-contact__main {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  padding:20px 20px 30px;
  border-bottom-right-radius:24px;
  border-bottom-left-radius:24px;
  background-color:#f3f3f3
}
.m-card-contact__main__text {
  text-align:center
}
.m-card-contact__main__text h3 {
  font-size:1.4em
}
.m-card-contact__main__text span {
  color:#8e9ea9
}
.m-card-contact__main__link {
  padding-top:20px
}
@media screen and (min-width: 768px) {
  .m-card-contact__main {
    height:380px
  }
}
.m-down-arrow {
  width:100%;
  position:relative
}
.m-down-arrow__relative {
  width:60px;
  margin:0 auto;
  position:relative
}
.m-down-arrow__absolute {
  width:60px;
  margin:0 auto;
  position:absolute;
  left:0;
  right:0;
  bottom:40px
}
.m-hover-menu {
  background-color:#ffffffe6;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
  width:100%;
  overflow:hidden
}
.m-hover-menu p,.m-hover-menu li {
  color:#fff
}
.m-hover-menu a {
  color:#e7211a;
  transition:color .1s ease
}
.m-hover-menu a h2 {
  font-size:1.2em
}
.m-hover-menu a:hover {
  text-decoration:underline;
  opacity:1
}
.m-hover-menu__wrapper {
  min-height:calc(100vh - 50px);
  position:relative;
  overflow-y:auto
}
.m-hover-menu__wrapper__colom {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.m-hover-menu__wrapper__colom__list {
  display:flex;
  flex-direction:column;
  width:100%;
  padding:20px 0;
  border-top:1px solid rgba(255,227,227,.3);
  position:relative
}
.m-hover-menu__wrapper__colom__list.pd-none {
  padding:0
}
.m-hover-menu__wrapper__colom__list .l-color-menu__sub__box {
  border-top:1px solid rgba(255,227,227,.3);
  border-left:1px solid rgba(255,227,227,.3)
}
.m-hover-menu__wrapper__colom__list__title {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  width:100%
}
.m-hover-menu__wrapper__colom__list__channels {
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-direction:column;
  width:100%
}
.m-hover-menu__wrapper__colom__list__channels li {
  margin:10px 0 0
}
@media screen and (min-width: 1200px) {
  .m-hover-menu__wrapper {
    min-height:unset
  }
  .m-hover-menu__wrapper__colom {
    position:relative
  }
  .m-hover-menu__wrapper__colom__list {
    flex-direction:row
  }
  .m-hover-menu__wrapper__colom__list__title {
    width:30%
  }
  .m-hover-menu__wrapper__colom__list__channels {
    flex-direction:row;
    flex-wrap:wrap;
    width:70%
  }
  .m-hover-menu__wrapper__colom__list__channels li {
    margin:5px 20px
  }
}
.m-header-btns {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:20px
}
.m-header-btns__btn {
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#f3f3f3;
  padding:10px 20px;
  margin:10px;
  border-radius:24px
}
.m-header-btns__btn__logo {
  height:24px;
  margin-right:6px
}
.m-header-btns__btn__logo>img {
  height:100%;
  width:auto;
  max-width:unset
}
.m-service-menu {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:100%;
  padding:15px;
  border-radius:15px;
  background-color:#fff9;
  position:relative
}
.m-service-menu__guest {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  width:50%;
  padding:24px 10px;
  border-top-left-radius:24px;
  border-bottom-left-radius:24px;
  background-color:#e7211a;
  box-shadow:0 5px 10px #e7211a4d;
  cursor:pointer
}
.m-service-menu__guest__logo {
  height:45px
}
.m-service-menu__guest__logo>img {
  height:100%
}
.m-service-menu__guest__text {
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  font-size:1.2em;
  text-align:left;
  height:50px;
  margin:10px 0
}
.m-service-menu__guest__arrow {
  width:30px
}
.m-service-menu__customer {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  width:50%;
  padding:24px 10px;
  border-top-right-radius:24px;
  border-bottom-right-radius:24px;
  background-color:#8e9ea9;
  box-shadow:0 5px 10px #8e9ea94d;
  cursor:pointer
}
.m-service-menu__customer__logo {
  height:45px
}
.m-service-menu__customer__logo>img {
  height:100%
}
.m-service-menu__customer__text {
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  font-size:1.2em;
  text-align:left;
  height:50px;
  margin:10px 0
}
.m-service-menu__customer__arrow {
  width:30px
}
.m-service-menu__nav-guest {
  display:flex;
  justify-content:center;
  flex-direction:column;
  width:80%;
  padding:30px;
  background-color:#e7211a;
  position:absolute;
  left:0;
  top:208px;
  z-index:-10;
  opacity:0;
  visibility:hidden;
  transition:opacity .3s ease
}
.m-service-menu__nav-guest.isHoverActive {
  z-index:20;
  opacity:1;
  visibility:visible
}
.m-service-menu__nav-guest>ul {
  width:100%
}
.m-service-menu__nav-guest>ul li a {
  color:#fff;
  transition:color .1s ease
}
.m-service-menu__nav-guest>ul li a:hover {
  color:#163039
}
.m-service-menu__nav-guest>ul:nth-child(1) {
  margin-left:0
}
.m-service-menu__nav-customer {
  display:flex;
  justify-content:center;
  flex-direction:column;
  width:80%;
  padding:30px;
  background-color:#8e9ea9;
  position:absolute;
  right:0;
  top:208px;
  z-index:-10;
  opacity:0;
  visibility:hidden;
  transition:opacity .3s ease
}
.m-service-menu__nav-customer.isHoverActive {
  z-index:20;
  opacity:1;
  visibility:visible
}
.m-service-menu__nav-customer>ul {
  width:100%
}
.m-service-menu__nav-customer>ul li ul.nest-list {
  list-style:circle
}
.m-service-menu__nav-customer>ul li a {
  color:#fff;
  transition:color .1s ease
}
.m-service-menu__nav-customer>ul li a:hover {
  color:#163039
}
.m-service-menu__nav-customer>ul:nth-child(1) {
  margin-left:0
}
@media screen and (min-width: 768px) {
  .m-service-menu {
    padding:0 90px
  }
  .m-service-menu__guest {
    flex-direction:row;
    height:90px
  }
  .m-service-menu__guest__text {
    margin:0 10px
  }
  .m-service-menu__customer {
    flex-direction:row;
    height:90px
  }
  .m-service-menu__customer__text {
    margin:0 10px
  }
  .m-service-menu__nav-guest {
    flex-direction:row;
    top:134px
  }
  .m-service-menu__nav-guest>ul {
    width:30%;
    margin-left:5%
  }
  .m-service-menu__nav-customer {
    flex-direction:row;
    top:134px
  }
  .m-service-menu__nav-customer>ul {
    width:30%;
    margin-left:5%
  }
}
.m-service {
  width:100%;
  display:flex;
  justify-content:center;
  flex-wrap:wrap
}
.m-service__box {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  background-color:#f3f3f3;
  width:120px;
  padding:20px;
  margin:7px;
  border-radius:12px
}
.m-service__box p {
  text-align:center;
  white-space:nowrap
}
.m-support {
  display:flex;
  justify-content:center;
  flex-direction:column;
  flex-wrap:wrap
}
.m-support__box {
  margin:20px;
  display:flex;
  justify-content:center;
  align-items:center
}
@media screen and (min-width: 768px) {
  .m-support {
    flex-direction:row
  }
}
.m-page-header {
  width:100%;
  position:relative
}
.m-page-header__title h1 {
  padding:5px 0;
  font-size:1.8em;
  border-bottom:solid 2px #163039
}
.m-page-header__image img {
  width:100%;
  max-width:unset
}
@media screen and (min-width: 768px) {
  .m-page-header__title h1 {
    font-size:2em
  }
}
.m-main-top {
  width:100%;
  height:calc(100% - 50px);
  position:relative
}
.m-main-top__button {
  display:flex;
  justify-content:center;
  align-items:center;
  height:10%;
  position:relative;
  z-index:5
}
.m-main-top__slide {
  width:100%;
  height:30%;
  overflow:hidden;
  position:relative
}
.m-main-top__slide__overlay {
  width:100%;
  height:100%;
  position:absolute;
  opacity:0;
  top:0;
  left:0;
  z-index:1
}
.m-main-top__slide .swiper {
  height:100%;
  margin: 50px auto;
}
.m-main-top__nav {
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  overflow-y:auto;
  width:100%;
  height:auto;
  background-color:#fff
}
.m-main-top__nav__box {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:row;
  margin:10px 0 10px 20px
}
.m-main-top__nav__box__image {
  width:280px
}
.m-main-top__nav__box__logo {
  width:60px;
  margin:0 20px 0 0
}
.m-main-top__nav__box__logo img {
  height:100%;
  width:auto;
  max-width:unset
}
@media screen and (min-width: 768px) {
  .m-main-top {
    height:calc(100% - 100px)
  }
  .m-main-top__button {
    height:auto;
    position:absolute;
    top:40px;
    right:15px;
    z-index:5
  }
  .m-main-top__slide {
    height:70%
  }
  .m-main-top__nav {
    justify-content:center;
    align-items:center;
    flex-direction:row;
    height:30%
  }
  .m-main-top__nav__box {
    flex-direction:column;
    margin:0 20px
  }
  .m-main-top__nav__box__logo {
    width:unset;
    height:60px;
    margin:20px 0
  }
}
.m-manual-links {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:18px
}
.m-manual-links__card {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  background-color:#f3f3f3;
  border-radius:15px;
  padding:12px;
  width:180px;
  height:180px;
  margin:15px;
  transition:box-shadow .3s ease
}
.m-manual-links__card:hover {
  opacity:1;
  box-shadow:5px 5px 10px #0003
}
.m-manual-links__card-image {
  height:45px;
  margin-bottom:18px
}
.m-manual-links__card-image>img {
  height:100%;
  width:auto;
  max-width:unset
}
.m-manual-links__card-title p {
  text-align:center
}
.m-entry {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px 10px;
  border-top-left-radius:18px;
  border-bottom-left-radius:18px;
  background-color:#e7211a;
  position:fixed;
  top:120px;
  right:0;
  z-index:80
}
.m-entry p {
  -ms-writing-mode:tb-rl;
  writing-mode:vertical-rl;
  color:#fff
}
.l-emergency {
  display:flex;
  flex-direction:column
}
.l-emergency .m-emergency {
  width:100%;
  margin-bottom:20px
}
@media screen and (min-width: 768px) {
  .l-emergency {
    justify-content:space-between;
    flex-direction:row
  }
  .l-emergency .m-emergency {
    width:48%;
    margin-bottom:0
  }
}
.m-emergency {
  flex-direction:column;
  overflow:hidden;
  border-radius:12px;
  background-color:#fff
}
.m-emergency__header {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  padding:20px;
  background-color:#163039;
  color:#fff
}
.m-emergency__header p {
  font-size:1.4em
}
.m-emergency__content {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding:20px
}
.m-emergency__content__text {
  margin-right:14px;
  text-align:left
}
.m-emergency__content__text__tags {
  display:flex;
  flex-wrap:wrap
}
.m-emergency__content__text__tags span {
  margin:0 4px 4px 0
}
.m-flow {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  flex-wrap:wrap;
  width:100%;
  max-width:660px;
  margin:0 auto;
  padding-top:20px
}
.m-flow__box {
  width:100%;
  padding:30px;
  margin:0 0 5%;
  border-radius:24px;
  background-color:#ffe3e3
}
.m-flow__box__logo {
  display:flex;
  justify-content:center;
  align-items:center;
  height:50px;
  margin-bottom:20px
}
.m-flow__box__logo>img {
  height:100%;
  width:auto;
  max-width:unset
}
.m-flow__box__text p {
  text-align:center;
  font-size:1.2em
}
@media screen and (min-width: 576px) {
  .m-flow {
    flex-direction:row
  }
  .m-flow__box {
    width:38%;
    margin-left:5%
  }
  .m-flow__box:nth-child(2n+1) {
    margin-left:0
  }
}
.m-plan {
  width:450px;
  border-radius:40px;
  background-color:#fff;
  overflow:hidden
}
.m-plan__image {
  height:180px;
  position:relative;
  overflow:hidden
}
.m-plan__image>img {
  max-width:unset;
  height:100%;
  width:100%;
  -o-object-fit:cover;
  object-fit:cover
}
.m-plan__contents {
  padding:25px;
  position:relative
}
.m-plan__contents__title {
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#fff;
  width:180px;
  margin:0 auto;
  padding:14px 0 0;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  position:absolute;
  top:0;
  left:0;
  right:0;
  transform:translateY(-99%)
}
.m-plan__contents__title__logo {
  width:24px;
  margin-right:12px
}
.m-plan__contents__title__text {
  font-size:1.4em
}
.m-plan__contents__price,.m-plan__contents__price__dec {
  margin-bottom:10px
}
.m-plan__contents__price__dec h3 {
  font-size:1.4em;
  text-align:center
}
.m-plan__contents__price__dec p {
  text-align:center
}
.m-plan__contents__price__image {
  display:flex;
  justify-content:center;
  align-items:center;
  height:50px
}
.m-plan__contents__price__image>img {
  width:auto;
  max-width:unset;
  height:100%
}
.m-plan__contents__image {
  display:flex;
  justify-content:center;
  align-items:center;
  height:50px
}
.m-plan__contents__image>img {
  width:auto;
  max-width:unset;
  height:100%
}
.m-plan__contents__links {
  position:relative
}
.m-plan__contents__links__text {
  margin-bottom:6px
}
.m-plan__contents__links__link {
  margin-bottom:14px
}
@media screen and (min-width: 576px) {
  .m-plan__contents {
    padding:35px 65px
  }
}
.m-phone-label {
  display:flex;
  justify-content:center;
  align-items:center;
  width:160px;
  height:60px;
  margin-right:10px;
  border-top-left-radius:15px;
  border-bottom-left-radius:15px;
  background-color:#f3f3f3
}
.m-phone-label__logo {
  width:120px
}
.m-phone-plus-link {
  display:block;
  padding:2px 10px;
  border-radius:6px;
  background-color:#27973b;
  color:#fff;
  font-size:.7em;
  vertical-align:middle
}
.m-phone-cable-link {
  display:block;
  padding:2px 10px;
  border-radius:6px;
  background-color:#003894;
  color:#fff;
  font-size:.7em;
  vertical-align:middle
}
.m-procedure {
  width:200px;
  padding:25px 45px;
  border-radius:24px;
  background-color:#f8f4d9
}
.m-procedure__text {
  text-align:center
}
.m-procedure__image {
  display:flex;
  justify-content:center;
  align-items:center;
  height:80px;
  margin:20px 0
}
.m-procedure__image>img {
  max-width:unset;
  height:100%
}
.m-board {
  padding:50px 20px;
  border-radius:40px;
  background-color:#fff;
  position:relative
}
.m-board__tab {
  width:42px;
  margin:0 auto;
  position:absolute;
  top:6px;
  left:0;
  right:0
}
.m-board__tab-number {
  display:flex;
  justify-content:center;
  align-items:center;
  width:42px;
  height:42px;
  color:#fff;
  background-color:#e7211a;
  border-radius:999px;
  padding-bottom:2px;
  font-size:x-large
}
.m-board__tab-label {
  width:140px;
  margin:0 auto;
  position:absolute;
  top:16px;
  left:0;
  right:0
}
.m-board__logo {
  display:flex;
  justify-content:center;
  align-items:center;
  height:50px;
  margin:0 auto 25px
}
.m-board__logo>img {
  max-width:unset;
  height:100%
}
.m-board__content,.m-board__content__title {
  margin-bottom:40px
}
.m-board__content__title h4 {
  font-size:1.1em;
  text-align:center
}
.m-board__line {
  width:100%;
  border-bottom:1.5px solid #8e9ea9;
  margin-bottom:40px
}
.m-board__text {
  margin-bottom:20px
}
.m-board__text h4 {
  font-size:1.1em;
  margin-bottom:20px;
  text-align:center
}
.m-board__text h5 {
  text-align:center;
  font-weight:400;
  margin-bottom:20px
}
.m-board__link {
  display:flex;
  justify-content:center;
  align-items:center
}
.m-board__cards {
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}
.m-board__cards .m-procedure {
  margin:14px
}
.m-board__gray-text {
  width:100%;
  padding:10px 0;
  background-color:#8e9ea9
}
.m-board__gray-text h3 {
  color:#fff;
  text-align:center
}
.m-board__border-text {
  width:100%;
  padding:10px 20px;
  border:solid 1px #163039
}
.m-board__box {
  display:flex;
  justify-content:center;
  align-items:center;
  border:solid 2px #8e9ea9;
  border-radius:24px;
  padding:15px;
  margin-bottom:30px;
  position:relative
}
.m-board__box__container {
  display:flex;
  align-items:center;
  flex-direction:column;
  width:100%;
  position:relative
}
.m-board__box__container__image {
  margin:0 0 15px
}
.m-board__box__arrow {
  width:20px;
  height:8px;
  border-bottom:1px solid #163039;
  border-right:1px solid #163039;
  transform:rotate(90deg) skew(42deg);
  position:absolute;
  bottom:-12px
}
.m-board__assets {
  display:flex;
  justify-content:center;
  flex-direction:column
}
.m-board__assets__image {
  display:flex;
  justify-content:center;
  align-items:center;
  margin:10px
}
@media screen and (min-width: 576px) {
  .m-board {
    padding:50px 40px
  }
}
@media screen and (min-width: 768px) {
  .m-board {
    padding:50px 75px
  }
  .m-board__tab {
    width:64px;
    top:35px;
    left:40px;
    right:unset
  }
  .m-board__tab-number {
    width:64px;
    height:64px;
    font-size:xx-large
  }
  .m-board__tab-label {
    width:140px;
    top:50px;
    left:40px;
    right:unset
  }
  .m-board__text {
    margin-bottom:40px
  }
  .m-board__text h4 {
    font-size:1.4em
  }
  .m-board__text p.center {
    text-align:center
  }
  .m-board__content,.m-board__content__title {
    margin-bottom:60px
  }
  .m-board__content__title h4 {
    font-size:1.2em
  }
  .m-board__line {
    margin-bottom:60px
  }
  .m-board__box__container {
    flex-direction:row
  }
  .m-board__box__container__image {
    margin:0 30px 0 0
  }
  .m-board__assets {
    flex-direction:row
  }
}
.m-board-option {
  width:100%
}
.m-board-option__label {
  display:flex;
  width:100%
}
.m-board-option__label-dec {
  width:42%;
  background-color:#163039;
  padding:12px;
  border-top-left-radius:18px;
  border-top-right-radius:18px
}
.m-board-option__label-dec p {
  color:#fff;
  text-align:center
}
.m-board-option__label-group {
  display:flex;
  width:58%
}
.m-board-option__label-group__price {
  width:100%;
  background-color:#163039;
  padding:12px;
  border-top-left-radius:18px;
  border-top-right-radius:18px
}
.m-board-option__label-group__price p {
  color:#fff;
  text-align:center
}
.m-board-option__label-group__link {
  width:100%;
  background-color:#163039;
  padding:12px;
  border-top-left-radius:18px;
  border-top-right-radius:18px
}
.m-board-option__label-group__link p {
  color:#fff;
  text-align:center
}
.m-board-option__block {
  display:flex;
  width:100%;
  border-left:solid #8e9ea9 1px;
  border-bottom:solid #8e9ea9 1px
}
.m-board-option__block-dec {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  width:42%;
  padding:12px;
  border-right:solid #8e9ea9 1px
}
.m-board-option__block-dec p {
  text-align:center
}
.m-board-option__block-dec a:hover {
  color:#e7211a;
  text-decoration:underline
}
.m-board-option__block-group {
  display:flex;
  flex-direction:column;
  width:58%;
  border-right:solid #8e9ea9 1px
}
.m-board-option__block-group__price {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  width:100%;
  padding:12px;
  border-right:none
}
.m-board-option__block-group__price p {
  text-align:center
}
.m-board-option__block-group__link {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  width:100%;
  padding:12px
}
.m-board-option__block-group__link p {
  text-align:center
}
@media screen and (min-width: 768px) {
  .m-board-option {
    width:100%
  }
  .m-board-option__label-dec {
    width:42%
  }
  .m-board-option__label-group {
    width:58%
  }
  .m-board-option__block-dec {
    width:42%
  }
  .m-board-option__block-group {
    width:58%;
    flex-direction:row
  }
  .m-board-option__block-group__price {
    border-right:solid #8e9ea9 1px
  }
}
.m-text {
  display:flex;
  justify-content:center;
  align-items:center
}
.m-text p {
  color:#8e9ea9;
  font-size:.6em
}
@media screen and (min-width: 768px) {
  .m-text p {
    font-size:.9em
  }
}
.m-text-gray-box {
  display:flex;
  justify-content:center;
  align-items:center;
  max-width:250px;
  margin:0 auto 20px;
  padding:10px 0;
  border:solid 2px #8e9ea9
}
.m-title {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  position:relative;
  margin-bottom:40px
}
.m-title__line {
  width:2px;
  height:50px;
  background-color:#000;
  position:absolute;
  top:0;
  z-index:10;
  transform:translateY(-150%)
}
.m-title h1,.m-title h2 {
  color:#e7211a;
  font-size:1.5em;
  line-height:1.5;
  letter-spacing:4px;
  text-align:center;
  position:relative
}
.m-title h1.white,.m-title h2.white {
  color:#fff
}
.m-title .m-title__line__label-111ch {
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  left:-10px;
  top:0;
  width:66px;
  transform:translate(-100%,26%)
}
.m-title .m-title__line__label-121ch {
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  left:-10px;
  top:0;
  width:68px;
  transform:translate(-100%,32%)
}
.m-title .m-title__line__label-camera {
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  left:-10px;
  top:0;
  width:60px;
  transform:translate(-100%,24%)
}
.m-title .m-title__line__label-camera .logo-live-camera path {
  fill:#fff
}
.m-title h3 {
  font-size:1.2em;
  line-height:1.5
}
@media screen and (min-width: 768px) {
  .m-title h1,.m-title h2 {
    font-size:1.8em
  }
  .m-title .m-title__line__label-111ch {
    width:96px;
    left:-20px;
    transform:translate(-100%,20%)
  }
  .m-title .m-title__line__label-121ch {
    width:104px;
    left:-20px;
    transform:translate(-100%,20%)
  }
  .m-title .m-title__line__label-camera {
    width:80px;
    left:-20px;
    transform:translate(-100%,26%)
  }
  .m-title .m-title__line__label-camera .logo-live-camera path {
    fill:#fff
  }
}
.m-title-dammy {
  height:36px;
  margin-bottom:40px
}
@media screen and (min-width: 768px) {
  .m-title-dammy {
    height:42px
  }
}
.m-image-full {
  width:100%
}
.m-image-full>img {
  width:100%;
  max-width:unset
}
.m-navigation {
  display:none
}
@media screen and (min-width: 1200px) {
  .m-navigation {
    display:flex;
    justify-content:center;
    width:100%;
    position:relative
  }
  .m-navigation__container {
    display:flex;
    list-style:none;
    margin:0;
    padding:0
  }
  .m-navigation__container a:hover {
    opacity:1
  }
  .m-navigation__container__list {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:14px 10px;
    background-color:#fff;
    transform:skew(-8deg);
    transition:background-color .3s ease
  }
  .m-navigation__container__list span {
    transform:skew(8deg)
  }
  .m-navigation__container__list:hover {
    color:#fff;
    background-color:#e7211a
  }
}
.m-subtitle {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  margin-bottom:30px
}
.m-subtitle__logo {
  height:50px;
  margin-bottom:40px
}
.m-subtitle__logo>img {
  height:100%;
  width:auto;
  max-width:unset
}
.m-subtitle h1,.m-subtitle h2,.m-subtitle h3 {
  color:#e7211a;
  font-size:1.2em;
  line-height:1.5;
  text-align:left
}
.m-subtitle>span {
  width:50px;
  height:2px;
  margin-top:6px;
  background-color:#163039
}
@media screen and (min-width: 576px) {
  .m-subtitle h1,.m-subtitle h2,.m-subtitle h3 {
    font-size:1.6em
  }
}
.m-subtitle-c {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  margin-bottom:30px
}
.m-subtitle-c h1,.m-subtitle-c h2 {
  color:#e7211a;
  font-size:1.2em;
  line-height:1.5;
  text-align:left
}
.m-subtitle-c>span {
  width:50px;
  height:2px;
  margin-top:6px;
  background-color:#163039
}
@media screen and (min-width: 576px) {
  .m-subtitle-c h1,.m-subtitle-c h2 {
    font-size:1.6em
  }
}
.m-subtitle-m {
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  flex-direction:column;
  margin-bottom:30px
}
.m-subtitle-m__logo {
  height:50px;
  margin-bottom:40px
}
.m-subtitle-m__logo>img {
  height:100%;
  width:auto;
  max-width:unset
}
.m-subtitle-m h1,.m-subtitle-m h2,.m-subtitle-m h3 {
  color:#163039;
  font-size:1.2em;
  line-height:1.5;
  text-align:left
}
.m-subtitle-m>span {
  width:50px;
  height:2px;
  margin-top:6px;
  background-color:#163039
}
@media screen and (min-width: 576px) {
  .m-subtitle h1,.m-subtitle h2,.m-subtitle h3 {
    font-size:1.6em
  }
}
.c-channel {
  width:100%;
  overflow-x:scroll
}
.c-channel__title {
  background-color:#ffe3e3;
  color:#163039;
  text-align:center;
  border-bottom:1px solid #8e9ea9!important
}
.c-channel__list td {
  border-bottom:1px solid #8e9ea9!important
}
.c-channel__list td:nth-child(n+2) {
  border-left:1px solid #8e9ea9!important
}
.c-channel table {
  width:840px;
  margin:0 auto
}
.c-channel table tbody tr th {
  background-color:#163039;
  color:#fff;
  vertical-align:middle;
  text-align:center;
  padding:6px 3px;
  border-bottom:0;
  border-left:1px solid #ffffff!important
}
.c-channel table tbody tr td {
  padding:6px 10px
}
.c-channel table tbody tr td a:hover {
  text-decoration:underline
}
.c-channel table tbody tr td.center {
  text-align:center;
  vertical-align:middle
}
.search-form input {
  border-top:none;
  border-right:none;
  border-left:none;
  width:auto;
  margin:0;
  padding:5px 10px;
  border-bottom:solid 2px #f3f3f3
}
.top-slide {
  position:relative
}
.swiper-pagination {
  position:relative!important;
  bottom:0!important;
  width:unset!important;
  margin:0 10px
}
.swiper-slide {
  overflow:hidden;
  width:100%;
  height:100%;
  padding-bottom:36%;
  position:relative;
  z-index:120
}
.swiper-slide a:hover {
  opacity:1
}
.swiper-slide img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  position:absolute;
  top:0;
  left:0
}
.swiper-slide.modal {
  cursor:pointer
}
.slide-container {
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative
}
.swiper-button-prev,.swiper-button-next {
  width:20px;
  height:0;
  margin-top:-22px;
  background-image:none;
  position:relative;
  cursor:pointer
}
.swiper-button-prev svg,.swiper-button-next svg {
  color:#8e9ea9
}
.swiper-pagination-bullet-active {
  background-color:#e7211a!important
}
.sw-button-prev-2 {
  display:flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
  color:#163039;
  position:absolute;
  top:0;
  left:-20px;
  bottom:0px;
  z-index:80;
  transform:translateY(200%);
  cursor:pointer
}
.sw-button-prev-2.swiper-button-disabled {
  opacity:.3
}
.sw-button-next-2 {
  display:flex;
  justify-content:center;
  align-items:center;
  width:24px;
  height:24px;
  color:#163039;
  position:absolute;
  top:0;
  right:-20px;
  bottom:0;
  z-index:80;
  transform:translateY(200%);
  cursor:pointer
}
.sw-button-next-2.swiper-button-disabled {
  opacity:.3
}
.youtube-iframe {
  position:relative;
  width:100%;
  height:0;
  padding-bottom:56.25%;
  overflow:hidden;
  margin-bottom:50px
}
.youtube-iframe iframe {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.bg-white {
  background-color:#fff
}
.bg-gray-white {
  background-color:#f3f3f3
}
.bg-light-blue {
  background-color:#e8ecee
}
.bg-light-gold {
  background-color:#f8f4d9
}
.bg-pink-white {
  background-color:#ffe3e3
}
.bg-light-green {
  background-color:#e4e5db
}
.bg-white-green {
/*  background-color:#e8fbe7;*/
  background-color:#e4f5d0;
}
.bg-gray-green {
  background-color:#dfefe2
}
.bg-ink-blue {
  background-color:#163039
}
.bg-water-blue {
  background-color:#def2f9
}
.bg-blue {
  background-color:#22a6d9
}
.bg-pink {
  background-color:#df5892
}
.bg-sakura {
  background-color:#fae6ef
}
.pt-30 {
  padding-top:30px
}
.pb-30 {
  padding-bottom:30px
}
.pt-50 {
  padding-top:50px
}
.pb-50 {
  padding-bottom:50px
}
.plr-20 {
  padding-left:20px;
  padding-right:20px
}
.pb-70 {
  padding-bottom:70px
}
.mb-20 {
  margin-bottom:20px
}
.mb-40 {
  margin-bottom:40px
}
.mb-50,.mb-60 {
  margin-bottom:50px
}
.pc {
  display:none
}
.sp {
  display:block
}
.sp-flex {
  display:flex
}
@media (min-width: 768px) {
  .pc {
    display:block
  }
  .sp,.sp-flex {
    display:none
  }
}
.sp-mobile {
  display:flex
}
@media screen and (min-width: 1200px) {
  .sp-mobile {
    display:none
  }
}
.w-100 {
  width:100%
}
.flex-jc-ac {
  display:flex;
  justify-content:center;
  align-items:center
}
.flex-js-ac {
  display:flex;
  justify-content:flex-start;
  align-items:center
}
.m-thumbnail.isThumbnailActive {
  cursor:pointer;
  z-index:-10
}
.list-gray {
  display:flex;
  width:100%;
  color:#8e9ea9;
  font-size:small
}
.list-gray span {
  width:15%
}
.list-gray p {
  width:85%
}
@media screen and (min-width: 576px) {
  .list-gray span {
    width:8%
  }
  .list-gray p {
    width:92%
  }
}
@font-face {
  font-family:swiper-icons;
  src:url(data:application/font-woff;
  charset=utf-8;
  base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight:400;
  font-style:normal
}
:root {
  --swiper-theme-color:#007aff
}
.swiper {
  margin:50px auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1
}
.swiper-vertical>.swiper-wrapper {
  flex-direction:column
}
.swiper-wrapper {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  box-sizing:content-box
}
.swiper-android .swiper-slide,.swiper-wrapper {
  transform:translateZ(0)
}
.swiper-pointer-events {
  touch-action:pan-y
}
.swiper-pointer-events.swiper-vertical {
  touch-action:pan-x
}
.swiper-slide {
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform
}
.swiper-slide-invisible-blank {
  visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide {
  height:auto
}
.swiper-autoheight .swiper-wrapper {
  align-items:flex-start;
  transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide {
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective:1200px
}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
  transform-style:preserve-3d
}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}
.swiper-3d .swiper-slide-shadow {
  background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
  background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right {
  background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top {
  background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-css-mode>.swiper-wrapper {
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type:x mandatory;
  scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type:y mandatory;
  scroll-snap-type:y mandatory
}
.swiper-centered>.swiper-wrapper:before {
  content:"";
  flex-shrink:0;
  order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start:var(--swiper-centered-offset-before);
  margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height:100%;
  min-height:1px;
  width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before:var(--swiper-centered-offset-before);
  margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  width:100%;
  min-width:1px;
  height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:center center
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function:ease-out
}
.swiper-fade .swiper-slide {
  pointer-events:none;
  transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events:none
}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events:auto
}
.swiper-pagination {
  position:absolute;
  text-align:center;
  transition:.3s opacity;
  transform:translateZ(0);
  z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity:0
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
  display:none!important
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
  bottom:10px;
  left:0;
  width:100%
}
.swiper-pagination-bullets-dynamic {
  overflow:hidden;
  font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform:scale(.33);
  position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform:scale(.33)
}
.swiper-pagination-bullet {
  width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display:inline-block;
  border-radius:50%;
  background:var(--swiper-pagination-bullet-inactive-color,#000);
  opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
  border:none;
  margin:0;
  padding:0;
  box-shadow:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor:pointer
}
.swiper-pagination-bullet:only-child {
  display:none!important
}
.swiper-pagination-bullet-active {
  opacity:var(--swiper-pagination-bullet-opacity, 1);
  background:var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
  right:10px;
  top:50%;
  transform:translate3d(0,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display:block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top:50%;
  transform:translateY(-50%);
  width:8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display:inline-block;
  transition:.2s transform,.2s top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left:50%;
  transform:translate(-50%);
  white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:.2s transform,.2s left
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:.2s transform,.2s right
}
.swiper-pagination-progressbar {
  background:rgba(0,0,0,.25);
  position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background:var(--swiper-pagination-color,var(--swiper-theme-color));
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:scale(0);
  transform-origin:left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin:right top
}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width:100%;
  height:4px;
  left:0;
  top:0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
  width:4px;
  height:100%;
  left:0;
  top:0
}
.swiper-pagination-lock {
  display:none
}
/*ここからクッキー*/
#cookie-notice.cookie-notice-visible.cn-effect-fade,
#cookie-notice.cookie-notice-visible.cn-effect-none,
#cookie-notice.cookie-revoke-visible.cn-effect-fade,
#cookie-notice.cookie-revoke-visible.cn-effect-none  {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  z-index: 1000000!important;
}
.cn-buttons-container,
.cn-text-container  {
  display: inline-block!important;
  text-align: left!important;
}
#cn-accept-cookie,
#cn-refuse-cookie  {
  background-color: #2ebee5;
  padding: 0.5em 1em;
  color: #ecf2f2;
  border-radius: 5px;
  margin-bottom: 50px;
  font-size: 1.2em;
}
.cn-close-icon  {
  display: none !important;
}
#cn-more-info  {
  color: #f7f47f !important;
  font-size: 1.2em !important;
  font-weight: 400;
}
@media screen and (max-width: 640px)  {
  .cookie-notice-container  {
    font-size: 1em;
    line-height: 1.2em;
  }
  #cn-accept-cookie,
    #cn-refuse-cookie  {
    background-color: #2ebee5;
    padding: 0.5em 1em;
    color: #ecf2f2;
    border-radius: 5px;
    margin-bottom: 50px;
    font-size: 1em;
  }
  #cn-more-info  {
    color: #f7f47f !important;
    font-size: 1em !important;
    font-weight: 400;
  }
}
/*ここまでクッキー*/

.qa_tags_list {
  font-size:0.7em;
  color:#333;
  overflow:hidden;
  display:none;
}
.qa_tags_list ul {
  display: flex;
  margin:20px 0px 0px 0px;
  padding:0!important;
}
.qa_tags_list ul,.qa_tags_list li {
  list-style: none;
}
.qa_tags_list li {
  margin:0.6em;
  padding:0.6em 0.8em;
  background-color:#eee;
  border-radius:30px;
}
.my_login_btn  {
  margin-bottom: 2em;
}
.my_login_btn a:hover  {
  filter: drop-shadow(4px 4px 4px rgba(160, 160, 160, 0.8));
}
.my_icons_box  {
  display: block;
  width: 100%;
  position: relative;
  left:20px
}
.my_icons_box .dekiru {
  position: absolute;
  width: 72px;
}
.my_icons_box .dekiru img  {
}
.my_icons  {
  max-width: 460px;
  font-size: 1em;
  margin: 0 auto;
}
.my_icons  {
  list-style: none;
  padding: 0;
}
.my_icon01:before  {
  background-image: url(https://www.chukai.co.jp/service/wp-content/themes/chukai_service/assets/images/customer/my_icon01.png);
}
.my_icon02:before  {
  background-image: url(https://www.chukai.co.jp/service/wp-content/themes/chukai_service/assets/images/customer/my_icon02.png);
}
.my_icon03:before  {
  background-image: url(https://www.chukai.co.jp/service/wp-content/themes/chukai_service/assets/images/customer/my_icon03.png);
}
.my_icon06:before  {
  background-image: url(https://www.chukai.co.jp/service/wp-content/themes/chukai_service/assets/images/customer/my_icon04.png);
}
.my_icon04:before  {
  background-image: url(https://www.chukai.co.jp/service/wp-content/themes/chukai_service/assets/images/customer/pdf01.png);
}
.my_icon04:hover:before  {
  background-image: url(https://www.chukai.co.jp/service/wp-content/themes/chukai_service/assets/images/customer/pdf02.png);
}
.my_icon04  {
  width: 100%;
  padding: 5px;
  border: solid 1px #e50012;
  border-radius: 20px;
  text-align: center;
  margin-top: 20px;
}
.my_icon04:hover  {
  width: 100%;
  padding: 5px;
  border: solid 1px #e50012;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  background-color: #e50012
}
.my_icon01:before,
.my_icon02:before,
.my_icon03:before,
.my_icon06:before  {
  content: "";
  /* 空の要素作成 */
    width: 32px;
  height: 32px;
  display: inline-block;
  position: relative;
  top: -3px;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
}
.my_icon04:before  {
  content: "";
  /* 空の要素作成 */
    width: 22px;
  height: 22px;
  display: inline-block;
  position: relative;
  top: 0px;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: top;
}
.my_icon01,
.my_icon02,
.my_icon03,
.my_icon06  {
  padding: 5px;
}
.career  {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 0em;
}
.career_link img {
  display: inline-block!important;
}
.career a  {
  border: 1px solid #666666;
  background-color: #ffffd9;
  display: block;
  padding: 1em;
  min-width: 45%;
  text-align: center;
  background-image: url(https://www.chukai.co.jp/service/wp-content/themes/chukai_service/assets/images/customer/my_arrow.png);
  background-repeat: no-repeat;
  background-position: bottom 10px right 10px;
  border-radius: 10px;
}
.career a:hover  {
  border: 1px solid #666666;
  background-image: url(https://www.chukai.co.jp/service/wp-content/themes/chukai_service/assets/images/customer/my_arrow2.png);
  background-repeat: no-repeat;
  background-position: bottom 10px right 10px;
  border-radius: 10px;
  filter: drop-shadow(4px 4px 4px rgba(160, 160, 160, 0.8));
}
.career_name  {
  font-size: 1.1em;
  width: 100%;
}
.new_account  {
  background-color: #e50012;
  text-align: center;
  padding: 1em;
  margin: 1em 0;
  font-size: 1.2em;
  color: #ffffff;
  border-radius: 10px;
}
.new_account:hover  {
  box-shadow: 4px 4px 4px 1px rgba(160, 160, 160, 0.8);
}
.new_account::before  {
  content: '';
  /*何も入れない*/
    display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 5px;
  width: 22px;
  /*画像の幅*/
    height: 22px;
  /*画像の高さ*/
    background-image: url(https://www.chukai.co.jp/service/wp-content/themes/chukai_service/assets/svg/customer/new_account_arro.svg);
  background-size: contain;
  vertical-align: middle;
  ;
}
.new_account_link  {
  width: 100%;
}
.card-lg  {
  width: 20%!important;
}
.free_phone {
  font-size: 2em;
  font-weight: 600;
  padding-bottom: 10px;
}
.l-header__social__links__logo  {
  width: 36px;
  margin: 6px 6px;
}
.l-header__social__links  {
  display: flex;
  justify-content: center;
  padding-left: 2%;
}
@media screen and (max-width: 768px)  {
  .career  {
    display: block;
    width: 100%;
    margin-top: 0em;
  }
  .career a  {
    border: 1px solid #666666;
    display: block;
    padding: 1em;
    min-width: 45%;
    text-align: center;
    background-image: url(https://www.chukai.co.jp/service/wp-content/themes/chukai_service/assets/images/customer/my_arrow.png);
    background-repeat: no-repeat;
    background-position: bottom 10px right 10px;
    margin-bottom: 20px;
  }
  .my_icons  {
    width: auto;
    font-size: 1em;
    margin: 0 auto;
  }
  .card-lg  {
    width: 41%;
  }
  .my_icons_box  {
    display: block;
    width: 100%;
    position: relative;
    left: 0px
  }
  #un_btns .card-lg__title h3  {
    font-size: 1em;
  }
  @media screen and (max-width: 768px) {
    #un_btns .card-lg  {
      width: 44% !important;
      padding: 2%;
      margin: 2%;
    }
    #un_btns .card-lg__title h3  {
      font-size: 1em;
      margin-bottom: 4em;
    }
  }
  .form-blue  {
    font-size: .6em;
    padding: 3px;
    background-color: #0066CC;
    border-radius: 6px;
    color: #fff;
    margin: 0 6px 3px;
  }
  .phone_links a {
    text-decoration: underline!important;
    text-decoration-color: #dc143c!important;
  }
  .notbtm-inline  {
    white-space: pre-line;
    /* 改行を自動的に <br> に変換 */
    display: block;
    /* 必要に応じてインラインやブロックを選択 */
    margin-top: 8px;
    /* ボタンとの間隔 */
    font-size: 14px;
    /* テキストサイズ */
    color: #555;
    /* テキスト色 */
  }
  .m-service-menu__business  {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 24px 10px;
    border-radius: 24px;
    background-color: #e7211a;
    box-shadow: 0 5px 10px #e7211a4d;
    cursor: pointer;
  }
}
.m-service-menu__customer  {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  padding: 24px 10px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  background-color: #8e9ea9;
  box-shadow: 0 5px 10px #8e9ea94d;
  cursor: pointer;
}
.m-service-menu__guest  {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  padding: 24px 10px;
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  background-color: #e7211a;
  box-shadow: 0 5px 10px #e7211a4d;
  cursor: pointer;
}
.m-service-menu__business  {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  padding: 20px 10px;
  border-radius: 24px;
  background-color: #e7211a;
  box-shadow: 0 5px 10px #e7211a4d;
  cursor: pointer;
}
.m-service-menu  {
  padding: 0px;
}
.m-main-top__button {
  z-index: 21!important;
}
.l-color-menu__sub__box.red  {
  background-color: #e7211a;
}
.l-color-menu__sub__box.gray  {
  background-color: #b3b3b3;
}
@media screen and (max-width: 768px) {
  .m-service-menu__customer,.m-service-menu__guest {
    width: 50%!important;
  }
  .m-service-menu__business  {
    flex-direction: row;
    column-gap:10px;
    margin-left: 0px;
    margin:30px 0px;
  }
  .swiper  {
    margin:10px auto!important;
  }
}
@media screen and (max-width: 768px) {
  .m-main-top__nav  {
    display: flex;
    width: 100%;
    flex-wrap: wrap!important;
    height: auto;
    background-color: #fff;
    flex-direction: row;
  }
  .m-main-top__nav__box  {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-direction: column;
    margin: 10px 0 10px 20px;
    width: 14%!important;
  }
  .m-main-top__nav__box__logo  {
    width: 40px;
    margin: 0px;
  }
  .m-main-top__nav__box__logo img  {
    height: 100%!important;
    width: auto;
    text-align: center;
  }
  .m-main-top__nav__box__text {
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    margin-top: 1em;
  }
}
.banners  {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
  gap: 20px;
  padding: 20px;
}
/* バナーアイテムのスタイル */
    .banner-item  {
  overflow: hidden;
  /* 画像がはみ出さないように */
        display: inline-block;
  text-align: center;
}
.banner-item img  {
  transition: transform 0.3s ease;
  /* スムーズなズーム */
        display: block;
  width: 100%;
  /* 親要素にフィット */
}
.banner-item:hover img  {
  transform: scale(1.05);
  /* 少しズーム */
}
/* タブレット（2列・右揃え） */
    @media (max-width: 1024px)  {
  .banners  {
    grid-template-columns: repeat(2, 1fr);
    justify-content: flex-end;
  }
}
/* スマホ（2列・右揃え） */
    @media (max-width: 768px)  {
  .banners  {
    grid-template-columns: repeat(2, 1fr);
    justify-content: flex-end;
    gap: 10px;
  }
}

/* 迷惑電話自動ブロックサービス お申し込みフォーム */

.birth_date p {
  padding-bottom: 5px;
}
.birth_date_box {
  display: flex;
  align-items: center;
}
.birth_date_box div {
  margin-right: 2rem;
}
.birth_date_box div p {
  display: flex;
  align-items: center;
}
.birth_date_box div p span {
  margin-right: 5px;
}
.birth_date_box select {
  margin: 0;
}
.apply_checkbox input[type="checkbox"], .consent_checkbox input[type="checkbox"] {
  transform: scale(1.5);
  margin: 8px 6px 10px 10px;
}
.apply_checkbox {
/*  display: flex;*/
  margin: 4rem 0;
  font-weight: bold;
}
.apply_checkbox p {
  display: flex;
}
.apply_checkbox span {
  margin: 0;
}
.spam_call_blocking .consent_title {
  font-weight: bold;
}
.spam_call_blocking .consent_checkbox p {
  display: flex;
  font-weight: bold;
}
.spam_call_blocking ul {
  margin: 4rem 0;
}
.spam_call_blocking ul li {
  margin: 3rem 0;
  list-style: none;
}
.spam_call_blocking ul li:nth-child(1) {
  margin-top: 0;
}
.spam_call_blocking table {
  width: auto;
  margin: 2rem 0 2rem 3rem;
}
.spam_call_blocking table tr {
  background: #fff!important;
}
.spam_call_blocking table tr th {
  width: 20%;
}
.custom_list p {
  display: flex;
  align-items: flex-start;
}
.custom_list .num {
}
.custom_list .text {
  margin-top: -24px;
}
.red {
  color: #e7211a;
}

@media screen and (max-width: 768px) {
  .birth_date_box {
    display: block;
  }
  .apply_checkbox p {
    width: max-content;
  }
  .spam_call_blocking ul {
    padding-left: 0;
  }
  .spam_call_blocking table {
    margin: 2rem 0 2rem 2rem;
    font-size: 0.9em;
  }
  .spam_call_blocking table tr th {
    width: 24%;
  }
}

/* 電話オプション一覧 */
#phone-option-lists .m-board-option__label-dec {
  width: 60%;
}
#phone-option-lists .m-board-option__label-group {
  width: 40%;
}
#phone-option-lists .m-board-option__block-dec {
  width: 60%;
}
#phone-option-lists .m-board-option__block-group {
  width: 40%;
}
#phone-option-lists .m-board-option__block-group a {
  margin-top: 1rem;
}
.service_details {
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
}
.service_detail01 {
  width: 30%;
}
.service_detail02 {
  width: 70%;
  border-left: 1px solid #888;
  padding-left: 1.5rem;
}
.service_detail02 .red {
  color: #e7211a;
  font-size: 0.8em;
}

/*#phone-option-lists table tr th {
  width: 30%;
}
#phone-option-lists table tr td {
  width: 70%;
  border-left: 1px solid #666;
  padding-left: 1.5rem;
}
*/

@media screen and (max-width: 640px) {
  #phone-option-lists .m-board-option__label-dec {
    width: 50%;
  }
  #phone-option-lists .m-board-option__label-group {
    width: 50%;
    font-size: 0.9em;
  }
  #phone-option-lists .m-board-option__block-dec {
    width: 50%;
  }
  #phone-option-lists .m-board-option__block-group {
    width: 50%;
  }
  #phone-option-lists .m-board-option__block-group a p {
    font-size: 0.9em;
  }

  .service_details {
    width: 100%;
    display: block;
  }
  .service_detail01 {
    width: 100%;
  }
  .service_detail02 {
    width: 100%;
    border-left: none;
    border-top: 1px solid #888;
    padding: 1rem 0;
    margin: 1rem 0;
    font-size: 0.9em;
  }
}