@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

html, body {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 321px) {
  html.active, body.active {
    overflow: hidden;
  }
}
* {
  box-sizing: border-box;
}

.cf:after, #wrap:after, #main:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}

.cf, #wrap, #main {
  display: inline-block;
}

.cf, #wrap, #main {
  display: block;
}

html {
  height: 100%;
  min-height: 100%;
  overflow-y: scroll;
}

body {
  color: #333;
  font-weight: 500;
  line-height: 1.8;
  -moz-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.load {
  opacity: 1;
}

#main {
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #main {
    min-width: 100%;
  }
}
.c_title {
  color: #6b5054;
  font-family: "BauerBodoniRoman", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-size: 64px;
  letter-spacing: 0.02em;
  line-height: 64px;
  position: relative;
  z-index: 2;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.c_title span {
  color: #6b5054;
  display: block;
  font-family: Helvetica, Arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 24px;
  letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
  .c_title {
    font-size: 34px;
    line-height: 34px;
    letter-spacing: -0.02em;
  }

  .c_title span {
    font-size: 13px;
  }
}
#gHeader {
  margin: auto;
  padding: auto;
  border: initial;
  font: initial;
  font-size: auto;
  vertical-align: initial;
  font-family: arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
}
#gHeader .headLine {
  font-size: initial;
}
#gHeader .inst a {
  box-sizing: initial;
  height: 22px;
}
#gHeader .inst svg {
  vertical-align: initial;
}
#LPHeader {
  width: 100%;
  height: 80px;
  position: fixed;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  #LPHeader {
    height: 60px;
    background-color: #FFF;
  }
}
#LPHeader #lp_logo {
  display: block;
  width: 270px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 767px) {
  #LPHeader #lp_logo {
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    -webkit-transition: opacity .4s ease;
    transition: opacity 0.4s ease;
  }

  #LPHeader #lp_logo:hover {
    opacity: 0.6;
  }

  #LPHeader #lp_logo img {
    display: block;
    width: 220px;
  }
}
@media screen and (max-width: 767px) {
  #LPHeader #lp_logo {
    width: -webkit-calc( 100% - 150px );
    width: calc( 100% - 150px );
    max-width: 220px;
    height: 60px;
  }

  #LPHeader #lp_logo img {
    display: block;
    width: 80%;
    position: relative;
    left: -5px;
  }
}
#LPHeader .ico_insta {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  background-color: #48322a;
  display: flex;
  justify-content: center;
  align-items: center;
}

#LPHeader .ico_insta img {
  display: block;
  width: 20px;
  height: 20px;
  -moz-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  -webkit-transition: opacity .4s ease;
  transition: opacity 0.4s ease;
}

@media screen and (min-width: 767px) {
  #LPHeader .ico_insta {
    right: 150px;
  }

  #LPHeader .ico_insta:hover img {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  #LPHeader .ico_insta {
    right: 100px;
  }
}
#LPHeader .lp_reserve {
  color: #fff;
  font-family: Helvetica, Arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
  background-color: #48322a;
  text-align: center;
  -moz-transition: color .4s ease;
  -o-transition: color .4s ease;
  -webkit-transition: color .4s ease;
  transition: color 0.4s ease;
}

#LPHeader .lp_reserve::before {
  content: "";
  display: block;
  width: 1px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 15px;
  left: 0;
}

#LPHeader .lp_reserve::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  transform: rotate(45deg);
  position: absolute;
  right: 18px;
  top: 50%;
  margin: -3px 0 0;
  -moz-transition: right .4s ease;
  -o-transition: right .4s ease;
  -webkit-transition: right .4s ease;
  transition: right 0.4s ease;
}

@media screen and (min-width: 767px) {
  #LPHeader .lp_reserve {
    width: 150px;
  }

  #LPHeader .lp_reserve:hover {
    color: rgba(255, 255, 255, 0.6);
  }

  #LPHeader .lp_reserve:hover::after {
    right: 15px;
  }
}
@media screen and (max-width: 767px) {
  #LPHeader .lp_reserve {
    width: 100px;
    font-size: 12px;
  }

  #LPHeader .lp_reserve::after {
    right: 10px;
  }
}
#main {
  font-family: YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HG明朝E", "MS PMincho", "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif;
  text-align: center;
}
@media screen and (min-width: 767px) {
  #main {
    padding-top: 86px;
  }
}
@media screen and (max-width: 767px) {
  #main {
    padding-top: 48px;
  }
  #gHeader {
    height: 48px!important;
  }
}

.drawermenu {
  font-family: arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
}

.hero {
  width: 100%;
  position: relative;
  z-index: 1;
}
.hero #title,
.hero #arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  font-size: 0;
}
.hero .title_p {
  position: absolute;
  top: auto;
  left: 50%;
  z-index: 5;
  font-size: 0;
}
.hero #arrow {
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.hero #arrow div {
  -moz-animation: scrollArrow 1.7s infinite linear;
  -webkit-animation: scrollArrow 1.7s infinite linear;
  animation: scrollArrow 1.7s infinite linear;
}
.hero img {
  width: 100%;
  height: auto;
}
.hero:after {
  content: "";
  position: absolute;
  background-color: rgba(246, 246, 246, 0.95);
  z-index: 2;
}

@media screen and (min-width: 767px) {
  .hero {
    height: 674px;
    background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/cover_b.png) center center no-repeat #f7f7f7;
    background-size: auto 100%;
  }
  .hero #title {
    width: 344px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 175px;
  }
  .title_p.sp {
    display: none;
  }
  .title_p {
    width: 206px;
    top: auto;
    bottom: 67.5px;
    margin-left: 66.5px;
  }
  .hero #arrow {
    width: 32px;
    left: 50%;
    top: auto;
    bottom: 158px;
  }
  .hero #arrow p {
    width: 100%;
  }
  .hero #arrow div {
    width: 27px;
    margin: 8px auto 0 auto;
  }
  .hero:after {
    height: 674px;
    width: 400px;
    left: 50%;
    top: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .hero {
    height: auto;
    padding-top:  120.8%;
    background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/cover_b_sp.png) center bottom no-repeat #f7f7f7;
    background-size: 100% auto;
  }
  .hero #title {
    width: 51.6%;
    margin: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top:  35.54084%;
  }
  .title_p.pc {
    display: none;
  }
  .title_p {
    position: fixed;
    right: 2.5vw;
    z-index: 10;
    width: 28vw;
    bottom: 116px;
    transform: translateY(55px);
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .title_p img {
    max-width: 100%;
  }
  .hero #arrow {
    width: 5.73333%;
    left: 50%;
    top: auto;
    bottom:  -6.73289%;
  }
  .hero #arrow p {
    width: 100%;
  }
  .hero #arrow div {
    width: 93.02326%;
    margin:  27.90698% auto 0% auto;
  }
  .hero:after {
    padding-top:  42.66667%;
    width: 100%;
    left: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.lead {
  width: 100%;
  overflow: hidden;
  color: #48322a;
  padding: 124px 0 76px 0;
  text-align: center;
  position: relative;
  background-color: #f6f4f4;
}
.lead .txt h2 {
  font-size: 36px;
  line-height: 1.8;
  letter-spacing: 0.2em;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  position: relative;
  margin: 0 0 30px;
}
.lead .txt h2::before {
  content: "";
  display: block;
  width: 88px;
  padding-top: 13px;
  position: absolute;
  left: 50%;
  top: -30px;
  background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/lead_subti01.png) left top no-repeat;
  background-size: 100% auto;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.lead .comic {
  margin: 80px 0 0 0;
}
.lead .comic .slide .slide-in {
  width: 1053px;
  margin: 0 auto 25px auto;
}
.lead .comic .slide .slide-in img {
  width: 100%;
  height: auto;
}
.lead .comic .slide .slide-in:last-child {
  margin-bottom: 0;
}
.lead .comic .comic_dots {
  display: none;
}
@media screen and (max-width: 767px) {
  .lead {
    font-size: 22px;
    padding:  26.66667% 0% 10.66667% 0%;
  }
  .lead .txt {
    position: relative;
  }
  .lead .txt h2 {
    font-size: 41.25px;
    font-size: 5.15625vw;
    line-height: 1.63636;
    margin:  0% 0% 12% 0%;
  }
  .lead .txt h2::before {
    width: 15.33333%;
    height: auto;
    padding-top:  2.4%;
    top: 0;
    -moz-transform: translate(-50%, -15px);
    -ms-transform: translate(-50%, -15px);
    -webkit-transform: translate(-50%, -15px);
    transform: translate(-50%, -15px);
  }
  .lead .comic {
    margin: 0;
    position: relative;
  }
  .lead .comic .slide {
    margin:  5.33333% 0% 5.33333% 0%;
    /* Slider */
  }
  .lead .comic .slide .slide-in {
    width: auto;
    margin: 0;
  }
  .lead .comic .slide .slide-in div {
    font-size: 0;
    padding:  0% 1.66667% 0% 1.66667%;
  }
  .lead .comic .slide .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-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;
  }
  .lead .comic .slide .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
  }
  .lead .comic .slide .slick-list:focus {
    outline: none;
  }
  .lead .comic .slide .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  .lead .comic .slide .slick-slider .slick-track,
  .lead .comic .slide .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .lead .comic .slide .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
  }
  .lead .comic .slide .slick-track:before, .lead .comic .slide .slick-track:after {
    content: "";
    display: table;
  }
  .lead .comic .slide .slick-track:after {
    clear: both;
  }
  .slick-loading .lead .comic .slide .slick-track {
    visibility: hidden;
  }
  .lead .comic .slide .slick-slide {
    float: left;
    min-height: 1px;
    outline: none;
  }
  [dir="rtl"] .lead .comic .slide .slick-slide {
    float: right;
  }
  .lead .comic .slide .slick-slide.slick-loading img {
    display: none;
  }
  .lead .comic .slide .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .lead .comic .slide .slick-slide {
    display: block;
  }
  .slick-loading .lead .comic .slide .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .lead .comic .slide .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  .lead .comic .slide .slick-arrow.slick-hidden {
    display: none;
  }
  .lead .comic .slide .slick-arrow {
    width: 7.86667%;
    padding-top:  15.73333%;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    text-indent: -9999px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    outline: none;
    font-size: 0;
  }
  .lead .comic .slide .slick-arrow:focus {
    outline: none;
  }
  .lead .comic .slide .slick-arrow.slick-prev {
    background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/arrow_right.png) no-repeat center center;
    background-size: 100% auto;
    right: 0;
  }
  .lead .comic .slide .slick-arrow.slick-next {
    background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/arrow_left.png) no-repeat center center;
    background-size: 100% auto;
    left: 0;
  }
  .lead .comic .slide .slick-arrow.slick-disabled {
    display: none !important;
  }
  .lead .comic .comic_dots {
    text-align: center;
    display: block;
  }
  .lead .comic .comic_dots ul {
    margin: 0 auto;
    text-align: center;
    width: 33.06667%;
    font-size: 0;
    border-left: 1px solid #a9999c;
    border-right: 1px solid #a9999c;
    padding:  1.86667% 0% 1.86667% 0%;
  }
  .lead .comic .comic_dots ul li {
    display: inline-block;
    vertical-align: top;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 4.83871%;
    padding-top:  4.83871%;
    background-color: #d1b9bd;
    margin:  0% 1.6129% 0% 1.6129%;
  }
  .lead .comic .comic_dots ul li button {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    text-indent: -9999px;
    background-color: transparent;
    font-size: 0;
    line-height: 0;
    outline: none;
    height: 0;
    padding: 0;
    margin: 0;
  }
  .lead .comic .comic_dots ul li.current {
    background-color: #6b5054;
  }
  .lead .comic .comic_dots .comic_arrow {
    width: 33.06667%;
    position: absolute;
    z-index: 2;
  }
  .lead .comic .comic_dots .comic_arrow a {
    width: 100%;
    display: table;
  }
  .lead .comic .comic_dots .comic_arrow a span {
    display: table-cell;
    vertical-align: middle;
    color: #6b5054;
    font-family: "BauerBodoniRoman", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
    font-size: 30px;
    font-size: 3.75vw;
    line-height: 1.06667;
    letter-spacing: 0.04em;
    background-repeat: no-repeat;
    background-size: 14.51613% auto;
  }
  .lead .comic .comic_dots .comic_arrow.back {
    left: 0;
  }
  .lead .comic .comic_dots .comic_arrow.back a {
    text-align: left;
  }
  .lead .comic .comic_dots .comic_arrow.back a span {
    padding:  3.22581% 0% 3.22581% 33.87097%;
    background-position: left 12.09677% center;
    background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/slide_icon02.png);
  }
  .lead .comic .comic_dots .comic_arrow.next {
    right: 0;
  }
  .lead .comic .comic_dots .comic_arrow.next a {
    text-align: right;
  }
  .lead .comic .comic_dots .comic_arrow.next a span {
    padding:  3.22581% 33.87097% 3.22581% 0%;
    background-position: right 12.09677% center;
    background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/slide_icon01.png);
  }
  .lead .comic .comic_dots .comic_arrow.disabled {
    pointer-events: none;
    opacity: 0.2;
  }
  .lead .comic .comic_dots .comic_arrow.disabled a {
    pointer-events: none;
  }
}

@media screen and (min-width: 767px) {
  .lead .txt h2 br.sp {
    display: none;
  }
}
@media screen and (min-width: 767px) {
  .lead .txt p br.sp {
    display: none;
  }
}
.recommend {
  width: 100%;
  padding: 118px 0;
  position: relative;
  margin: -50px 0 400px;
}

@media screen and (max-width: 767px) {
  .recommend {
    padding: 58px 0 220px;
    margin: -50px 0;
  }
}
.recommend .line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}

.recommend::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 0;
}

@media screen and (min-width: 767px) {
  .recommend::after {
    width: 1500px;
    height: 1663px;
    top: -360px;
    left: 50%;
    background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/bg_3.png) center top no-repeat;
    background-size: contain;
    margin-left: -750px;
  }
}
@media screen and (max-width: 767px) {
  .recommend::after {
    width: 100%;
    height: 100%;
    top: -93px;
    left: 0;
    background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/bg_3_sp.png) center top no-repeat;
    background-size: cover;
  }
}
.recommend .reco_list {
  max-width: 1012px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .recommend .reco_list {
    width: 100%;
    padding: 0 20px;
    margin: 40px auto;
  }
}
.recommend .reco_list .reco_box {
  position: relative;
  text-align: center;
}

@media screen and (min-width: 767px) {
  .recommend .reco_list .reco_box {
    width: 285px;
    height: 415px;
  }

  .recommend .reco_list .reco_box:nth-child(3n-1) {
    top: 212px;
  }
}
@media screen and (max-width: 767px) {
  .recommend .reco_list .reco_box {
    width: calc( 50% - 20px );
    height: 218px;
  }

  .recommend .reco_list .reco_box:nth-child(2n) {
    top: 111px;
  }
}
.recommend .reco_list .reco_box .ico {
  width: auto;
  height: 51px;
  margin: 0 0 15px;
}

@media screen and (max-width: 767px) {
  .recommend .reco_list .reco_box .ico {
    height: 30px;
    margin: 0 0 5px;
  }
}
.recommend .reco_list .reco_box h4 {
  color: #48322a;
  font-size: 21px;
  font-family: Helvetica, Arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .recommend .reco_list .reco_box h4 {
    font-size: 14px;
    line-height: 1.5;
  }
}
.recommend .reco_list .reco_box .pic {
  display: inline-block;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .recommend .reco_list .reco_box .pic {
    width: 80%;
    max-width: 120px;
  }
}
.recommend .bg_3_1, .recommend .bg_3_2 {
  display: block;
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

@media screen and (min-width: 767px) {
  .recommend .bg_3_1 {
    width: 359px;
    top: 30px;
    left: 50%;
    margin-left: 380px;
  }
}
@media screen and (max-width: 767px) {
  .recommend .bg_3_1 {
    width: 148px;
    top: 140px;
    right: -20px;
  }
}
@media screen and (min-width: 767px) {
  .recommend .bg_3_2 {
    width: 445px;
    left: 50%;
    bottom: -273px;
    margin-left: -810px;
  }
}
@media screen and (max-width: 767px) {
  .recommend .bg_3_2 {
    width: 188px;
    bottom: 110px;
    left: -40px;
  }
}
.point {
  padding: 96px 0 0 0;
}
.point .c_title {
  position: relative;
}
.point .c_title:after, .point .c_title:before {
  position: absolute;
  top: 0;
  content: "";
  z-index: 2;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
}
.point .c_title:after {
  right: 0;
  width: 239px;
  padding-top: 320px;
  background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/point_flower01.png);
  -moz-transform: translateY(-59.21875%);
  -ms-transform: translateY(-59.21875%);
  -webkit-transform: translateY(-59.21875%);
  transform: translateY(-59.21875%);
}
.point .c_title:before {
  left: 0;
  width: 311px;
  padding-top: 344.5px;
  background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/point_flower02.png);
  -moz-transform: translateY(-62.11901%);
  -ms-transform: translateY(-62.11901%);
  -webkit-transform: translateY(-62.11901%);
  transform: translateY(-62.11901%);
}
.point .point_list {
  max-width: 1280px;
  margin: 50px auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: inherit;
}
.point .point_list .point_box {
  width: -webkit-calc( 100%/3 - 12px );
  width: calc( 100%/3 - 12px );
  border: 1px solid #ab834f;
  border-top-color: #d5c1a7;
  border-right-color: #ab834f;
  border-bottom-color: #d5c1a7;
  border-left-color: #ab834f;
  padding: 4px;
  margin: 0 0 20px;
  position: relative;
}
.point .point_list .point_box .point_box_in {
  width: 100%;
  height: 100%;
  border: 1px solid #ab834f;
  border-top-color: #ab834f;
  border-right-color: #d5c1a7;
  border-bottom-color: #ab834f;
  border-left-color: #d5c1a7;
  background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/point_bg01.png) center center repeat;
  background-size: contain;
  padding: 0 30px 80px 30px;
  position: relative;
}
.point .point_list .point_box .point_box_in .ico {
  width: 118px;
  margin: 0 0 40px;
}
.point .point_list .point_box .point_box_in h4 {
  margin: 0 0 24px;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  display: table;
  border-bottom: 1px solid #eae6e6;
  width: 100%;
}
.point .point_list .point_box .point_box_in h4 span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #6b5054;
  font-size: 22px;
  letter-spacing: 0.08em;
  line-height: 1.5;
  padding-bottom:  5.42741%;
}
.point .point_list .point_box .point_box_in p {
  color: #6b5054;
  font-family: Helvetica, Arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 15px;
  letter-spacing: 0.05em;
  line-height: 26px;
  text-align: justify;
  margin: 0 auto;
  padding: 0 15px 50px 15px;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.point .point_list .point_box .point_box_in .pic {
  width: 71.37042%;
  margin: 0 auto;
  position: relative;
  font-size: 0;
}
.point .point_list .point_box .point_box_in .pic img {
  width: 100%;
}
.point .point_list .point_box .point_box_in::before, .point .point_list .point_box .point_box_in::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #FFF;
  z-index: 3;
  position: absolute;
  bottom: -12px;
}
.point .point_list .point_box .point_box_in::before {
  border-right: 1px solid #d5c1a7;
  transform: rotate(-45deg);
  left: -12px;
}
.point .point_list .point_box .point_box_in::after {
  border-left: 1px solid #d5c1a7;
  transform: rotate(45deg);
  right: -12px;
}
.point .point_list .point_box::before, .point .point_list .point_box::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #FFF;
  z-index: 3;
  position: absolute;
  top: -6px;
}
.point .point_list .point_box::before {
  border-right: 1px solid #d5c1a7;
  transform: rotate(45deg);
  left: -7px;
}
.point .point_list .point_box::after {
  border-left: 1px solid #d5c1a7;
  transform: rotate(-45deg);
  right: -7px;
}
@media screen and (min-width: 1126px) and (max-width: 1280px) {
  .point .point_list .point_box .point_box_in h4 span {
    font-size: 18px;
  }
}
@media screen and (min-width: 1011px) and (max-width: 1125px) {
  .point .point_list .point_box .point_box_in h4 span {
    font-size: 16px;
  }
}
@media screen and (max-width: 1010px) {
  .point .point_list .point_box .point_box_in h4 span {
    font-size: 15px;
  }
}
@media screen and (min-width: 767px) {
  .point .point_list .point_box .point_box_in h4 br.sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .point {
    padding-top:  14.26667%;
    margin:  0% 0% 10.66667% 0%;
  }
  .point .c_title:after {
    right: 0;
    width: 20.8%;
    padding-top:  35.6%;
    background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/point_flower01_sp.png);
    -moz-transform: translateY(-38.57678%);
    -ms-transform: translateY(-38.57678%);
    -webkit-transform: translateY(-38.57678%);
    transform: translateY(-38.57678%);
  }
  .point .c_title:before {
    left: 0;
    width: 28.26667%;
    padding-top:  38.26667%;
    background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/point_flower02_sp.png);
    -moz-transform: translateY(-64.45993%);
    -ms-transform: translateY(-64.45993%);
    -webkit-transform: translateY(-64.45993%);
    transform: translateY(-64.45993%);
  }
  .point .point_list {
    padding:  0% 2.66667% 0% 2.66667%;
    margin:  8.66667% auto 0% auto;
  }
  .point .point_list .point_box {
    width: 100%;
    margin:  0% 0% 7.88732% 0%;
    display: block;
  }
  .point .point_list .point_box .point_box_in {
    padding:  0% 4.22535% 11.97183% 4.22535%;
  }
  .point .point_list .point_box .point_box_in .ico {
    width: 28.16901%;
    margin:  0% 0% 5.6338% 0%;
  }
  .point .point_list .point_box .point_box_in h4 {
    margin:  0% 0% 4.50704% 0%;
  }
  .point .point_list .point_box .point_box_in h4 span {
    font-size: 38px;
    font-size: 4.75vw;
    line-height: 1.47368;
    padding-bottom:  3.38028%;
  }
  .point .point_list .point_box .point_box_in p {
    padding:  0% 3.52113% 0% 3.52113%;
    margin:  0% 0% 7.04225% 0%;
    font-size: 26px;
    font-size: 3.25vw;
    line-height: 1.69231;
    max-width: 100%;
    letter-spacing: 0.07em;
  }
  .point .point_list .point_box .point_box_in .pic {
    width: 64.92958%;
  }
  .point .point_list .point_box:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 321px) {
  .point .point_list .point_box .point_box_in h4 {
    font-size: 13px;
  }
}
.cover_flow {
  width: 100%;
  margin: 0 auto;
  background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/cover_5_b.png) center bottom no-repeat;
  background-size: cover;
  position: relative;
}
.cover_flow .line {
  width: 100%;
  position: relative;
  z-index: 1;
  padding-top: 32.43056%;
}
@media screen and (max-width: 767px) {
  .cover_flow {
    width: 94.66667%;
    margin:  3.06667% auto 0% auto;
    background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/cover_5_b_sp.png) center bottom no-repeat;
    background-size: cover;
  }
  .cover_flow .line {
    padding-top:  139.43662%;
  }
}

.flow {
  width: 100%;
  position: relative;
  margin: 120px 0 88px 0;
  padding-bottom:  51.73611%;
}
.flow .flow_list {
  margin: 60px auto 0;
  max-width: 1440px;
  text-align: center;
  position: relative;
  z-index: 2;
  font-size: 0;
}
.flow .flow_list .flow_box {
  width: 30.45139%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin:  0% 0.86806% 0% 0.86806%;
  position: relative;
  border-top: 2px solid #bfb3b5;
  border-bottom: 2px solid #bfb3b5;
  padding-bottom: 25px;
}
.flow .flow_list .flow_box h4 {
  color: #6b5054;
  font-size: 26px;
  margin: 0 0 30px;
  line-height: 1;
  padding: 28px 0;
  border-bottom: 1px solid #eae6e6;
  text-align: center;
  position: relative;
}
.flow .flow_list .flow_box h4:after {
  content: "";
  width: 67px;
  padding-top: 67.5px;
  position: absolute;
  top: 50%;
  left: 7px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flow .flow_list .flow_box p {
  color: #6b5054;
  font-family: Helvetica, Arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 15px;
  letter-spacing: 0.07em;
  line-height: 26px;
  text-align: justify;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  padding: 0 35px;
  margin-bottom: 30px;
}
.flow .flow_list .flow_box .pic img {
  width: 100%;
}
.flow .flow_list .flow_box:nth-child(1) h4:after {
  background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/flow_icon01.png);
}
.flow .flow_list .flow_box:nth-child(1) .pic {
  width: 77.99316%;
  margin-left:  18.24401%;
}
.flow .flow_list .flow_box:nth-child(2) h4:after {
  background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/flow_icon02.png);
}
.flow .flow_list .flow_box:nth-child(2) .pic {
  width: 90.76397%;
  margin: 0 auto;
}
.flow .flow_list .flow_box:nth-child(3) h4:after {
  background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/flow_icon03.png);
}
.flow .flow_list .flow_box:nth-child(3) .pic {
  width: 71.8358%;
  margin: 0 auto;
}
.flow::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  z-index: 0;
  pointer-events: none;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 0;
}
@media screen and (min-width: 767px) {
  .flow::after {
    width: 364%;
    padding-top:  41.52778%;
    background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/bg_5_b.png) center center no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 1213px) {
  .flow .flow_list .flow_box h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1050px) {
  .flow .flow_list .flow_box h4 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .flow {
    margin:  0% 0% 22.66667% 0%;
    padding:  18% 0% 192.4% 0%;
  }
  .flow .flow_list {
    width: 84%;
    margin:  9.33333% auto 0% auto;
    max-width: 100%;
  }
  .flow .flow_list .flow_box {
    width: 100%;
    display: block;
    margin: 0;
    border-top: 1px solid #bfb3b5;
    border-bottom: none;
    padding-bottom: 0;
  }
  .flow .flow_list .flow_box h4 {
    font-size: 38px;
    font-size: 4.75vw;
    line-height: 1;
    letter-spacing: 0.1em;
    margin:  0% 0% 6.03175% 0%;
    padding:  6.66667% 0% 6.66667% 0%;
  }
  .flow .flow_list .flow_box h4:after {
    width: 15.2381%;
    padding-top:  15.2381%;
    top: 50%;
    left:  1.74603%;
  }
  .flow .flow_list .flow_box p {
    font-size: 26px;
    font-size: 3.25vw;
    line-height: 1.69231;
    padding:  0% 3.96825% 0% 3.96825%;
    margin:  0% 0% 8.25397% 0%;
  }
  .flow .flow_list .flow_box .pic {
    height: auto;
  }
  .flow .flow_list .flow_box:nth-child(1) h4:after {
    background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/flow_icon01_sp.png);
  }
  .flow .flow_list .flow_box:nth-child(1) .pic {
    width: 56.26667%;
    margin-left:  21.42857%;
    padding-bottom:  10%;
  }
  .flow .flow_list .flow_box:nth-child(2) h4:after {
    background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/flow_icon02_sp.png);
  }
  .flow .flow_list .flow_box:nth-child(2) .pic {
    width: 84%;
    padding-bottom:  15.07937%;
  }
  .flow .flow_list .flow_box:nth-child(3) h4:after {
    background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/flow_icon03_sp.png);
  }
  .flow .flow_list .flow_box:nth-child(3) .pic {
    width: 84%;
  }
  .flow::after {
    width: 94.66667%;
    padding-top:  167.73333%;
    background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/bg_5_b_sp.png) center center no-repeat;
    background-size: contain;
  }
}

.campaign {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .campaign {
    margin-bottom: 40px;
  }
}

.campaign img {
  width: 100%;
}

/* contact部分 */
.contact {
  padding: 0 0px 87px 0px;
}
.contact h4 {
  color: #6b5054;
  font-family: Helvetica, Arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 23px;
  line-height: 34px;
  margin: 0 0 20px;
}
.contact .notice {
  color: #6b5054;
  font-family: Helvetica, Arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 14px;
}
.contact .notice span {
  color: #aa5544;
  font-weight: bold;
}
.contact .contact_btn {
  text-align: center;
}
.contact .contact_btn a {
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  font-family: Helvetica, Arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
  letter-spacing: 0.15em;
  width: 400px;
  height: 70px;
  line-height: 70px;
  display: block;
  background-color: #aa5544;
  margin: 0 auto 28px;
  position: relative;
  -moz-transition: background-color .4s ease;
  -o-transition: background-color .4s ease;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;
}
.contact .contact_btn a::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
  top: 50%;
  margin: -4px 0 0;
  -moz-transition: right .4s ease;
  -o-transition: right .4s ease;
  -webkit-transition: right .4s ease;
  transition: right 0.4s ease;
}
.contact .contact_btn a:hover {
  background-color: #C44329;
}
.contact .contact_btn a:hover::after {
  right: 15px;
}
.contact .telWrap {
  width: 400px;
  color: #48322a;
  text-align: center;
  border-top: 1px solid #958184;
  border-bottom: 1px solid #958184;
  padding: 14px 0 18px 0;
  margin: 36px auto 0;
}
.contact .telWrap h5 {
  font-size: 13px;
  font-family: YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HG明朝E", "MS PMincho", "ＭＳＰ明朝", "MS Mincho", "ＭＳ明朝", serif;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
}
.contact .telWrap .tel {
  font-family: "BauerBodoniRoman", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
  font-size: 36px;
  line-height: 1;
}
.contact .telWrap .tel a {
  color: #6b5054;
}
.contact.contact_bg01 {
  background-color: #f6f4f4;
}
@media screen and (max-width: 767px) {
  .contact {
    padding:  0% 8% 15.33333% 8%;
  }
  .contact h4 {
    font-size: 32px;
    font-size: 4vw;
    line-height: 1.625;
    margin-bottom:  6.34921%;
  }
  .contact .notice {
    font-size: 24px;
    font-size: 3vw;
    line-height: 1.66667;
  }
  .contact .contact_btn {
    width: 100%;
    display: table;
    margin:  0% 0% 3.73333% 0%;
  }
  .contact .contact_btn a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    font-size: 26px;
    font-size: 3.25vw;
    line-height: 1;
    height: auto;
    margin: 0;
    padding:  8.25397% 0% 8.25397% 0%;
  }
  .contact .contact_btn a::after {
    width: 2.53968%;
    height: auto;
    padding-top:  2.53968%;
    right:  4.7619%;
    top: 50%;
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    margin: 0;
  }
  .contact .telWrap {
    width: 100%;
    margin:  7.73333% 0% 0% 0%;
    padding:  3.6% 0% 4.4% 0%;
  }
  .contact .telWrap h5 {
    font-size: 26px;
    font-size: 3.25vw;
    line-height: 1;
    margin:  0% 0% 3.06667% 0%;
  }
  .contact .telWrap .tel {
    font-size: 72px;
    font-size: 9vw;
    line-height: 1;
  }
}

@media screen and (min-width: 767px) {
  .contact .notice br.sp {
    display: none;
  }
}
.reason {
  width: 100%;
  background-color: #fdfcf6;
  padding: 80px 0 20px;
  margin: 0 0 150px;
}

@media screen and (max-width: 767px) {
  .reason {
    padding: 60px 0 20px;
    margin: 0 0 50px;
  }
}
.reason h4 {
  color: #48322a;
  font-size: 27px;
  letter-spacing: 0.1em;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .reason h4 {
    font-size: 18px;
  }
}
.reason h4 span {
  color: #ab834f;
}

.reason h4::before {
  content: "";
  display: block;
  background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/tit6_curve.svg) center center no-repeat;
  background-size: contain;
  width: 155px;
  height: 25px;
  margin: 0 auto 20px;
}

@media screen and (max-width: 767px) {
  .reason h4::before {
    width: 98px;
    height: 20px;
    margin: 0 auto 10px;
  }
}
@media screen and (min-width: 767px) {
  .reason .reason_list {
    max-width: 1120px;
    margin: 80px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .reason .reason_list {
    width: 100%;
    margin: 50px auto 0;
    padding: 0 30px;
  }
}
.reason .reason_list .reason_box {
  color: #48322a;
  font-family: Helvetica, Arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
  text-align: left;
}

@media screen and (min-width: 767px) {
  .reason .reason_list .reason_box {
    width: -webkit-calc( 50% - 60px );
    width: calc( 50% - 60px );
    margin: 0 0 70px;
  }
}
@media screen and (max-width: 767px) {
  .reason .reason_list .reason_box {
    width: 100%;
    margin: 0 0 40px;
  }
}
.reason .reason_list .reason_box h5 {
  font-size: 20px;
  line-height: 1.7;
  margin: 0 0 25px;
  padding-left: 80px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .reason .reason_list .reason_box h5 {
    font-size: 16px;
    margin: 0 0 15px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 321px) {
  .reason .reason_list .reason_box h5 {
    font-size: 14px;
    padding-left: 40px;
  }
}
.reason .reason_list .reason_box h5::before {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -17px;
}

@media screen and (max-width: 767px) {
  .reason .reason_list .reason_box h5::before {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    left: 5px;
  }
}
@media screen and (max-width: 321px) {
  .reason .reason_list .reason_box h5::before {
    left: 0;
  }
}
.reason .reason_list .reason_box:first-child h5::before {
  background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/ico_6_1.svg) left top no-repeat;
  background-size: contain;
}

.reason .reason_list .reason_box:nth-child(2) h5::before {
  background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/ico_6_2.svg) left top no-repeat;
  background-size: contain;
}

.reason .reason_list .reason_box:nth-child(3) h5::before {
  background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/ico_6_3.svg) left top no-repeat;
  background-size: contain;
}

.reason .reason_list .reason_box:nth-child(4) h5::before {
  background: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/ico_6_4.svg) left top no-repeat;
  background-size: contain;
}

.reason .reason_list .reason_box .txt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}

.reason .reason_list .reason_box .txt p {
  font-size: 14px;
  text-align: justify;
  letter-spacing: 0.05em;
  line-height: 2;
  width: -webkit-calc( 100% - 220px );
  width: calc( 100% - 220px );
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

@media screen and (max-width: 767px) {
  .reason .reason_list .reason_box .txt p {
    font-size: 11px;
    line-height: 1.8;
    width: -webkit-calc( 100% - 140px );
    width: calc( 100% - 140px );
  }
}
.reason .reason_list .reason_box .txt img {
  width: 180px;
}

@media screen and (max-width: 767px) {
  .reason .reason_list .reason_box .txt img {
    width: 120px;
  }
}
.access .access_list {
  max-width: 600px;
  margin: 90px auto 140px;
}

@media screen and (max-width: 767px) {
  .access .access_list {
    width: 100%;
    padding: 0 30px;
    margin: 30px auto 100px;
  }
}
.access .access_list .access_box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media screen and (min-width: 767px) {
  .access .access_list .access_box {
    align-items: center;
    margin: 0 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .access .access_list .access_box {
    align-items: flex-start;
    margin: 0 0 30px;
  }
}
@media screen and (min-width: 767px) {
  .access .access_list .access_box .pic {
    width: 240px;
  }
}
@media screen and (max-width: 767px) {
  .access .access_list .access_box .pic {
    width: 38%;
    display: block;
    margin: 0 auto;
  }
}
.access .access_list .access_box .txt {
  color: #48322a;
  text-align: left;
}

@media screen and (min-width: 767px) {
  .access .access_list .access_box .txt {
    width: -webkit-calc( 100% - 280px );
    width: calc( 100% - 280px );
  }
}
@media screen and (max-width: 767px) {
  .access .access_list .access_box .txt {
    width: 50%;
  }
}
.access .access_list .access_box .txt h4 {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .access .access_list .access_box .txt h4 {
    font-size: 16px;
    margin: 0 0 10px;
    line-height: 1;
  }
}
.access .access_list .access_box .txt p {
  font-family: Helvetica, Arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .access .access_list .access_box .txt p {
    font-size: 11px;
    line-height: 1.5;
  }
}
.access .access_list .access_box .txt .tel {
  font-size: 28px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .access .access_list .access_box .txt .tel {
    font-size: 18px;
  }
}
.btnMenu {
  box-sizing: content-box;
}

@media screen and (max-width: 767px) {
.lineIcon {
  padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  position: fixed;
  position: -webkit-fixed;
  bottom: 48px;
  right: 8px;
  text-align: center;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transform: translateY(54px);
  -webkit-transform: translateY(54px);
  transition: opacity 1s cubic-bezier(0.23, 1, 0.32, 1), visibility 1s cubic-bezier(0.23, 1, 0.32, 1), transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  box-sizing: border-box;
  width: calc(100% - 16px);
    background: rgba(0,0,0,0.3);
    width: 100%;
    height: 60px;
  right: 0;
    display: flex!important;
    display: -webkit-flex!important;
    justify-content: center;
    align-items: center;
}

.scrolled .lineIcon  {
  visibility: hidden;
  opacity: 0;
  transform: none;
  -webkit-transform: none;
}

.scrolled.fadeIn .lineIcon {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.lineIcon a {
  display: block;
  display: -webkit-block;
  width: 100%;
  height: 46px;
  box-sizing: border-box;
  background: #3e2f29;
  line-height: 46px;
    width: calc(100% - 16px);
}

.lineIcon svg {
  padding: 14px 0 5px 3px;
  margin: auto;
  display: block;
  width: 50px;
  height: 14px;
  fill: #fff;
}

.lineIcon p {
  font-size: 16px;
  color: #fff;
  letter-spacing: 5px;
  white-space: nowrap;
  position: relative;
}

.lineIcon p:before {
  content:"全国32店舗";
  border-radius: 15px;
    color: #FFF;
    font-size: 12px;
    padding: 3px 6px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    border: 1px solid #FFF;
  position: relative;
    letter-spacing: 4px;
    bottom: 2px;
    right: 10px;
}
.lineIcon p:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "▶︎";
  color: #fff;
  width: 10px;
  right: 30px;
}

.lineIcon-txt1 {
    border-radius: 15px;
    color: #FFF;
    font-size: 10px;
    padding: 4px 7px 4px 8px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    margin-right: 5px;
    white-space: nowrap;
    border: 1px solid #FFF;
}
}

.line_btn a {
  background-color: #48322a !important;
  color: #fff !important;
}

.lineIcon p { 
font-weight: bold;  
font-size: 14px;  
font-family: Helvetica, Arial, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", sans-serif; 
}

.bottomList.sp,
.webIcon.sp {
  display: none !important;
}

.lineIcon {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  position: fixed;
  bottom: 0;
  z-index: 10;
  opacity: 0;
}
.lineIcon p {
  font-weight: bold;
  font-size: 13px;
}
.lineIcon p:before {
  bottom: 1px;
  border: none;
}
.lineIcon p.easy::before,
.contact_btn a::before {
  content: "";
  background-image: url(/wp-content/themes/arluis/assets/images/fair-cp/online-counter/footerbefore.png);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 27px;
  position: absolute;
  top: 0;
  left: 0;
  right: 265px;
  bottom: 0;
  margin: auto;
}
.contact_btn a::before {
  width: 31px;
  height: 33px;
}
@media screen and (max-width: 767px) {
.contact_btn a::before {
  right: 221px;
}
}
.lineIcon a {
    background: #aa5544;
}

@-moz-keyframes scrollArrow {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    opacity: 1;
    -moz-transform: translate(0, 25%);
    transform: translate(0, 25%);
  }
  100% {
    opacity: 0;
    -moz-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }
}
@-webkit-keyframes scrollArrow {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }
}
@keyframes scrollArrow {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  50% {
    opacity: 1;
    -moz-transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    -webkit-transform: translate(0, 25%);
    transform: translate(0, 25%);
  }
  100% {
    opacity: 0;
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }
}