@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

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

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

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

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

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

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

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

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

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

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

button[disabled],
html input[disabled] {
  cursor: default
}

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

input {
  line-height: normal
}

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

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

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

td,
th {
  padding: 0
}

@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 300
}

@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 500
}

@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 700
}

body,
html {
  color: #333;
  font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

@media all and (-ms-high-contrast:none) {
  body {
    font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  }
}

a {
  color: #333;
  text-decoration: underline
}

a:hover {
  text-decoration: none
}

p {
  line-height: 1.6;
  margin: 0
}

img {
  max-width: 100%;
  vertical-align: middle
}

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

li {
  list-style: none
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding: 0
}

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

h1,
h2,
h3,
h4 {
  font-size: 1em
}

dd,
dt,
h1,
h2,
h3,
h4,
p,
td,
th {
  margin: 0;
  word-break: break-all;
  word-wrap: break-word
}

dfn,
em {
  font-style: normal
}

.sp-none {
  display: none
}

@media screen and (min-width:768px) {
  .sp-none {
    display: block
  }
}

.pc-none {
  display: block
}

@media screen and (min-width:768px) {
  .pc-none {
    display: none
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background-color: #fff
}

@media screen and (min-width:768px) {
  .header {
    padding: 24px 0 0;
    box-shadow: none;
    transition: .2s ease all
  }

  .header.is-animation {
    padding: 8px 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
  }

  .header.is-animation:not(.top) {
    padding: 8px 0 0
  }

  .header.is-animation:not(.top) .navigation__list:not(.top) {
    margin: 10px auto 0
  }

  .header.is-animation:not(.top) .navigation__list:not(.top) li a {
    height: 37px
  }

  .header.is-animation:not(.top) .navigation__list:not(.top) li a .cmn-Icon {
    width: 20px;
    height: 20px
  }

  .header.is-animation:not(.top) .navigation__list:not(.top) li a:hover {
    position: relative;
    height: 70px
  }

  .header.is-animation:not(.top) .navigation__list:not(.top) li a:hover span {
    display: block
  }

  .header.is-animation:not(.top) .navigation__list:not(.top) li a span {
    display: none
  }
}

.header .inner_header {
  position: relative
}

@media screen and (min-width:768px) {
  .header .inner_header {
    width: 1080px;
    margin: 0 auto
  }
}

.header .sp-menu {
  position: absolute;
  top: 10px;
  right: 16px
}

.header__logo {
  height: 72px;
  padding: 12px 24px 0
}

@media screen and (min-width:768px) {
  .header__logo {
    height: auto;
    padding: 0
  }
}

.header__logo a img {
  width: 160px
}

@media screen and (min-width:768px) {
  .header__logo a img {
    width: auto
  }
}

.header__sitecatch {
  text-align: center;
  height: 30px;
  padding: 4px
}

@media screen and (max-width:767px) {
  .header__sitecatch {
    font-size: .875rem
  }
}

@media screen and (min-width:768px) {
  .header__sitecatch {
    position: absolute;
    top: 50%;
    left: 280px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

@media screen and (min-width:768px) {
  .header__contact {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.navigation__list {
  display: none
}

.navigation__list.top li {
  position: relative;
  border-bottom: 1px solid #ccc
}

.navigation__list.top li a {
  display: block;
  padding: 12px 24px 12px 56px
}

.navigation__list.top li .cmn-Icon {
  position: absolute;
  top: 50%;
  left: 16px;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.navigation__list.top li.navigation__list-contact::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 18px;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media screen and (max-width:767px) {
  .navigation__list li {
    position: relative;
    border-bottom: 1px solid #ccc
  }

  .navigation__list li a {
    display: block;
    padding: 12px 24px 12px 56px
  }

  .navigation__list li .cmn-Icon {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 24px;
    height: 24px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .navigation__list li.navigation__list-contact::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 18px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
}

.navigation__list:not(.top) li a br.sp-none {
  display: none
}

@media screen and (min-width:768px) {
  .navigation__list:not(.top) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1080px;
    padding: 8px 0;
    margin: 24px auto 0
  }

  .navigation__list:not(.top) li {
    text-align: center
  }

  .navigation__list:not(.top) li a {
    display: block;
    text-decoration: none;
    font-size: .75rem;
    line-height: 1.2;
    width: 160px;
    height: 76px;
    padding: 8px 0;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    top: 0;
    transition: .2s ease all;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
  }

  .navigation__list:not(.top) li a:hover {
    top: -2px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2)
  }

  .navigation__list:not(.top) li a:focus {
    top: 1px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25)
  }

  .navigation__list:not(.top) li a.is-active {
    top: 1px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25)
  }

  .navigation__list:not(.top) li a br.sp-none {
    display: block
  }

  .navigation__list:not(.top) li .cmn-Icon {
    display: block;
    width: 27px;
    height: 27px;
    margin: 0 auto 4px
  }

  .navigation__list:not(.top) li .cmn-Icon_mail,
  .navigation__list:not(.top) li .cmn-Icon_question,
  .navigation__list:not(.top) li .cmn-Icon_wrench {
    margin-bottom: 13px
  }
}

.centralmenu {
  margin-top: 102px;
  padding: 16px 4% 0;
  margin-bottom: 20px;
}

@media screen and (min-width:768px) {
  .centralmenu {
    padding: 48px 0 8px
  }
}

.centralmenu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width:768px) {
  .centralmenu__list {
    width: 1080px;
    margin: 0 auto
  }
}

.centralmenu__list li {
  width: 48%;
  margin-bottom: 16px
}

@media screen and (min-width:768px) {
  .centralmenu__list li {
    width: 342px;
    margin-bottom: 40px
  }
}

.centralmenu__list li a {
  display: block;
  text-align: center;
  text-decoration: none;
  height: 125px;
  padding: 16px 12px;
  border-radius: 4px;
  background-color: #fff;
  position: relative;
  top: 0;
  transition: .2s ease all;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

@media screen and (max-width:767px) {
  .centralmenu__list li a {
    font-size: .75rem
  }
}

.centralmenu__list li a:hover {
  top: -2px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2)
}

.centralmenu__list li a:focus {
  top: 1px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25)
}

@media screen and (min-width:768px) {
  .centralmenu__list li a {
    width: 342px;
    height: 188px;
    padding: 26px
  }
}

.centralmenu__list li .cmn-Icon {
  display: block;
  margin: 0 auto 12px
}

.centralmenu__list li .cmn-Icon_beginner {
  width: 42px;
  height: 42px
}

@media screen and (min-width:768px) {
  .centralmenu__list li .cmn-Icon_beginner {
    width: 82px;
    height: 82px
  }
}

.centralmenu__list li .cmn-Icon_pencil {
  width: 49px;
  height: 42px
}

@media screen and (min-width:768px) {
  .centralmenu__list li .cmn-Icon_pencil {
    width: 82px;
    height: 82px
  }
}

.centralmenu__list li .cmn-Icon_internet {
  width: 47px;
  height: 47px
}

@media screen and (min-width:768px) {
  .centralmenu__list li .cmn-Icon_internet {
    width: 82px;
    height: 82px
  }
}

.centralmenu__list li .cmn-Icon_mail {
  width: 58px;
  height: 50px
}

@media screen and (min-width:768px) {
  .centralmenu__list li .cmn-Icon_mail {
    width: 82px;
    height: 82px
  }
}

.centralmenu__list li .cmn-Icon_question {
  width: 45px;
  height: 45px
}

@media screen and (min-width:768px) {
  .centralmenu__list li .cmn-Icon_question {
    width: 82px;
    height: 82px
  }
}

.centralmenu__list li .cmn-Icon_wrench {
  width: 48px;
  height: 49px
}

@media screen and (min-width:768px) {
  .centralmenu__list li .cmn-Icon_wrench {
    width: 82px;
    height: 82px
  }
}

.button {
  display: inline-block;
  text-align: center;
  font-size: .875rem;
  line-height: 1;
  text-decoration: none;
  padding: 16px 0;
  border-radius: 4px;
  position: relative;
  top: 0;
  transition: .2s ease all;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.button:hover {
  top: -2px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2)
}

.button:focus {
  top: 1px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25)
}

.button:disabled {
  cursor: default;
  background-color: #ccc
}

.button:disabled:hover {
  top: 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.button:disabled:focus {
  top: 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.button-small {
  width: 100%;
  max-width: 186px
}

@media screen and (min-width:768px) {
  .button-small {
    width: 186px
  }
}

.button-middle {
  width: 100%;
  max-width: 266px
}

@media screen and (min-width:768px) {
  .button-middle {
    width: 266px
  }
}

.button-big {
  width: 100%;
  max-width: 400px
}

@media screen and (min-width:768px) {
  .button-big {
    width: 400px
  }
}

.hiddenBody {
  overflow: hidden;
  height: 100%;
  opacity: .2
}

.pagetop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: .2s ease all;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
  cursor: pointer
}

@media screen and (min-width:768px) {
  .pagetop {
    right: 24px;
    bottom: 24px;
    width: 48px;
    height: 48px
  }
}

.pagetop:hover {
  bottom: 26px !important;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2)
}

.pagetop::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  margin-right: -7px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.contentsbody {
  margin: 0 20px
}

@media screen and (min-width:768px) {
  .contentsbody {
    width: 1080px;
    margin: 0 auto 112px
  }

  .contentsbody.top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.contentsbody:not(.top) {
  margin-top: 102px
}

@media screen and (min-width:768px) {
  .contentsbody:not(.top) {
    margin-top: 194px
  }
}

@media screen and (min-width:768px) {
  .contentsbody--slim {
    width: 800px;
    margin: 0 auto 112px
  }
}

.contentsbody .contentshead-title {
  text-align: center;
  padding: 24px 0 32px
}

@media screen and (min-width:768px) {
  .contentsbody .contentshead-title {
    padding: 20px 0 40px
  }
}

.contentsbody .contentshead-title .cmn-Icon {
  width: 60px;
  height: 60px
}

@media screen and (min-width:768px) {
  .contentsbody .contentshead-title .cmn-Icon {
    width: 90px;
    height: 90px;
    margin-bottom: 16px
  }
}

.contentsbody .contentshead-title .title {
  font-size: 1.125rem
}

@media screen and (min-width:768px) {
  .contentsbody .contentshead-title .title {
    font-size: 1.25rem
  }
}

.contentsbody .contentshead-title .title .inner-title {
  display: block;
  font-weight: 400;
  margin-top: 24px
}


.contentsbody .contentshead-title1 {
  text-align: center;
  padding: 0 0 32px
}

@media screen and (min-width:768px) {
  .contentsbody .contentshead-title1 {
    padding: 0 0 30px
  }
}

.contentsbody .contentshead-title1 .title {
  font-size: 1.125rem
}

@media screen and (min-width:768px) {
  .contentsbody .contentshead-title1 .title {
    font-size: 1.25rem
  }
}



.contentsbody .contents-description {
  text-align: left;
  margin-bottom: 53px
}

@media screen and (min-width:768px) {
  .top-section {
    width: 492px
  }
}

.top-section__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 42px
}

.top-section__button {
  text-align: center
}

.news {
  margin-bottom: 48px
}

@media screen and (min-width:768px) {
  .news {
    margin-bottom: 0
  }
}

.news__list {
  margin-bottom: 24px
}

@media screen and (min-width:768px) {
  .news__list {
    margin-bottom: 40px
  }
}

.news__list__information {
  line-height: 1;
  margin-bottom: 6px
}

.news__list__information .category {
  display: inline-block;
  text-align: center;
  font-size: .75rem;
  width: 123px;
  padding: 6px 16px;
  margin-right: 24px;
  background-color: #e2e2e2
}

@media screen and (max-width:767px) {
  .news__list__information .date {
    font-size: .875rem
  }
}

@media screen and (max-width:767px) {
  .news__list__links {
    font-size: .875rem
  }
}

.news__list li {
  margin-bottom: 24px
}

@media screen and (min-width:768px) {
  .news__list li {
    margin-bottom: 32px
  }
}

.faq {
  margin-bottom: 52px
}

@media screen and (min-width:768px) {
  .faq {
    margin-bottom: 0
  }
}

.faq__list {
  margin-bottom: 24px
}

@media screen and (min-width:768px) {
  .faq__list {
    margin-bottom: 40px
  }
}

.faq__list li {
  position: relative;
  padding: 0 0 0 45px;
  margin-bottom: 24px
}

@media screen and (max-width:767px) {
  .faq__list li {
    font-size: .875rem
  }
}

.faq__list li .cmn-Icon {
  position: absolute;
  top: -2px;
  left: 0;
  width: 25px;
  height: 25px
}

.service-carousel {
  margin: 0 20px 30px 20px;
}

@media screen and (min-width:768px) {
  .service-carousel {
    width: 1080px;
    margin: 0 auto 50px auto;
  }
}

.service-carousel .item {
  padding: 36px 30px;
  border: 8px solid
}

@media screen and (min-width:768px) {
  .service-carousel .item {
    min-height: 340px;
    margin: 30px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
  }
}

.service-carousel .item h3 {
  line-height: 1;
  margin-bottom: 16px
}

@media screen and (min-width:768px) {
  .service-carousel .item h3 {
    font-size: 1.125rem
  }
}

.service-carousel .item p {
  font-size: .875rem
}

.service-carousel .item ul {
  text-align: center;
  margin: 24px 0 0 0
}

@media screen and (min-width:768px) {
  .service-carousel .item ul {
    text-align: left
  }
}

.service-carousel .item ul li:not(:last-child) {
  margin-bottom: 14px
}

.service-carousel .item ul img {
  display: inline
}

.service-carousel .slick-next,
.service-carousel .slick-prev {
  width: 24px;
  height: 24px
}

.service-carousel .slick-next::before,
.service-carousel .slick-prev::before {
  color: #8d8d8d;
  font-size: 24px
}

.connection-wrap-inner {
  margin-bottom: 56px
}

@media screen and (min-width:768px) {
  .connection-wrap-inner {
    padding: 0 24px
  }
}

.minimal-title {
  font-size: .875rem;
  font-weight: 400;
  padding: 8px 16px;
  margin-bottom: 24px;
  background-color: #eee
}

.minimal-title:not(:first-child) {
  margin-top: 40px
}

.connection-os-list {
  font-size: .875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 16px 3%;
  margin: 32px 0;
  background-color: #eee
}

@media screen and (min-width:768px) {
  .connection-os-list {
    padding: 32px 10% 16px
  }
}

.connection-os-list li {
  width: 100%
}

@media screen and (min-width:768px) {
  .connection-os-list li {
    width: 48%
  }
}

.connection-os-list li:not(:last-child) {
  margin-bottom: 16px
}

.connection-os-list li a {
  display: block;
  padding: 16px 20px;
  background-color: #fff;
  position: relative;
  top: 0;
  transition: .2s ease all;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.connection-os-list li a:hover {
  top: -2px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2)
}

.connection-os-list li a:focus {
  top: 1px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25)
}

.connection-os-list li a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2px solid #afafaf;
  border-right: 2px solid #afafaf;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.connection-description.notice {
  color: #dd605f;
  font-size: .75rem
}

.connection-description+.connection-description {
  margin-top: 24px
}

.connection-description+p {
  font-size: .875rem;
  margin-top: 16px
}

.connection-description img[src*=connection-manual-wifi01] {
  width: 454px
}

.connection-description img[src*=connection-manual-wifi02] {
  width: 352px
}

.faqBody:not(:first-child) {
  margin-top: 72px
}

.accordion {
  background-color: #fff
}

.accordion:not(:last-child) {
  margin-bottom: 24px
}

.accordion__item--title {
  position: relative;
  cursor: pointer;
  padding: 16px 16px 16px 70px;
  border-radius: 8px;
  position: relative;
  top: 0;
  transition: .2s ease all;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
  background-color: #eee
}

.accordion__item--title:hover {
  top: -2px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2)
}

.accordion__item--title:focus {
  top: 1px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25)
}

.accordion__item--title::before {
  content: "Q";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 16px;
  font-size: 1.375rem;
  line-height: 1;
  font-weight: 700;
  width: 40px;
  height: 40px;
  padding-bottom: 4px;
  border-radius: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Source Sans Pro', sans-serif
}

.accordion__item--text {
  position: relative;
  display: none;
  padding: 16px 16px 16px 70px;
  margin-top: 0;
  margin-bottom: 40px
}

.accordion__item--text::before {
  content: "A";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 16px;
  font-size: 1.375rem;
  line-height: 1;
  font-weight: 700;
  width: 40px;
  height: 40px;
  padding-bottom: 4px;
  border-radius: 40px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: 'Source Sans Pro', sans-serif
}

.selectDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
  margin: 0 0 32px 0
}

.selectDate .filter {
  font-size: .875rem;
  font-weight: 700
}

.selectDate label {
  position: relative;
  padding: 8px 32px 8px 16px;
  border-radius: 8px;
  margin-left: 16px;
  border: 1px solid #ccc
}

.selectDate label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2px solid #afafaf;
  border-right: 2px solid #afafaf;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.selectDate label select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  padding: 0;
  background-color: transparent
}

.selectDate label select::-ms-expand {
  display: none
}

.information .news__list li:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc
}

@media screen and (min-width:768px) {
  .information .news__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.information .news__list li .date {
  white-space: nowrap
}

@media screen and (min-width:768px) {
  .information .news__list li .news__list__links {
    width: 510px;
    margin: 0 0 0 24px
  }
}

.information_detail .news__list__information {
  margin-bottom: 16px
}

.information_detail .news__list__links {
  font-size: 1.125rem;
  font-weight: 700;
  padding-bottom: 16px;
  border-bottom: 3px solid #ccc
}

.information_detail .news_body {
  padding: 0 16px
}

.information_detail .news_body p {
  word-wrap: break-word
}

.information_detail .top-section__button {
  margin-top: 63px
}

.contents-description.privacy {
  text-align: left
}

.privacy_menu {
  text-align: left;
  padding: 10px 30px 26px 30px;
  margin: 30px 0;
  background-color: #f3f3f3
}

.privacy_menu dl dt {
  font-weight: 700;
  margin-bottom: 26px;
  padding: 5px 0 5px 0;
  margin-bottom: 18px;
  margin-top: 20px;
  border-bottom: 1px solid #999
}

.privacy_menu dl dd {
  display: block;
  font-size: .875rem
}

.privacy_menu dl dd.address {
  position: relative;
  padding: 10px;
  margin: 10px 0 10px 0;
  background-color: #fff
}

.privacy_menu dl dd.address .mark {
  position: static;
  top: auto;
  right: auto;
  display: block;
  text-align: center;
  margin: 8px auto
}

@media screen and (min-width:768px) {
  .privacy_menu dl dd.address .mark {
    position: absolute;
    top: 18px;
    right: 20px
  }
}

.privacy_menu .pdf {
  text-align: right
}

.creditName {
  font-size: .875rem;
  text-align: right;
  margin: 18px 18px 0 0
}

.creditName li {
  margin: 0 0 8px 0
}

.construction-notice {
  padding: 24px;
  margin-bottom: 40px;
  background-color: #efefef
}

@media screen and (min-width:768px) {
  .construction-notice {
    padding: 32px 40px
  }
}

.construction-notice p {
  font-weight: 700;
  text-align: center;
  margin-bottom: 16px
}

.construction-notice ul li {
  font-size: .875rem;
  margin-bottom: 4px;
  text-indent: -1rem;
  padding-left: 1rem
}

.construction-notice ul li::before {
  content: "・"
}

.construction-notice.wifi p {
  color: #d96262
}

.construction-notice.wifi .comment {
  font-size: .75rem;
  margin-top: 16px
}

.construction-notice.travelshooting {
  padding-left: 32px;
  margin-top: 48px
}

@media screen and (min-width:768px) {
  .construction-notice.travelshooting {
    padding-left: 56px
  }
}

.construction-notice.travelshooting p {
  color: #d96262
}

.construction-notice.travelshooting ul li {
  list-style-type: decimal;
  text-indent: 0;
  padding-left: 0
}

.construction-notice.travelshooting ul li::before {
  content: ""
}

.construction-notice.travelshooting .comment {
  font-size: .75rem;
  margin-top: 16px
}

.footer {
  text-align: center;
  padding: 16px 0 0 0;
  margin-top: 72px;
  border-top: 2px solid #111;
  font-size: .875rem
}

@media screen and (min-width:768px) {
  .footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.footer__links li:not(:last-child) {
  margin-bottom: 8px
}

@media screen and (min-width:768px) {
  .footer__links li:not(:last-child) {
    line-height: 1;
    border-right: 1px solid #ccc;
    padding-right: 24px;
    margin-right: 24px;
    margin-bottom: 0
  }
}

.footer small {
  display: block;
  margin-top: 24px
}

@media screen and (min-width:768px) {
  .footer small {
    margin-top: 12px;
    margin-bottom: 24px
  }
}

.terms-agree {
  font-size: .75rem;
  text-align: center;
  padding: 16px 22px;
  margin-bottom: 72px;
  border-radius: 8px;
  background-color: #efefef;
  border: 1px solid #b8b8b8
}

@media screen and (min-width:768px) {
  .terms-agree {
    font-size: .875rem
  }
}

.terms-agree p {
  margin-bottom: 16px
}

.subheading-title {
  font-size: 1.125rem;
  padding-bottom: 8px;
  margin-bottom: 24px;
  border-bottom: 1px solid #b8b8b8
}

@media screen and (min-width:768px) {
  .subheading-title {
    margin-bottom: 32px
  }
}

.internetservice-feature {
  border: 8px solid;
  padding: 18px 24px;
  margin-bottom: 48px
}

@media screen and (min-width:768px) {
  .internetservice-feature {
    padding: 24px 32px
  }
}

.internetservice-feature__title {
  font-size: 1.125rem;
  padding-left: 56px;
  margin-bottom: 14px;
  position: relative
}

@media screen and (min-width:768px) {
  .internetservice-feature__title {
    font-size: 1.375rem;
    padding-left: 64px
  }
}

.internetservice-feature__title svg {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 46px;
  display: inline-block;
  vertical-align: middle
}

.internetservice-feature__title:nth-of-type(n+2) {
  margin-top: 32px
}

.internetservice-feature__description {
  font-size: .875rem
}

.internet-info {
  margin-bottom: 72px
}

.internet-info__title {
  position: relative;
  margin-bottom: 16px
}

.internet-info__title:nth-of-type(n+2) {
  margin-top: 32px
}

@media screen and (min-width:768px) {
  .internet-info__title:nth-of-type(n+2) {
    margin-top: 40px
  }
}

.internet-info__title .icon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.internet-info__title .icon.mail {
  width: 43px
}

.internet-info__title .icon.fukuri {
  width: 36px
}

.internet-info__title .icon.search-engine {
  width: 40px
}

.internet-info__title .icon.heart-insurance {
  width: 39px
}

.internet-info__title .icon.telephone {
  width: 35px
}

.internet-info .title-body {
  display: block;
  padding-left: 60px
}

.internet-info .title-body.fukuri {
  font-size: 20px;
  margin-bottom: 28px;
}

.internet-info__description {
  font-size: .875rem
}

.internet-info__banner {
  margin-top: 24px;
  margin-bottom: 36px
}

@media screen and (min-width:768px) {
  .internet-info__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
  }
}

.internet-info__banner li:not(:last-child) {
  margin-bottom: 24px
}

@media screen and (min-width:768px) {
  .internet-info__banner li:not(:last-child) {
    margin-right: 24px;
    margin-bottom: 12px
  }
}

.internet-info__banner li:only-child {
  margin-bottom: 0
}

.internet-info__banner:last-of-type {
  margin-bottom: 0
}

.stepflow {
  border: 8px solid #e2e2e2;
  padding: 18px 18px;
  margin-bottom: 48px
}

@media screen and (min-width:768px) {
  .stepflow {
    padding: 48px 32px 32px;
    margin-bottom: 72px
  }
}

.stepflow__lists>li {
  position: relative;
  counter-increment: num;
  padding: 12px 0 0 64px;
  font-size: .875rem;
  margin-bottom: 24px
}

@media screen and (min-width:768px) {
  .stepflow__lists>li {
    font-size: 1rem;
    padding: 0 0 0 120px;
    margin-bottom: 64px
  }
}

@media screen and (min-width:768px) {
  .stepflow__lists>li:last-child {
    margin-bottom: 32px
  }
}

.stepflow__lists>li::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: counter(num);
  font-family: 'Source Sans Pro', sans-serif;
  text-align: center;
  line-height: 1;
  font-size: 1.25rem;
  width: 56px;
  height: 56px;
  border-radius: 80px;
  padding-top: 27px
}

@media screen and (min-width:768px) {
  .stepflow__lists>li::before {
    top: 50%;
    font-size: 1.875rem;
    width: 72px;
    height: 72px;
    padding-top: 31px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.stepflow__lists>li::after {
  display: block;
  position: absolute;
  top: 12px;
  left: 15px;
  content: "STEP";
  font-family: 'Source Sans Pro', sans-serif;
  text-align: center;
  line-height: 1;
  font-size: .75rem;
  font-weight: 900
}

@media screen and (min-width:768px) {
  .stepflow__lists>li::after {
    top: 50%;
    left: 19px;
    font-size: 1rem;
    -webkit-transform: translateY(-123%);
    transform: translateY(-123%)
  }
}

.stepflow__lists>li .step-inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 80px;
  left: 21px;
  width: 14px;
  height: 14px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

@media screen and (min-width:768px) {
  .stepflow__lists>li .step-inner::before {
    top: 50%;
    left: 28px;
    -webkit-transform: rotate(135deg) translate(250%, -250%);
    transform: rotate(135deg) translate(250%, -250%)
  }
}

.stepflow__lists>li:last-child>div::before {
  display: none
}

.stepflow__lists>li .step-inner .action {
  font-weight: 700;
  margin-bottom: 8px
}

.stepflow__lists>li .step-inner .action::before {
  display: block;
  color: #fff;
  font-weight: 400;
  text-align: center;
  padding: 4px 8px;
  margin-bottom: 8px;
  border-radius: 100px
}

@media screen and (min-width:768px) {
  .stepflow__lists>li .step-inner .action::before {
    display: inline-block;
    font-size: .875rem;
    width: 106px;
    padding: 5px 8px 4px 28px;
    margin-right: 18px;
    margin-bottom: 1px
  }
}

.stepflow__lists>li .step-inner.user .action::before {
  content: "お客様";
  background: url(../images/icon_man-user.png) top 5px left 24px no-repeat;
  background-size: 18px 18px
}

@media screen and (min-width:768px) {
  .stepflow__lists>li .step-inner.user .action::before {
    background-position: top 5px left 14px
  }
}

.stepflow__lists>li .step-inner.company .action::before {
  content: "事務局";
  background: url(../images/icon_headset.png) top 5px left 24px no-repeat;
  background-color: #a5a5a5;
  background-size: 19px 19px
}

@media screen and (min-width:768px) {
  .stepflow__lists>li .step-inner.company .action::before {
    background-position: top 5px left 14px
  }
}

.stepflow__lists>li .step-inner .description {
  font-size: .875rem
}

.stepflow__lists>li .step-inner.single {
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.stepflow__lists>li .step-inner.single.notice {
  display: block
}

.stepflow__lists>li .step-inner .notice {
  display: block;
  font-size: .8125rem;
  padding: 8px 16px;
  margin-top: 16px;
  background-color: #eee
}

.stepflow__lists>li .step-inner .notice p {
  font-weight: 700;
  margin-bottom: 8px
}

.stepflow__lists>li .step-inner .notice li {
  text-indent: -1rem;
  padding-left: 1rem
}

.stepflow__lists>li .step-inner .notice li:before {
  content: "・"
}

.stepflow__lists>li a {
  text-decoration: underline
}

.internet-price {
  margin-bottom: 72px
}

@media screen and (min-width:768px) {
  .internet-price ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (min-width:768px) {
  .internet-price li {
    width: 48.5%
  }
}

.internet-price li:only-child {
  width: 100%
}

.internet-price li:nth-child(n+2) {
  margin-top: 32px
}

@media screen and (min-width:768px) {
  .internet-price li:nth-child(n+2) {
    margin-top: 0
  }
}

.internet-price__title {
  text-align: center;
  padding: 4px 8px;
  margin-bottom: 8px
}

.internet-price__contents {
  text-align: right
}

.internet-price__contents em {
  display: inline-block;
  font-weight: 700;
  margin-left: 1rem
}

.internet-price__contents small {
  word-break: keep-all
}

.internet-price__contents .codicil {
  font-size: .8125rem;
  text-align: left;
  margin-top: 8px
}

@media screen and (min-width:768px) {
  .internet-price__contents .codicil {
    text-align: right
  }
}

.internet-application {
  font-size: .75rem;
  text-align: center;
  padding: 16px 22px;
  margin-bottom: 72px;
  border-radius: 8px
}

@media screen and (min-width:768px) {
  .internet-application {
    font-size: .875rem
  }
}

.internet-application p {
  margin-bottom: 16px
}

.about-accesspoint {
  margin-bottom: 60px
}

.about-accesspoint__title {
  font-size: 1rem;
  margin-top: 60px
}

.about-accesspoint__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.about-accesspoint__image {
  width: 30%;
  max-width: 154px;
  margin-right: 5%
}

.about-accesspoint__list {
  width: 65%
}

.about-accesspoint__list .list {
  font-size: .875rem;
  position: relative;
  margin-bottom: 24px;
  counter-increment: num
}

.about-accesspoint__list .list::before {
  content: counter(num);
  position: absolute;
  top: -1px;
  left: 0;
  font-size: .75rem;
  color: #fff;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 20px;
  background-color: #dd605f
}

.about-accesspoint__list .list .title {
  font-weight: 700;
  padding-left: 26px;
  margin-bottom: 4px
}

.about-accesspoint__list .list .desc {
  font-size: .8125rem
}

.tab {
  display: block;
  width: 100%;
  margin-top: 48px
}

.tab__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center
}

.tab__menu__item {
  width: 100%;
  background-color: #e4e4e4
}

.tab__menu__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: .875rem;
  width: 100%;
  height: 100%;
  padding: 16px;
  font-weight: 700
}

.tab__menu__item:not(:last-child) {
  border-right: 1px solid #ccc
}

.tab__body {
  padding: 56px 16px 32px;
  margin-bottom: 24px;
  width: 100%;
  border: 1px solid #e4e4e4;
  border-top: 0
}

.tab__body.is-hidden {
  display: none
}

.form_sub_title {
  text-align: center;
  padding: 12px 22px;
  margin: 40px 0 24px;
  background-color: #f4f4f4
}

@media screen and (min-width:768px) {
  .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 auto
  }
}

.form dt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  margin-bottom: 16px
}

@media screen and (min-width:768px) {
  .form dt {
    font-weight: 400;
    padding-bottom: 24px;
    border-bottom: 1px solid #e2e2e2;
    width: 240px;
    margin-bottom: 24px
  }
}

.form dt .required {
  display: inline-block;
  font-size: .75rem;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  padding: 4px 8px;
  margin-left: 16px;
  background-color: #dd605f
}

@media screen and (min-width:768px) {
  .form dt .required {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(calc(-50% - 12px));
    transform: translateY(calc(-50% - 12px))
  }
}

@media all and (-ms-high-contrast:none) {

  .form .required,
  .form ::-ms-backdrop {
    top: 20% !important
  }
}

.form dd {
  margin-bottom: 24px
}

@media screen and (min-width:768px) {
  .form dd {
    padding-bottom: 24px;
    border-bottom: 1px solid #e2e2e2;
    width: 560px
  }
}

.form dd .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.form dd .row+.row {
  margin-top: 16px
}

.form dd .row.zipcode>.hyphen:first-of-type {
  margin-left: 0
}

.form dd .row.select label {
  position: relative
}

.form dd .row.select label::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2px solid #afafaf;
  border-right: 2px solid #afafaf;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.form dd .row.construction {
  width: 100%;
  margin-top: 8px
}

@media screen and (min-width:768px) {
  .form dd .row.construction {
    width: auto;
    margin-top: 0
  }
}

.form dd.userid p {
  font-size: .875rem;
  margin-bottom: 8px
}

.form dd.userid ul {
  margin-bottom: 16px
}

.form dd.userid ul li {
  font-size: .875rem;
  text-indent: -1rem;
  padding-left: 1rem
}

.form dd.userid ul li::before {
  content: "・"
}

.form dd .hyphen {
  margin: 0 8px
}

.form dd .hyphen.line::after {
  content: "\A";
  white-space: pre
}

.form dd .home-tel .period,
.form dd .internetservice .period,
.form dd .other-service .period,
.form dd .situation .period,
.form dd .travel .period {
  display: none;
  margin-top: 16px;
  transition: all .2s ease
}

@media screen and (min-width:768px) {

  .form dd .home-tel .period,
  .form dd .internetservice .period,
  .form dd .other-service .period,
  .form dd .situation .period,
  .form dd .travel .period {
    margin-top: 0
  }
}

.form dd .home-tel .period.on,
.form dd .internetservice .period.on,
.form dd .other-service .period.on,
.form dd .situation .period.on,
.form dd .travel .period.on {
  display: block
}

@media screen and (min-width:768px) {

  .form dd .home-tel .period.on,
  .form dd .internetservice .period.on,
  .form dd .other-service .period.on,
  .form dd .situation .period.on,
  .form dd .travel .period.on {
    margin-top: 0
  }
}

.form dd input {
  border: 1px solid #ccc
}

.form dd input[type=date],
.form dd input[type=email],
.form dd input[type=number],
.form dd input[type=tel],
.form dd input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1rem;
  border-radius: 8px;
  padding: 8px 12px
}

.form dd input[type=radio] {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin-right: 8px
}

.form dd input[type=radio]:not(:first-child) {
  margin-left: 24px
}

.form dd select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1rem;
  border-radius: 8px;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ccc
}

.form dd select::-ms-expand {
  display: none
}

.form dd textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  font-size: 1rem;
  border-radius: 8px;
  width: 100%;
  padding: 8px 12px
}

.form dd .widthA {
  width: 100%
}

@media screen and (min-width:768px) {
  .form dd .widthA {
    width: 340px
  }
}

.form dd .widthB {
  width: 50%
}

@media screen and (min-width:768px) {
  .form dd .widthB {
    width: 220px
  }
}

.form dd .widthC {
  width: 27%
}

@media screen and (min-width:768px) {
  .form dd .widthC {
    width: 100px
  }
}

.form dd .widthD {
  width: 100%
}

@media screen and (min-width:768px) {
  .form dd .widthD {
    width: 100%
  }
}

.form dd .widthD+.widthD {
  margin-top: 8px
}

.form dd .widthE {
  width: 24%
}

@media screen and (min-width:768px) {
  .form dd .widthE {
    width: 100px
  }
}

.form dd .widthF {
  width: 24%
}

@media screen and (min-width:768px) {
  .form dd .widthF {
    width: 70px
  }
}

.form+.top-section__button {
  margin-top: 63px
}

.invalid {
  font-size: .875rem;
  font-weight: 700;
  margin-top: 4px;
  color: #d96262
}

.supplement-input {
  margin-top: 16px
}

.supplement-input span {
  margin-top: 8px
}

.contact_form_privacy {
  padding-bottom: 30px !important;
  margin-bottom: 30px !important
}

.contact_form_privacy.yournetclub {
  margin-bottom: 0 !important;
}

.contact_form_privacy__lede {
  margin-bottom: 30px
}

.contact_form_privacy__lede a {
  text-decoration: underline
}

.contact_form_privacy__agreement_area {
  overflow: scroll;
  height: 300px;
  padding: 8px 16px;
  border: 1px solid #ddd;
  background-color: #fff
}

.contact_form_privacy__agreement_area__title {
  font-weight: 700;
  margin-bottom: 1rem
}

.contact_form_privacy__agreement_area__title:not(:first-child) {
  margin-top: 2rem
}

.contact_form_privacy__agreement_area dl {
  padding: 8px;
  background-color: #eee
}

.contact_form_privacy__agreement_area dl dt {
  font-weight: 700;
  margin: 8px 0 4px
}

.contact_form_privacy__agreement_area .list {
  padding: 8px;
  background-color: #eee
}

.contact_form_privacy__check {
  text-align: center;
  font-weight: 700;
  padding: 30px 0 0;
  margin-bottom: 63px
}

.contact_form_privacy__check input {
  margin-right: 8px
}

@media all and (min-width:768px) {
  .contact_form_privacy {
    padding-bottom: 40px !important;
    margin-bottom: 40px !important;
  }

  .contact_form_privacy.yournetclub {
    margin-bottom: 0 !important;
  }

  .contact_form_privacy__agreement_area {
    height: 200px
  }

  .contact_form_privacy__check {
    padding: 40px 0 0
  }
}

.hpspace {
  margin-top: 40px
}

.beginning_choose {
  padding: 18px 24px;
  margin-bottom: 40px;
  border: 3px solid #e2e2e2
}

.beginning_choose__form dt {
  font-weight: 700;
  padding-bottom: 8px
}

.beginning_choose__form dt:not(:first-child) {
  margin-top: 18px
}

.beginning_choose__form dt .required {
  display: inline-block;
  font-size: .75rem;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  padding: 4px 8px;
  margin-left: 16px;
  background-color: #dd605f
}

.beginning_choose__form dd label:first-of-type {
  margin-right: 32px
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

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

.slick-loading .slick-list {
  background: #fff url(ajax-loader.gif) center center no-repeat
}

@font-face {
  font-family: slick;
  src: url(fonts/slick.eot);
  src: url(fonts/slick%EF%B9%96.eot#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
  font-weight: 400;
  font-style: normal
}

.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  outline: 0;
  background: 0 0;
  color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: .25
}

.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-prev {
  left: -25px
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px
}

.slick-prev:before {
  content: "←"
}

[dir=rtl] .slick-prev:before {
  content: "→"
}

.slick-next {
  right: -25px
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto
}

.slick-next:before {
  content: "→"
}

[dir=rtl] .slick-next:before {
  content: "←"
}

.slick-dotted.slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible
}

.hamburger:hover {
  opacity: 1
}

.hamburger-box {
  width: 34px;
  height: 24px;
  display: inline-block;
  position: relative
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
  width: 34px;
  height: 4px;
  background-color: #4b4b4b;
  border-radius: 4px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: .15s;
  transition-timing-function: ease
}

.hamburger-inner::after,
.hamburger-inner::before {
  content: "";
  display: block
}

.hamburger-inner::before {
  top: -10px
}

.hamburger-inner::after {
  bottom: -10px
}

.hamburger--3dx .hamburger-box {
  -webkit-perspective: 68px;
  perspective: 68px
}

.hamburger--3dx .hamburger-inner {
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner::after,
.hamburger--3dx .hamburger-inner::before {
  transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 68px;
  perspective: 68px
}

.hamburger--3dx-r .hamburger-inner {
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner::after,
.hamburger--3dx-r .hamburger-inner::before {
  transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
  -webkit-perspective: 68px;
  perspective: 68px
}

.hamburger--3dy .hamburger-inner {
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner::after,
.hamburger--3dy .hamburger-inner::before {
  transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
  transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 68px;
  perspective: 68px
}

.hamburger--3dy-r .hamburger-inner {
  transition: background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform .15s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner::after,
.hamburger--3dy-r .hamburger-inner::before {
  transition: -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1);
  transition: transform 0s .1s cubic-bezier(.645, .045, .355, 1), -webkit-transform 0s .1s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-6.8px, 0, 0) rotate(-45deg) scale(.7, 1);
  transform: translate3d(-6.8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-6.8px, 0, 0) rotate(45deg) scale(.7, 1);
  transform: translate3d(-6.8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(6.8px, 0, 0) rotate(45deg) scale(.7, 1);
  transform: translate3d(6.8px, 0, 0) rotate(45deg) scale(.7, 1)
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(6.8px, 0, 0) rotate(-45deg) scale(.7, 1);
  transform: translate3d(6.8px, 0, 0) rotate(-45deg) scale(.7, 1)
}

.hamburger--arrowalt .hamburger-inner::before {
  transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-6.8px, -8.5px, 0) rotate(-45deg) scale(.7, 1);
  transform: translate3d(-6.8px, -8.5px, 0) rotate(-45deg) scale(.7, 1);
  transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-6.8px, 8.5px, 0) rotate(45deg) scale(.7, 1);
  transform: translate3d(-6.8px, 8.5px, 0) rotate(45deg) scale(.7, 1);
  transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: top .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom .1s .1s ease, -webkit-transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1);
  transition: bottom .1s .1s ease, transform .1s cubic-bezier(.165, .84, .44, 1), -webkit-transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(6.8px, -8.5px, 0) rotate(45deg) scale(.7, 1);
  transform: translate3d(6.8px, -8.5px, 0) rotate(45deg) scale(.7, 1);
  transition: top .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: top .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(6.8px, 8.5px, 0) rotate(-45deg) scale(.7, 1);
  transform: translate3d(6.8px, 8.5px, 0) rotate(-45deg) scale(.7, 1);
  transition: bottom .1s ease, -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22);
  transition: bottom .1s ease, transform .1s .1s cubic-bezier(.895, .03, .685, .22), -webkit-transform .1s .1s cubic-bezier(.895, .03, .685, .22)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::after,
.hamburger--boring .hamburger-inner::before {
  transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: .13s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .12s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s .22s linear
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .16s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .25s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 275ms;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 125ms 275ms ease
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 75ms
}

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 275ms;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 125ms 275ms ease
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55);
  transition: transform 275ms cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform 275ms cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 75ms
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 75ms
}

.hamburger--emphatic {
  overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in;
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in;
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -68px;
  top: -68px;
  -webkit-transform: translate3d(68px, 68px, 0) rotate(45deg);
  transform: translate3d(68px, 68px, 0) rotate(45deg);
  transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -68px;
  top: -68px;
  -webkit-transform: translate3d(-68px, 68px, 0) rotate(-45deg);
  transform: translate3d(-68px, 68px, 0) rotate(-45deg);
  transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r {
  overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 125ms 175ms ease-in
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in;
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, left 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335);
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in;
  transition: transform 125ms cubic-bezier(.6, .04, .98, .335), top 50ms 125ms linear, right 125ms 175ms ease-in, -webkit-transform 125ms cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -68px;
  top: 68px;
  -webkit-transform: translate3d(68px, -68px, 0) rotate(-45deg);
  transform: translate3d(68px, -68px, 0) rotate(-45deg);
  transition: left 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: left 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -68px;
  top: 68px;
  -webkit-transform: translate3d(-68px, -68px, 0) rotate(45deg);
  transform: translate3d(-68px, -68px, 0) rotate(45deg);
  transition: right 125ms ease-out, top 50ms 125ms linear, -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1);
  transition: right 125ms ease-out, top 50ms 125ms linear, transform 125ms 175ms cubic-bezier(.075, .82, .165, 1), -webkit-transform 125ms 175ms cubic-bezier(.075, .82, .165, 1)
}

.hamburger--slider .hamburger-inner {
  top: 2px
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: .15s
}

.hamburger--slider .hamburger-inner::after {
  top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-4.85714px, -6px, 0);
  transform: rotate(-45deg) translate3d(-4.85714px, -6px, 0);
  opacity: 0
}

.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
  top: 2px
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: .15s
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(4.85714px, -6px, 0);
  transform: rotate(45deg) translate3d(4.85714px, -6px, 0);
  opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
  transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s .13s linear
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: .22s;
  background-color: transparent
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
  transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: .13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top .2s .2s cubic-bezier(.33333, .66667, .66667, 1), opacity 0s linear
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19);
  transition: top .1s .2s cubic-bezier(.33333, .66667, .66667, 1), transform .13s cubic-bezier(.55, .055, .675, .19), -webkit-transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: .22s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s .22s linear
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1);
  transition: top .1s .15s cubic-bezier(.33333, 0, .66667, .33333), transform .13s .22s cubic-bezier(.215, .61, .355, 1), -webkit-transform .13s .22s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand .hamburger-inner {
  transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
  transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear;
  transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::before {
  transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: transparent;
  transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
  transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
  transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r .hamburger-inner {
  transition: background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19);
  transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear;
  transition: transform 75ms .15s cubic-bezier(.55, .055, .675, .19), background-color 0s 75ms linear, -webkit-transform 75ms .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: top 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 75ms 75ms ease-in, -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms 75ms ease-in, transform 75ms 0s cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms 0s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  background-color: transparent;
  transition: background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1);
  transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear;
  transition: transform 75ms 0s cubic-bezier(.215, .61, .355, 1), background-color 0s .15s linear, -webkit-transform 75ms 0s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: top 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: top 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: bottom 75ms .1s ease-out, -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms .1s ease-out, transform 75ms .15s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .15s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner::before {
  transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 75ms;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 75ms .12s ease, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 75ms .12s ease, -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19);
  transition: bottom 75ms .12s ease, transform 75ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 75ms ease, opacity 75ms .12s ease
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: bottom 75ms ease, -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1);
  transition: bottom 75ms ease, transform 75ms .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform 75ms .12s cubic-bezier(.215, .61, .355, 1)
}

.hamburger--vortex .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner::after,
.hamburger--vortex .hamburger-inner::before {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner::after,
.hamburger--vortex.is-active .hamburger-inner::before {
  transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner::after,
.hamburger--vortex-r .hamburger-inner::before {
  transition-duration: 0s;
  transition-delay: .1s;
  transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner::after,
.hamburger--vortex-r.is-active .hamburger-inner::before {
  transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

/*# sourceMappingURL=../maps/index.css.map */


.fuku-bannerHoriz {
  display: flex;
  justify-content: space-around;
  margin-bottom: 48px;
}

.fuku-bannerHoriz a {
  display: inline-block;
  vertical-align: bottom;
  height: 76px;
  line-height: 76px;
  padding: 0 16px;
  border: 1px solid #DDD;
}

.fuku-bannerHoriz img {
  width: 280px;
}

.fuku-descImg {
  margin-bottom: 24px;
}

.fuku-descTxt {
  font-size: .875rem;
}

.fuku-descTxt-list {
  font-size: .875rem;
  padding: 16px;
  margin-top: 16px;
  margin-bottom: 32px;
  background-color: #fafafa;
}

@media screen and (min-width:768px) {
  .fuku-descTxt-list {
    margin-bottom: 64px;
  }
}

.fuku-genre-descTxt {
  font-size: .875rem;
  margin-bottom: 32px;
}

.fuku-genre-imgList {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.fuku-genre-imgList li:nth-of-type(n + 4) {
  margin-top: 16px;
}

@media screen and (min-width:768px) {
  .fuku-genre-imgList li {
    width: 33%;
    text-align: center;
  }
}


.fuku-genre-descTxt strong,
.fuku-genre-list strong {
  color: #d96262;
}

.fuku-genre-list {
  font-size: .875rem;
  padding: 16px;
  margin-bottom: 40px;
  border: 6px solid #eee;
}

@media screen and (min-width:768px) {
  .fuku-genre-list {
    margin-bottom: 40px;
  }
}

.fuku-genre-cta {
  text-align: center;
  border-radius: 10px;
  padding: 24px 20px;
}

.fuku-genre-cta__desc {
  color: #fff;
  margin-bottom: 16px;
}

@media screen and (min-width:768px) {
  .fuku-genre-cta:nth-of-type(2) {
    margin-top: 80px;
  }

  .fuku-genre-cta__btnList {
    display: flex;
    justify-content: center;
  }
}

.fuku-genre-cta__btnList li {
  margin-bottom: 16px;
}

.fuku-genre-cta__btnList li+li {
  margin-bottom: 0;
}

@media screen and (min-width:768px) {
  .fuku-genre-cta__btnList li+li {
    margin-left: 16px;
  }
}

.fuku-genre-cta__btnList li a {
  display: block;
  color: #333;
  background-color: #fff;
  line-height: 1;
  padding: 16px 8px;
  margin: 0 auto;
}

.fuku-genre-overview {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.fuku-genre-overview__item {
  width: 49%;
  display: flex;
  margin-bottom: 20px;
}

@media screen and (min-width:768px) {
  .fuku-genre-overview__item {
    width: 47%;
  }
}

.fuku-genre-overview__img {
  flex-shrink: 0;
  margin-right: 12px;
}

.fuku-genre-overview__title {
  margin: 0;
}

.fuku-genre-overview__text {
  font-size: .875rem;
  line-height: 1.25;
}

.yournetclub-form {
  margin-bottom: 60px;
}

.fukuri-yournetBanner {
  text-align: center;
  margin-bottom: 60px;
}

.faq-ankerLink {}

.faq-ankerLink__list {
  display: flex;
  flex-wrap: wrap;
}

.faq-ankerLink__item {
  margin-bottom: 8px;
  margin-right: 8px;
}

.faq-ankerLink__item a {
  display: block;
  color: #FFF;
  font-size: 12px;
  text-decoration: none;
  padding: 4px 8px;
  border-radius: 5px;
  background-color: #537BC0;
}

/* 20210617 Add:Trial Application Page */
.trial-tel {
  text-align: center;
  font-size: 8.5vw;
  font-weight: bold;
  color: #EB6300;
}

@media screen and (min-width: 768px) {
  .trial-tel {
    font-size: 2.4rem;
  }
}

.trial-tel__icon {
  fill: #EB6300;
  display: inline-block;
  width: 26px;
  height: 26px;
}

@media screen and (min-width: 768px) {
  .trial-tel__icon {
    width: 32px;
    height: 32px;
  }
}

.trial-businesstime {
  font-size: .875rem;
  text-align: center;
  font-weight: bold;
}

.trial-businesstime span {
  display: inline-block;
  color: #EB6300;
  margin-right: 8px;
  margin-top: 6px;
}

.trial-providers {
  font-size: .875rem;
  text-align: center;
  margin-top: -40px;
  margin-bottom: 48px;
}

.trial .subheading-title:nth-of-type(2) {
  margin-top: 40px;
}

.trial.construction-notice p {
  font-weight: normal;
  text-align: left;
  font-size: .875rem;
  margin-bottom: 24px;
}

.trial-form.form {
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .trial-form.form dt {
    width: 220px;
  }

  .trial-form.form dd {
    width: 360px;
  }
}

.trial p.top-section__button {
  text-align: center;
}

/*20221226*/
@media screen and (min-width:768px) {
  .header__application {
    position: absolute;
    top: 50%;
    right: 13em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

/*20230127*/
.centralmenu__list li.top-none {
  display: none
}

.formTable {
    width: 100%;
    border-bottom: #e2e2e2 1px solid;
    margin-bottom: 24px
}

.formTable th {
    font-size: 1.0rem;
    border-bottom: #e2e2e2 1px solid;
    padding: 1.5rem 2rem;
    vertical-align: middle;
    text-align:left;
    width:35%;
}

.formTable td {
    font-size: 1.0rem;
    background-color: #fff;
    border-bottom: #e2e2e2 1px solid;
    padding: 1.5rem 2rem;
    vertical-align: middle
    width:65%;
}