<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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-size: 100%;
  font: inherit;
  line-height: 1.7em;
}

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

body {
  vertical-align: baseline;
  -webkit-text-size-adjust: 100%;
}

html.is-stop,
body.is-stop {
  overflow: hidden;
}

img {
  display: inherit;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

* {
  box-sizing: border-box;
  word-break: normal;
  word-wrap: break-word;
  line-height: 1.7em;
  background-repeat: no-repeat;
}

div#ie_container {
  display: none;
  width: 100%;
  height: 100%;
  margin: auto;
}

div#ie_container div.cover {
  width: 100%;
  height: 100%;
  max-width: none;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  margin: auto;
}

div#ie_container div.cover p {
  width: 100%;
  position: absolute;
  font-size: 12px;
  line-height: 1.5em;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.ie7 body {
  overflow: hidden;
  background: #FFFFFF;
}

.ie7 div#container {
  display: none;
}

.ie8 body {
  overflow: hidden;
  background: #FFFFFF;
}

.ie8 div#container {
  display: none;
}

.ie8 div#ie_container {
  display: inherit;
}

main .left {
  text-align: left;
}

main .right {
  text-align: right;
}

main .center {
  text-align: center;
}

.mt_0 {
  margin-top: 0px;
}

.mt_01 {
  margin-top: 1px;
}

.mt_02 {
  margin-top: 2px;
}

.mt_03 {
  margin-top: 3px;
}

.mt_04 {
  margin-top: 4px;
}

.mt_05 {
  margin-top: 5px;
}

.mt_06 {
  margin-top: 6px;
}

.mt_07 {
  margin-top: 7px;
}

.mt_08 {
  margin-top: 8px;
}

.mt_09 {
  margin-top: 9px;
}

.mt_10 {
  margin-top: 10px;
}

.mt_11 {
  margin-top: 11px;
}

.mt_12 {
  margin-top: 12px;
}

.mt_13 {
  margin-top: 13px;
}

.mt_14 {
  margin-top: 14px;
}

.mt_15 {
  margin-top: 15px;
}

.mt_16 {
  margin-top: 16px;
}

.mt_17 {
  margin-top: 17px;
}

.mt_18 {
  margin-top: 18px;
}

.mt_19 {
  margin-top: 19px;
}

.mt_20 {
  margin-top: 20px;
}

.mt_25 {
  margin-top: 25px;
}

.mt_30 {
  margin-top: 30px;
}

.mt_35 {
  margin-top: 35px;
}

.mt_40 {
  margin-top: 40px;
}

.mt_45 {
  margin-top: 45px;
}

.mt_50 {
  margin-top: 50px;
}

.mt_55 {
  margin-top: 55px;
}

.mt_60 {
  margin-top: 60px;
}

.mt_65 {
  margin-top: 65px;
}

.mt_70 {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .mt_20 {
    margin-top: 15px;
  }

  .mt_30 {
    margin-top: 20px;
  }

  .mt_50 {
    margin-top: 30px;
  }
}

@media screen and (max-width: 568px) {
  .mt_20 {
    margin-top: 15px;
  }

  .mt_50 {
    margin-top: 25px;
  }
}

.mb_0 {
  margin-bottom: 0px;
}

.mb_01 {
  margin-bottom: 1px;
}

.mb_02 {
  margin-bottom: 2px;
}

.mb_03 {
  margin-bottom: 3px;
}

.mb_04 {
  margin-bottom: 4px;
}

.mb_05 {
  margin-bottom: 5px;
}

.mb_06 {
  margin-bottom: 6px;
}

.mb_07 {
  margin-bottom: 7px;
}

.mb_08 {
  margin-bottom: 8px;
}

.mb_09 {
  margin-bottom: 9px;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_11 {
  margin-bottom: 11px;
}

.mb_12 {
  margin-bottom: 12px;
}

.mb_13 {
  margin-bottom: 13px;
}

.mb_14 {
  margin-bottom: 14px;
}

.mb_15 {
  margin-bottom: 15px;
}

.mb_16 {
  margin-bottom: 16px;
}

.mb_17 {
  margin-bottom: 17px;
}

.mb_18 {
  margin-bottom: 18px;
}

.mb_19 {
  margin-bottom: 19px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mb_25 {
  margin-bottom: 25px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mb_35 {
  margin-bottom: 35px;
}

.mb_40 {
  margin-bottom: 40px;
}

.mb_45 {
  margin-bottom: 45px;
}

.mb_50 {
  margin-bottom: 50px;
}

.mb_55 {
  margin-bottom: 55px;
}

.mb_60 {
  margin-bottom: 60px;
}

.mb_65 {
  margin-bottom: 65px;
}

.mb_70 {
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  .mb_20 {
    margin-bottom: 15px;
  }

  .mb_30 {
    margin-bottom: 20px;
  }

  .mb_50 {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 568px) {
  .mb_20 {
    margin-bottom: 15px;
  }

  .mb_50 {
    margin-bottom: 25px;
  }
}

.mr_0 {
  margin-right: 0px;
}

.mr_01 {
  margin-right: 1px;
}

.mr_02 {
  margin-right: 2px;
}

.mr_03 {
  margin-right: 3px;
}

.mr_04 {
  margin-right: 4px;
}

.mr_05 {
  margin-right: 5px;
}

.mr_06 {
  margin-right: 6px;
}

.mr_07 {
  margin-right: 7px;
}

.mr_08 {
  margin-right: 8px;
}

.mr_09 {
  margin-right: 9px;
}

.mr_10 {
  margin-right: 10px;
}

.mr_11 {
  margin-right: 11px;
}

.mr_12 {
  margin-right: 12px;
}

.mr_13 {
  margin-right: 13px;
}

.mr_14 {
  margin-right: 14px;
}

.mr_15 {
  margin-right: 15px;
}

.mr_16 {
  margin-right: 16px;
}

.mr_17 {
  margin-right: 17px;
}

.mr_18 {
  margin-right: 18px;
}

.mr_19 {
  margin-right: 19px;
}

.mr_20 {
  margin-right: 20px;
}

.mr_25 {
  margin-right: 25px;
}

.mr_30 {
  margin-right: 30px;
}

.mr_35 {
  margin-right: 35px;
}

.mr_40 {
  margin-right: 40px;
}

.mr_45 {
  margin-right: 45px;
}

.mr_50 {
  margin-right: 50px;
}

.mr_55 {
  margin-right: 55px;
}

.mr_60 {
  margin-right: 60px;
}

.mr_65 {
  margin-right: 65px;
}

.mr_70 {
  margin-right: 70px;
}

.ml_0 {
  margin-left: 0px;
}

.ml_01 {
  margin-left: 1px;
}

.ml_02 {
  margin-left: 2px;
}

.ml_03 {
  margin-left: 3px;
}

.ml_04 {
  margin-left: 4px;
}

.ml_05 {
  margin-left: 5px;
}

.ml_06 {
  margin-left: 6px;
}

.ml_07 {
  margin-left: 7px;
}

.ml_08 {
  margin-left: 8px;
}

.ml_09 {
  margin-left: 9px;
}

.ml_10 {
  margin-left: 10px;
}

.ml_11 {
  margin-left: 11px;
}

.ml_12 {
  margin-left: 12px;
}

.ml_13 {
  margin-left: 13px;
}

.ml_14 {
  margin-left: 14px;
}

.ml_15 {
  margin-left: 15px;
}

.ml_16 {
  margin-left: 16px;
}

.ml_17 {
  margin-left: 17px;
}

.ml_18 {
  margin-left: 18px;
}

.ml_19 {
  margin-left: 19px;
}

.ml_20 {
  margin-left: 20px;
}

.ml_25 {
  margin-left: 25px;
}

.ml_30 {
  margin-left: 30px;
}

.ml_35 {
  margin-left: 35px;
}

.ml_40 {
  margin-left: 40px;
}

.ml_45 {
  margin-left: 45px;
}

.ml_50 {
  margin-left: 50px;
}

.ml_55 {
  margin-left: 55px;
}

.ml_60 {
  margin-left: 60px;
}

.ml_65 {
  margin-left: 65px;
}

.ml_70 {
  margin-left: 70px;
}

.font_size_32,
div.article div.ttl h1 {
  font-size: 32px;
}

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

  .font_size_32,
  div.article div.ttl h1 {
    font-size: 28px;
  }
}

@media screen and (max-width: 568px) {

  .font_size_32,
  div.article div.ttl h1 {
    font-size: 26px;
  }
}

.font_size_30 {
  font-size: 30px;
}

@media screen and (max-width: 768px) {
  .font_size_30 {
    font-size: 26px;
  }
}

@media screen and (max-width: 568px) {
  .font_size_30 {
    font-size: 24px;
  }
}

.font_size_28,
div.column_1 div.column_wrapper div.content h2.tit_leftb {
  font-size: 28px;
}

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

  .font_size_28,
  div.column_1 div.column_wrapper div.content h2.tit_leftb {
    font-size: 26px;
  }
}

@media screen and (max-width: 568px) {

  .font_size_28,
  div.column_1 div.column_wrapper div.content h2.tit_leftb {
    font-size: 24px;
  }
}

.font_size_26,
div.front main h2.ttl,
div.article main h2.ttl {
  font-size: 26px;
}

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

  .font_size_26,
  div.front main h2.ttl,
  div.article main h2.ttl {
    font-size: 24px;
  }
}

@media screen and (max-width: 568px) {

  .font_size_26,
  div.front main h2.ttl,
  div.article main h2.ttl {
    font-size: 22px;
  }
}

section.store_list article .store_list_box.skin_consulting .store_text .store_tit h2 {
  background-image: url(../img/common/icon/icon_blown.svg);
}

section.store_list article .store_list_box.skin_consulting .store_text .store_tit h2 span {
  color: #837469;
  font-size: 24px;
  font-weight: bold;
}

@media screen and (max-width: 568px) {
  section.store_list article .store_list_box.skin_consulting .store_text .store_tit h2 span {
    font-size: 20px;
  }
}

.font_size_24,
div.column_1 div.column_wrapper div.content h2.point_title,
div.article_temp_2-9 main .faq_inner .que_box h2,
div.article_temp_2-9 main .faq_inner .ans_box h2,
div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn strong,
section.store_list article .store_list_box .store_text .store_tit h2 a,
section.store_list article .store_list_box .store_text .store_info ul li.free_tell strong,
div.recruit main div.recruit_entry_cont div.got_to_top a,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-size: 24px;
}

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

  .font_size_24,
  div.column_1 div.column_wrapper div.content h2.point_title,
  div.article_temp_2-9 main .faq_inner .que_box h2,
  div.article_temp_2-9 main .faq_inner .ans_box h2,
  div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn strong,
  section.store_list article .store_list_box .store_text .store_tit h2 a,
  section.store_list article .store_list_box .store_text .store_info ul li.free_tell strong,
  div.recruit main div.recruit_entry_cont div.got_to_top a,
  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    font-size: 22px;
  }
}

@media screen and (max-width: 568px) {

  .font_size_24,
  div.column_1 div.column_wrapper div.content h2.point_title,
  div.article_temp_2-9 main .faq_inner .que_box h2,
  div.article_temp_2-9 main .faq_inner .ans_box h2,
  div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn strong,
  section.store_list article .store_list_box .store_text .store_tit h2 a,
  section.store_list article .store_list_box .store_text .store_info ul li.free_tell strong,
  div.recruit main div.recruit_entry_cont div.got_to_top a,
  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    font-size: 20px;
  }
}

.font_size_22,
div.article_voice main section.voice_contents article.voice_pickup .voice_text h2,
div.article_voice main section.voice_contents article.voice_case .voice_text h2,
div.article_voice main section.voice_contents article.voice_article .voice_text h2 {
  font-size: 22px;
}

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

  .font_size_22,
  div.article_voice main section.voice_contents article.voice_pickup .voice_text h2,
  div.article_voice main section.voice_contents article.voice_case .voice_text h2,
  div.article_voice main section.voice_contents article.voice_article .voice_text h2 {
    font-size: 20px;
  }
}

@media screen and (max-width: 568px) {

  .font_size_22,
  div.article_voice main section.voice_contents article.voice_pickup .voice_text h2,
  div.article_voice main section.voice_contents article.voice_case .voice_text h2,
  div.article_voice main section.voice_contents article.voice_article .voice_text h2 {
    font-size: 18px;
  }
}

.font_size_20,
div.column_1 div.column_wrapper div.content p .text_undline,
div.column_1 div.column_wrapper div.message_box .message_inner01 h3,
.customer_inner h3,
div.article_voice main section.voice_contents article.voice_case .voice_case_title,
div.article_voice main section.voice_contents article.voice_article .consultation dl dd strong {
  font-size: 20px;
}

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

  .font_size_20,
  div.column_1 div.column_wrapper div.content p .text_undline,
  div.column_1 div.column_wrapper div.message_box .message_inner01 h3,
  .customer_inner h3,
  div.article_voice main section.voice_contents article.voice_case .voice_case_title,
  div.article_voice main section.voice_contents article.voice_article .consultation dl dd strong {
    font-size: 18px;
  }
}

@media screen and (max-width: 568px) {

  .font_size_20,
  div.column_1 div.column_wrapper div.content p .text_undline,
  div.column_1 div.column_wrapper div.message_box .message_inner01 h3,
  .customer_inner h3,
  div.article_voice main section.voice_contents article.voice_case .voice_case_title,
  div.article_voice main section.voice_contents article.voice_article .consultation dl dd strong {
    font-size: 16px;
  }
}

.font_size_18,
div.column_1 div.column_wrapper .flex h3,
div.column_1 div.column_wrapper .flex .text_area&gt;div,
div.column_1 div.column_wrapper div.content h2.tit_leftb span,
div.column_1 div.column_wrapper div.content h2.point_title span,
div.column_1 div.column_wrapper div.content p,
div.column_1 div.column_wrapper div.message_box .message_inner01 h3 .icon_point,
div.column_1 div.column_wrapper div.message_box .message_inner01 p.text_undline,
div.column_1 div.column_wrapper div.message_box .message_inner02 p.text_undline,
.customer_inner p span.text_undline,
div.article_temp_2-9 main .faq_inner .que_box span,
div.article_temp_2-9 main .faq_inner .ans_box span,
div.article_temp_2-9 main .faq_inner .que_box p.text_undline,
div.article_temp_2-9 main .faq_inner .ans_box p.text_undline,
div.magazine section.section01 .box__wrapper h3,
div.magazine section.section01 .mail--btn__container a.bottom--link,
div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .info_cont dl dd,
div.form main section p.closing,
div.edit main section article p,
div.edit aside section.catalog article h2,
div.editor h3 {
  font-size: 18px;
}

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

  .font_size_18,
  div.column_1 div.column_wrapper .flex h3,
  div.column_1 div.column_wrapper .flex .text_area&gt;div,
  div.column_1 div.column_wrapper div.content h2.tit_leftb span,
  div.column_1 div.column_wrapper div.content h2.point_title span,
  div.column_1 div.column_wrapper div.content p,
  div.column_1 div.column_wrapper div.message_box .message_inner01 h3 .icon_point,
  div.column_1 div.column_wrapper div.message_box .message_inner01 p.text_undline,
  div.column_1 div.column_wrapper div.message_box .message_inner02 p.text_undline,
  .customer_inner p span.text_undline,
  div.article_temp_2-9 main .faq_inner .que_box span,
  div.article_temp_2-9 main .faq_inner .ans_box span,
  div.article_temp_2-9 main .faq_inner .que_box p.text_undline,
  div.article_temp_2-9 main .faq_inner .ans_box p.text_undline,
  div.magazine section.section01 .box__wrapper h3,
  div.magazine section.section01 .mail--btn__container a.bottom--link,
  div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .info_cont dl dd,
  div.form main section p.closing,
  div.edit main section article p,
  div.edit aside section.catalog article h2,
  div.editor h3 {
    font-size: 17px;
  }
}

@media screen and (max-width: 568px) {

  .font_size_18,
  div.column_1 div.column_wrapper .flex h3,
  div.column_1 div.column_wrapper .flex .text_area&gt;div,
  div.column_1 div.column_wrapper div.content h2.tit_leftb span,
  div.column_1 div.column_wrapper div.content h2.point_title span,
  div.column_1 div.column_wrapper div.content p,
  div.column_1 div.column_wrapper div.message_box .message_inner01 h3 .icon_point,
  div.column_1 div.column_wrapper div.message_box .message_inner01 p.text_undline,
  div.column_1 div.column_wrapper div.message_box .message_inner02 p.text_undline,
  .customer_inner p span.text_undline,
  div.article_temp_2-9 main .faq_inner .que_box span,
  div.article_temp_2-9 main .faq_inner .ans_box span,
  div.article_temp_2-9 main .faq_inner .que_box p.text_undline,
  div.article_temp_2-9 main .faq_inner .ans_box p.text_undline,
  div.magazine section.section01 .box__wrapper h3,
  div.magazine section.section01 .mail--btn__container a.bottom--link,
  div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .info_cont dl dd,
  div.form main section p.closing,
  div.edit main section article p,
  div.edit aside section.catalog article h2,
  div.editor h3 {
    font-size: 15px;
  }
}

.font_size_16,
body,
div.column_1 div.column_wrapper div.message_box .message_inner01 p,
div.column_1 div.column_wrapper div.message_box .message_inner02 p,
section.store_list article&gt;p,
section.store_list article .store_list_box .store_text .store_info p,
div.article_voice main section.voice_contents article.voice_article .consultation dl dt,
div.magazine section.section01 .box__wrapper p.box--info,
div.magazine section.section01 p.bottom--txt,
div.form main section table tr th span.essential,
div.form main section p.head,
div.form main div.agree_box p,
input,
select,
textarea,
search,
button,
div.edit aside section.catalog article h3,
div.article_head div.thum div.pop,
div.editor,
div.editor h4,
div.editor h5,
div.editor h6 {
  font-size: 16px;
}

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

  .font_size_16,
  body,
  div.column_1 div.column_wrapper div.message_box .message_inner01 p,
  div.column_1 div.column_wrapper div.message_box .message_inner02 p,
  section.store_list article&gt;p,
  section.store_list article .store_list_box .store_text .store_info p,
  div.article_voice main section.voice_contents article.voice_article .consultation dl dt,
  div.magazine section.section01 .box__wrapper p.box--info,
  div.magazine section.section01 p.bottom--txt,
  div.form main section table tr th span.essential,
  div.form main section p.head,
  div.form main div.agree_box p,
  input,
  select,
  textarea,
  search,
  button,
  div.edit aside section.catalog article h3,
  div.article_head div.thum div.pop,
  div.editor,
  div.editor h4,
  div.editor h5,
  div.editor h6 {
    font-size: 15px;
  }
}

@media screen and (max-width: 568px) {

  .font_size_16,
  body,
  div.column_1 div.column_wrapper div.message_box .message_inner01 p,
  div.column_1 div.column_wrapper div.message_box .message_inner02 p,
  section.store_list article&gt;p,
  section.store_list article .store_list_box .store_text .store_info p,
  div.article_voice main section.voice_contents article.voice_article .consultation dl dt,
  div.magazine section.section01 .box__wrapper p.box--info,
  div.magazine section.section01 p.bottom--txt,
  div.form main section table tr th span.essential,
  div.form main section p.head,
  div.form main div.agree_box p,
  input,
  select,
  textarea,
  search,
  button,
  div.edit aside section.catalog article h3,
  div.article_head div.thum div.pop,
  div.editor,
  div.editor h4,
  div.editor h5,
  div.editor h6 {
    font-size: 14px;
  }
}

.font_size_14,
div.pan,
.customer_inner p,
div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn,
section.store_list article .store_list_box .store_text .store_info ul li.free_tell,
div.article_voice main section.voice_contents article.voice_pickup .voice_text ul.voice_tag li,
div.article_voice main section.voice_contents article.voice_case .voice_text ul.voice_tag li,
div.article_voice main section.voice_contents article.voice_article .voice_text ul.voice_tag li,
div.form main div.flow_nav ul li,
div.form main table.confirm_workplace th,
p#fm_ajax_message,
ul.article_transfer li {
  font-size: 14px;
}

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

  .font_size_14,
  div.pan,
  .customer_inner p,
  div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn,
  section.store_list article .store_list_box .store_text .store_info ul li.free_tell,
  div.article_voice main section.voice_contents article.voice_pickup .voice_text ul.voice_tag li,
  div.article_voice main section.voice_contents article.voice_case .voice_text ul.voice_tag li,
  div.article_voice main section.voice_contents article.voice_article .voice_text ul.voice_tag li,
  div.form main div.flow_nav ul li,
  div.form main table.confirm_workplace th,
  p#fm_ajax_message,
  ul.article_transfer li {
    font-size: 13px;
  }
}

@media screen and (max-width: 568px) {

  .font_size_14,
  div.pan,
  .customer_inner p,
  div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn,
  section.store_list article .store_list_box .store_text .store_info ul li.free_tell,
  div.article_voice main section.voice_contents article.voice_pickup .voice_text ul.voice_tag li,
  div.article_voice main section.voice_contents article.voice_case .voice_text ul.voice_tag li,
  div.article_voice main section.voice_contents article.voice_article .voice_text ul.voice_tag li,
  div.form main div.flow_nav ul li,
  div.form main table.confirm_workplace th,
  p#fm_ajax_message,
  ul.article_transfer li {
    font-size: 12px;
  }
}

.font_size_12,
div.err_area p,
div.error_access p,
ul.error_access li,
ul.article_tag li a:link,
ul.article_tag li a:visited,
ul.article_tag li a:active {
  font-size: 12px;
}

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

  .font_size_12,
  div.err_area p,
  div.error_access p,
  ul.error_access li,
  ul.article_tag li a:link,
  ul.article_tag li a:visited,
  ul.article_tag li a:active {
    font-size: 12px;
  }
}

@media screen and (max-width: 568px) {

  .font_size_12,
  div.err_area p,
  div.error_access p,
  ul.error_access li,
  ul.article_tag li a:link,
  ul.article_tag li a:visited,
  ul.article_tag li a:active {
    font-size: 11px;
  }
}

.font_size_10 {
  font-size: 10px;
}

@media screen and (max-width: 768px) {
  .font_size_10 {
    font-size: 10px;
  }
}

@media screen and (max-width: 568px) {
  .font_size_10 {
    font-size: 8px;
  }
}

.nomal {
  font-weight: normal;
}

.bold {
  font-weight: bold;
}

.corners {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

.list_dot {
  list-style: inside disc;
  padding-left: 1em;
  text-indent: -1em;
}

html,
body {
  width: 100%;
  height: 100%;
  min-width: 1000px;
  margin: auto;
}

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

  html,
  body {
    min-width: inherit;
  }
}

body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Roboto", sans-serif;
  color: #343434;
}

::selection {
  background: #837469;
  color: #FFF;
}

::-moz-selection {
  background: #837469;
  color: #FFF;
}

a {
  color: #666666;
  text-decoration: none;
  backface-visibility: hidden;
}

a:hover {
  color: #8c8c8c;
  text-decoration: underline;
}

a:visited {
  color: #666666;
}

a:hover {
  opacity: 0.8;
  text-decoration: none;
}

hr {
  height: 1px;
  clear: both;
  border: none;
  border-top: #CCCCCC 1px solid;
  color: #FFF;
}

.wrapper,
.narrow_wrapper,
.menu_consul_lower_menu .lower_menu_inner,
div.article_temp_2-2 section.reform_price article,
div.news section.news_top article,
div.news section.news_article article,
div.column section.column_cat article,
div.column section.column_top article,
div.column section.column_article article,
div.event section.event_top article,
table,
header div.inner,
footer .footer_inner,
footer .footer_sitemap,
div.front main section article,
div.article section article,
div.column_2,
div.pan div.in,
div.line_ttl,
section.cta .bg_beige .cta_inner,
div.front div.top_view .top_view_inner,
div.empty div.ttl_empty article,
div.recruit main div.recruit_entry_cont,
div.form main section #fm_form,
div.form main section div.comp_box,
div.error_area,
ul.error_list,
nav.nav_pc&gt;ul,
div.column_1 div.column_wrapper div.content,
div.flow_box ul.content&gt;li,
div.store section.rental_inquiry article div.inquiry_cont .col_1 ul,
section.store_list article .store_list_box .store_text .store_info ul:after,
div.event section.event_article article div.editor .wp-caption_box,
div.edit aside section.catalog article ul.article_entry li dl,
div.editor,
div.editor br {
  zoom: 1;
}

.wrapper:after,
.narrow_wrapper:after,
.menu_consul_lower_menu .lower_menu_inner:after,
div.article_temp_2-2 section.reform_price article:after,
div.news section.news_top article:after,
div.news section.news_article article:after,
div.column section.column_cat article:after,
div.column section.column_top article:after,
div.column section.column_article article:after,
div.event section.event_top article:after,
table:after,
header div.inner:after,
footer .footer_inner:after,
footer .footer_sitemap:after,
div.front main section article:after,
div.article section article:after,
div.column_2:after,
div.pan div.in:after,
div.line_ttl:after,
section.cta .bg_beige .cta_inner:after,
div.front div.top_view .top_view_inner:after,
div.empty div.ttl_empty article:after,
div.recruit main div.recruit_entry_cont:after,
div.form main section #fm_form:after,
div.form main section div.comp_box:after,
div.error_area:after,
ul.error_list:after,
nav.nav_pc&gt;ul:after,
div.column_1 div.column_wrapper div.content:after,
div.flow_box ul.content&gt;li:after,
div.store section.rental_inquiry article div.inquiry_cont .col_1 ul:after,
section.store_list article .store_list_box .store_text .store_info ul:after,
div.event section.event_article article div.editor .wp-caption_box:after,
div.edit aside section.catalog article ul.article_entry li dl:after,
div.editor:after,
div.editor br:after {
  display: block;
  content: "";
  clear: both;
}

.wrapper,
.narrow_wrapper,
.menu_consul_lower_menu .lower_menu_inner,
div.article_temp_2-2 section.reform_price article,
div.news section.news_top article,
div.news section.news_article article,
div.column section.column_cat article,
div.column section.column_top article,
div.column section.column_article article,
div.event section.event_top article,
table,
header div.inner,
footer .footer_inner,
footer .footer_sitemap,
div.front main section article,
div.article section article,
div.column_2,
div.pan div.in,
div.line_ttl,
section.cta .bg_beige .cta_inner,
div.front div.top_view .top_view_inner,
div.empty div.ttl_empty article,
div.recruit main div.recruit_entry_cont,
div.form main section #fm_form,
div.form main section div.comp_box,
div.error_area,
ul.error_list {
  width: 95%;
  max-width: 1220px;
  min-width: 1000px;
  margin: auto;
  position: relative;
  padding: 0 10px;
}

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

  .wrapper,
  .narrow_wrapper,
  .menu_consul_lower_menu .lower_menu_inner,
  div.article_temp_2-2 section.reform_price article,
  div.news section.news_top article,
  div.news section.news_article article,
  div.column section.column_cat article,
  div.column section.column_top article,
  div.column section.column_article article,
  div.event section.event_top article,
  table,
  header div.inner,
  footer .footer_inner,
  footer .footer_sitemap,
  div.front main section article,
  div.article section article,
  div.column_2,
  div.pan div.in,
  div.line_ttl,
  section.cta .bg_beige .cta_inner,
  div.front div.top_view .top_view_inner,
  div.empty div.ttl_empty article,
  div.recruit main div.recruit_entry_cont,
  div.form main section #fm_form,
  div.form main section div.comp_box,
  div.error_area,
  ul.error_list {
    min-width: inherit;
    padding: 0;
  }
}

.narrow_wrapper,
.menu_consul_lower_menu .lower_menu_inner,
div.article_temp_2-2 section.reform_price article,
div.news section.news_top article,
div.news section.news_article article,
div.column section.column_cat article,
div.column section.column_top article,
div.column section.column_article article,
div.event section.event_top article {
  padding: 0 40px;
}

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

  .narrow_wrapper,
  .menu_consul_lower_menu .lower_menu_inner,
  div.article_temp_2-2 section.reform_price article,
  div.news section.news_top article,
  div.news section.news_article article,
  div.column section.column_cat article,
  div.column section.column_top article,
  div.column section.column_article article,
  div.event section.event_top article {
    padding: 0;
  }
}

.transitions,
a,
nav.nav_pc&gt;ul&gt;li,
.menu_consul_lower_menu,
div.arrow_btn a,
div.icon_btn a,
li.icon_btn a,
div.icon_text_btn a,
div.text_btn a,
div.right_arrow_btn a span,
div.anchor_btn a,
ul.voice_list&gt;li .image_cont a img,
ul.voice_list&gt;li .image_cont a:after,
div.content_nav ul li a,
div.shop section.store_guide ul li a,
div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a,
div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .callout,
div.recruit main div.main_photo div.btn_scroll a,
.shindan_question #yesno_wrap #choices li:first-child button,
.shindan_question #yesno_wrap #choices li:nth-child(2) button,
.shindan_question #yesno_wrap #choices li:nth-child(3) button,
.shindan_question #yesno_wrap #choices li:last-child button,
.shindan_result #yesno_wrap #choices li:first-child button,
.shindan_result #yesno_wrap #choices li:nth-child(2) button,
.shindan_result #yesno_wrap #choices li:nth-child(3) button,
.shindan_result #yesno_wrap #choices li:last-child button,
input,
select,
textarea,
search,
button,
input:hover,
select:hover,
textarea:hover,
search:hover,
button:hover,
.owl-theme .owl-controls .owl-page span {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

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

  .transitions,
  a,
  nav.nav_pc&gt;ul&gt;li,
  .menu_consul_lower_menu,
  div.arrow_btn a,
  div.icon_btn a,
  li.icon_btn a,
  div.icon_text_btn a,
  div.text_btn a,
  div.right_arrow_btn a span,
  div.anchor_btn a,
  ul.voice_list&gt;li .image_cont a img,
  ul.voice_list&gt;li .image_cont a:after,
  div.content_nav ul li a,
  div.shop section.store_guide ul li a,
  div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .callout,
  div.recruit main div.main_photo div.btn_scroll a,
  .shindan_question #yesno_wrap #choices li:first-child button,
  .shindan_question #yesno_wrap #choices li:nth-child(2) button,
  .shindan_question #yesno_wrap #choices li:nth-child(3) button,
  .shindan_question #yesno_wrap #choices li:last-child button,
  .shindan_result #yesno_wrap #choices li:first-child button,
  .shindan_result #yesno_wrap #choices li:nth-child(2) button,
  .shindan_result #yesno_wrap #choices li:nth-child(3) button,
  .shindan_result #yesno_wrap #choices li:last-child button,
  input,
  select,
  textarea,
  search,
  button,
  input:hover,
  select:hover,
  textarea:hover,
  search:hover,
  button:hover,
  .owl-theme .owl-controls .owl-page span {
    transition: all 0s ease;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
  }
}

.all_transitions,
header div.inner,
header h1 a,
header p.to-topLogo a,
.cp_logo_style a {
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.vertical {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}

.obj_image {
  object-fit: cover;
  font-family: "object-fit: cover;";
}

@media screen and (max-width: 768px) {
  .hide_sp {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .hide_pc {
    display: none !important;
  }
}

.display_none {
  display: none;
}

.pointer_events_none {
  pointer-events: none;
}

.pointer_events_none_pc {
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .pointer_events_none_pc {
    pointer-events: inherit;
  }
}

table {
  width: 95%;
  margin: auto;
  border-collapse: collapse;
}

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

  table tr th,
  table tr td {
    width: 100%;
    display: block;
  }
}

br {
  line-height: inherit;
}

img {
  width: 100%;
  height: auto;
}

.b18 {
  font-weight: bold;
}

@font-face {
  font-family: "logoTypeGothic";
  src: url("../font/LogoType_a1.woff") format("woff");
}

.font_ltg,
.shindan_question #yesno_wrap #question_wrap .yesno_q dt span {
  font-family: "logoTypeGothic", sans-serif;
}

header {
  width: 100%;
  box-shadow: 0px 0px 18px 0px rgba(51, 51, 51, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 100;
}

header div.inner {
  height: 150px;
  margin: auto;
  min-width: inherit;
}

@media screen and (max-width: 855px) {
  header div.inner {
    height: 130px;
  }
}

@media screen and (max-width: 768px) {
  header div.inner {
    height: 73px;
  }
}

header h1 a,
header p.to-topLogo a,
.cp_logo_style a {
  display: block;
  width: 15.8%;
  height: auto;
  position: absolute;
  left: 10px;
  bottom: 20px;
}

header h1 a img,
header p.to-topLogo a img,
.cp_logo_style a img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1220px) {

  header h1 a,
  header p.to-topLogo a,
  .cp_logo_style a {
    left: 0;
  }
}

@media screen and (max-width: 855px) {

  header h1 a,
  header p.to-topLogo a,
  .cp_logo_style a {
    width: 100px;
    bottom: 15px;
  }
}

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

  header h1 a,
  header p.to-topLogo a,
  .cp_logo_style a {
    width: 110px;
    bottom: 8px;
    left: 0;
  }
}

@media screen and (max-width: 414px) {

  header h1 a,
  header p.to-topLogo a,
  .cp_logo_style a {
    width: 95px;
    bottom: 11px;
    top: 10px;
  }
}

header div.header_top {
  padding-top: 5px;
  position: absolute;
  right: 10px;
  top: 0;
}

@media screen and (max-width: 855px) {
  header div.header_top {
    padding-top: 15px;
  }
}

@media screen and (max-width: 768px) {
  header div.header_top {
    display: none;
  }
}

header div.header_bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  /*@include mq(ssp) {
    	right: 64px;
    }*/
}

@media screen and (max-width: 768px) {
  header div.header_bottom {
    position: static;
    /*bottom: 50%;
        right: 75px;
        @include translate(0, 50%);*/
  }
}

header div.cv {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

@media screen and (max-width: 768px) {
  header div.cv {
    position: absolute;
    bottom: 50%;
    right: 75px;
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
  }
}

@media screen and (max-width: 414px) {
  header div.cv {
    right: 64px;
  }
}

header div.cv div.icon_btn_consultation {
  margin-left: 15px;
  margin-top: 7px;
}

header div.cv div.icon_btn_consultation a {
  min-width: inherit;
  padding: 15px 35px 15px 35px;
}

header div.cv div.icon_btn_consultation span {
  font-size: 18px;
  line-height: 1.2;
}

@media screen and (max-width: 1220px) {
  header div.cv div.icon_btn_consultation {
    margin-left: 10px;
    margin-top: 10px;
  }

  header div.cv div.icon_btn_consultation span {
    font-size: 15px;
  }
}

@media screen and (max-width: 1070px) {
  header div.cv div.icon_btn_consultation {
    margin-top: 0px;
    margin-bottom: 7px;
  }

  header div.cv div.icon_btn_consultation span {
    font-size: 16px;
    padding-left: 40px;
    background-size: 20px auto;
  }
}

@media screen and (max-width: 768px) {
  header div.cv div.icon_btn_consultation a {
    padding: 7px 0px 0px;
    min-width: 58px;
    min-height: 53px;
  }

  header div.cv div.icon_btn_consultation span {
    font-size: 9px;
    text-align: center;
    padding: 25px 0 0;
    background-position: top center;
    background-size: auto 20px;
  }
}

@media screen and (max-width: 568px) {
  header div.cv div.icon_btn_consultation a {
    min-width: inherit;
    padding: 10px 5px 2px;
    min-width: 58px;
  }
}

@media screen and (max-width: 414px) {
  header div.cv div.icon_btn_consultation {
    margin-left: 3px;
    /*a {
          	padding-right: 20px;
          	padding-left: 20px;
          }*/
  }
}

@media screen and (max-width: 375px) {
  header div.cv div.icon_btn_consultation a {
    padding-right: 3px;
    padding-left: 3px;
  }
}

@media screen and (min-width: 769px) {
  header.fixed .inner {
    height: 80px;
  }

  header.fixed div.header_top {
    display: none;
  }
}

@media screen and (min-width: 856px) {
  header.fixed .inner {
    height: 95px;
  }

  header.fixed div.header_top {
    display: none;
  }

  header.fixed h1 a,
  header.fixed p.to-topLogo a {
    bottom: 23px;
  }
}

@media screen and (min-width: 1071px) {
  header.fixed .inner {
    height: 110px;
  }

  header.fixed div.header_top {
    display: none;
  }

  header.fixed h1 a,
  header.fixed p.to-topLogo a {
    width: 12%;
  }
}

nav.nav_pc {
  margin: auto;
}

@media screen and (max-width: 768px) {
  nav.nav_pc {
    position: fixed;
    z-index: 15;
    top: 0;
    overflow: hidden;
    width: 16.25rem;
    height: 100%;
    background-color: #fff;
  }
}

nav.nav_pc .switching {
  display: none;
}

nav.nav_pc&gt;ul {
  padding: 0 10px;
}

@media screen and (max-width: 1220px) {
  nav.nav_pc&gt;ul {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  nav.nav_pc&gt;ul {
    width: 100%;
    padding: 20px 0;
  }
}

nav.nav_pc&gt;ul&gt;li {
  float: left;
  padding-top: 5px;
  padding-bottom: 22px;
  background-repeat: no-repeat;
  background-size: auto 40px;
  background-position: top center;
}

@media screen and (max-width: 855px) {
  nav.nav_pc&gt;ul&gt;li {
    padding-bottom: 14px;
  }
}

nav.nav_pc&gt;ul&gt;li:hover {
  opacity: 0.7;
}

nav.nav_pc&gt;ul&gt;li.menu_service {
  background-image: url("../img/common/icon/icon_service.svg");
}

nav.nav_pc&gt;ul&gt;li.menu_consul_search {
  background-image: url("../img/common/icon/icon_consul.svg");
}

nav.nav_pc&gt;ul&gt;li.menu_shop_search {
  background-image: url("../img/common/icon/icon_shop.svg");
}

nav.nav_pc&gt;ul&gt;li.menu_event {
  background-image: url("../img/common/icon/icon_event.svg");
}

nav.nav_pc&gt;ul&gt;li.menu_voice {
  background-image: url("../img/common/icon/icon_voice.svg");
}

nav.nav_pc&gt;ul&gt;li.menu_column {
  background-image: url("../img/common/icon/icon_column.svg");
}

nav.nav_pc&gt;ul&gt;li.menu_faq {
  background-image: url("../img/common/icon/icon_faq.svg");
}

@media screen and (max-width: 768px) {
  nav.nav_pc&gt;ul&gt;li {
    width: 100%;
    float: none;
    padding-top: 0;
    background-position: left 10px center;
    background-size: 30px auto;
  }
}

@media screen and (max-width: 1070px) {
  nav.nav_pc&gt;ul&gt;li {
    background-size: auto 30px;
  }
}

nav.nav_pc&gt;ul&gt;li span {
  cursor: pointer;
}

nav.nav_pc&gt;ul&gt;li&gt;a,
nav.nav_pc&gt;ul&gt;li&gt;span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 40px 12px 0px;
  font-weight: 500;
  border-left: 1px solid #ebebeb;
  font-size: 15px;
  color: #333;
  /*&amp;.active {
        	color: $main-color;
        }*/
}

nav.nav_pc&gt;ul&gt;li&gt;a:hover,
nav.nav_pc&gt;ul&gt;li&gt;span:hover {
  text-decoration: none;
  opacity: 1;
}

@media screen and (max-width: 1220px) {

  nav.nav_pc&gt;ul&gt;li&gt;a,
  nav.nav_pc&gt;ul&gt;li&gt;span {
    font-size: 13px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (max-width: 1070px) {

  nav.nav_pc&gt;ul&gt;li&gt;a,
  nav.nav_pc&gt;ul&gt;li&gt;span {
    padding-top: 30px;
    font-size: 10px;
  }
}

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

  nav.nav_pc&gt;ul&gt;li&gt;a,
  nav.nav_pc&gt;ul&gt;li&gt;span {
    padding: 20px 15px;
    border-bottom: #ececec 1px solid;
    padding-left: 50px;
    line-height: 1;
  }
}

nav.nav_pc&gt;ul&gt;li.menu_event a {
  border-right: 1px solid #ebebeb;
}

.menu_consul_lower_menu {
  position: fixed;
  top: 150px;
  left: 0;
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  width: 100%;
  background-color: #ebe7e4;
  z-index: 99;
}

@media screen and (max-width: 855px) {
  .menu_consul_lower_menu {
    top: 130px;
  }
}

.menu_consul_lower_menu.open {
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.menu_consul_lower_menu .lower_menu_inner {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 1000px) {
  .menu_consul_lower_menu .lower_menu_inner {
    min-width: inherit;
    padding-right: 0;
    padding-left: 0;
  }
}

.menu_consul_lower_menu ul.lower_menu_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.menu_consul_lower_menu ul.lower_menu_list&gt;li {
  width: 33.3%;
  padding: 0 15px;
}

.menu_consul_lower_menu ul.lower_menu_list&gt;li:nth-child(2) .menu_box {
  height: auto;
}

.menu_consul_lower_menu ul.lower_menu_list&gt;li:nth-child(2) .menu_box:first-child {
  margin-bottom: 10px;
}

.menu_consul_lower_menu .menu_box {
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  height: 100%;
}

.menu_consul_lower_menu .menu_box&gt;div {
  background-color: #b8afa6;
  color: #5c4f42;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  padding: 10px 0;
  line-height: 1.2;
}

@media screen and (max-width: 1000px) {
  .menu_consul_lower_menu .menu_box h2 {
    font-size: 16px;
  }
}

.menu_consul_lower_menu .menu_box&gt;ul {
  padding: 12px 30px;
}

@media screen and (max-width: 1000px) {
  .menu_consul_lower_menu .menu_box&gt;ul {
    padding: 12px 15px;
  }
}

.menu_consul_lower_menu .menu_box&gt;ul li {
  padding: 3px 0;
}

.menu_consul_lower_menu .menu_box&gt;ul li a {
  display: block;
  width: 100%;
  font-weight: bold;
  font-size: 18px;
  color: #837469;
  padding-left: 25px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/common/icon/btn_arrow_g.svg);
  background-size: 11px 11px;
}

@media screen and (max-width: 1000px) {
  .menu_consul_lower_menu .menu_box&gt;ul li a {
    font-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  .menu_consul_lower_menu.fixed {
    top: 80px;
  }
}

@media screen and (min-width: 856px) {
  .menu_consul_lower_menu.fixed {
    top: 95px;
  }
}

@media screen and (min-width: 1071px) {
  .menu_consul_lower_menu.fixed {
    top: 110px;
  }
}

.top_nav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.top_nav ul li {
  margin-left: 20px;
}

.top_nav ul li.icon_menu {
  padding-bottom: 5px;
}

.top_nav ul li.icon_menu a,
.top_nav ul li.menu_tel a,
.top_nav ul li.menu_tel span {
  font-weight: 500;
  font-size: 14px;
  text-decoration: underline;
  color: #241916;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 23px;
  background-size: auto 18px;
  background-position: left center;
  background-repeat: no-repeat;
}

.top_nav ul li.icon_menu.menu_voice a {
  background-image: url("../img/common/icon/icon_voice.svg");
}

.top_nav ul li.icon_menu.menu_column a {
  background-image: url("../img/common/icon/icon_column.svg");
}

.top_nav ul li.icon_menu.menu_faq a {
  background-image: url("../img/common/icon/icon_faq.svg");
}
.top_nav ul li.icon_menu.menu_recruit a {
  background-image: url("../img/common/icon/icon_recruit.svg");
}

.top_nav ul li.menu_tel a,
.top_nav ul li.menu_tel span {
  background-size: auto 21px;
  background-image: url("../img/common/icon/icon_phone.svg");
}

.top_nav ul li.menu_tokyu {
  width: 110px;
  padding-bottom: 2px;
}

@media screen and (max-width: 855px) {
  .top_nav ul li.icon_menu {
    padding-top: 0;
  }

  .top_nav ul li.icon_menu a,
  .top_nav ul li.menu_tel a,
  .top_nav ul li.menu_tel span {
    font-size: 11px;
    background-size: auto 12px;
  }

  .top_nav ul li.menu_tel a,
  .top_nav ul li.menu_tel span {
    background-size: auto 14px;
  }

  .top_nav ul li.menu_tokyu {
    width: 95px;
    padding-top: 0;
  }
}

nav.nav_sp {
  padding: 0;
  position: fixed;
  z-index: 99;
  top: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

nav.nav_sp ul {
  width: 100%;
  padding: 73px 0 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

nav.nav_sp ul&gt;li {
  width: 100%;
  float: none;
  padding-top: 0;
  background-position: left 25px center;
  background-size: 30px auto;
  position: relative;
}

nav.nav_sp ul&gt;li&gt;a {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  color: #837469;
  padding: 15px 50px 15px 65px;
  border-bottom: #707070 1px solid;
  line-height: 30px;
  background-image: url("../img/common/arrow/arrow_drawer_link.png");
  background-position: right 25px center;
  background-size: 8px auto;
  background-repeat: no-repeat;
}

nav.nav_sp ul&gt;li&gt;a:hover {
  text-decoration: none;
  opacity: 1;
}

@media screen and (max-width: 374px) {
  nav.nav_sp ul&gt;li&gt;a {
    font-size: 16px;
  }
}

nav.nav_sp ul&gt;li span.acdn_switch {
  content: "";
  display: block;
  width: 50px;
  height: 60px;
  background-image: url("../img/common/icon/icon_drawer_open.png");
  background-size: 18px auto;
  background-position: left 10px center;
  position: absolute;
  top: 0;
  right: 0;
}

nav.nav_sp ul&gt;li.menu_event a {
  border-right: 1px solid #ebebeb;
}

nav.nav_sp ul&gt;li.menu_tel {
  margin-bottom: 12px;
}

nav.nav_sp ul&gt;li.menu_tel a {
  padding-left: 30px;
  background: none;
}

nav.nav_sp ul&gt;li.menu_tel a:before {
  content: "・";
  position: absolute;
  left: 12px;
  top: 15px;
}

nav.nav_sp ul&gt;li ul.sub_menu {
  padding: 0;
}

nav.nav_sp ul&gt;li ul.sub_menu li {
  padding: 0 10px;
  background-color: #F9F5F4;
  height: 0;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

nav.nav_sp ul&gt;li ul.sub_menu li a {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  color: #837469;
  border-bottom: #A2A2A2 1px dotted;
  line-height: 1.5;
  opacity: 0;
  padding: 0 10px 0 50px;
  height: 0;
  overflow: hidden;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media screen and (max-width: 374px) {
  nav.nav_sp ul&gt;li ul.sub_menu li a {
    font-size: 14px;
    padding-left: 30px !important;
  }
}

nav.nav_sp ul&gt;li.parent_menu&gt;a,
nav.nav_sp ul&gt;li.half_menu&gt;a,
nav.nav_sp ul&gt;li.tel_menu&gt;a,
nav.nav_sp ul&gt;li.btn_menu&gt;a {
  background: inherit;
}

nav.nav_sp ul&gt;li.half_menu {
  width: 50%;
}

nav.nav_sp ul&gt;li.half_menu a {
  padding-left: 30px;
  padding-right: 10px;
  position: relative;
}

nav.nav_sp ul&gt;li.half_menu a:before {
  content: "・";
  position: absolute;
  left: 12px;
  top: 15px;
}

/*nav.nav_sp ul &gt; li.half_menu:nth-child(2n) a {
          border-right: 1px solid #707070; }*/
nav.nav_sp ul&gt;li.menu_reform {
  background-image: url("../img/common/icon/icon_drawer_reform.png");
}

nav.nav_sp ul&gt;li.menu_order {
  background-image: url("../img/common/icon/icon_drawer_order.png");
}

nav.nav_sp ul&gt;li.menu_sell {
  background-image: url("../img/common/icon/icon_drawer_sell.png");
  background-size: 25px auto;
}

nav.nav_sp ul&gt;li.menu_used-mansion {
  background-image: url("../img/common/icon/icon_drawer_used-mansion.png");
}

nav.nav_sp ul&gt;li.menu_new-mansion {
  background-image: url("../img/common/icon/icon_drawer_new-mansion.svg");
}

nav.nav_sp ul&gt;li.menu_new-house {
  background-image: url("../img/common/icon/icon_drawer_new-house.svg");
}

nav.nav_sp ul&gt;li.menu_used-house {
  background-image: url("../img/common/icon/icon_drawer_used-house.svg");
}

nav.nav_sp ul&gt;li.menu_land {
  background-image: url("../img/common/icon/icon_drawer_land.svg");
}

nav.nav_sp ul&gt;li.menu_policy {
  background-image: url("../img/common/icon/icon_drawer_policy.png");
}

nav.nav_sp ul&gt;li.menu_kurashi {
  background-image: url("../img/common/icon/icon_drawer_kurashi.png");
}

nav.nav_sp ul&gt;li.menu_consultation {
  background-image: url("../img/common/icon/icon_drawer_consul.svg");
}

nav.nav_sp ul&gt;li.menu_lease {
  background-image: url("../img/common/icon/icon_drawer_lease.svg");
}

nav.nav_sp ul&gt;li.menu_rent {
  background-image: url("../img/common/icon/icon_drawer_rent.svg");
}

nav.nav_sp ul&gt;li.menu_empty {
  background-image: url("../img/common/icon/icon_drawer_empty.svg");
}

nav.nav_sp ul&gt;li.menu_event {
  background-image: url("../img/common/icon/icon_drawer_event.png");
}

nav.nav_sp ul&gt;li.tel_menu {
  text-align: center;
}

nav.nav_sp ul&gt;li.tel_menu a {
  display: inline-block;
  width: 360px;
  padding: 30px 30px 20px 70px;
  border: none;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #3A2A1A;
  line-height: 1;
  background-image: url("../img/common/icon/icon_tel.svg");
  background-size: 50px;
  background-position: left 20px center;
}

nav.nav_sp ul&gt;li.tel_menu a span {
  display: inline-block;
  line-height: 1;
}

nav.nav_sp ul&gt;li.tel_menu a strong {
  display: inline-block;
  line-height: 1;
  font-size: 36px;
  font-weight: bold;
  white-space: nowrap;
}

@media screen and (max-width: 374px) {
  nav.nav_sp ul&gt;li.tel_menu a {
    width: 320px;
    font-size: 14px;
    background-size: 40px;
    background-position: left 30px center;
    padding-top: 20px;
  }

  nav.nav_sp ul&gt;li.tel_menu a strong {
    font-size: 32px;
  }
}

nav.nav_sp ul&gt;li.btn_menu div.icon_btn {
  padding: 0 10px;
  margin-bottom: 10px;
}

nav.nav_sp ul&gt;li.btn_menu div.icon_btn a {
  min-width: inherit;
  width: 100%;
  padding: 20px 10px 18px;
  background-position: right 30px center;
  background-size: 7px auto;
  background-repeat: no-repeat;
}

nav.nav_sp ul&gt;li.btn_menu div.icon_btn span {
  font-size: 21px;
  font-weight: 400;
  padding-left: 60px;
  background-size: auto 100%;
}

@media screen and (max-width: 568px) {
  nav.nav_sp ul&gt;li.btn_menu div.icon_btn span {
    padding-right: 30px;
  }
}

nav.nav_sp ul&gt;li.btn_menu div.icon_btn.shop_consul a {
  background-image: url("../img/common/arrow/arrow_drawer_btn_r.png");
}

nav.nav_sp ul&gt;li.btn_menu div.icon_btn.shop_consul a:hover {
  background-image: url("../img/common/arrow/arrow_drawer_btn_w.png");
}

nav.nav_sp ul&gt;li.btn_menu div.icon_btn.mail_magazine a {
  background-image: url("../img/common/arrow/arrow_drawer_btn_bl.png");
}

nav.nav_sp ul&gt;li.btn_menu div.icon_btn.mail_magazine a:hover {
  background-image: url("../img/common/arrow/arrow_drawer_btn_w.png");
}

nav.nav_sp ul&gt;li.open ul.sub_menu li {
  height: auto;
}

nav.nav_sp ul&gt;li.open ul.sub_menu li a {
  overflow: visible;
  height: auto;
  opacity: 1;
  padding: 10px 10px 10px 50px;
}

nav.nav_sp ul&gt;li.open span.acdn_switch {
  background-image: url("../img/common/icon/icon_drawer_close.png");
}

footer {
  width: 100%;
}

footer .footer_nav {
  background-color: #f1f1f1;
  width: 100%;
  padding: 0 !important;
}

footer .footer_inner {
  padding: 25px 0;
}

@media screen and (max-width: 768px) {
  footer .footer_inner {
    padding: 0;
    width: 100%;
  }
}

footer .footer_inquiry {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
}

footer .footer_inquiry .footer_tel {
  text-align: center;
  margin: 0 20px;
}

footer .footer_inquiry .footer_tel p {
  font-size: 20px;
  line-height: 1.2;
}

footer .footer_inquiry .footer_tel a {
  font-weight: 500;
  font-size: 42px;
  color: #333;
  padding-left: 53px;
  background-size: 40px auto;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../img/common/icon/icon_tel.png");
  width: auto;
  line-height: 1.2;
}

footer .footer_inquiry .icon_btn {
  margin: 0 10px;
}

footer .footer_inquiry .icon_btn a {
  min-width: inherit;
}

footer .footer_inquiry .icon_btn span {
  font-size: 20px;
  padding: 5px 0 3px 55px;
  line-height: 1.2;
}

footer .footer_inquiry .icon_btn.online_consul a {
  min-width: 330px;
  min-height: 72px;
}

footer .footer_inquiry .icon_btn.online_consul span {
  background-size: auto 75%;
}

footer .footer_sitemap {
  margin: auto;
  padding: 35px 0 0 !important;
}

footer .footer_sitemap&gt;ul {
  text-align: left;
  display: table;
  width: 100%;
}

footer .footer_sitemap&gt;ul h2 {
  border-bottom: 2px solid #dfdfdf;
}

footer .footer_sitemap&gt;ul h2 a {
  padding: 12px 10px;
  color: #333;
  display: block;
}

footer .footer_sitemap&gt;ul h2 a span {
  font-weight: normal;
  font-size: 18px;
}

footer .footer_sitemap&gt;ul li.frame+li.frame {
  padding-left: 40px;
}

footer .footer_sitemap&gt;ul li.frame {
  display: table-cell;
}

footer .footer_sitemap&gt;ul li.frame.hierarchy_sitemap ul {
  padding: 15px 10px;
}

footer .footer_sitemap&gt;ul li.frame.hierarchy_sitemap ul li {
  line-height: 2;
}

footer .footer_sitemap&gt;ul li.frame.hierarchy_sitemap ul li a {
  font-size: 16px;
  color: #333;
  padding-left: 23px;
  background-size: 11px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../img/common/arrow/arrow_right_g.svg");
}

footer .footer_sitemap&gt;ul li.frame.hierarchy_sitemap ul li a:hover {
  text-decoration: underline;
}

footer .footer_sitemap&gt;ul li.frame.content_frame .child_cont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

footer .footer_sitemap&gt;ul li.frame.content_frame .child_cont ul {
  width: 50%;
}

footer .footer_sitemap&gt;ul li.frame.simple_sitemap ul+ul {
  margin-top: 30px;
}

footer .footer_sitemap&gt;ul li.frame.simple_sitemap ul li {
  line-height: 2.5;
}

footer .footer_sitemap&gt;ul li.frame.simple_sitemap ul li a {
  font-size: 18px;
}

footer .footer_sitemap&gt;ul li.frame.simple_sitemap ul li a:hover {
  text-decoration: underline;
}

footer .footer_sitemap_sp ul li {
  border-bottom: 1px dotted #a6a6a6;
  padding: 10px;
}

footer .footer_sitemap_sp ul li a {
  font-size: 18px;
  display: block;
  padding-left: 30px;
}

@media screen and (max-width: 568px) {
  footer .footer_sitemap_sp ul li a {
    font-size: 14px;
  }
}

footer section.copyright {
  padding: 30px 0;
  text-align: center;
}

footer section.copyright h3,
footer section.copyright p {
  font-size: 16px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  footer section.copyright {
    padding: 20px 0;
  }

  footer section.copyright h3,
  footer section.copyright p {
    font-size: 12px;
  }
}

div#container {
  width: 100%;
  height: 100%;
}

div.front main {
  margin-top: 150px;
}

@media screen and (max-width: 855px) {
  div.front main {
    margin-top: 130px;
  }
}

@media screen and (max-width: 768px) {
  div.front main {
    margin-top: 73px;
  }
}

div.front main h2.ttl {
  margin: 0 auto 10px auto;
  font-weight: bold;
}

div.front main section {
  padding: 20px 0;
}

div.front main section article {
  position: relative;
}

div.article.article_temp_reform main {
  background-image: url("../img/content/_temp/page_bg.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-attachment: fixed;
}

@media screen and (max-width: 768px) {
  div.article.article_temp_reform main {
    background-image: url("../img/content/_temp/page_bg_sp.jpg");
    background-position: center top 73px;
  }

  div.article.article_temp_reform main&gt;section&gt;article {
    width: 95%;
    margin: 0 auto 50px;
  }

  div.article.article_temp_reform main&gt;section.content_nav_area&gt;article {
    margin-bottom: 0;
  }
}

div.article div.ttl {
  margin-top: 150px;
  width: 100%;
  background-image: url("../img/content/_temp/article_kv_bg.png");
  background-repeat: no-repeat;
  background-color: #ffffff;
  background-position: center center;
  background-size: cover;
  padding: 55px 0;
}

@media screen and (max-width: 855px) {
  div.article div.ttl {
    margin-top: 130px;
    background-image: url("../img/content/_temp/article_kv_bg_sp.png");
  }
}

@media screen and (max-width: 768px) {
  div.article div.ttl {
    padding: 40px 0;
    margin-top: 73px;
  }
}

@media screen and (max-width: 568px) {
  div.article div.ttl {
    padding: 30px 0;
  }
}

div.article div.ttl h1 {
  color: #837469;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  div.article div.ttl h1 {
    font-size: 16px;
  }
}

div.article div.ttl.no_image {
  background-image: none;
  background-color: #ded5c6;
}

div.article div.ttl.no_image h1 {
  font-weight: normal;
  color: #343434;
}

div.article .no_ttl {
  margin-top: 150px;
}

@media screen and (max-width: 855px) {
  div.article .no_ttl {
    margin-top: 130px;
  }
}

@media screen and (max-width: 768px) {
  div.article .no_ttl {
    margin-top: 73px;
  }
}

div.article div.pan {
  border-top: #fff 1px solid;
}

div.article main h2.ttl {
  margin: 0 auto 10px auto;
  font-weight: bold;
}

div.article section {
  padding: 20px 0;
}

div.article section article {
  position: relative;
}

div.column_1 section article {
  margin-bottom: 40px;
}

div.column_1 div.column_wrapper {
  width: 100%;
  max-width: 1100px;
  height: auto;
  margin: auto;
  padding: 13px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper.case {
    padding: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.column_1 div.column_wrapper.case {
    padding: 20px;
  }
}

div.column_1 div.column_wrapper .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 30px;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-bottom: 20px;
  }
}

div.column_1 div.column_wrapper .flex .img_area {
  width: 30%;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper .flex .img_area {
    width: 100%;
  }
}

div.column_1 div.column_wrapper .flex .text_area {
  width: 70%;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper .flex .text_area {
    width: 100%;
  }
}

div.column_1 div.column_wrapper .flex h3,
div.column_1 div.column_wrapper .flex .text_area&gt;div {
  color: #837469;
  margin-bottom: 20px;
}

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

  div.column_1 div.column_wrapper .flex h3,
  div.column_1 div.column_wrapper .flex .text_area&gt;div {
    font-size: 12px;
  }
}

div.column_1 div.column_wrapper .flex h3 span,
div.column_1 div.column_wrapper .flex .text_area&gt;div span {
  border-radius: 8px;
  padding: 5px 15px;
  border: 1px solid #837469;
  display: inline-block;
  margin-right: 15px;
}

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

  div.column_1 div.column_wrapper .flex h3 span,
  div.column_1 div.column_wrapper .flex .text_area&gt;div span {
    font-size: 12px;
    padding: 3px 8px;
    margin-right: 5px;
  }
}

div.column_1 div.column_wrapper table {
  margin-top: 30px;
  width: 100%;
  min-width: inherit;
  max-width: inherit;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper table {
    margin: 20px 0;
  }

  div.column_1 div.column_wrapper table tbody {
    display: flex;
  }
}

div.column_1 div.column_wrapper table tr {
  width: 100%;
}

div.column_1 div.column_wrapper table th {
  background-color: #f8f5f3;
  border: 1px solid #b5afad;
  text-align: center;
  padding: 3px 0;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper table th {
    width: 100%;
    font-size: 16px;
  }
}

div.column_1 div.column_wrapper table th:first-child {
  width: 25%;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper table th:first-child {
    width: 100%;
  }
}

div.column_1 div.column_wrapper table td {
  border: 1px solid #b5afad;
  text-align: center;
  padding: 3px 0;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper table td {
    width: 100%;
    font-size: 16px;
  }
}

div.column_1 div.column_wrapper table td:first-child {
  width: 25%;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper table td:first-child {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper.box_mb20 div.content {
    margin-bottom: 25px;
  }
}

div.column_1 div.column_wrapper div.content {
  width: 100%;
  height: auto;
  min-height: 200px;
  padding: 30px 50px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper div.content {
    padding: 0px;
  }
}

div.column_1 div.column_wrapper div.content h2.tit_leftb {
  border-left: 8px solid #837469;
  padding: 0 20px;
  margin-bottom: 30px;
  font-weight: bold;
}

div.column_1 div.column_wrapper div.content h2.tit_leftb span {
  font-weight: normal;
  display: block;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper div.content h2.tit_leftb {
    border-left: 4px solid #837469;
    padding: 0 0px 0 10px;
    font-size: 15px;
    margin-bottom: 15px;
  }

  div.column_1 div.column_wrapper div.content h2.tit_leftb span {
    font-size: 12px;
  }
}

div.column_1 div.column_wrapper div.content h2.point_title {
  font-weight: 500;
}

div.column_1 div.column_wrapper div.content h2.point_title span {
  color: #837469;
  border: 1px solid #837469;
  padding: 5px 20px;
  margin-right: 20px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper div.content h2.point_title {
    font-size: 15px;
    line-height: 2em;
    padding-bottom: 5px;
  }

  div.column_1 div.column_wrapper div.content h2.point_title span {
    font-size: 9px;
    padding: 5px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

  div.column_1 div.column_wrapper div.content h2.point_title br.hide_pc {
    display: block;
    margin-bottom: 8px;
  }
}

div.column_1 div.column_wrapper div.content p {
  color: #343434;
  font-weight: 500;
  line-height: 1.5;
}

div.column_1 div.column_wrapper div.content p .text_undline {
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #f3f957 0%);
  display: inline;
  padding: 0 2px 0px;
  line-height: 1.5;
}

div.column_1 div.column_wrapper div.content p.text_area {
  width: 100%;
  max-width: 71%;
}

div.column_1 div.column_wrapper div.content p.img_area {
  width: 100%;
  max-width: 28%;
}

div.column_1 div.column_wrapper div.content p.left {
  float: left;
}

div.column_1 div.column_wrapper div.content p.right {
  float: right;
}

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

  div.column_1 div.column_wrapper div.content p.text_area,
  div.column_1 div.column_wrapper div.content p.img_area {
    max-width: 100%;
    margin-bottom: 20px;
  }

  div.column_1 div.column_wrapper div.content p.img_area {
    max-width: 90%;
    margin: 0 auto 20px;
    float: none;
  }
}

div.column_1 div.column_wrapper div.message_box {
  width: 100%;
  height: auto;
  margin: 20px auto 0;
  padding: 10px;
  clear: both;
  float: left;
  background-image: url("../img/content/_temp/message_box_bg.gif");
  background-repeat: repeat;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper div.message_box {
    padding: 5px;
    margin: 0px auto;
  }
}

div.column_1 div.column_wrapper div.message_box .message_inner01 {
  width: 100%;
  height: auto;
  padding: 30px 10px 30px 120px;
  background-color: #FFF;
  background-image: url("../img/content/_temp/article_illust_point.png");
  background-position: 10px 10px;
  background-size: 106px auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div.column_1 div.column_wrapper div.message_box .message_inner01 h3 {
  color: #837469;
  font-weight: 700;
  margin-bottom: 15px;
}

div.column_1 div.column_wrapper div.message_box .message_inner01 h3 .icon_point {
  border: 1px solid #837469;
  padding: 10px 20px;
  margin-right: 20px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

ul.column_list&gt;li .body_cont h3, ul.column_list &gt; li .body_cont h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  margin: 10px 0;
  padding-bottom: 10px;
  position: relative;
}

div.column_1 div.column_wrapper div.message_box .message_inner01 p {
  font-weight: 500;
}

div.column_1 div.column_wrapper div.message_box .message_inner01 p.text_undline {
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #f3f957 0%);
  display: inline;
  padding: 0 2px 0px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper div.message_box .message_inner01 {
    padding: 20px 20px 90px;
    background-position: right 0px bottom;
    background-size: 80px auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  div.column_1 div.column_wrapper div.message_box .message_inner01 h3 {
    font-size: 15px;
  }

  div.column_1 div.column_wrapper div.message_box .message_inner01 h3 .icon_point {
    font-size: 9px;
    padding: 5px 10px;
    margin-right: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    float: left;
  }

  div.column_1 div.column_wrapper div.message_box .message_inner01 p.text_undline {
    margin-bottom: 20px;
  }
}

div.column_1 div.column_wrapper div.message_box .message_inner02 {
  width: 100%;
  height: auto;
  padding: 30px 10px 30px 130px;
  background-color: #FFF;
  background-position: 20px center;
  background-size: 100px auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div.column_1 div.column_wrapper div.message_box .message_inner02.point_bg01 {
  background-image: url("../img/content/_temp/article_illust_point01.png");
}

div.column_1 div.column_wrapper div.message_box .message_inner02.point_bg02 {
  background-image: url("../img/content/_temp/article_illust_point02.png");
}

div.column_1 div.column_wrapper div.message_box .message_inner02.point_bg03 {
  background-image: url("../img/content/_temp/article_illust_point03.png");
}

div.column_1 div.column_wrapper div.message_box .message_inner02.point_bg04 {
  background-image: url("../img/content/_temp/article_illust_point04.png");
}

div.column_1 div.column_wrapper div.message_box .message_inner02.point_bg05 {
  background-image: url("../img/content/_temp/article_illust_point05.png");
}

div.column_1 div.column_wrapper div.message_box .message_inner02 p {
  font-weight: 500;
  padding-bottom: 1em;
}

div.column_1 div.column_wrapper div.message_box .message_inner02 p:last-child {
  padding-bottom: 0;
}

div.column_1 div.column_wrapper div.message_box .message_inner02 p.text_undline {
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #f3f957 0%);
  display: inline;
  padding: 0 2px 0px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  div.column_1 div.column_wrapper div.message_box .message_inner02 {
    padding: 20px 20px 90px;
    background-position: right 10px bottom 10px;
    background-size: 80px auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  div.column_1 div.column_wrapper div.message_box .message_inner02 p.text_undline {
    margin-bottom: 20px;
  }
}

div.column_2 main {
  width: 70%;
  float: left;
}

@media screen and (max-width: 768px) {
  div.column_2 main {
    width: 100%;
    float: none;
  }
}

div.column_2 aside {
  width: 25%;
  float: right;
}

@media screen and (max-width: 768px) {
  div.column_2 aside {
    width: 100%;
    float: none;
  }
}

.icon_ttl {
  text-align: center;
  line-height: 1.2;
  font-size: 28px;
  font-weight: bold;
  color: #837469;
  margin-bottom: 25px;
}

.icon_ttl img {
  display: inline-block;
  width: 40px;
  margin-right: 30px;
  vertical-align: bottom;
}

@media screen and (max-width: 768px) {
  .icon_ttl {
    font-size: 20px;
  }

  .icon_ttl img {
    width: 30px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 568px) {
  .icon_ttl {
    font-size: 16px;
  }

  .icon_ttl img {
    width: 20px;
    margin-right: 15px;
  }
}

.icon_ttl.icon_ttl_s {
  font-size: 20px;
}

.icon_ttl.icon_ttl_s img {
  width: 35px;
  margin-right: 15px;
}

.icon_ttl.icon_ttl_555 {
  color: #555;
}

div.arrow_btn {
  text-align: center;
}

div.arrow_btn a {
  display: inline-block;
  width: auto;
  min-width: 350px;
  padding: 17px 20px 15px;
  border-radius: 10px;
  border: 2px solid #837469;
  box-shadow: 0px 3px 0px 0px #837469;
  background-color: #fff;
  line-height: 1;
}

div.arrow_btn a:hover {
  background-color: #837469;
  opacity: 1;
}

div.arrow_btn a:hover span {
  color: #fff;
  background-image: url("../img/common/icon/btn_arrow_w.svg");
}

div.arrow_btn.skin_blown a:hover span {
  color: #fff !important;
  background-image: url("../img/common/icon/btn_arrow_w.svg") !important;
}

div.arrow_btn span {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  color: #837469;
  padding-left: 15px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../img/common/icon/btn_arrow_g.svg");
  background-size: 11px 11px;
}

@media screen and (max-width: 768px) {
  div.arrow_btn a {
    min-width: 400px;
    padding: 15px 20px 13px;
  }

  div.arrow_btn a:hover {
    opacity: 1;
  }

  div.arrow_btn span {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.arrow_btn a {
    min-width: 250px;
    padding: 12px 20px 10px;
  }

  div.arrow_btn span {
    font-size: 12px;
  }
}

div.arrow_btn.arrow_btn_s a {
  min-width: 380px;
  padding: 10px 20px 9px;
}

div.arrow_btn.arrow_btn_s span {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  div.arrow_btn.arrow_btn_s a {
    min-width: inherit;
    max-width: 300px;
    width: 100%;
  }

  div.arrow_btn.arrow_btn_s span {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  div.arrow_btn.arrow_btn_s a {
    max-width: 250px;
  }

  div.arrow_btn.arrow_btn_s span {
    font-size: 12px;
  }
}

div.arrow_btn.skin_tel {
  margin-top: 47px;
}

@media screen and (max-width: 768px) {
  div.arrow_btn.skin_tel {
    margin-top: 0;
  }
}

div.arrow_btn.skin_online {
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  div.arrow_btn.skin_online {
    margin-top: 0;
  }
}

div.arrow_btn.skin-recommend a {
  width: 280px;
  min-width: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 15px;
}

div.arrow_btn.skin-recommend span {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  div.arrow_btn.skin-recommend a {
    min-width: 300px;
    padding: 10px 15px;
    margin-bottom: 10px;
  }

  div.arrow_btn.skin-recommend span {
    font-size: 16px;
  }
}

div.icon_btn,
li.icon_btn {
  text-align: center;
}

div.icon_btn a,
li.icon_btn a {
  display: inline-block;
  width: auto;
  min-width: 320px;
  padding: 20px 20px;
  border-radius: 10px;
  border: 2px solid #e83416;
  box-shadow: 0px 5px 0px 0px #e83416;
  background-color: #fff;
  line-height: 1;
}

div.icon_btn a:hover,
li.icon_btn a:hover {
  opacity: 1;
  background-color: #e83416;
}

div.icon_btn a:hover span,
li.icon_btn a:hover span {
  color: #fff;
}

div.icon_btn span,
li.icon_btn span {
  display: inline-block;
  padding-left: 50px;
  font-weight: bold;
  font-size: 20px;
  color: #e83416;
  text-align: left;
  background-position: left center;
  background-size: auto 80%;
  background-repeat: no-repeat;
}

div.icon_btn_consultation,
li.icon_btn_consultation {
  text-align: center;
}

div.icon_btn_consultation a,
li.icon_btn_consultation a {
  display: inline-block;
  width: auto;
  min-width: 320px;
  padding: 20px 20px;
  border-radius: 10px;
  border: 2px solid #e83416;
  box-shadow: 0px 5px 0px 0px #e83416;
  background-color: #fff;
  line-height: 1;
}

div.icon_btn_consultation a:hover,
li.icon_btn_consultation a:hover {
  opacity: 1;
  background-color: #e83416;
}

div.icon_btn_consultation a:hover span,
li.icon_btn_consultation a:hover span {
  color: #fff;
}

div.icon_btn_consultation span,
li.icon_btn_consultation span {
  display: inline-block;
  padding-left: 35px;
  font-weight: bold;
  font-size: 20px;
  color: #e83416;
  text-align: left;
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

/* 自由が丘準備中 - Start */
div.icon_btn a.jiyugaoka span,
li.icon_btn a.jiyugaoka span {
  display: inline-block;
  padding-left: 0;
  font-weight: bold;
  font-size: 20px;
  color: #e83416;
  text-align: left;
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

div.icon_btn a.jiyugaoka:hover,
li.icon_btn a.jiyugaoka:hover {
  opacity: 1;
  background-color: #e83416;
}

div.icon_btn a.jiyugaoka:hover span,
li.icon_btn a.jiyugaoka:hover span {
  color: #fff;
}

/* 自由が丘準備中 - End */
@media screen and (max-width: 768px) {

  div.icon_btn a,
  li.icon_btn a {
    min-width: 190px;
    border-width: 1px;
    box-shadow: 0px 2.5px 0px 0px #e83416;
    padding: 15px 40px;
    border-radius: 5px;
  }

  div.icon_btn a:hover,
  li.icon_btn a:hover {
    opacity: 1;
  }

  div.icon_btn span,
  li.icon_btn span {
    font-size: 14px;
    padding-left: 40px;
  }
}

div.icon_btn.online_consul span,
li.icon_btn.online_consul span {
  background-image: url("../img/common/icon/icon_consultation.svg");
}

div.icon_btn.online_consul a:hover span,
li.icon_btn.online_consul a:hover span {
  background-image: url("../img/common/icon/icon_consultation_w.svg");
}

div.icon_btn_consultation.online_consul span,
li.icon_btn_consultation.online_consul span {
  background-image: url("../img/common/icon/icon_consultation.svg");
}

div.icon_btn_consultation.online_consul a:hover span,
li.icon_btn_consultation.online_consul a:hover span {
  background-image: url("../img/common/icon/icon_consultation_w.svg");
}

div.icon_btn.shop_consul span,
li.icon_btn.shop_consul span {
  background-image: url("../img/common/icon/icon_in_shop.svg");
}

div.icon_btn.shop_consul a:hover span,
li.icon_btn.shop_consul a:hover span {
  background-image: url("../img/common/icon/icon_in_shop_w.svg");
}

div.icon_btn.mail_consul span,
li.icon_btn.mail_consul span {
  background-image: url("../img/common/icon/icon_mail_bl_red.svg");
}

div.icon_btn.mail_consul a:hover span,
li.icon_btn.mail_consul a:hover span {
  background-image: url("../img/common/icon/icon_mail_bl_w.svg");
}

/* 自由が丘準備中 - Start */
div.icon_btn.shop_consul a.jiyugaoka span,
li.icon_btn.shop_consul a.jiyugaoka span {
  background-image: none;
}

div.icon_btn.shop_consul a.jiyugaoka:hover span,
li.icon_btn.shop_consul a.jiyugaoka:hover span {
  background-image: none;
}

/* 自由が丘準備中 - End */
div.icon_btn.mail_magazine span,
li.icon_btn.mail_magazine span {
  background-image: url("../img/common/icon/icon_mail_bl.svg");
}

div.icon_btn.mail_magazine a:hover span,
li.icon_btn.mail_magazine a:hover span {
  background-image: url("../img/common/icon/icon_mail_w.svg");
}

div.icon_btn.arrow_red,
li.icon_btn.arrow_red {
  width: 100%;
}

div.icon_btn.arrow_red a,
li.icon_btn.arrow_red a {
  width: 100%;
  box-shadow: 0px 10px 0px 0px #e83416;
}

@media screen and (max-width: 568px) {

  div.icon_btn.arrow_red a,
  li.icon_btn.arrow_red a {
    box-shadow: 0px 5px 0px 0px #e83416;
  }
}

div.icon_btn.arrow_red span,
li.icon_btn.arrow_red span {
  font-size: 28px;
  padding-right: 80px;
  color: #fb4700;
  background-image: url("../img/common/icon/btn_arrow_r.svg");
  background-size: auto 70%;
  background-position: right center;
}

@media screen and (max-width: 568px) {

  div.icon_btn.arrow_red span,
  li.icon_btn.arrow_red span {
    font-size: 18px;
    padding-right: 40px;
  }
}

div.icon_btn.arrow_red a:hover span,
li.icon_btn.arrow_red a:hover span {
  background-image: url("../img/common/icon/btn_arrow_w.svg");
}

div.icon_btn.arrow_red_02,
li.icon_btn.arrow_red_02 {
  width: 100%;
}

div.icon_btn.arrow_red_02 a,
li.icon_btn.arrow_red_02 a {
  width: 100%;
  box-shadow: 0px 5px 0px 0px #e83416;
  background-image: url("../img/common/icon/btn_arrow_r.svg");
  background-size: 26px;
  background-position: right 40px center;
}

div.icon_btn.arrow_red_02 a:hover,
li.icon_btn.arrow_red_02 a:hover {
  background-image: url("../img/common/icon/btn_arrow_w.svg");
}

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

  div.icon_btn.arrow_red_02 a,
  li.icon_btn.arrow_red_02 a {
    background-size: 20px;
  }
}

@media screen and (max-width: 568px) {

  div.icon_btn.arrow_red_02 a,
  li.icon_btn.arrow_red_02 a {
    box-shadow: 0px 3px 0px 0px #e83416;
    background-size: 13px;
    background-position: right 20px center;
  }
}

div.icon_btn.arrow_red_02 span,
li.icon_btn.arrow_red_02 span {
  font-size: 28px;
  padding: 0;
  color: #fb4700;
}

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

  div.icon_btn.arrow_red_02 span,
  li.icon_btn.arrow_red_02 span {
    font-size: 18px;
  }
}

@media screen and (max-width: 568px) {

  div.icon_btn.arrow_red_02 span,
  li.icon_btn.arrow_red_02 span {
    font-size: 14px;
  }
}

div.icon_btn.brown_btn a,
li.icon_btn.brown_btn a {
  border-color: #837469;
  box-shadow: 0px 5px 0px 0px #837469;
}

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

  div.icon_btn.brown_btn a,
  li.icon_btn.brown_btn a {
    box-shadow: 0px 2.5px 0px 0px #837469;
  }
}

div.icon_btn.brown_btn a:hover,
li.icon_btn.brown_btn a:hover {
  background-color: #837469;
  opacity: 1;
}

div.icon_btn.brown_btn a:hover span,
li.icon_btn.brown_btn a:hover span {
  color: #fff;
}

div.icon_btn.brown_btn span,
li.icon_btn.brown_btn span {
  color: #837469;
}

div.icon_btn.black_btn a,
li.icon_btn.black_btn a {
  border-color: #3a2a1a;
  box-shadow: 0px 5px 0px 0px #3a2a1a;
}

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

  div.icon_btn.black_btn a,
  li.icon_btn.black_btn a {
    box-shadow: 0px 2.5px 0px 0px #3a2a1a;
  }
}

div.icon_btn.black_btn a:hover,
li.icon_btn.black_btn a:hover {
  background-color: #3a2a1a;
  opacity: 1;
}

div.icon_btn.black_btn a:hover span,
li.icon_btn.black_btn a:hover span {
  color: #fff;
}

div.icon_btn.black_btn span,
li.icon_btn.black_btn span {
  color: #3a2a1a;
}

div.icon_btn.reform span,
li.icon_btn.reform span {
  background-image: url("../img/common/icon/icon_reform_b.svg");
}

div.icon_btn.reform a:hover span,
li.icon_btn.reform a:hover span {
  background-image: url("../img/common/icon/icon_reform_w.svg");
}

div.icon_btn.order span,
li.icon_btn.order span {
  background-image: url("../img/common/icon/icon_order_b.svg");
}

div.icon_btn.order a:hover span,
li.icon_btn.order a:hover span {
  background-image: url("../img/common/icon/icon_order_w.svg");
}

div.icon_btn.sale span,
li.icon_btn.sale span {
  background-image: url("../img/common/icon/icon_sale_b.svg");
}

div.icon_btn.sale a:hover span,
li.icon_btn.sale a:hover span {
  background-image: url("../img/common/icon/icon_sale_w.svg");
}

div.icon_btn.mansion span,
li.icon_btn.mansion span {
  background-image: url("../img/common/icon/icon_mansion_b.svg");
}

div.icon_btn.mansion a:hover span,
li.icon_btn.mansion a:hover span {
  background-image: url("../img/common/icon/icon_mansion_w.svg");
}

div.icon_btn.policy span,
li.icon_btn.policy span {
  background-image: url("../img/common/icon/icon_policy_b.svg");
}

div.icon_btn.policy a:hover span,
li.icon_btn.policy a:hover span {
  background-image: url("../img/common/icon/icon_policy_w.svg");
}

div.icon_btn.living span,
li.icon_btn.living span {
  background-image: url("../img/common/icon/icon_living_b.svg");
}

div.icon_btn.living a:hover span,
li.icon_btn.living a:hover span {
  background-image: url("../img/common/icon/icon_living_w.svg");
}

div.icon_btn.pdf span,
li.icon_btn.pdf span {
  padding: 0;
}

div.icon_btn.pdf a,
li.icon_btn.pdf a {
  background-image: url("../img/common/icon/icon_pdf_b.png");
  background-position: left 30px center;
  background-size: 26px auto;
  padding: 14px 20px 13px 60px;
}

div.icon_btn.pdf a:hover,
li.icon_btn.pdf a:hover {
  background-image: url("../img/common/icon/icon_pdf_w.png");
}

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

  div.icon_btn.relocation_sp a,
  li.icon_btn.relocation_sp a {
    padding: 15px 10px 15px;
  }

  div.icon_btn.relocation_sp span,
  li.icon_btn.relocation_sp span {
    font-size: 12px;
    background-position: top center;
    background-size: 40px auto;
    padding: 40px 0 0 0;
  }
}

@media screen and (max-width: 568px) {

  div.icon_btn.relocation_sp a,
  li.icon_btn.relocation_sp a {
    padding: 10px 0px;
  }

  div.icon_btn.relocation_sp span,
  li.icon_btn.relocation_sp span {
    font-size: 8px;
    background-size: 30px auto;
    padding: 30px 0 0 0;
  }
}

div.icon_text_btn {
  text-align: center;
}

div.icon_text_btn p {
  font-size: 16px;
  color: #837469;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}

@media screen and (max-width: 1220px) {
  div.icon_text_btn p {
    font-size: 14px;
  }
}

div.icon_text_btn a {
  display: inline-block;
  width: 100%;
  padding: 15px 20px;
  border-radius: 10px;
  border: 2px solid #837469;
  box-shadow: 0px 5px 0px 0px #837469;
  background-color: #fff;
  line-height: 1;
}

div.icon_text_btn a:hover {
  opacity: 1;
  background-color: #837469;
}

div.icon_text_btn a:hover span,
div.icon_text_btn a:hover p {
  color: #fff;
}

div.icon_text_btn span {
  display: inline-block;
  padding: 15px 0 15px 110px;
  font-weight: bold;
  font-size: 24px;
  color: #837469;
  text-align: left;
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

div.icon_text_btn.policy span {
  background-image: url("../img/common/icon/icon_policy_b.png");
  padding-left: 90px;
}

div.icon_text_btn.policy a:hover span {
  background-image: url("../img/common/icon/icon_policy_w.png");
}

div.icon_text_btn.living span {
  background-image: url("../img/common/icon/icon_living_b.png");
}

div.icon_text_btn.living a:hover span {
  background-image: url("../img/common/icon/icon_living_w.png");
}

div.text_btn {
  text-align: center;
}

div.text_btn p {
  font-size: 16px;
  color: #837469;
  font-weight: bold;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 1220px) {
  div.text_btn p {
    font-size: 14px;
  }
}

div.text_btn a {
  display: inline-block;
  width: 100%;
  padding: 10px 20px 5px;
  border-radius: 10px;
  border: 2px solid #837469;
  box-shadow: 0px 5px 0px 0px #837469;
  background-color: #fff;
  line-height: 1;
}

div.text_btn a:hover {
  opacity: 1;
  background-color: #837469;
}

div.text_btn a:hover span,
div.text_btn a:hover p {
  color: #fff;
}

div.text_btn span {
  display: inline-block;
  font-weight: bold;
  font-size: 22px;
  color: #837469;
}

div.right_arrow_btn {
  text-align: center;
}

div.right_arrow_btn a {
  display: inline-block;
  min-width: 420px;
  padding: 21px 65px 21px 40px;
  border-radius: 10px;
  border: 2px solid #837469;
  background-color: #fff;
  background-image: url("../img/common/arrow/arrow_right_g.svg");
  background-size: 21px;
  background-position: right 40px center;
}

div.right_arrow_btn.skin-case a {
  padding-top: 10px;
  padding-right: 40px;
  padding-bottom: 10px;
  padding-left: 65px;
  margin-top: 30px;
  min-width: 360px;
  background-color: #837469;
  background-image: url(../img/common/arrow/arrow_right_w.svg);
  background-position: left 40px center;
  transition: background-color 300ms;
}

div.right_arrow_btn.skin-case a span {
  color: #fff;
}

div.right_arrow_btn.skin-case a:hover {
  background-color: #fff;
  background-image: url(../img/common/arrow/arrow_right_g.svg);
  background-size: 21px;
  background-position: left 40px center;
}

div.right_arrow_btn.skin-case a:hover span {
  color: #837469;
}

div.right_arrow_btn.skin-case a span {
  font-size: 18px;
}

div.right_arrow_btn a span {
  color: #837469;
  font-size: 21px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  div.right_arrow_btn.skin-case a {
    padding-top: 7px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-left: 35px;
    min-width: 220px;
  }

  div.right_arrow_btn.skin-case a span {
    font-size: 13px;
  }

  div.right_arrow_btn a {
    border-width: 1px;
    min-width: 300px;
    padding: 10px 50px 10px 30px;
    background-size: 16px;
    background-position: right 30px center;
  }

  div.right_arrow_btn.skin-case a {
    margin-top: 40px;
  }

  div.right_arrow_btn a span {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.right_arrow_btn a {
    min-width: 210px;
    padding: 7px 35px 7px 25px;
    background-size: 11px;
    background-position: right 20px center;
  }

  div.right_arrow_btn a span {
    font-size: 11px;
  }
}

div.right_arrow_btn a:hover {
  opacity: 1;
  background-color: #837469;
  background-image: url("../img/common/arrow/arrow_right_w.svg");
}

div.right_arrow_btn a:hover span {
  color: #fff;
}

div.right_arrow_btn.right_arrow_btn_s a {
  min-width: 310px;
  padding: 10px 60px 10px 40px;
  background-size: 16px;
}

div.right_arrow_btn.right_arrow_btn_s a span {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  div.right_arrow_btn.right_arrow_btn_s a {
    min-width: 250px;
    padding: 8px 30px 8px 20px;
    background-position: right 15px center;
    background-size: 11px;
    border-radius: 5px;
  }

  div.right_arrow_btn.right_arrow_btn_s a span {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  div.right_arrow_btn.right_arrow_btn_s a {
    min-width: 170px;
    padding: 5px 20px 5px 15px;
    background-position: right 10px center;
    background-size: 8px;
  }

  div.right_arrow_btn.right_arrow_btn_s a span {
    font-size: 12px;
  }
}

div.anchor_btn {
  text-align: center;
}

div.anchor_btn a {
  display: inline-block;
  padding: 12px 24px 12px;
  border: 2px solid #837469;
  box-shadow: 0px 3px 0px 0px #837469;
  background-color: #fff;
  line-height: 1;
  border-radius: 41px;
}

div.anchor_btn a:hover {
  background-color: #837469;
  opacity: 1;
}

div.anchor_btn a:hover span,
div.anchor_btn a:hover strong,
div.anchor_btn a:hover b {
  color: #fff;
}

div.anchor_btn a:hover p {
  background-image: url("../img/common/arrow/arrow_bottom_w.svg");
}

div.anchor_btn a p {
  margin: 0;
  display: inline-block;
  padding-left: 26px;
  background-position: left center;
  background-size: 11px;
  background-image: url("../img/common/arrow/arrow_bottom_g.svg");
}

div.anchor_btn a span,
div.anchor_btn a strong,
div.anchor_btn a span,
div.anchor_btn a b {
  color: #837469;
  display: block;
  line-height: 1.2;
}

div.anchor_btn a span {
  font-size: 12px;
  font-weight: 500;
}

div.anchor_btn a strong,
div.anchor_btn a b {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  div.anchor_btn a {
    padding: 10px 40px;
    border: 1px solid #837469;
    box-shadow: 0px 2.5px 0px 0px #837469;
  }

  div.anchor_btn a p {
    width: 100%;
  }

  div.anchor_btn a span,
  div.anchor_btn a strong,
  div.anchor_btn a span,
  div.anchor_btn a b {
    line-height: 1.5;
  }
}

@media screen and (max-width: 568px) {
  div.anchor_btn a {
    padding: 8px 30px;
  }

  div.anchor_btn a span {
    font-size: 9px;
  }

  div.anchor_btn a strong,
  div.anchor_btn a b {
    font-size: 12px;
  }
}

div.bubble p {
  color: #837469;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  border-radius: 10px;
  padding: 6px 29px 6px;
  border: 2px solid #837469;
  box-shadow: 0px 2px 0px 0px #837469;
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
  background-image: url("../img/common/pattern_stripe_w.jpg");
}

div.bubble p:after {
  bottom: -13px;
  left: 32px;
  content: '';
  width: 13px;
  height: 13px;
  position: absolute;
  background-size: 100%;
  background-image: url("../img/common/qs.png");
}

@media screen and (max-width: 768px) {
  div.bubble p {
    font-size: 16px;
    border-radius: 5px;
    padding: 5px 15px 5px;
    border: 1px solid #837469;
    box-shadow: 0px 1px 0px 0px #837469;
  }

  div.bubble p:after {
    bottom: -7px;
    left: 16px;
    width: 7px;
    height: 7px;
  }
}

@media screen and (max-width: 568px) {
  div.bubble p {
    font-size: 12px;
  }
}

div#pageup {
  width: 70px;
  height: 70px;
  position: fixed;
  bottom: 20px;
  right: 50%;
  z-index: 100;
  -moz-transform: translate(750px, 0);
  -ms-transform: translate(750px, 0);
  -webkit-transform: translate(750px, 0);
  transform: translate(750px, 0);
}

@media screen and (max-width: 1600px) {
  div#pageup {
    right: 20px;
    -webkit-transform: inherit;
    transform: inherit;
  }
}

@media screen and (max-width: 768px) {
  div#pageup {
    width: 45px;
    height: 45px;
    right: 10px;
  }
}

@media screen and (max-width: 568px) {
  div#pageup {
    width: 35px;
    height: 35px;
  }
}

div#pageup a img {
  width: 100%;
  height: 100%;
}

div.pan {
  width: 100%;
  margin: auto;
  overflow: hidden;
  background-color: #f8f5f3;
  padding: 5px 0;
  height: auto;
}

@media screen and (max-width: 568px) {
  div.pan {
    padding: 5px 0;
    font-size: 10px;
    height: auto;
  }
}

div.pan div.in {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

div.pan div.in ul {
  width: auto;
  max-width: 200px;
  display: table;
  text-align: left;
  background-image: url("../img/common/icon/icon_house_b.svg");
  background-position: center left;
  background-size: 15px 15px;
  padding: 0 0 0 20px;
}

div.pan div.in ul li {
  color: #343434;
  font-size: 100%;
  display: table-cell;
  white-space: nowrap;
  background-image: url("../img/common/icon/btn_arrow.svg");
  background-position: center right 10px;
  background-size: 12px 12px;
  padding: 0 32px 0 0;
}

div.pan div.in ul li:last-child {
  background-image: none;
  padding: 0;
}

div.pan div.in ul li a {
  width: 100%;
  height: 100%;
  display: inline;
  white-space: nowrap;
}

div.pan div.in ul li a:link {
  color: #343434;
}

div.pan div.in ul li a:hover {
  color: #CCCCCC;
}

.text_brown {
  color: #3a2a1a;
}

.text_24 {
  font-size: 24px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .text_24 {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  .text_24 {
    font-size: 10px;
  }
}

.text_18 {
  font-size: 18px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .text_18 {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  .text_18 {
    font-size: 11px;
  }
}

.text_16,
.arrow_link,
div.news section.news_article article div.editor a,
div.column section.column_article article div.editor a,
div.event section.event_article article div.editor a,
ul.point_list div.text_cont p,
div.article_head ul li,
div.editor p {
  font-size: 16px;
  line-height: 1.5;
}

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

  .text_16,
  .arrow_link,
  div.news section.news_article article div.editor a,
  div.column section.column_article article div.editor a,
  div.event section.event_article article div.editor a,
  ul.point_list div.text_cont p,
  div.article_head ul li,
  div.editor p {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {

  .text_16,
  .arrow_link,
  div.news section.news_article article div.editor a,
  div.column section.column_article article div.editor a,
  div.event section.event_article article div.editor a,
  ul.point_list div.text_cont p,
  div.article_head ul li,
  div.editor p {
    font-size: 10px;
  }
}

.text_14,
div.event section.event_article article div.editor .wp-caption-text {
  font-size: 14px;
  line-height: 1.3;
}

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

  .text_14,
  div.event section.event_article article div.editor .wp-caption-text {
    font-size: 12px;
  }
}

@media screen and (max-width: 568px) {

  .text_14,
  div.event section.event_article article div.editor .wp-caption-text {
    font-size: 10px;
  }
}

.line_deco_red,
div.line_ttl h1,
div.line_ttl h2 {
  display: block;
  position: relative;
  padding-bottom: 12px;
  line-height: 1.2;
}

.line_deco_red:before,
div.line_ttl h1:before,
div.line_ttl h2:before,
.line_deco_red:after,
div.line_ttl h1:after,
div.line_ttl h2:after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.line_deco_red:before,
div.line_ttl h1:before,
div.line_ttl h2:before {
  width: 100%;
  background-color: #dbdbb9;
}

.line_deco_red:after,
div.line_ttl h1:after,
div.line_ttl h2:after {
  width: 40px;
  background-color: #e83416;
}

div.line_ttl {
  padding-top: 50px;
}

div.line_ttl h1,
div.line_ttl h2 {
  font-size: 32px;
  font-weight: bold;
  padding-bottom: 15px;
}

div.line_ttl h1:after,
div.line_ttl h2:after {
  width: 120px;
}

@media screen and (max-width: 768px) {
  div.line_ttl {
    padding-top: 20px;
  }

  div.line_ttl h1,
  div.line_ttl h2 {
    font-size: 28px;
    text-align: center;
  }

  div.line_ttl h1:after,
  div.line_ttl h2:after {
    width: 80px;
  }
}

@media screen and (max-width: 568px) {

  div.line_ttl h1:after,
  div.line_ttl h2:after {
    width: 45px;
  }
}

span.outer_link:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 12px;
  background-image: url("../img/common/icon/icon_outer_link.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center right;
}

@media screen and (max-width: 768px) {
  span.outer_link:after {
    width: 14px;
    height: 9px;
  }
}

.arrow_link,
div.news section.news_article article div.editor a,
div.column section.column_article article div.editor a,
div.event section.event_article article div.editor a {
  display: inline;
  width: auto;
  color: #837469;
  font-weight: bold;
  position: relative;
  padding-right: 30px;
}

.arrow_link:visited,
div.news section.news_article article div.editor a:visited,
div.column section.column_article article div.editor a:visited,
div.event section.event_article article div.editor a:visited {
  color: #837469;
}

.arrow_link:after,
div.news section.news_article article div.editor a:after,
div.column section.column_article article div.editor a:after,
div.event section.event_article article div.editor a:after {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background-image: url("../img/common/arrow/arrow_right_g.svg");
  background-size: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 1.5;
}

div.news section.news_article article div.editor a[target="_blank"]:after,
div.column section.column_article article div.editor a[target="_blank"]:after,
div.event section.event_article article div.editor a[target="_blank"]:after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("../img/common/icon/icon_outer_link.png");
  background-size: 100%;
  position: absolute;
  right: 0;
  bottom: 50%;
  line-height: 1.5;
  transform: translateY(50%)
}

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

  .arrow_link,
  div.news section.news_article article div.editor a,
  div.column section.column_article article div.editor a,
  div.event section.event_article article div.editor a {
    padding-right: 25px;
  }

  .arrow_link:after,
  div.news section.news_article article div.editor a:after,
  div.column section.column_article article div.editor a:after,
  div.event section.event_article article div.editor a:after {
    width: 18px;
    height: 18px;
  }

  .arrow_link:after,
  div.news section.news_article article div.editor a[target="_blank"]:after,
  div.column section.column_article article div.editor a[target="_blank"]:after,
  div.event section.event_article article div.editor a[target="_blank"]:after {
    width: 18px;
    height: 18px;
  }
}

@media screen and (max-width: 568px) {

  .arrow_link,
  div.news section.news_article article div.editor a,
  div.column section.column_article article div.editor a,
  div.event section.event_article article div.editor a {
    padding-right: 20px;
    font-size: 11px;
  }

  .arrow_link:after,
  div.news section.news_article article div.editor a:after,
  div.column section.column_article article div.editor a:after,
  div.event section.event_article article div.editor a:after {
    width: 15px;
    height: 15px;
  }

  .arrow_link:after,
  div.news section.news_article article div.editor a[target="_blank"]:after,
  div.column section.column_article article div.editor a[target="_blank"]:after,
  div.event section.event_article article div.editor a[target="_blank"]:after {
    width: 15px;
    height: 15px;
  }
}

.bg_beige {
  background-color: #ebe8e4;
}

.bg_dot_pattern {
  background-image: url("../img/common/pattern_dot_y.jpg");
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}

.bg_dot_pattern_clear {
  background-image: url("../img/common/pattern_dot_clear.png");
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}

.bg_stripe_pattern,
div.article_temp_2-2 section.reform_price article ul.reform_price_list li,
div.chart_remodal {
  background-image: url("../img/common/pattern_stripe_y.jpg");
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}

.bg_fff {
  background-color: #fff;
}

.bg_pattern_stripe_c {
  background-image: url("../img/common/pattern_stripe_c.jpg");
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}

.bg_pattern_square {
  background-image: url("../img/common/pattern_square.jpg");
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}

.bg_yellow {
  background-color: #f9f9ed;
}

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

  .gatter_sp,
  div.column section.column_article article div.article_head&gt;ul,
  div.column section.column_article article h1,
  div.column section.column_article article div.editor,
  div.column section.column_article article div.go_list {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
}

ul.top_event_list {
  max-width: 1020px;
  width: 95%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  ul.top_event_list {
    max-width: inherit;
    width: 100%;
  }
}

ul.top_event_list li {
  position: relative;
  padding: 15px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  ul.top_event_list li {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 568px) {
  ul.top_event_list li {
    padding: 10px 0;
  }
}

ul.top_event_list li div.post_info {
  width: 320px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
}

ul.top_event_list li div.post_info div.new_cont {
  text-align: center;
  width: 80px;
}

ul.top_event_list li div.post_info div.new_cont span {
  color: #df3012;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
}

ul.top_event_list li div.post_info div.cat_cont {
  width: 105px;
}

ul.top_event_list li div.post_info div.cat_cont a {
  display: block;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #333;
}

ul.top_event_list li div.post_info div.cat_cont a:hover {
  background-color: #333;
}

ul.top_event_list li div.post_info div.cat_cont a:hover span {
  color: #fff;
}

ul.top_event_list li div.post_info div.cat_cont span {
  color: #333;
  font-size: 14px;
}

ul.top_event_list li div.post_info div.date_cont {
  width: 135px;
  text-align: center;
}

ul.top_event_list li div.post_info div.date_cont span {
  color: #333;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  ul.top_event_list li div.post_info div.new_cont {
    -webkit-order: 3;
    order: 3;
    display: inline-block;
    width: auto;
  }

  ul.top_event_list li div.post_info div.new_cont span {
    font-size: 12px;
  }

  ul.top_event_list li div.post_info div.cat_cont {
    -webkit-order: 1;
    order: 1;
    width: 90px;
  }

  ul.top_event_list li div.post_info div.cat_cont a {
    line-height: 1.5;
  }

  ul.top_event_list li div.post_info div.cat_cont span {
    font-size: 12px;
  }

  ul.top_event_list li div.post_info div.date_cont {
    -webkit-order: 2;
    order: 2;
    width: 100px;
  }

  ul.top_event_list li div.post_info div.date_cont span {
    font-size: 12px;
  }
}

@media screen and (max-width: 568px) {
  ul.top_event_list li div.post_info div.new_cont span {
    font-size: 11px;
    margin-left: 12px;
  }

  ul.top_event_list li div.post_info div.cat_cont {
    width: 70px;
  }

  ul.top_event_list li div.post_info div.cat_cont span {
    font-size: 12px;
  }

  ul.top_event_list li div.post_info div.date_cont {
    width: 90px;
  }

  ul.top_event_list li div.post_info div.date_cont span {
    font-size: 9px;
  }
}

ul.top_event_list li a.post_title {
  display: block;
  color: #333;
  line-height: 1.5;
  padding-top: 3px;
  font-size: 16px;
}

ul.top_event_list li a.post_title:hover {
  opacity: 1;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  ul.top_event_list li a.post_title {
    font-size: 14px;
    padding-top: 8px;
  }
}

@media screen and (max-width: 568px) {
  ul.top_event_list li a.post_title {
    font-size: 11px;
  }
}

ul.top_event_list li:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: url("../img/common/ptn_dot_b.png");
  background-repeat: repeat-x;
  background-size: auto;
  background-position: left center;
  position: absolute;
  bottom: 0;
  left: 0;
}

ul.top_event_list li:first-child:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: url("../img/common/ptn_dot_b.png");
  background-repeat: repeat-x;
  background-size: auto;
  background-position: left center;
  position: absolute;
  top: 0;
  left: 0;
}

ul.news_list {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  ul.news_list {
    max-width: inherit;
    width: 100%;
  }
}

ul.news_list li {
  position: relative;
  padding: 15px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  ul.news_list li {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 568px) {
  ul.news_list li {
    padding: 10px 0;
  }
}

ul.news_list li div.post_info {
  width: 200px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
}

ul.news_list li div.post_info div.new_cont {
  text-align: center;
  width: 80px;
}

ul.news_list li div.post_info div.new_cont span {
  color: #df3012;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
}

ul.news_list li div.post_info div.date_cont {
  width: 120px;
  text-align: center;
}

ul.news_list li div.post_info div.date_cont span {
  color: #333;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  ul.news_list li div.post_info div.new_cont {
    -webkit-order: 2;
    order: 2;
    display: inline-block;
    width: auto;
  }

  ul.news_list li div.post_info div.new_cont span {
    font-size: 12px;
  }

  ul.news_list li div.post_info div.date_cont {
    -webkit-order: 1;
    order: 1;
    width: 80px;
    text-align: left;
  }

  ul.news_list li div.post_info div.date_cont span {
    font-size: 12px;
  }
}

@media screen and (max-width: 568px) {
  ul.news_list li div.post_info div.new_cont span {
    font-size: 9px;
  }

  ul.news_list li div.post_info div.date_cont {
    width: 70px;
  }

  ul.news_list li div.post_info div.date_cont span {
    font-size: 9px;
  }
}

ul.news_list li a.post_title {
  display: block;
  color: #333;
  line-height: 1.5;
  padding-top: 3px;
  font-size: 16px;
}

ul.news_list li a.post_title:hover {
  opacity: 1;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  ul.news_list li a.post_title {
    font-size: 14px;
    padding-top: 8px;
  }
}

@media screen and (max-width: 568px) {
  ul.news_list li a.post_title {
    font-size: 11px;
  }
}

ul.news_list li:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: url("../img/common/ptn_dot_b.png");
  background-repeat: repeat-x;
  background-size: auto;
  background-position: left center;
  position: absolute;
  bottom: 0;
  left: 0;
}

ul.news_list li:last-child:after {
  display: none;
}

ul.shop_list {
  display: -webkit-flex;

  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  ul.shop_list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

ul.shop_list li {
  width: 19%;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 3px 0px 0px #3f3a29;
  margin: 0 6px;
}

ul.shop_list li .shop_name_cont {
  padding: 15px 10px;
  background-color: #766e50;
  text-align: center;
}

ul.shop_list li .shop_name_cont h4 {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  ul.shop_list li {
    width: 48%;
    margin: 0 0 20px;
  }

  ul.shop_list li:nth-child(2n-1) {
    margin-right: 4%;
  }

  ul.shop_list li:last-child {
    margin-right: 0;
  }

  ul.shop_list li .shop_name_cont {
    padding: 10px;
  }

  ul.shop_list li .shop_name_cont h4 {
    font-size: 12px;
  }
}

@media screen and (max-width: 568px) {
  ul.shop_list li .shop_name_cont h4 {
    font-size: 12px;
    font-weight: bold;
  }
}

ul.shop_list li a {
  display: block;
}

ul.point_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  ul.point_list {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

ul.point_list li {
  width: 31%;
}

@media screen and (max-width: 768px) {
  ul.point_list li {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 10px 0;
  }
}

ul.point_list div.image_cont {
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  ul.point_list div.image_cont {
    width: 46%;
    height: 170px;
  }

  ul.point_list div.image_cont img {
    height: 170px;
    object-fit: cover;
  }
}

ul.point_list div.text_cont h4,
ul.point_list div.text_cont h3 {
  font-weight: 500;
  font-size: 20px;
  color: #333;
  margin: 13px 0;
}

ul.point_list div.text_cont h4 span,
ul.point_list div.text_cont h3 span {
  border-radius: 50%;
  display: inline-block;
  font-size: 26px;
  border-radius: 50%;
  border: 1px solid #333;
  text-align: center;
  width: 46px;
  height: 46px;
  margin-right: 15px;
}

@media screen and (max-width: 768px) {
  ul.point_list div.text_cont {
    width: 50%;
  }

  ul.point_list div.text_cont h4,
  ul.point_list div.text_cont h3 {
    font-size: 18px;
    padding-left: 40px;
    position: relative;
    line-height: 1.4;
    margin: 0 0 10px;
  }

  ul.point_list div.text_cont h4 span,
  ul.point_list div.text_cont h3 span {
    font-size: 18px;
    display: block;
    width: 32px;
    height: 32px;
    padding: 1px 0;
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-right: 0;
  }
}

@media screen and (max-width: 568px) {

  ul.point_list div.text_cont h4,
  ul.point_list div.text_cont h3 {
    font-size: 12px;
    padding-left: 32px;
  }

  ul.point_list div.text_cont h4 span,
  ul.point_list div.text_cont h3 span {
    font-size: 12px;
    width: 28px;
    height: 29px;
    padding: 3px 0;
  }
}

ul.voice_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul.voice_list&gt;li {
  width: 32%;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  ul.voice_list&gt;li {
    width: 48.5%;
  }
}

ul.voice_list&gt;li .image_cont {
  border-radius: 10px;
  overflow: hidden;
  background-color: #333;
}

ul.voice_list&gt;li .image_cont a {
  display: block;
  position: relative;
}

ul.voice_list&gt;li .image_cont a:after {
  content: "詳しく見る";
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

ul.voice_list&gt;li .image_cont a:hover {
  opacity: 1;
}

ul.voice_list&gt;li .image_cont a:hover img {
  opacity: 0.5;
}

ul.voice_list&gt;li .image_cont a:hover:after {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  ul.voice_list&gt;li .image_cont a:after {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  ul.voice_list&gt;li .image_cont a:after {
    font-size: 10px;
  }
}

ul.voice_list&gt;li .tags {
  margin: 15px 0 10px;
}

ul.voice_list&gt;li .tags ul li {
  display: inline-block;
  width: auto;
  margin-bottom: 5px;
  margin-right: 0px;
  line-height: 1;
}

ul.voice_list&gt;li .tags ul li a {
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #333;
  border-radius: 5px;
}

ul.voice_list&gt;li .tags ul li a:hover {
  background-color: #333;
  color: #fff;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  ul.voice_list&gt;li .tags {
    margin: 5px 0;
  }

  ul.voice_list&gt;li .tags ul li {
    margin-bottom: 5px;
    margin-right: 0px;
    margin-right: 2px;
  }

  ul.voice_list&gt;li .tags ul li a {
    font-size: 11px;
  }
}

@media screen and (max-width: 568px) {
  ul.voice_list&gt;li .tags ul li a {
    font-size: 9px;
    padding: 3px 10px;
    border-radius: 3px;
  }
}

ul.voice_list&gt;li p.customer_info {
  font-size: 16px;
  margin-bottom: 3px;
}

@media screen and (max-width: 768px) {
  ul.voice_list&gt;li p.customer_info {
    font-size: 12px;
  }
}

@media screen and (max-width: 568px) {
  ul.voice_list&gt;li p.customer_info {
    font-size: 10px;
  }
}

ul.voice_list&gt;li h4.title {
  min-height: 54px;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  ul.voice_list&gt;li h4.title {
    min-height: 36px;
  }
}

ul.voice_list&gt;li h4.title a,
ul.voice_list&gt;li h3.title a {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  display: inline-block;
}

ul.voice_list&gt;li h4.title a:hover,
ul.voice_list&gt;li h3.title a:hover {
  text-decoration: underline;
  opacity: 1;
}

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

  ul.voice_list&gt;li h4.title a,
  ul.voice_list&gt;li h3.title a {
    font-size: 16px;
    box-shadow: 0px 1px 0px 0px rgba(131, 116, 105, 0.004);
  }
}

@media screen and (max-width: 568px) {

  ul.voice_list&gt;li h4.title a,
  ul.voice_list&gt;li h3.title a {
    font-size: 13px;
  }
}

ul.staff_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px 0;
}

@media screen and (max-width: 768px) {
  ul.staff_list {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

ul.staff_list li {
  width: 19%;
}

.top_staff ul.staff_list,
.shop_concierge ul.staff_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 20px 5%;
  margin: 40px auto 0;
  max-width: 1000px;
}

@media screen and (max-width: 768px) {
  .top_staff ul.staff_list,
  .shop_concierge ul.staff_list {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 20px;
    margin-top: 30px;
  }
}

.top_staff ul.staff_list li,
.shop_concierge ul.staff_list li {
  padding: 20px 10px 7px;
  width: 100%;
  max-width: 300px;
  min-height: 200px;
  background-color: #fff;
  border-radius: 10px;
}

ul.staff_list li .image_cont {
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  ul.staff_list li .image_cont {
    width: 31.5%;
  }

  ul.staff_list li .image_cont img {
    height: 100%;
    object-fit: cover;
  }
}

ul.staff_list li .text_cont h4,
ul.staff_list li .text_cont h3 {
  font-size: 16px;
  font-weight: 400;
}

ul.staff_list li .text_cont p.shop_name {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  padding-left: 28px;
  margin: 10px 0 12px;
  position: relative;
}

ul.staff_list li .text_cont p.shop_name::before {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url("../img/common/icon/icon_house_bl.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}

@media screen and (max-width: 768px) {
  ul.staff_list li .text_cont {
    width: 100%;
  }
}

ul.staff_list li .text_cont p.license {
  font-size: 12px;
  line-height: 1.5;
}

ul.flow_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

@media screen and (max-width: 768px) {
  ul.flow_list {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

ul.flow_list li {
  width: 25%;
}

@media screen and (max-width: 768px) {
  ul.flow_list li {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 10px;
  }
}

ul.flow_list li:nth-child(1) .image_cont,
ul.flow_list li:nth-child(2) .image_cont,
ul.flow_list li:nth-child(3) .image_cont {
  width: 107.7%;
}

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

  ul.flow_list li:nth-child(1) .image_cont,
  ul.flow_list li:nth-child(2) .image_cont,
  ul.flow_list li:nth-child(3) .image_cont {
    width: 42%;
  }
}

ul.flow_list li:nth-child(1) {
  z-index: 3;
}

ul.flow_list li:nth-child(2) {
  z-index: 2;
}

ul.flow_list li:nth-child(3) {
  z-index: 1;
}

@media screen and (max-width: 768px) {
  ul.flow_list li .image_cont {
    width: 42%;
  }
}

ul.flow_list li .text_cont {
  padding: 0 10px;
}

ul.flow_list li .text_cont h4,
ul.flow_list li .text_cont h3 {
  font-size: 21px;
}

ul.flow_list li .text_cont h4 span,
ul.flow_list li .text_cont h3 span {
  font-size: 26px;
  letter-spacing: 0.08em;
  margin-right: 10px;
}

ul.flow_list li .text_cont strong,
ul.flow_list li .text_cont b {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  ul.flow_list li .text_cont {
    width: 55%;
  }

  ul.flow_list li .text_cont h4,
  ul.flow_list li .text_cont h3 {
    font-size: 16px;
    margin-bottom: 7px;
  }

  ul.flow_list li .text_cont h4 span,
  ul.flow_list li .text_cont h3 span {
    font-size: 18px;
  }

  ul.flow_list li .text_cont strong,
  ul.flow_list li .text_cont b {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {

  ul.flow_list li .text_cont h4,
  ul.flow_list li .text_cont h3 {
    font-size: 14px;
    margin-bottom: 3px;
  }

  ul.flow_list li .text_cont h4 span,
  ul.flow_list li .text_cont h3 span {
    font-size: 15px;
  }

  ul.flow_list li .text_cont strong,
  ul.flow_list li .text_cont b {
    font-size: 12px;
    letter-spacing: -0.05em;
  }
}

ul.banner_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

ul.banner_list li {
  width: 23.5%;
  margin-left: 2%;
  margin-bottom: 2%;
  line-height: 1;
}

ul.banner_list li:nth-child(4n-3) {
  margin-left: 0;
}

ul.banner_list li a {
  line-height: 1;
  display: block;
}

ul.banner_list li a span {
  display: block;
  margin-top: 0.5em;
  text-align: center;
  font-weight: bold;
}

ul.banner_list li a span br {
  display: none;
}

@media screen and (max-width: 768px) {
  ul.banner_list li {
    width: 49%;
  }

  ul.banner_list li:nth-child(3n-2) {
    margin-left: 2%;
  }

  ul.banner_list li:nth-child(2n-1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 1300px) {
  ul.banner_list li a span br {
    display: block;
  }
}

ul.column_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  ul.column_list {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

ul.column_list&gt;li {
  width: 32%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
  margin-right: 2%;
  margin-bottom: 20px;
}

ul.column_list&gt;li:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  ul.column_list&gt;li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    margin-right: 0;
  }
}

@media screen and (max-width: 568px) {
  ul.column_list&gt;li {
    padding: 15px;
    margin-bottom: 15px;
  }
}

ul.column_list&gt;li .image_cont a {
  display: block;
}

@media screen and (max-width: 768px) {
  ul.column_list&gt;li .image_cont {
    width: 38%;
  }

  ul.column_list&gt;li .image_cont a {
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
  }

  ul.column_list&gt;li .image_cont img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@media screen and (max-width: 375px) {
  ul.column_list&gt;li .image_cont {
    height: 40vw;
  }
}

@media screen and (max-width: 375px) {
  ul.column_list&gt;li .image_cont {
    height: 40vw;
  }
}

ul.column_list&gt;li .body_cont {
  padding: 5px 10px 15px;
}

@media screen and (max-width: 768px) {
  ul.column_list&gt;li .body_cont {
    width: 59%;
    padding: 0;
  }
}

ul.column_list&gt;li .body_cont .author p.column_shop_name {
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  ul.column_list&gt;li .body_cont .author p.column_shop_name {
    font-size: 3.2vw;
  }
}

.top_column ul.column_list&gt;li .body_cont ul.tags {
  position: relative;
}

.message_box ul.column_list&gt;li .body_cont ul.tags {
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 5px 0;
}

ul.column_list&gt;li .body_cont ul.tags li {
  display: inline-block;
  width: auto;
  margin-bottom: 3px;
  margin-right: 3px;
}

ul.column_list&gt;li .body_cont ul.tags li a {
  border-radius: 5px;
  border: 1px solid #959595;
  display: inline-block;
  width: auto;
  color: #6f6f6f;
  font-size: 14px;
  padding: 2px 10px 0px 25px;
  background-image: url("../img/common/icon/icon_tag_b.png");
  background-size: auto 65%;
  background-position: left 5px center;
}

ul.column_list&gt;li .body_cont ul.tags li a:hover {
  opacity: 1;
  background-image: url("../img/common/icon/icon_tag_w.png");
  background-color: #959595;
  color: #fff;
}

@media screen and (max-width: 768px) {
  ul.column_list&gt;li .body_cont ul.tags {
    margin-top: 0;
  }

  ul.column_list&gt;li .body_cont ul.tags li a {
    font-size: 12px;
    line-height: 1.5;
    padding-right: 8px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 568px) {
  ul.column_list&gt;li .body_cont ul.tags {
    margin-bottom: 0;
  }

  ul.column_list&gt;li .body_cont ul.tags li a {
    font-size: 9px;
  }
}

.event_list h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  margin: 10px 0;
  position: relative;
}

.content_area.skin-event ul.column_list&gt;li .body_cont h4,
.content_area.skin-event ul.column_list&gt;li .body_cont h3 {
  padding-bottom: 0;
}

ul.column_list&gt;li .body_cont h4:after,
ul.column_list:not(:has(.event-tags))&gt;li .body_cont h3:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: url("../img/common/ptn_dot_b.png");
  background-size: 7px auto;
  background-position: left center;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
  left: 0;
}

ul.column_list&gt;li .body_cont h4 a,
ul.column_list&gt;li .body_cont h3 a {
  line-height: 1.5;
}

ul.column_list&gt;li .body_cont h4 a:hover,
ul.column_list&gt;li .body_cont h3 a:hover {
  opacity: 1;
  text-decoration: underline;
}

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

  ul.column_list&gt;li .body_cont h4,
  ul.column_list&gt;li .body_cont h3 {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {

  ul.column_list&gt;li .body_cont h4,
  ul.column_list&gt;li .body_cont h3 {
    font-size: 14px;
    margin-top: 0;
    padding-bottom: 5px;
  }
}

ul.column_list&gt;li .body_cont .author {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  margin: 15px 0;
}

ul.column_list&gt;li .body_cont .author .portrait_cont {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}

ul.column_list&gt;li .body_cont .author .portrait_cont p {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  ul.column_list&gt;li .body_cont .author .portrait_cont {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }

  ul.column_list&gt;li .body_cont .author p {
    font-size: 13px;
  }
}

@media screen and (max-width: 568px) {
  ul.column_list&gt;li .body_cont .author {
    margin: 5px 0;
  }

  ul.column_list&gt;li .body_cont .author .portrait_cont {
    width: 20px;
    height: 20px;
  }

  ul.column_list&gt;li .body_cont .author p {
    font-size: 11px;
  }
}

ul.column_list&gt;li .body_cont p.date {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  ul.column_list&gt;li .body_cont p.date {
    font-size: 11px;
  }
}

@media screen and (max-width: 568px) {
  ul.column_list&gt;li .body_cont p.date {
    font-size: 9px;
  }
}

ul.event_list&gt;li {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  padding: 15px 0;
}

ul.event_list&gt;li .text_cont {
  width: 67%;
}

ul.event_list&gt;li .image_cont {
  width: 31%;
}

@media screen and (max-width: 768px) {
  ul.event_list&gt;li {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  ul.event_list&gt;li .text_cont,
  ul.event_list&gt;li .image_cont {
    width: 100%;
    margin: 10px 0;
  }
}

ul.event_list&gt;li .text_cont .post_info {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
}

ul.event_list&gt;li .text_cont .post_info .date_cont {
  width: 120px;
  text-align: left;
}

ul.event_list&gt;li .text_cont .post_info .date_cont span {
  color: #333;
  font-size: 16px;
}

ul.event_list&gt;li .text_cont .post_info ul.tags {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li {
  margin-right: 5px;
  width: 120px;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.accepting,
ul.event_list&gt;li .text_cont .post_info ul.tags li.few,
ul.event_list&gt;li .text_cont .post_info ul.tags li.free,
ul.event_list&gt;li .text_cont .post_info ul.tags li.additional,
ul.event_list&gt;li .text_cont .post_info ul.tags li.upcoming,
ul.event_list&gt;li .text_cont .post_info ul.tags li.closed {
  width: 140px;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li p {
  display: block;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #333;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li span {
  color: #333;
  font-size: 14px;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.accepting p {
  border-color: #df3012;
  background-color: #fff3f1;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.accepting span {
  color: #df3012;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.few p {
  border-color: #eab910;
  background-color: #fffaf1;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.few span {
  color: #eab910;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.free p {
  border-color: #908277;
  background-color: #f8f5f3;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.free span {
  color: #908277;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.additional p {
  border-color: #29c3c5;
  background-color: #e6f9fc;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.additional span {
  color: #29c3c5;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.upcoming p {
  border-color: #84cb5d;
  background-color: #effae1;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.upcoming span {
  color: #84cb5d;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.closed p {
  border-color: #908277;
  background-color: #ffffff;
}

ul.event_list&gt;li .text_cont .post_info ul.tags li.closed span {
  color: #908277;
}

ul.event_list&gt;li .text_cont .post_info .new_cont {
  text-align: center;
  width: 80px;
}

ul.event_list&gt;li .text_cont .post_info .new_cont span {
  color: #df3012;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  ul.event_list&gt;li .text_cont .post_info .date_cont {
    width: 90px;
  }

  ul.event_list&gt;li .text_cont .post_info .date_cont span {
    font-size: 14px;
  }

  ul.event_list&gt;li .text_cont .post_info ul.tags li {
    width: 80px;
  }

  ul.event_list&gt;li .text_cont .post_info ul.tags li.accepting,
  ul.event_list&gt;li .text_cont .post_info ul.tags li.few,
  ul.event_list&gt;li .text_cont .post_info ul.tags li.free,
  ul.event_list&gt;li .text_cont .post_info ul.tags li.additional,
  ul.event_list&gt;li .text_cont .post_info ul.tags li.upcoming,
  ul.event_list&gt;li .text_cont .post_info ul.tags li.closed {
    width: 100px;
  }

  ul.event_list&gt;li .text_cont .post_info ul.tags li span {
    font-size: 12px;
  }

  ul.event_list&gt;li .text_cont .post_info .new_cont {
    display: inline-block;
    width: auto;
    padding-left: 20px;
  }

  ul.event_list&gt;li .text_cont .post_info .new_cont span {
    font-size: 12px;
  }
}

@media screen and (max-width: 568px) {
  ul.event_list&gt;li .text_cont .post_info .date_cont {
    width: 85px;
  }

  ul.event_list&gt;li .text_cont .post_info .date_cont span {
    font-size: 11px;
  }

  ul.event_list&gt;li .text_cont .post_info ul.tags li {
    width: 60px;
  }

  ul.event_list&gt;li .text_cont .post_info ul.tags li.accepting,
  ul.event_list&gt;li .text_cont .post_info ul.tags li.few,
  ul.event_list&gt;li .text_cont .post_info ul.tags li.free,
  ul.event_list&gt;li .text_cont .post_info ul.tags li.additional,
  ul.event_list&gt;li .text_cont .post_info ul.tags li.upcoming,
  ul.event_list&gt;li .text_cont .post_info ul.tags li.closed {
    width: 70px;
  }

  ul.event_list&gt;li .text_cont .post_info ul.tags li span {
    font-size: 11px;
  }

  ul.event_list&gt;li .text_cont .post_info .new_cont {
    padding-left: 10px;
  }

  ul.event_list&gt;li .text_cont .post_info .new_cont span {
    font-size: 11px;
  }
}

ul.event_list&gt;li .text_cont a.post_title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  margin: 10px 0 10px;
  display: inline-block;
}

ul.event_list&gt;li .text_cont a.post_title:hover {
  opacity: 1;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  ul.event_list&gt;li .text_cont a.post_title {
    font-size: 18px;
  }
}

@media screen and (max-width: 568px) {
  ul.event_list&gt;li .text_cont a.post_title {
    font-size: 14px;
  }
}

ul.event_list&gt;li .image_cont a {
  display: block;
}

ul.event_list&gt;li:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: url("../img/common/ptn_dot_b.png");
  background-repeat: repeat-x;
  background-size: auto;
  background-position: left center;
  position: absolute;
  bottom: 0;
  left: 0;
}

section.cta {
  padding-top: 70px !important;
}

@media screen and (max-width: 768px) {
  section.cta {
    padding-top: 35px !important;
  }
}

@media screen and (max-width: 568px) {
  section.cta {
    padding-top: 25px !important;
  }
}

section.cta .bg_beige {
  padding: 20px 0;
}

section.cta .bg_beige .cta_inner {
  max-width: 1060px;
}

section.cta .bg_beige .cta_inner .ttl_cont {
  position: relative;
  margin-bottom: 20px;
}

section.cta .bg_beige .cta_inner .ttl_cont h2 {
  font-size: 28px;
}

section.cta .bg_beige .cta_inner .ttl_cont .image_cont {
  width: 110px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translate(240px, 0);
  -ms-transform: translate(240px, 0);
  -webkit-transform: translate(240px, 0);
  transform: translate(240px, 0);
}

@media screen and (max-width: 768px) {
  section.cta .bg_beige .cta_inner .ttl_cont {
    margin-bottom: 10px;
  }

  section.cta .bg_beige .cta_inner .ttl_cont h2 {
    font-size: 20px;
    display: inline-block;
    width: auto;
    padding-right: 80px;
  }

  section.cta .bg_beige .cta_inner .ttl_cont .image_cont {
    width: 70px;
    -moz-transform: translate(130px, 0);
    -ms-transform: translate(130px, 0);
    -webkit-transform: translate(130px, 0);
    transform: translate(130px, 0);
  }
}

@media screen and (max-width: 568px) {
  section.cta .bg_beige .cta_inner .ttl_cont h2 {
    font-size: 15px;
    padding-right: 60px;
  }

  section.cta .bg_beige .cta_inner .ttl_cont .image_cont {
    width: 55px;
    -moz-transform: translate(95px, 0);
    -ms-transform: translate(95px, 0);
    -webkit-transform: translate(95px, 0);
    transform: translate(95px, 0);
  }
}

section.cta .bg_beige .cta_inner .btn_cont {
  display: flex;
  flex-direction: row;
  -webkit-justify-content: center;
  gap: 1rem;
}

section.cta .bg_beige .cta_inner .btn_cont .icon_btn {
  width: 32%;
}

section.cta .bg_beige .cta_inner .btn_cont .icon_btn a {
  min-width: inherit;
  width: 100%;
}

section.cta .bg_beige .cta_inner .btn_cont .icon_btn.online_consul.skin_normal a {
  padding: 17px 20px;
}

section.cta .bg_beige .cta_inner .btn_cont .icon_btn.online_consul.skin_normal span {
  line-height: 1.7;
}

section.cta .bg_beige .cta_inner .btn_cont .icon_btn.online_consul span {
  text-align: center;
  background-size: auto 75%;
}

section.cta .bg_beige .cta_inner .btn_cont .icon_btn.online_consul span small {
  font-weight: 400;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  section.cta .bg_beige .cta_inner .btn_cont .icon_btn.online_consul a {
    padding: 14px 10px 16px;
  }

  section.cta .bg_beige .cta_inner .btn_cont .icon_btn.online_consul span {
    background-size: 40px auto;
  }

  section.cta .bg_beige .cta_inner .btn_cont .icon_btn.online_consul.skin_normal a {
    padding: 10px 0px;
  }

  section.cta .bg_beige .cta_inner .btn_cont .icon_btn.online_consul span small {
    font-size: 10px;
  }
}

@media screen and (max-width: 568px) {
  section.cta .bg_beige .cta_inner .btn_cont .icon_btn.online_consul a {
    padding: 10px 0px;
  }

  section.cta .bg_beige .cta_inner .btn_cont .icon_btn.online_consul span {
    background-size: 30px auto;
  }

  section.cta .bg_beige .cta_inner .btn_cont .icon_btn.online_consul span small {
    font-size: 6px;
  }

  section.cta .bg_beige .cta_inner .btn_cont.skin_height .icon_btn a {
    height: 100%;
  }

  section.cta .bg_beige .cta_inner .btn_cont.skin_height .icon_btn span {
    font-size: 10px;
    letter-spacing: -.04em;
  }
}

section.shop_intro {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

@media screen and (max-width: 768px) {
  section.shop_intro {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

div.content_nav ul {
  padding: 40px 0px;
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -10px;
}

@media screen and (max-width: 768px) {
  div.content_nav ul {
    margin: 0 -10px;
    padding: 4vw 0;
  }
}

div.content_nav ul li {
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  div.content_nav ul li {
    width: 50%;
    padding: 10px;
  }
}

div.content_nav ul li.active a {
  background-color: #908277;
}

div.content_nav ul li.active a span {
  color: #fff;
  background-image: url("../img/common/icon/btn_arrow_w.svg");
}

div.content_nav ul li a {
  display: inline-block;
  width: auto;
  min-width: 200px;
  padding: 13px 35px;
  border-radius: 5px;
  border: 2px solid #837469;
  box-shadow: 0px 3px 0px 0px #837469;
  background-color: #fff;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  div.content_nav ul li a {
    width: 100%;
    border-radius: 4px;
    min-width: inherit;
    padding: 2vw 4vw;
    border-width: 1px;
    box-shadow: 0px 2.5px 0px 0px #837469;
  }
}

div.content_nav ul li span {
  display: inline-block;
  padding-left: 25px;
  font-weight: bold;
  font-size: 18px;
  color: #837469;
  text-align: left;
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-image: url("../img/common/icon/btn_arrow_g.svg");
  background-size: 11px 11px;
}

@media screen and (max-width: 568px) {
  div.content_nav ul li span {
    font-size: 3.8vw;
    padding-left: 5vw;
  }
}

div.content_nav ul li a:hover {
  background-color: #837469;
  opacity: 1;
}

div.content_nav ul li a:hover span {
  color: #fff;
  background-image: url("../img/common/icon/btn_arrow_w.svg");
}

div.btn_col_3 ul {
  justify-content: center;
}

@media screen and (max-width: 768px) {
  div.btn_col_3 ul {
    padding: 4vw 10px;
  }
}

div.btn_col_3 ul li {
  width: 16.6%;
}

@media screen and (max-width: 768px) {
  div.btn_col_3 ul li {
    width: 33.33%;
    padding: 5px;
  }
}

div.btn_col_3 ul li a {
  width: 100%;
  text-align: center;
  min-width: inherit;
}

div.btn_col_3 ul li a:hover {
  opacity: 1;
  background-color: #837469;
}

div.btn_col_3 ul li a:hover span {
  color: #fff;
  background-image: url("../img/common/arrow/arrow_right_w.svg");
}

div.shop section.shop_top article {
  padding: 0 40px 60px;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top article {
    padding: 0 0 20px;
  }
}

div.shop section.shop_top div.store_information {
  padding: 30px 0 90px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 568px) {
  div.shop section.shop_top div.store_information {
    padding: 20px 0 35px;
  }
}

div.shop section.shop_top div.store_information div.s_slide {
  width: 49%;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.store_information div.s_slide {
    width: 100%;
    padding: 0 10px;
  }
}

div.shop section.shop_top div.store_information div.s_info {
  width: 49%;
  padding: 0 20px;
  color: #343434;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.store_information div.s_info {
    width: 100%;
    padding: 50px 0 0;
  }
}

div.shop section.shop_top div.store_information div.s_info h3 {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

div.shop section.shop_top div.store_information div.s_info h3 span {
  padding: 5px 7px;
  border-radius: 6px;
  display: inline-block;
  border: 1px solid #837469;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.store_information div.s_info h3 span {
    font-size: 8px;
  }
}

div.shop section.shop_top div.store_information div.s_info h3 a {
  color: #343434;
  font-size: 32px;
  padding-left: 60px;
  background-size: auto 55%;
  background-position: center left 20px;
  background-repeat: no-repeat;
  background-image: url("../img/common/icon/icon_tel.png");
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.store_information div.s_info h3 a {
    font-size: 20px;
    padding-left: 40px;
    background-position: center left 15px;
    pointer-events: inherit;
  }
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.store_information div.s_info p.txt_access {
    font-size: 13px;
    margin-top: 5px;
  }
}

div.shop section.shop_top div.store_information div.s_info div.tell_fax {
  display: flex;
}

div.shop section.shop_top div.store_information div.s_info div.tell_fax p {
  display: flex;
  align-items: center;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.store_information div.s_info div.tell_fax p {
    font-size: 15px;
  }
}

div.shop section.shop_top div.store_information div.s_info div.tell_fax p span {
  display: inline-block;
  font-size: 14px;
  padding: 0 10px 0 0;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.store_information div.s_info div.tell_fax p span {
    font-size: 13px;
  }
}

div.shop section.shop_top div.store_information div.s_info div.tell_fax p a,
div.shop section.shop_top div.store_information div.s_info div.tell_fax p a:visited {
  color: #343434;
  pointer-events: none;
}

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

  div.shop section.shop_top div.store_information div.s_info div.tell_fax p a,
  div.shop section.shop_top div.store_information div.s_info div.tell_fax p a:visited {
    pointer-events: inherit;
  }
}

div.shop section.shop_top div.store_information div.s_info div.tell_fax p+p {
  margin-left: 30px;
}

div.shop section.shop_top div.store_information div.s_info div.convenient {
  margin-top: 10px;
}

div.shop section.shop_top div.store_information div.s_info div.icon_btn {
  text-align: left;
}

div.shop section.shop_top div.store_information div.s_info div.icon_btn a {
  text-align: center;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.store_information div.s_info div.icon_btn {
    text-align: center;
  }
}

div.shop section.shop_top div.s_slide {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
}

div.shop section.shop_top div.s_slide__item {
  width: 100%;
  border: 1px #ccc solid;
  display: flex !important;
  justify-content: center;
  align-items: center;
}

div.shop section.shop_top div.s_slide .slick-dots {
  text-align: center;
  margin-top: 10px;
  position: absolute;
  bottom: -34px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 568px) {
  div.shop section.shop_top div.s_slide .slick-dots {
    bottom: -20px;
  }
}

div.shop section.shop_top div.s_slide .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.s_slide .slick-dots li {
    height: 12px;
    width: 12px;
    margin: 0 2.5px;
  }
}

div.shop section.shop_top div.s_slide .slick-dots li.slick-active {
  height: 24px;
  width: 24px;
  background-color: #fff;
  border: 2px solid #837469;
  border-radius: 100%;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.s_slide .slick-dots li.slick-active {
    height: 12px;
    width: 12px;
    border: 1px solid #837469;
  }
}

div.shop section.shop_top div.s_slide .slick-dots li.slick-active button {
  margin: 4px auto;
  height: 12px;
  width: 12px;
  background: #85776c;
  color: #85776c;
  padding: 4px;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.s_slide .slick-dots li.slick-active button {
    height: 6px;
    width: 6px;
    margin: 2px auto;
    padding: 2px;
  }
}

div.shop section.shop_top div.s_slide .slick-dots button {
  height: 16px;
  width: 16px;
  border: 0;
  background: #b8afa6;
  font-size: 0px;
  color: #b8afa6;
  padding: 4px;
  cursor: pointer;
  border-radius: 50%;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.s_slide .slick-dots button {
    height: 8px;
    width: 8px;
    padding: 2px;
  }
}

div.shop section.shop_top div.s_slide .slick-arrow {
  width: 37px;
  height: 40px;
  text-indent: -10000px;
  position: absolute;
  z-index: 1;
  transform: translateY(-50%);
  top: 50%;
  cursor: pointer;
  background: transparent;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.s_slide .slick-arrow {
    width: 19px;
    height: 20px;
  }
}

div.shop section.shop_top div.s_slide .slick-prev {
  left: 0;
  background-image: url("../img/content/shop/slick_prev.svg");
}

div.shop section.shop_top div.s_slide .slick-next {
  right: 0;
  background-image: url("../img/content/shop/slick_next.svg");
}

div.shop section.shop_top div.greeting_norikuda div.icon_ttl {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.greeting_norikuda div.icon_ttl {
    margin-bottom: 20px;
  }
}

div.shop section.shop_top div.greeting_norikuda div.icon_ttl.dress_code span {
  padding-left: 35px;
  background-image: url("../img/content/shop/icon_dress_code.png");
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.greeting_norikuda div.icon_ttl.dress_code span {
    padding-left: 20px;
    background-size: auto 20px;
  }
}

div.shop section.shop_top div.greeting_norikuda div.norikuda {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

div.shop section.shop_top div.greeting_norikuda div.norikuda__txt {
  color: #333333;
  width: 67%;
  max-width: 760px;
  padding: 0 60px;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.greeting_norikuda div.norikuda__txt {
    width: 100%;
    max-width: inherit;
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.greeting_norikuda div.norikuda__txt p {
    font-size: 13px;
  }
}

div.shop section.shop_top div.greeting_norikuda div.norikuda__txt p.txt_right {
  font-size: 18px;
  text-align: right;
  margin-top: 30px;
}

div.shop section.shop_top div.greeting_norikuda div.norikuda__img {
  width: 30%;
  max-width: 330px;
}

div.shop section.shop_top div.greeting_norikuda div.norikuda__img .image_cont {
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_top div.greeting_norikuda div.norikuda__img {
    width: 100%;
    margin-top: 20px;
    max-width: inherit;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-between;
  }

  div.shop section.shop_top div.greeting_norikuda div.norikuda__img p.txt_right {
    text-align: left;
    width: 50%;
    padding-bottom: 10px;
    font-size: 17px;
  }

  div.shop section.shop_top div.greeting_norikuda div.norikuda__img .image_cont {
    width: 50%;
    margin: 0 8px;
    border-radius: 5px;
  }
}

div.shop section.shop_event h2+p {
  padding-top: 15px;
  text-align: center;
}

div.shop section.shop_concierge article {
  padding: 0 0 60px;
  width: 100%
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge article {
    padding: 0 0 40px;
  }
}

div.shop section.shop_concierge h2.icon_ttl,
div.shop section.shop_event h2.icon_ttl {
  color: #837469;
}

div.shop section.shop_event h2.icon_ttl svg {
  display: inline-block;
  margin-right: 30px;
  width: 40px;
  height: auto;
  fill: #837469;
  vertical-align: bottom;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_event h2.icon_ttl svg {
    margin-right: 15px;
    width: 20px;
  }
}

div.shop section.shop_concierge div.concierge {
  padding: 50px 0;
  background-repeat: repeat;
  background-size: auto;
  background-image: url("../img/content/shop/bg_03.jpg");
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge div.concierge {
    padding: 40px 0;
  }  
}

div.shop section.shop_concierge ul.four_to_one {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 80px 20px;
  padding: 35px 30px 0;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge ul.four_to_one {
    gap: 30px;
    padding: 20px 0 0;
    width: 95%;
    margin: 0 auto;
  }
}

div.shop section.shop_concierge ul.four_to_one li {
  width: calc((100% - 40px) / 3);
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge ul.four_to_one li {
    width: 100%;
  }
}

div.shop section.shop_concierge ul.four_to_one.two_to_one li {
  width: 49%;
  max-width: 550px;
  padding: 0;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge ul.four_to_one.two_to_one li {
    width: 100%;
    padding: 15px 0;
    max-width: inherit;
  }
}

div.shop section.shop_concierge div.manager {
  display: flex;
  justify-content: space-between;
}

div.shop section.shop_concierge div.manager__img img {
  border-radius: 10px;
  max-width: 110px;
  aspect-ratio: 1;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge div.manager__img img {
    min-width: 80px;
    max-width: fit-content;
  }
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge div.manager__img {
    width: 23.5%;
  }
}

div.shop section.shop_concierge div.staff-info {
  width: 100%;
  color: #333333;
}

div.shop section.shop_concierge div.staff-info h3 {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  line-height: 1;
  display: block;
  padding-bottom: 12px;
  position: relative;
}

div.shop section.shop_concierge div.staff-info h3:before,
div.shop section.shop_concierge div.staff-info h3:after {
  content: "";
  height: 2px;
  position: absolute;
  bottom: 0;
}

div.shop section.shop_concierge div.staff-info h3:before {
  width: 40px;
  background: #e83416;
  left: 0;
  z-index: 1;
}

div.shop section.shop_concierge div.staff-info h3:after {
  width: 100%;
  background: #dbdbba;
  right: 0;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge div.staff-info h3:after {
    left: 0;
    width: 100%;
    right: inherit;
  }
}

div.shop section.shop_concierge div.staff-info h4 {
  padding: 25px 0 15px;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge div.staff-info h4 {
    padding: 1.8vw 0;
  }
}

div.shop section.shop_concierge div.staff-info h4 span {
  display: inline-block;
  font-weight: 500;
  padding-left: 28px;
  color: #717171;
  text-align: left;
  background-position: left center;
  background-size: 22px auto;
  background-repeat: no-repeat;
  background-image: url("../img/common/icon/icon_house_bl.svg");
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge div.staff-info h4 span {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.shop section.shop_concierge div.staff-info h4 span {
    font-size: 12px;
  }
}

div.shop section.shop_concierge div.staff-info p {
  color: #707070;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 15px;
}

div.shop section.shop_concierge div.frame {
  text-align: center;
}

div.shop section.shop_concierge div.frame a {
  display: inline-block;
  padding: 20px 0;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge div.frame a {
    padding: 10px 0;
  }
}

div.shop section.shop_concierge div.frame a span {
  padding-left: 30px;
  font-size: 24px;
  font-weight: bold;
  color: #837469;
  background-position: center left 0;
  background-image: url("../img/common/icon/btn_arrow_g.svg");
  background-size: 15px;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge div.frame a span {
    font-size: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.shop section.shop_concierge div.frame a span {
    font-size: 15px;
  }
}

div.shop section.shop_concierge div.frame .frame__img a {
  display: block;
  padding: 0;
}

@media screen and (max-width: 768px) {
  div.shop section.shop_concierge div.frame p {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.shop section.shop_concierge div.frame p {
    font-size: 13px;
  }
}

div.shop section.top_column {
  overflow: hidden;
  padding: 50px 0 40px;
  margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
  div.shop section.top_column {
    padding: 30px 0;
    margin-bottom: 0;
  }
}

div.shop section.top_column article h2.icon_ttl {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  div.shop section.top_column article h2.icon_ttl {
    margin-bottom: 25px;
  }
}

div.shop section.top_column article .column_list_cont div.content_area {
  background-color: #f7f6ef;
  padding: 30px 30px 10px;
}

@media screen and (max-width: 768px) {
  div.shop section.top_column article .column_list_cont div.content_area {
    padding: 20px 20px 0px;
  }
}

@media screen and (max-width: 568px) {
  div.shop section.top_column article .column_list_cont div.content_area {
    padding: 15px 15px 0;
  }
}

div.shop div.convenient {
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin-top: 20px;
}

div.shop div.convenient div.btn_convenient {
  display: block;
  border-radius: 10px;
  background-color: #f8f5f3;
  border: 2px solid #ded5c6;
}

div.shop div.convenient div.btn_convenient span {
  color: #7b6f63;
  display: inline-block;
  padding: 6px 20px 6px 60px;
  background-size: auto 75%;
  background-position: center left 10px;
}

@media screen and (max-width: 568px) {
  div.shop div.convenient div.btn_convenient span {
    font-size: 3.2vw;
    padding: 4px 15px 4px 45px;
  }
}

div.shop div.convenient div.btn_convenient.hobby_horse {
  margin-right: 10px;
}

div.shop div.convenient div.btn_convenient.hobby_horse span {
  background-image: url("../img/content/shop/hobby-horse.svg");
}

div.shop div.convenient div.btn_convenient.parking span {
  background-image: url("../img/content/shop/parking.svg");
}

div.shop section.concierge_article .list_cont {
  margin: 50px 0 100px;
}

@media screen and (max-width: 768px) {
  div.shop section.concierge_article .list_cont {
    margin: 10px 0 25px;
  }
}

div.shop section.concierge_article .list_cont .staff_list li {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 0;
}

div.shop section.concierge_article .list_cont .staff_list li .image_cont {
  border-radius: 10px;
  overflow: hidden;
  width: 29.2%;
}

@media screen and (max-width: 768px) {
  div.shop section.concierge_article .list_cont .staff_list li .image_cont {
    width: 175px;
    margin: 0 auto 30px;
    border-radius: 5px;
  }
}

div.shop section.concierge_article .list_cont .staff_list li .text_cont {
  width: 70%;
  padding: 0 150px 0 45px;
}

@media screen and (max-width: 768px) {
  div.shop section.concierge_article .list_cont .staff_list li .text_cont {
    width: 100%;
    padding: 0;
  }
}

div.shop section.concierge_article .list_cont .staff_list li .text_cont h4 {
  font-size: 20px;
  font-weight: 400;
  margin: 20px 0 20px;
}

@media screen and (max-width: 768px) {
  div.shop section.concierge_article .list_cont .staff_list li .text_cont h4 {
    margin-top: 0;
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.shop section.concierge_article .list_cont .staff_list li .text_cont h4 {
    margin-top: 0;
    font-size: 14px;
  }
}

div.shop section.concierge_article .list_cont .staff_list li .text_cont p {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  div.shop section.concierge_article .list_cont .staff_list li .text_cont p {
    font-size: 13px;
  }
}

div.shop section.concierge_article .list_cont .staff_list li .text_cont p.qualifications {
  margin-bottom: 10px;
}

div.shop section.store_guide {
  padding: 50px 0 70px;
  text-align: center;
  background-color: #f9f9ed;
}

@media screen and (max-width: 768px) {
  div.shop section.store_guide {
    padding: 4vw 0 5vw;
    background-size: cover;
    background-image: url("../img/content/shop/bg_store_guide.jpg");
  }
}

div.shop section.store_guide ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  -webkit-align-items: stretch;
  margin-left: -10px;
  margin-right: -10px;
}

div.shop section.store_guide ul li {
  width: 20%;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  div.shop section.store_guide ul li {
    width: 50%;
  }
}

div.shop section.store_guide ul li a {
  padding: 0;
  width: 100%;
  height: 100%;
  line-height: 1;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  background-color: #766e50;
  box-shadow: 0px 3px 0px 0px #3f3a29;
}

div.shop section.store_guide ul li h3 {
  color: #fff;
  font-weight: 500;
  font-size: 15.26px;
  padding: 18px 10px;
}

@media screen and (max-width: 768px) {
  div.shop section.store_guide ul li h3 {
    padding: 10px;
    font-size: 12px;
  }
}

@media screen and (max-width: 568px) {
  div.shop section.store_guide ul li h3 {
    font-size: 10px;
  }
}

div.shop section.access {
  text-align: center;
}

div.shop section.access article {
  padding: 0 40px 60px;
}

@media screen and (max-width: 768px) {
  div.shop section.access article {
    padding: 0 0 30px;
  }
}

div.shop section.access h3 {
  text-align: left;
  font-size: 28px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  div.shop section.access h3 {
    padding-top: 10px;
    font-size: 4.2vw;
  }
}

div.shop section.access p {
  margin-top: 15px;
  text-align: left;
  line-height: 1.5em;
}

@media screen and (max-width: 568px) {
  div.shop section.access p {
    font-size: 3.2vw;
    margin-top: 10px;
  }
}

div.shop section.access div.pdf_map {
  min-height: 455px;
  margin: 40px 0 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  div.shop section.access div.pdf_map {
    min-height: 0;
    margin: 30px 0 0;
  }
}

div.shop section.access div.pdf_map .map {
  width: 65%;
  max-width: 740px;
  max-height: 359px;
}

div.shop section.access div.pdf_map .map div.gg_map {
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
}

@media screen and (max-width: 768px) {
  div.shop section.access div.pdf_map .map div.gg_map {
    height: 225px;
  }
}

@media screen and (max-width: 768px) {
  div.shop section.access div.pdf_map .map {
    width: 100%;
    max-width: inherit;
    min-height: inherit;
  }
}

div.shop section.access div.pdf_map .pdf {
  width: 31.6%;
  max-width: 360px;
}

@media screen and (max-width: 768px) {
  div.shop section.access div.pdf_map .pdf {
    width: 100%;
    max-width: 265px;
    margin: 0 auto;
  }
}

div.shop section.access div.pdf_map div.icon_btn {
  margin-top: 25px;
}

div.shop section.access div.pdf_map div.icon_btn a {
  min-width: 264px;
  padding: 15px 30px;
  border-radius: 5px;
  border: 2px solid #837469;
  box-shadow: 0px 3px 0px 0px #837469;
}

div.shop section.access div.pdf_map div.icon_btn a:hover span {
  color: #fff;
  background-image: url("../img/common/icon/btn_arrow_w.svg");
}

div.shop section.access div.pdf_map div.icon_btn span {
  padding: 0 35px;
  font-size: 16px;
  color: #837469;
  background-position: center right 0;
  background-image: url("../img/common/icon/btn_arrow_g.svg");
  background-size: 11px 11px;
}

@media screen and (max-width: 768px) {
  div.shop section.access div.pdf_map div.icon_btn {
    margin: 25px auto;
  }

  div.shop section.access div.pdf_map div.icon_btn a {
    min-width: 190px;
    border-width: 1px;
    box-shadow: 0px 2.5px 0px 0px #837469;
    padding: 10px 10px 8px;
    border-radius: 5px;
  }

  div.shop section.access div.pdf_map div.icon_btn span {
    font-size: 14px;
    padding: 0 40px 0 30px;
  }
}

div.shop section.access ul.guide {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.shop section.access ul.guide li {
  width: 49%;
  max-width: 550px;
  padding: 15px;
  background-repeat: repeat;
  background-size: auto;
  background-image: url("../img/content/shop/bg_01.jpg");
}

@media screen and (max-width: 768px) {
  div.shop section.access ul.guide li {
    width: 100%;
    max-width: inherit;
    margin-top: 10px;
    padding: 8px;
  }
}

div.shop section.access ul.guide li div.guide_content {
  border-radius: 10px;
  background-color: #fff;
  padding: 25px;
  height: 100%;
}

@media screen and (max-width: 768px) {
  div.shop section.access ul.guide li div.guide_content {
    padding: 15px;
  }
}

div.shop section.access ul.guide li div.guide_content h4 {
  background-repeat: repeat-x;
  background-size: auto 1px;
  background-position: left bottom;
  text-align: left;
  padding-bottom: 10px;
  background-image: url("../img/content/shop/bg_02.jpg");
}

div.shop section.access ul.guide li div.guide_content h4 span {
  color: #443724;
  font-size: 24px;
  font-weight: 500;
  display: inline-block;
  padding: 0 0 0 45px;
  background-size: 32px auto;
  background-position: center left;
}

@media screen and (max-width: 768px) {
  div.shop section.access ul.guide li div.guide_content h4 span {
    font-size: 15px;
    padding: 0 0 0 35px;
    background-size: 25px auto;
  }
}

@media screen and (max-width: 768px) {
  div.shop section.access ul.guide li div.guide_content p {
    font-size: 13px;
  }
}

div.shop section.access ul.guide li div.guide_content.train h4 span {
  background-image: url("../img/content/shop/train.png");
}

div.shop section.access ul.guide li div.guide_content.car h4 span {
  background-image: url("../img/content/shop/car.png");
}

div.shop section.gallery {
  padding: 20px 0 70px;
}

@media screen and (max-width: 768px) {
  div.shop section.gallery {
    padding: 20 0 30px;
  }
}

div.shop section.gallery article {
  padding: 0 40px;
}

@media screen and (max-width: 768px) {
  div.shop section.gallery article {
    padding: 0;
  }
}

div.shop section.gallery article .image_modal ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 0 -10px;
}

div.shop section.gallery article .image_modal ul li {
  width: 25%;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  div.shop section.gallery article .image_modal ul li {
    width: 50%;
  }
}

div.shop section.gallery article .image_modal ul li a {
  height: 100%;
  display: block;
}

div.gallery_remodal {
  width: 95%;
  padding: 20px;
  background: #eeeeee;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  div.gallery_remodal {
    padding: 3vw;
  }
}

div.gallery_remodal .modal_cont {
  padding: 0;
  max-width: 900px;
  margin: 0 auto;
}

div.gallery_remodal .modal_cont p {
  margin-top: 16px;
  line-height: 1.5;
  text-align: center;
  font-size: 21px;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Roboto", sans-serif;
}

@media screen and (max-width: 768px) {
  div.gallery_remodal .modal_cont p {
    font-size: 3.4vw;
  }
}

/* --- remodal.js style START --- */
.remodal-wrapper .remodal-close {
  color: #fff;
  height: 82px;
  width: 82px;
  background-size: cover;
  background-image: url("../img/content/shop/icon_close.png");
  right: -41px;
  top: -34px;
  left: inherit;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .remodal-wrapper .remodal-close {
    height: 14.8vw;
    width: 14.8vw;
    top: -4vw;
    right: -3.4vw;
  }
}

.remodal-wrapper .remodal-close:hover,
.remodal-wrapper .remodal-close:focus {
  color: #fff;
}

div.movie_remodal {
  max-width: 900px;
  padding: 20px;
  background: #eeeeee;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  div.movie_remodal {
    padding: 3vw;
  }
}

div.movie_remodal .modal_cont {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  margin: 0 auto;
}

div.movie_remodal .modal_cont iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.front div.top_view {
  background-image: url("../img/content/top/img_top_mv_190327.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  div.front div.top_view {
    background-image: url("../img/content/top/img_top_mv_sp_190926.jpg");
  }
}

div.front div.top_view .top_view_inner {
  height: 580px;
  position: relative;
  padding: 35px;
}

@media screen and (max-width: 768px) {
  div.front div.top_view .top_view_inner {
    height: 66vw;
    padding: 8vw 0;
  }
}

div.front div.top_view .top_view_inner a {
  display: block;
}

div.front div.top_view .top_view_inner .main_copy {
  text-align: end;
}

div.front div.top_view .top_view_inner .main_copy h2 {
  font-weight: 500;
  color: #3a2a19;
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

div.front div.top_view .top_view_inner .main_copy h2 strong {
  color: #312010;
  font-weight: bold;
  font-size: 40px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  div.front div.top_view .top_view_inner .main_copy h2 {
    font-size: 14px;
  }

  div.front div.top_view .top_view_inner .main_copy h2 strong {
    font-size: 20px;
    line-height: 3.5;
  }
}

@media screen and (max-width: 568px) {
  div.front div.top_view .top_view_inner .main_copy h2 {
    font-size: 10px;
  }

  div.front div.top_view .top_view_inner .main_copy h2 strong {
    font-size: 14px;
  }
}

@media screen and (max-width: 414px) {
  div.front div.top_view .top_view_inner .main_copy h2 strong {
    font-size: 14px;
  }
}

div.front div.top_view .top_view_inner .movie_intro {
  position: absolute;
  left: 6%;
  bottom: -3px;
  width: 290px;
}

div.front div.top_view .top_view_inner .webcheck_intro {
  position: absolute;
  right: 6%;
  bottom: -3px;
  width: 250px;
}

div.front div.top_view .top_view_inner .scroll {
  position: absolute;
  left: 50%;
  bottom: 10px;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 58px;
}

@media screen and (max-width: 768px) {
  div.front div.top_view .top_view_inner .scroll {
    width: 40px;
  }
}

@media screen and (max-width: 568px) {
  div.front div.top_view .top_view_inner .scroll {
    width: 29px;
  }
}

div.front section.top_service {
  padding: 50px 0 0;
}

@media screen and (max-width: 768px) {
  div.front section.top_service {
    padding: 30px 0;
  }
}

div.front section.top_service article p {
  margin: 50px 0;
}

@media screen and (max-width: 768px) {
  div.front section.top_service article p {
    margin: 0;
  }
}

div.front section.top_service article div.btn_cont {
  position: relative;
  padding-bottom: 65px;
  z-index: 1;
}

div.front section.top_service article div.btn_cont .person_left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30%;
  z-index: -1;
}

div.front section.top_service article div.btn_cont .person_right {
  position: absolute;
  bottom: 0;
  right: 4%;
  width: 24%;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  div.front section.top_service article div.btn_cont {
    padding: 160px 0 0;
  }

  div.front section.top_service article div.btn_cont .person_left {
    width: 225px;
    bottom: 42px;
    left: inherit;
    right: 50%;
    -moz-transform: translate(-40px, 0);
    -ms-transform: translate(-40px, 0);
    -webkit-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
  }

  div.front section.top_service article div.btn_cont .person_right {
    width: 160px;
    bottom: 47px;
    right: inherit;
    left: 50%;
    -moz-transform: translate(50px, 0);
    -ms-transform: translate(50px, 0);
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0);
  }
}

@media screen and (max-width: 568px) {
  div.front section.top_service article div.btn_cont {
    padding: 105px 0 0;
  }

  div.front section.top_service article div.btn_cont .person_left {
    width: 140px;
    bottom: 38px;
    -moz-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    -webkit-transform: translate(-20px, 0);
    transform: translate(-20px, 0);
  }

  div.front section.top_service article div.btn_cont .person_right {
    width: 105px;
    bottom: 38px;
    -moz-transform: translate(25px, 0);
    -ms-transform: translate(25px, 0);
    -webkit-transform: translate(25px, 0);
    transform: translate(25px, 0);
  }
}

div.front section.top_pickup {
  padding-top: 30px;
  padding-bottom: 80px;
}

@media screen and (max-width: 768px) {
  div.front section.top_pickup {
    padding-top: 20px;
  }
}

div.front section.top_event_seminar {
  padding: 50px 0;
}

@media screen and (max-width: 768px) {
  div.front section.top_event_seminar {
    padding: 30px 0;
  }
}

@media screen and (max-width: 768px) {
  div.front section.top_event_seminar article {
    width: 100%;
  }
}

.event_list_cont {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  div.front section.top_event_seminar .event_list_cont {
    margin-top: 30px;
  }
}

div.front section.top_pickup .pickup_slider .slide {
  padding: 0 8px;
}

@media screen and (max-width: 768px) {
  div.front section.top_pickup .pickup_slider .slide {
    padding: 0;
  }
}

div.front section.top_pickup .pickup_slider .slide a {
  display: block;
  background-color: #ededed;
}

div.front section.top_pickup .pickup_slider .slide img {
  opacity: 0.5;
}

div.front section.top_pickup .pickup_slider .slide.slick-active img {
  opacity: 1;
}

div.front section.top_pickup .pickup_slider .slick-prev,
div.front section.top_pickup .pickup_slider .slick-next,
.event_slider .slick-prev,
.event_slider .slick-next {
  width: 37px;
  height: 40px;
  background-size: contain;
  z-index: 1;
}

div.front section.top_pickup .pickup_slider .slick-prev:before,
div.front section.top_pickup .pickup_slider .slick-next:before,
.event_slider .slick-prev:before,
.event_slider .slick-next:before {
  content: "";
}

div.front section.top_pickup .pickup_slider .slick-prev {
  left: 25%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("../img/common/arrow/arrow_pickupSlider_left.png");
}

div.front section.top_pickup .pickup_slider .slick-next {
  right: 25%;
  -moz-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  background-image: url("../img/common/arrow/arrow_pickupSlider_right.png");
}

div.front section.top_pickup .pickup_slider .slick-dots,
.event_slider .slick-dots {
  bottom: -50px;
}

div.front section.top_pickup .pickup_slider .slick-dots li button,
.event_slider .slick-dots li button {
  width: 24px;
  height: 24px;
  background-color: #b8afa6;
  border: 4px solid #fff;
  border-radius: 50%;
  position: relative;
  background-clip: padding-box;
}

div.front section.top_pickup .pickup_slider .slick-dots li.slick-active button,
.event_slider .slick-dots li.slick-active button {
  background-color: #fff;
  border: 2px solid #85776c;
}

div.front section.top_pickup .pickup_slider .slick-dots li.slick-active button:after,
.event_slider .slick-dots li.slick-active button::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 5px;
  background-color: #85776c;
}

section article .event_slider .slick-prev {
  left: 0;
  transform: translate(-50%, -50%);
  background-image: url("../img/common/arrow/arrow_pickupSlider_left.png");
  background-size: contain;
}

@media screen and (max-width: 768px) {
  section article .event_slider .slick-prev {
    left: 22px;
  }
}

.event_slider .slick-disabled {
  opacity: 0;
  pointer-events: none;
}

section article .event_slider .slick-next {
  right: 0;
  transform: translate(50%, -50%);
  background-image: url("../img/common/arrow/arrow_pickupSlider_right.png");
  background-size: contain;
}

@media screen and (max-width: 768px) {
  section article .event_slider .slick-next {
    right: 22px;
  }
}

section article .event_slider .slick-slide {
  margin: 0 8px;
  position: relative;
  border: 1px solid #bbb;
  border-radius: 10px;
}

section article .event_slider .slick-slide .body_cont {
  padding: 5px 10px 15px;
}

.event_slider .slick-slide .tags {
  /* position: absolute;
  top: 10px;
  left: 10px; */
  margin: 5px 0;
}

.event_slider .slick-slide .tags li {
  display: inline-block;
  width: auto;
  margin-bottom: 3px;
  margin-right: 3px;
}

.event_slider img {
  border-radius: 9px 9px 0 0;
}

.event_list_cont+.arrow_btn {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .event_list_cont+.arrow_btn {
    margin-top: 60px;
  }
}

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

  div.front section.top_pickup .pickup_slider .slick-prev,
  div.front section.top_pickup .pickup_slider .slick-next,
  section article .event_slider .slick-next,
  section article .event_slider .slick-prev {
    width: 28px;
    height: 30px;
  }

  div.front section.top_pickup .pickup_slider .slick-prev {
    left: 10px;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  div.front section.top_pickup .pickup_slider .slick-next {
    right: 10px;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  div.front section.top_pickup .pickup_slider .slick-dots,
  .event_slider .slick-dots {
    bottom: -40px;
  }

  div.front section.top_pickup .pickup_slider .slick-dots li button,
  .event_slider .slick-dots li button {
    width: 16px;
    height: 16px;
    border-width: 3px;
  }

  div.front section.top_pickup .pickup_slider .slick-dots li.slick-active button {
    border-width: 2px;
  }

  div.front section.top_pickup .pickup_slider .slick-dots li.slick-active button:after,
  .event_slider .slick-dots li.slick-active button::after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
  }
}

@media screen and (max-width: 568px) {

  div.front section.top_pickup .pickup_slider .slick-prev,
  div.front section.top_pickup .pickup_slider .slick-next,
  section article .event_slider .slick-next,
  section article .event_slider .slick-prev {
    width: 22px;
    height: 24px;
  }

  div.front section.top_pickup .pickup_slider .slick-dots {
    bottom: -40px;
  }

  div.front section.top_pickup .pickup_slider .slick-dots li button,
  .event_slider .slick-dots li button {
    width: 12px;
    height: 12px;
    border-width: 2px;
  }

  div.front section.top_pickup .pickup_slider .slick-dots li.slick-active button {
    border-width: 1px;
  }

  div.front section.top_pickup .pickup_slider .slick-dots li.slick-active button:after,
  .event_slider .slick-dots li.slick-active button::after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
  }
}

div.front section.top_event_seminar article div.list_cont {
  margin: 50px 0;
}

@media screen and (max-width: 768px) {
  div.front section.top_event_seminar article div.list_cont {
    margin: 30px 0;
  }
}

@media screen and (max-width: 568px) {
  div.front section.top_event_seminar article div.list_cont {
    margin: 20px 0 30px;
  }
}

div.front section.top_menu {
  padding-top: 40px;
  padding-bottom: 80px;
  position: relative;
}

div.front section.top_menu div.bg_image {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
}

div.front section.top_menu article .frame {
  padding: 10px 0;
}

div.front section.top_menu article .frame_2col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.front section.top_menu article .frame_2col .col {
  width: 49%;
}

div.front section.top_menu article .frame_2col .flex_column_col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.front section.top_menu article .frame_2col .flex_column_col .body_cont {
  padding: 20px 20px 25px;
}

div.front section.top_menu article .frame_3col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.front section.top_menu article .frame_3col .col {
  width: 32%;
}

div.front section.top_menu article .menu_ttl {
  border-radius: 10px;
  box-shadow: 0px 0px 7px 0px rgba(121, 106, 96, 0.5);
  overflow: hidden;
  background-color: #f8f5f3;
}

div.front section.top_menu article .menu_ttl .head_cont {
  background-color: #837469;
  padding: 10px 20px;
  text-align: center;
}

div.front section.top_menu article .menu_ttl .head_cont p {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}

div.front section.top_menu article .menu_ttl .head_cont h3 {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

div.front section.top_menu article .menu_ttl .body_cont {
  padding: 15px 20px;
}

div.front section.top_menu article .menu_ttl .body_cont .icon_ttl {
  text-align: left;
}

div.front section.top_menu article .menu_ttl .body_cont .icon_ttl img {
  width: auto;
  height: 35px;
}

div.front section.top_menu article .menu_ttl .body_cont .arrow_btn {
  margin: 10px 0;
}

div.front section.top_menu article .menu_ttl .body_cont .arrow_btn a {
  width: 100%;
  min-width: inherit;
}

div.front section.top_menu article .menu_ttl .body_cont .arrow_btn.reform span {
  background-image: url("../img/common/icon/icon_reform_w.png");
}

div.front section.top_menu article .menu_ttl .body_cont .icon_btn a {
  width: 100%;
  min-width: inherit;
}

div.front section.top_menu article .menu_ttl .body_cont_2col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.front section.top_menu article .menu_ttl .body_cont_2col .inner_col {
  width: 49%;
}

div.front section.top_menu article .menu_cont_sp {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.front section.top_menu article .menu_cont_sp .icon_btn {
  width: 49%;
  margin: 5px 0;
}

div.front section.top_menu article .menu_cont_sp .icon_btn a {
  width: 100%;
  min-width: inherit;
  padding: 19px 10px 18px 10px;
}

div.front section.top_menu article .menu_cont_sp .icon_btn span {
  background-size: auto 27px;
  min-width: 125px;
  line-height: 1.4;
  padding: 5px 0 5px 40px;
}

@media screen and (max-width: 568px) {
  div.front section.top_menu article .menu_cont_sp .icon_btn span {
    font-size: 12px;
  }
}

div.front section.top_menu article .menu_cont_sp .icon_btn.two_line a {
  padding: 10px 10px 10px 10px;
}

div.front section.top_news {
  padding-top: 0;
  padding-bottom: 70px;
}

@media screen and (max-width: 768px) {
  div.front section.top_news {
    padding-bottom: 20px;
  }
}

div.front section.top_news article .news_cont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  div.front section.top_news article .news_cont {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

div.front section.top_news article .ttl_cont {
  background-color: #837469;
  border-radius: 10px;
  text-align: center;
  width: 12%;
  position: relative;
}

div.front section.top_news article .ttl_cont span {
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.05em;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
  div.front section.top_news article .ttl_cont {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 5px 5px 0 0;
    padding: 10px;
  }

  div.front section.top_news article .ttl_cont span {
    position: static;
    -webkit-transform: inherit;
    transform: inherit;
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  div.front section.top_news article .ttl_cont span {
    font-size: 12px;
  }
}

div.front section.top_news article .list_cont {
  width: 85%;
}

@media screen and (max-width: 768px) {
  div.front section.top_news article .list_cont {
    width: 100%;
    background-color: #f8f5f3;
    padding: 5px 20px 30px;
  }
}

div.front section.top_news article .arrow_btn {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  div.front section.top_news article .arrow_btn {
    margin-top: 20px;
  }
}

div.front section.top_shop {
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
  div.front section.top_shop {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

div.front section.top_point {
  padding: 40px 0 0;
}

div.front section.top_point article h2.icon_ttl {
  color: #555;
}

div.front section.top_point article div.list_cont {
  margin: 40px 0 20px;
}

@media screen and (max-width: 768px) {
  div.front section.top_point article div.list_cont {
    margin: 0;
  }
}

div.front section.top_voice article .list_cont {
  margin-top: 30px;
}

div.front section.top_staff {
  padding: 50px 0;
}

@media screen and (max-width: 768px) {
  div.front section.top_staff {
    padding: 30px 0;
  }
}

div.front section.top_staff article .icon_ttl {
  marign-bottom: 40px;
}

div.front section.top_staff article .list_cont {
  margin: 40px 0;
}

@media screen and (max-width: 768px) {
  div.front section.top_staff article .list_cont {
    margin: 30px 0 40px;
  }
}

div.front section.top_column {
  overflow: hidden;
  padding: 50px 0 40px;
}

@media screen and (max-width: 768px) {
  div.front section.top_column {
    padding: 30px 0;
  }
}

div.front section.top_column article .column_list_cont {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  div.front section.top_column article .column_list_cont .tab_cont {
    overflow: auto;
    width: 97.5vw;
  }
}

div.front section.top_column article .column_list_cont ul.tab_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

div.front section.top_column article .column_list_cont ul.tab_list&gt;li,
div.front section.top_column article .column_list_cont ul.tab_list&gt;.col {
  width: 25%;
}

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

  div.front section.top_column article .column_list_cont ul.tab_list&gt;li,
  div.front section.top_column article .column_list_cont ul.tab_list&gt;.col {
    width: 25%;
  }
}

@media screen and (max-width: 568px) {

  div.front section.top_column article .column_list_cont ul.tab_list&gt;li,
  div.front section.top_column article .column_list_cont ul.tab_list&gt;.col {
    width: 25%;
  }
}

div.front section.top_column article .column_list_cont ul.tab_list li {
  border-radius: 5px 5px 0 0;
  color: #3a2a1a;
  background-color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 20px;
  cursor: pointer;
  border-color: #3a2a1a;
  border-style: solid;
  border-width: 2px 2px 5px 2px;
}

div.front section.top_column article .column_list_cont ul.tab_list li.active_tab {
  padding-top: 30px;
  background-color: #3a2a1a;
  color: #fff;
}

@media screen and (max-width: 768px) {
  div.front section.top_column article .column_list_cont ul.tab_list {
    width: 800px;
  }

  div.front section.top_column article .column_list_cont ul.tab_list li {
    font-size: 15px;
    padding: 15px;
  }

  div.front section.top_column article .column_list_cont ul.tab_list li.active_tab {
    padding-top: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.front section.top_column article .column_list_cont ul.tab_list {
    width: 600px;
  }

  div.front section.top_column article .column_list_cont ul.tab_list li {
    font-size: 13px;
    padding: 10px;
  }

  div.front section.top_column article .column_list_cont ul.tab_list li.active_tab {
    padding-top: 15px;
  }
}

div.front section.top_column article .column_list_cont div.content_area {
  background-color: #f7f6ef;
  padding: 30px 30px;
  /*
      					ul.top_column_list {

      						@include flex-row;
      						@include justify-content(space-between);
      						@include mq() {
      							@include flex-direction(column);
      						}

      						&gt; li {
      							width: 31.5%;
      							border-radius: 10px;
      							overflow: hidden;
      							background-color: #fff;

      							@include mq() {
      								@include flex-row;
      								@include justify-content(space-between);
      								width: 100%;
      								padding: 20px;
      								margin-bottom: 20px;
      							}

      							@include mq(sp) {
      								padding: 15px;
      								margin-bottom: 15px;
      							}

      							.image_cont {
      								a {
      									display: block;
      								}
      								@include mq() {
      									width: 38%;

      									a {
      										border-radius: 5px;
      										text-align: center;
      										overflow: hidden;
      										position: relative;
      										height: 100%;
      										width: 100%;
      									}
      									img {
      										width: auto;
      										height: 100%;
      										position: absolute;
      										left: 50%;
      										top: 0;
      										@include translate(-50%, 0);
      									}

      								}

      							}
      							.body_cont {
      								padding: 5px 10px 15px;

      								@include mq() {
      									width: 59%;
      									padding: 0;
      								}

      								ul.tags {
      									margin: 5px 0;
      									li {
      										display: inline-block;
      										width: auto;
      										margin-bottom: 3px;
      										margin-right: 3px;
      										a {
      											border-radius: 5px;
      											border: 1px solid #959595;
      											display: inline-block;
      											width: auto;
      											color: #6f6f6f;
      											font-size: 14px;
      											padding: 2px 10px 0px 25px;
      											background-image: url("../img/common/icon/icon_tag_b.png");
      											background-size: auto 65%;
      											background-position: left 5px center;
      											&amp;:hover {
      												opacity: 1;
      												background-image: url("../img/common/icon/icon_tag_w.png");
      												background-color: #959595;
      												color: #fff;
      											}
      										}
      									}
      									@include mq() {
      										margin-top: 0;
      										li {
      											a {
      												font-size: 12px;
      												line-height: 1.5;
      												padding-right: 8px;
          										padding-left: 20px;
      											}
      										}
      									}
      									@include mq(sp) {
      										margin-bottom: 0;
      										li {
      											a {
      												font-size: 9px;
      											}
      										}
      									}
      								}
      								h4 {
      									font-weight: 500;
      									font-size: 18px;
      									line-height: 1.5;
      									margin: 10px 0;
      									padding-bottom: 10px;
      									position: relative;
      									&amp;:after {
      										content: "";
      										display: block;
      										width: 100%;
      										height: 1px;
      										background-image: url("../img/common/ptn_dot_b.png");
      										background-size: 7px auto;
      										background-position: left center;
      										background-repeat: repeat-x;
      										position: absolute;
      										bottom: 0;
      										left: 0;

      									}
      									a {
      										line-height: 1.5;
      										&amp;:hover {
      											opacity: 1;
      											text-decoration: underline;
      										}
      									}
      									@include mq() {
      										font-size: 16px;
      									}
      									@include mq(sp) {
      										font-size: 14px;
      										margin-top: 0;
      										padding-bottom: 5px;
      									}
      								}
      								.author {
      									@include flex-row;
      									@include justify-content(flex-start);
      									@include align-items(center);
      									margin: 15px 0;
      									.portrait_cont {
      										width: 40px;
      										height: 40px;
      										border-radius: 50%;
      										overflow: hidden;
      										margin-right: 10px;
      										p {
      											font-size: 16px;
      										}
      									}
      									@include mq() {
      										.portrait_cont {
      											width: 30px;
      											height: 30px;
      											margin-right: 5px;
      										}
      										p {
      											font-size: 13px;
      										}
      									}
      									@include mq(sp) {
      										margin: 5px 0;
      										.portrait_cont {
      											width: 20px;
      											height: 20px;
      										}
      										p {
      											font-size: 11px;
      										}
      									}
      								}
      								p.date {
      									font-size: 16px;
      									@include mq() {
      										font-size: 11px;
      									}
      									@include mq(sp) {
      										font-size: 9px;
      									}
      								}

      							}
      						}
      					}*/
}

@media screen and (max-width: 768px) {
  div.front section.top_column article .column_list_cont div.content_area {
    padding: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.front section.top_column article .column_list_cont div.content_area {
    padding: 15px;
  }
}

div.front section.top_webcheck {
  padding: 50px 0;
}

@media screen and (max-width: 768px) {
  div.front section.top_webcheck {
    padding: 30px 0;
  }
}

div.front section.top_webcheck article .cont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 40px;
}

div.front section.top_webcheck article .cont .image_cont,
div.front section.top_webcheck article .cont .text_cont {
  width: 50%;
}

@media screen and (max-width: 768px) {
  div.front section.top_webcheck article .cont {
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 85%;
    margin: 0 auto;
  }

  div.front section.top_webcheck article .cont .image_cont,
  div.front section.top_webcheck article .cont .text_cont {
    width: 100%;
  }
}

div.front section.top_webcheck article .cont .text_cont {
  padding: 0 30px;
  position: relative;
}

div.front section.top_webcheck article .cont .text_cont p {
  margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
  div.front section.top_webcheck article .cont .text_cont {
    padding: 10px 0 0;
  }
}

div.front section.top_webcheck article .cont .text_cont div.webcheck_btn {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: center;
}

div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a {
  background-position: left 30px center;
  background-repeat: no-repeat;
  background-image: url("../img/common/icon/btn_arrow_g.png");
  background-size: 11px 11px;
  display: inline-block;
  padding: 17px 20px 15px;
  border: 2px solid #837469;
  box-shadow: 0px 3px 0px 0px #837469;
  background-color: #fff;
  line-height: 1;
  padding: 10px 65px 10px 90px;
  border-radius: 41px;
}

div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a:hover {
  background-color: #837469;
  opacity: 1;
  background-image: url("../img/common/icon/btn_arrow_w.png");
}

div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a:hover span,
div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a:hover strong,
div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a:hover b {
  color: #fff;
}

div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a:hover p {
  background-image: url("../img/common/icon/icon_online_w.svg");
}

div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a p {
  margin: 0;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url("../img/common/icon/icon_web_b.svg");
  background-size: auto 85%;
  text-align: left;
}

div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a span,
div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a strong,
div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a b {
  line-height: 1;
  color: #837469;
  font-weight: bold;
  display: inline-block;
  width: 100%;
}

div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a span {
  font-size: 18px;
}

div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a strong,
div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a b {
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  div.front section.top_webcheck article .cont .text_cont div.webcheck_btn {
    position: static;
    margin-top: 30px;
  }

  div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a span {
    font-size: 16px;
  }

  div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a strong,
  div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a b {
    font-size: 24px;
  }
}

@media screen and (max-width: 568px) {
  div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a {
    padding: 5px 45px 5px 60px;
  }

  div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a span {
    font-size: 14px;
  }

  div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a strong,
  div.front section.top_webcheck article .cont .text_cont div.webcheck_btn a b {
    font-size: 21px;
  }
}

div.front section.top_flow {
  padding: 50px 0;
}

@media screen and (max-width: 768px) {
  div.front section.top_flow {
    padding: 30px 0;
  }
}

div.front section.top_movie article .cont {
  padding: 40px 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.front section.top_movie article .cont .text_cont {
  width: 66%;
}

div.front section.top_movie article .cont .movie_cont {
  width: 31%;
}

@media screen and (max-width: 768px) {
  div.front section.top_movie article .cont {
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 30px;
  }

  div.front section.top_movie article .cont .text_cont {
    width: 100%;
  }

  div.front section.top_movie article .cont .movie_cont {
    width: 72%;
    margin: 30px auto 0;
  }
}

@media screen and (max-width: 768px) {
  div.front section.top_movie article .cont {
    padding: 30px 20px;
  }
}

div.front section.top_movie article .cont h2.icon_ttl {
  line-height: 70px;
}

div.front section.top_movie article .cont h2.icon_ttl img {
  width: 66px;
}

@media screen and (max-width: 768px) {
  div.front section.top_movie article .cont h2.icon_ttl {
    line-height: 55px;
  }

  div.front section.top_movie article .cont h2.icon_ttl img {
    width: 50px;
  }
}

@media screen and (max-width: 768px) {
  div.front section.top_movie article .cont h2.icon_ttl {
    line-height: 45px;
  }

  div.front section.top_movie article .cont h2.icon_ttl img {
    width: 40px;
  }
}

div.front section.top_banner {
  padding-bottom: 40px;
}

div.front section.background {
  height: 500px;
  /*background-image: url(../img/content/front/bg_pc.jpg);*/
}

@media screen and (max-width: 768px) {
  div.front section.background {
    /*background-image: url(../img/content/front/bg_sp.jpg);*/
  }
}

div.front section.background article div.detail {
  color: #FFF;
}

div.front section.news ul {
  max-width: 800px;
}

div.article_temp_2-1 .column_1 section article {
  margin-bottom: 0px;
}

div.column_1 .message_box section article:has(.event_list) {
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  div.column_1 .message_box section article:has(.event_list) {
    padding: 0 10px;
  }
}

div.article_temp_2-1 main {
  background-image: url("../img/content/_temp/page_bg.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-attachment: fixed;
}

@media screen and (max-width: 768px) {
  div.article_temp_2-1 main {
    background-image: url("../img/content/_temp/page_bg_sp.jpg");
    background-position: center top 73px;
  }
}

@media screen and (max-width: 768px) {
  div.article_temp_2-1 .bg_dot_pattern_clear {
    background-image: none;
  }
}

@media screen and (max-width: 768px) {
  div.article_temp_2-1 section:nth-of-type(2).content_nav_area {
    padding: 0;
  }

  div.article_temp_2-1 section:nth-of-type(2).content_nav_area div.content_nav.content_nav_temp ul {
    padding: 0;
  }
}

@media screen and (max-width: 568px) {
  div.article_temp_2-1 section:nth-of-type(1) {
    padding-bottom: 10px;
  }

  div.article_temp_2-1 section:nth-of-type(3) {
    padding-top: 10px;
  }
}

div.message_box {
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: auto;
  padding: 13px;
  background-image: url("../img/content/_temp/message_box_bg.gif");
  background-repeat: repeat;
}

div.message_box div.content {
  width: 100%;
  height: auto;
  min-height: 200px;
  padding: 30px 50px;
  background-color: #FFF;
  background-image: url("../img/content/_temp/message_box_bg_illust.jpg");
  background-position: right 50px bottom;
  background-size: 150px auto;
}

@media screen and (max-width: 768px) {
  div.message_box div.content {
    padding: 30px;
    background-position: right 20px bottom;
    background-size: 100px auto;
  }
}

@media screen and (max-width: 568px) {
  div.message_box div.content {
    padding: 30px 12px;
    background-size: 60px auto;
    background-position: right 12px bottom;
  }
}

div.message_box div.content p {
  color: #3a2a1a;
  padding: 0 250px 0 0;
}

@media screen and (max-width: 768px) {
  div.message_box div.content p {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  div.message_box div.content p:last-child {
    padding: 0 100px 0 0;
  }
}

@media screen and (max-width: 568px) {
  div.message_box div.content p:last-child {
    padding-right: 60px;
  }
}

div.message_box div.content p+p {
  margin-top: 1em;
}

div.flow_box {
  padding: 13px;
  background-image: url("../img/content/_temp/message_box_bg.gif");
  background-repeat: repeat;
}

div.flow_box div.content {
  width: 100%;
  height: auto;
  padding: 30px 80px;
  background-color: #FFF;
}

@media screen and (max-width: 768px) {
  div.flow_box div.content {
    padding: 40px 20px 0 20px;
  }
}

div.flow_box div.icon_ttl span {
  background-image: url("../img/content/_temp/flow_box_ttl_icon.png");
  background-size: 43px auto;
  background-position: left center;
  padding: 10px 0 10px 60px;
}

@media screen and (max-width: 768px) {
  div.flow_box div.icon_ttl span {
    background-size: auto 20px;
    padding: 10px 0 10px 35px;
  }
}

div.flow_box ul.content&gt;li {
  min-height: 200px;
  padding: 70px 0 40px 0;
  background-image: url("../img/content/_temp/flow_box_bg_pc.png");
  background-position: center top;
  background-size: auto;
}

@media screen and (max-width: 768px) {
  div.flow_box ul.content&gt;li {
    background-image: url("../img/content/_temp/flow_box_bg_sp.png");
    background-size: 90px auto;
    padding: 70px 0 20px 0;
  }
}

div.flow_box ul.content&gt;li:first-child {
  padding: 0 0 40px 0;
  background-image: none;
}

@media screen and (max-width: 768px) {
  div.flow_box ul.content&gt;li:first-child {
    padding: 0 0 20px 0;
  }
}

div.flow_box ul.content&gt;li div.ttl_head {
  width: 65%;
  max-width: 635px;
  float: left;
  padding: 0 0 10px 0;
  border-bottom: #837469 1px solid;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  div.flow_box ul.content&gt;li div.ttl_head {
    width: 100%;
    max-width: inherit;
    float: inherit;
    padding: 0 0 5px 0;
  }
}

div.flow_box ul.content&gt;li div.ttl_head span {
  padding: 10px 25px;
  color: #FFF;
  background-color: #837469;
  border-radius: 8px;
  font-size: 18px;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  div.flow_box ul.content&gt;li div.ttl_head span {
    padding: 10px 20px;
    font-size: 9px;
  }
}

div.flow_box ul.content&gt;li div.ttl_head h3 {
  font-weight: bold;
  color: #837469;
  font-size: 24px;
  vertical-align: middle;
  margin-left: 15px;
}

@media screen and (max-width: 768px) {
  div.flow_box ul.content&gt;li div.ttl_head h3 {
    display: block;
    font-size: 14px;
  }
}

div.flow_box ul.content&gt;li div.photo {
  width: 30%;
  max-width: 280px;
  height: auto;
  float: right;
}

@media screen and (max-width: 768px) {
  div.flow_box ul.content&gt;li div.photo {
    width: 35%;
    padding: 10px 0 0 0;
  }
}

div.flow_box ul.content&gt;li div.photo img {
  width: 100%;
  height: auto;
}

div.flow_box ul.content&gt;li div.detail {
  width: 65%;
  max-width: 635px;
  padding: 20px 0 0 0;
  float: left;
}

@media screen and (max-width: 768px) {
  div.flow_box ul.content&gt;li div.detail {
    max-width: inherit;
    padding: 10px 10px 0 0;
  }
}

div.flow_box ul.content&gt;li div.detail ul li {
  color: #3a2a1a;
  font-size: 18px;
  list-style: disc;
  list-style-position: inside;
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (max-width: 768px) {
  div.flow_box ul.content&gt;li div.detail ul li {
    list-style: disc;
    list-style-position: inside;
    font-size: 11px;
  }
}

div.flow_box ul.content&gt;li div.detail p {
  padding: 10px 0 0 0;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  div.flow_box ul.content&gt;li div.detail p {
    display: block;
    font-size: 11px;
  }
}

section.article_column {
  overflow: hidden;
  padding: 50px 0 50px !important;
  margin: 30px 0 0 0;
}

section.article_column.skin_deco {
  position: relative;
}

section.article_column.skin_deco::before {
  content: '';
  position: absolute;
  top: 48px;
  left: 56px;
  display: block;
  width: 326px;
  height: 99px;
  background: url(../img/content/empty/ttl_empty.png) 0 0 no-repeat;
  background-size: 100% auto;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  section.article_column {
    padding: 50px 0 1px !important;
    margin: 10px 0 0 0;
  }
}

section.article_column.skin-mg {
  margin-top: 0;
}

section.article_column article {
  width: 100% !important;
}

section.article_column article .column_list_cont {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  section.article_column article .column_list_cont .tab_cont {
    overflow: auto;
    width: 97.5vw;
  }
}

section.article_column article .column_list_cont ul.tab_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

section.article_column article .column_list_cont ul.tab_list&gt;li,
section.article_column article .column_list_cont ul.tab_list&gt;.col {
  width: 25%;
}

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

  section.article_column article .column_list_cont ul.tab_list&gt;li,
  section.article_column article .column_list_cont ul.tab_list&gt;.col {
    width: 25%;
  }
}

@media screen and (max-width: 568px) {

  section.article_column article .column_list_cont ul.tab_list&gt;li,
  section.article_column article .column_list_cont ul.tab_list&gt;.col {
    width: 25%;
  }
}

section.article_column article .column_list_cont ul.tab_list li {
  border-radius: 5px 5px 0 0;
  color: #3a2a1a;
  background-color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 20px;
  cursor: pointer;
  border-color: #3a2a1a;
  border-style: solid;
  border-width: 2px 2px 5px 2px;
}

section.article_column article .column_list_cont ul.tab_list li.active_tab {
  padding-top: 30px;
  background-color: #3a2a1a;
  color: #fff;
}

@media screen and (max-width: 768px) {
  section.article_column article .column_list_cont ul.tab_list {
    width: 800px;
  }

  section.article_column article .column_list_cont ul.tab_list li {
    font-size: 15px;
    padding: 15px;
  }

  section.article_column article .column_list_cont ul.tab_list li.active_tab {
    padding-top: 20px;
  }
}

@media screen and (max-width: 568px) {
  section.article_column article .column_list_cont ul.tab_list {
    width: 600px;
  }

  section.article_column article .column_list_cont ul.tab_list li {
    font-size: 13px;
    padding: 10px;
  }

  section.article_column article .column_list_cont ul.tab_list li.active_tab {
    padding-top: 15px;
  }
}

section.article_column article .column_list_cont div.content_area,
section.shop_event article .column_list_cont div.content_area {
  background-color: #f7f6ef;
  padding: 30px 30px;
  width: 95%;
  margin: 0 auto;
}

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

  section.article_column article .column_list_cont div.content_area,
  section.shop_event article .column_list_cont div.content_area {
    padding: 20px;
  }
}

@media screen and (max-width: 568px) {

  section.article_column article .column_list_cont div.content_area,
  section.shop_event article .column_list_cont div.content_area {
    padding: 15px;
  }
}

section.article_column article .column_list_cont div.content_area.skin-event,
section.shop_event article .column_list_cont div.content_area {
  background-color: #fff;
}

section.article_column.article_column_2_1 article .column_list_cont div.content_area {
  width: 100%;
}

section.content_nav_area {
  padding: 0;
}

section.content_nav_area div.content_nav.content_nav_temp ul {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 20px 0;
}

@media screen and (max-width: 768px) {
  section.content_nav_area div.content_nav.content_nav_temp ul li {
    margin-bottom: 20px;
  }
}

section.content_nav_area div.content_nav.content_nav_temp ul li a {
  padding: 13px 10px;
}

section.content_nav_area div.content_nav.content_nav_temp ul li a span {
  line-height: 1.3;
  padding-left: 18px;
}

@media screen and (max-width: 1220px) {
  section.content_nav_area div.content_nav.content_nav_temp ul li a span {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  section.content_nav_area div.content_nav.content_nav_temp ul li {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 568px) {
  section.content_nav_area div.content_nav.content_nav_temp ul li a {
    padding-right: 5px;
    padding-left: 0;
  }

  section.content_nav_area div.content_nav.content_nav_temp ul li a span {
    padding-left: 13px;
    font-size: 3vw;
    background-size: 8px 8px;
  }
}

@media screen and (max-width: 414px) {
  section.content_nav_area div.content_nav.content_nav_temp ul li a span {
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  section.content_nav_area div.content_nav.content_nav_temp ul {
    margin: 0;
    padding: 10px 0;
  }
}

.customer_inner {
  width: 100%;
  height: auto;
  padding: 10px 20px 10px 140px;
  background-color: #FFF;
  background-position: 20px 10px;
  background-size: 106px auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.customer_inner.inner01 {
  background-image: url("../img/content/reform/case/icon_customer01.png");
}

.customer_inner.inner02 {
  background-image: url("../img/content/reform/case/icon_customer02.png");
}

.customer_inner.inner03 {
  background-image: url("../img/content/reform/case/icon_customer03.png");
}

.customer_inner h3 {
  background-image: url("../img/content/reform/case/icon_search_people.png");
  background-position: left center;
  font-weight: 700;
  padding: 10px 20px 10px 40px;
  margin-right: 20px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #555555;
}

.customer_inner p {
  font-weight: 500;
  line-height: 1.2;
}

.customer_inner p span.text_undline {
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #f3f957 0%);
  display: inline;
  padding: 0 2px 0px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .customer_inner {
    padding: 80px 20px 20px 20px;
    background-position: left 10px top 10px;
    background-size: 60px auto;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  .customer_inner h3 {
    font-size: 15px;
    position: absolute;
    top: 15px;
    left: 80px;
  }

  .customer_inner h3 .icon_point {
    font-size: 9px;
    padding: 5px 10px;
    margin-right: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    float: left;
  }

  .customer_inner p.text_undline {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  div.article_temp_2-2 section.reform_price {
    padding: 10px 0 0;
  }
}

div.article_temp_2-2 section.reform_price article div.cont {
  background-color: #fff;
  padding: 30px 50px;
}

@media screen and (max-width: 768px) {
  div.article_temp_2-2 section.reform_price article div.cont {
    padding: 20px 10px 10px;
  }
}

div.article_temp_2-2 section.reform_price article h2 {
  font-size: 24px;
  margin-bottom: 20px;
}

div.article_temp_2-2 section.reform_price article h2 span {
  display: inline-block;
  border-radius: 8px;
  border: 1px solid #837469;
  color: #837469;
  font-size: 18px;
  width: 80px;
  line-height: 44px;
  text-align: center;
  margin-right: 20px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  div.article_temp_2-2 section.reform_price article h2 {
    font-size: 16px;
  }

  div.article_temp_2-2 section.reform_price article h2 span {
    font-size: 15px;
    width: 60px;
    border-radius: 4px;
    line-height: 25px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 568px) {
  div.article_temp_2-2 section.reform_price article h2 {
    font-size: 15px;
  }

  div.article_temp_2-2 section.reform_price article h2 span {
    font-size: 13px;
    width: 40px;
  }
}

div.article_temp_2-2 section.reform_price article ul.reform_price_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  div.article_temp_2-2 section.reform_price article ul.reform_price_list {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

div.article_temp_2-2 section.reform_price article ul.reform_price_list li {
  width: 49%;
  padding: 10px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  div.article_temp_2-2 section.reform_price article ul.reform_price_list li {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 568px) {
  div.article_temp_2-2 section.reform_price article ul.reform_price_list li {
    padding: 5px;
  }
}

div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box {
  background-color: #fff;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
}

@media screen and (max-width: 568px) {
  div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box {
    padding: 5px;
  }
}

div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .image_cont {
  width: 40%;
}

@media screen and (max-width: 768px) {
  div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .image_cont {
    width: 32%;
  }
}

div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont {
  width: 55%;
}

div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5;
}

div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont .text_cont {
  background-color: #f8f5f3;
  padding: 10px;
  min-height: 100px;
  margin: 10px 0;
}

div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont .text_cont p {
  font-size: 16px;
  line-height: 1.3;
}

div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont div.modal_btn {
  text-align: right;
}

div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont div.modal_btn a {
  display: inline-block;
  border-radius: 8px;
  border: 1px solid #837469;
  font-size: 16px;
  padding: 5px 30px 5px 10px;
  background-image: url("../img/common/icon/btn_arrow.svg");
  background-size: 16px;
  background-position: right 10px center;
}

@media screen and (max-width: 768px) {
  div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont {
    width: 64.5%;
  }

  div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont h3 {
    font-size: 15px;
  }

  div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont .text_cont {
    margin: 5px 0 10px;
  }

  div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont .text_cont p {
    font-size: 14px;
  }

  div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont div.modal_btn a {
    font-size: 13px;
    background-size: 10px;
    padding: 5px 23px 3px 10px;
  }
}

@media screen and (max-width: 568px) {
  div.article_temp_2-2 section.reform_price article ul.reform_price_list li .w_box .content_cont .text_cont {
    min-height: 60px;
  }
}

div.chart_remodal {
  padding: 10px;
}

div.chart_remodal .modal_cont {
  background-color: #fff;
  padding: 15px;
}

@media screen and (max-width: 568px) {
  div.chart_remodal .modal_cont {
    padding: 5px;
  }
}

div.chart_remodal .modal_cont .w_box {
  background-color: #fff;
  padding: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
}

@media screen and (max-width: 568px) {
  div.chart_remodal .modal_cont .w_box {
    padding: 5px;
  }
}

div.chart_remodal .modal_cont .w_box .image_cont {
  width: 22.5%;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  div.chart_remodal .modal_cont .w_box .image_cont {
    width: 38%;
  }
}

div.chart_remodal .modal_cont .w_box .content_cont {
  width: 75%;
}

div.chart_remodal .modal_cont .w_box .content_cont h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
  padding-left: 10px;
  border-left: 10px solid #c6b9b0;
}

@media screen and (max-width: 768px) {
  div.chart_remodal .modal_cont .w_box .content_cont h3 {
    padding-left: 0;
    border: none;
  }
}

div.chart_remodal .modal_cont .w_box .content_cont .text_cont {
  background-color: #f8f5f3;
  padding: 10px;
  min-height: 140px;
  margin: 10px 0;
  text-align: left;
}

div.chart_remodal .modal_cont .w_box .content_cont .text_cont p {
  font-size: 18px;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  div.chart_remodal .modal_cont .w_box .content_cont h3 {
    font-size: 15px;
    border-width: 5px;
  }

  div.chart_remodal .modal_cont .w_box .content_cont .text_cont {
    min-height: 100px;
    margin: 5px 0 10px;
  }

  div.chart_remodal .modal_cont .w_box .content_cont .text_cont p {
    font-size: 11px;
  }
}

@media screen and (max-width: 568px) {
  div.chart_remodal .modal_cont .w_box .content_cont .text_cont {
    min-height: 70px;
  }
}

div.article_temp_2-9 main div.column_wrapper div.message_box {
  margin: 0 auto 30px;
}

div.article_temp_2-9 main div.column_wrapper div.message_box:last-child {
  margin: 0 auto 0px;
}

div.article_temp_2-9 main .faq_inner {
  width: 100%;
  height: auto;
  padding: 20px;
  background: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div.article_temp_2-9 main .faq_inner .que_box,
div.article_temp_2-9 main .faq_inner .ans_box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

div.article_temp_2-9 main .faq_inner .que_box h2,
div.article_temp_2-9 main .faq_inner .ans_box h2 {
  font-weight: 500;
  width: 100%;
  border-bottom: 1px dashed #837469;
}

div.article_temp_2-9 main .faq_inner .que_box span,
div.article_temp_2-9 main .faq_inner .ans_box span {
  display: block;
  color: #837469;
  border: 1px solid #837469;
  padding: 5px 20px;
  margin-right: 20px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

div.article_temp_2-9 main .faq_inner .que_box p,
div.article_temp_2-9 main .faq_inner .ans_box p {
  font-size: 16px !important;
  font-weight: 500;
}

div.article_temp_2-9 main .faq_inner .que_box p.text_undline,
div.article_temp_2-9 main .faq_inner .ans_box p.text_undline {
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #f3f957 0%);
  display: inline;
  padding: 0 2px 0px;
  margin-bottom: 10px;
}

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

  div.article_temp_2-9 main .faq_inner .que_box,
  div.article_temp_2-9 main .faq_inner .ans_box {
    font-size: 15px;
    line-height: 1.4em;
    padding-bottom: 5px;
  }

  div.article_temp_2-9 main .faq_inner .que_box h2,
  div.article_temp_2-9 main .faq_inner .ans_box h2 {
    font-size: 16px;
    line-height: 1.4em;
  }

  div.article_temp_2-9 main .faq_inner .que_box span,
  div.article_temp_2-9 main .faq_inner .ans_box span {
    font-size: 14px;
    padding: 5px 15px;
    margin-right: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

  div.article_temp_2-9 main .faq_inner .que_box p,
  div.article_temp_2-9 main .faq_inner .ans_box p {
    font-size: 12px !important;
  }
}

div.article_temp_2-9 main .faq_inner .que_box {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  div.article_temp_2-9 main .faq_inner .que_box {
    margin-bottom: 5px;
  }
}

div.article_temp_2-9 main .faq_inner .ans_box span {
  background: #837469;
  color: #fff;
  border: 1px solid #fff;
  margin-top: 4px;
}

@media screen and (max-width: 768px) {
  div.article_temp_2-9 main .faq_inner {
    padding: 10px;
    background-position: right 10px bottom 10px;
    background-size: 80px auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }

  div.article_temp_2-9 main .faq_inner p.text_undline {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  div.article_temp_2-9 main {
    background-image: none;
  }
}

div.article main h2.ttl {
  margin: 0 auto 10px auto;
  font-weight: bold;
}

div.article section {
  padding: 20px 0;
}

div.article section article {
  position: relative;
}

div.article div.ttl {
  padding: 56px 0;
  background-image: url("../img/common/bg_main_ttl.jpg");
  background-position: center bottom;
}

@media screen and (max-width: 768px) {
  div.article div.ttl {
    padding: 40px 0;
    background-image: url("../img/common/bg_main_ttl_sp.jpg");
  }
}

@media screen and (max-width: 568px) {
  div.article div.ttl {
    padding: 30px 0;
  }
}

div.about section.about_overview {
  padding-top: 60px !important;
}

@media screen and (max-width: 768px) {
  div.about section.about_overview {
    padding-top: 40px !important;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_overview {
    padding-top: 25px !important;
  }
}

div.about section.about_overview div.overview {
  padding: 15px;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  div.about section.about_overview div.overview {
    padding: 10px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_overview div.overview {
    padding: 7px;
  }
}

div.about section.about_overview div.overview div.overview_inner {
  background-color: #fff;
  position: relative;
  padding: 32px 45px;
}

div.about section.about_overview div.overview div.overview_inner .image_cont {
  width: 143px;
  position: absolute;
  bottom: 0;
  right: 80px;
}

div.about section.about_overview div.overview div.overview_inner p {
  color: #6f6f6f;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  div.about section.about_overview div.overview div.overview_inner {
    padding: 10px 15px;
  }

  div.about section.about_overview div.overview div.overview_inner .image_cont {
    right: 10px;
    width: 60px;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_overview div.overview div.overview_inner {
    padding: 7px 10px;
  }

  div.about section.about_overview div.overview div.overview_inner .image_cont {
    width: 45px;
    right: 7px;
  }

  div.about section.about_overview div.overview div.overview_inner p {
    font-size: 2.9vw;
  }
}

div.about section.about_overview div.anchor_link {
  padding: 0 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.about section.about_overview div.anchor_link .anchor_btn {
  width: 32.5%;
  max-width: 370px;
}

div.about section.about_overview div.anchor_link .anchor_btn a {
  min-width: inherit;
  width: 100%;
}

@media screen and (max-width: 768px) {
  div.about section.about_overview div.anchor_link {
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
  }

  div.about section.about_overview div.anchor_link .anchor_btn {
    width: 100%;
    margin-top: 10px;
    max-width: inherit;
  }
}

div.about section.about_service div.service_cont {
  padding: 10px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.about section.about_service div.service_cont .text_service {
  width: 32%;
}

div.about section.about_service div.service_cont .image_service {
  width: 65%;
}

div.about section.about_service div.service_cont h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

div.about section.about_service div.service_cont h3 span {
  display: block;
  font-weight: 500;
}

div.about section.about_service div.service_cont p {
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  div.about section.about_service div.service_cont {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  div.about section.about_service div.service_cont .text_service {
    width: 100%;
  }

  div.about section.about_service div.service_cont .image_service {
    width: 100%;
    margin: 20px auto 0;
  }

  div.about section.about_service div.service_cont h3 {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_service div.service_cont {
    padding: 0;
  }

  div.about section.about_service div.service_cont h3 {
    font-size: 3.8vw;
  }

  div.about section.about_service div.service_cont h3 span {
    font-size: 11px;
  }
}

div.about section.about_service div.service_list {
  padding: 40px 0 20px;
}

@media screen and (max-width: 768px) {
  div.about section.about_service div.service_list {
    padding: 20px 0 10px;
  }
}

div.about section.about_service div.service_list ul li {
  padding: 20px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.about section.about_service div.service_list ul li .image_cont {
  width: 48%;
  max-width: 580px;
}

div.about section.about_service div.service_list ul li .text_cont {
  width: 50%;
  padding: 0 10px;
}

div.about section.about_service div.service_list ul li div.text_qs {
  color: #837469;
  font-weight: bold;
  margin-bottom: 30px;
  display: inline-block;
  padding: 12px 24px 12px;
  border: 2px solid #837469;
  box-shadow: 0px 2px 0px 0px #837469;
  background-color: #fff;
  line-height: 1;
  border-radius: 10px;
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
  background-image: url("../img/common/pattern_stripe_w.jpg");
  position: relative;
}

div.about section.about_service div.service_list ul li div.text_qs:after {
  bottom: -13px;
  left: 34px;
  content: '';
  width: 13px;
  height: 13px;
  position: absolute;
  background-size: 100%;
  background-image: url("../img/common/qs.png");
}

div.about section.about_service div.service_list ul li div.btn_cont {
  margin-top: 35px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 568px) {
  div.about section.about_service div.service_list ul li div.btn_cont {
    margin-top: 20px;
  }
}

div.about section.about_service div.service_list ul li div.btn_cont .icon_btn {
  width: 49%;
  min-width: inherit;
}

div.about section.about_service div.service_list ul li div.btn_cont .icon_btn a {
  width: 100%;
  min-width: inherit;
}

div.about section.about_service div.service_list ul li div.icon_btn span {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  div.about section.about_service div.service_list ul li div.icon_btn a {
    padding: 14px 5px 13px;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_service div.service_list ul li div.icon_btn span {
    padding-left: 30px;
  }
}

div.about section.about_service div.service_list ul li div.icon_btn.online_consul a {
  padding: 16px 5px 15px;
}

div.about section.about_service div.service_list ul li div.icon_btn.online_consul span {
  line-height: 1.2;
  background-size: auto 100%;
}

@media screen and (max-width: 768px) {
  div.about section.about_service div.service_list ul li div.icon_btn.online_consul a {
    padding: 8px 5px;
  }

  div.about section.about_service div.service_list ul li div.icon_btn.online_consul span {
    background-size: auto 70%;
  }
}

div.about section.about_service div.service_list ul li p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

div.about section.about_service div.service_list ul li p span {
  padding-left: 40px;
  padding-right: 7px;
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

@media screen and (max-width: 568px) {
  div.about section.about_service div.service_list ul li p span {
    padding-left: 22px;
    padding-right: 3px;
    font-size: 2.8vw;
  }
}

div.about section.about_service div.service_list ul li p.text_shop {
  margin-top: 15px;
}

div.about section.about_service div.service_list ul li p.text_shop span {
  background-image: url("../img/common/icon/icon_shop.svg");
}

div.about section.about_service div.service_list ul li p.text_online {
  margin-top: 10px;
}

div.about section.about_service div.service_list ul li p.text_online span {
  background-image: url("../img/common/icon/icon_web_bl.svg");
}

@media screen and (max-width: 768px) {
  div.about section.about_service div.service_list ul li {
    padding: 25px 0;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  div.about section.about_service div.service_list ul li .image_cont {
    width: 100%;
    max-width: inherit;
  }

  div.about section.about_service div.service_list ul li .text_cont {
    width: 100%;
    padding: 20px 0 0;
  }

  div.about section.about_service div.service_list ul li div.text_qs {
    font-size: 14px;
    padding: 10px 15px;
    margin-bottom: 20px;
    border: 1px solid #837469;
    box-shadow: 0px 1px 0px 0px #837469;
  }

  div.about section.about_service div.service_list ul li div.text_qs:after {
    bottom: -7px;
    left: 20px;
    width: 7px;
    height: 7px;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_service div.service_list ul li {
    padding: 18px 0;
  }

  div.about section.about_service div.service_list ul li .text_cont {
    padding: 15px 0 0;
  }

  div.about section.about_service div.service_list ul li p {
    font-size: 2.95vw;
  }

  div.about section.about_service div.service_list ul li div.text_qs {
    font-size: 12px;
  }
}

div.about section.about_strength {
  padding: 80px 0 0;
}

@media screen and (max-width: 768px) {
  div.about section.about_strength {
    padding: 40px 0;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_strength {
    padding: 20px 0;
  }
}

div.about section.about_strength div.list_strength {
  text-align: center;
  margin-top: 50px;
}

@media screen and (max-width: 568px) {
  div.about section.about_strength div.list_strength {
    margin-top: 25px;
  }
}

div.about section.about_strength div.list_strength ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.about section.about_strength div.list_strength ul li {
  width: 32%;
  max-width: 380px;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  div.about section.about_strength div.list_strength ul li {
    width: 48.5%;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_strength div.list_strength ul li {
    width: 48.5%;
    margin-bottom: 10px;
  }
}

div.about section.about_strength div.list_strength ul li div.item {
  height: 100%;
  padding: 27px 30px 20px;
  border-radius: 10px;
  border: 1px solid #eeecea;
  background-color: #f9f9ee;
}

div.about section.about_strength div.list_strength ul li div.item h4 {
  margin-top: 10px;
  color: #937962;
  text-align: center;
  font-size: 18px;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", 'Roboto', sans-serif;
}

div.about section.about_strength div.list_strength ul li div.item h4 span {
  display: block;
  line-height: 1.3;
  font-size: 24px;
  font-weight: bold;
}

div.about section.about_strength div.list_strength ul li div.item img {
  width: 56px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  div.about section.about_strength div.list_strength ul li div.item {
    padding: 20px;
  }

  div.about section.about_strength div.list_strength ul li div.item h4 {
    font-size: 14px;
  }

  div.about section.about_strength div.list_strength ul li div.item h4 span {
    font-size: 18px;
  }

  div.about section.about_strength div.list_strength ul li div.item img {
    width: 50px;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_strength div.list_strength ul li div.item {
    padding: 15px;
  }

  div.about section.about_strength div.list_strength ul li div.item h4 {
    font-size: 11px;
  }

  div.about section.about_strength div.list_strength ul li div.item h4 span {
    font-size: 14px;
  }

  div.about section.about_strength div.list_strength ul li div.item img {
    width: 38px;
  }
}

div.about section.about_flow {
  padding: 60px 0 20px;
}

@media screen and (max-width: 768px) {
  div.about section.about_flow {
    padding: 20px 0;
  }
}

@media screen and (max-width: 768px) {
  div.about section.about_flow article {
    width: 100%;
    padding: 0;
  }
}

div.about section.about_flow div.list_cont {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  div.about section.about_flow div.list_cont {
    margin-top: 30px;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_flow div.list_cont {
    margin-top: 20px;
  }
}

div.about section.about_flow dl.flow_service {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 30px;
  margin-bottom: 40px;
  position: relative;
}

div.about section.about_flow dl.flow_service:after {
  content: '';
  width: 0;
  height: 0;
  left: 50%;
  bottom: -32px;
  position: absolute;
  border-style: solid;
  transform: translate(-50%, 0);
  border-width: 22px 30.5px 0 30.5px;
  border-color: transparent transparent transparent transparent;
}

div.about section.about_flow dl.flow_service.item01 {
  background-color: #f9f4ef;
}

div.about section.about_flow dl.flow_service.item01:after {
  border-top-color: #f9f4ef;
}

div.about section.about_flow dl.flow_service.item02 {
  padding: 30px 30px 15px;
  background-color: #f3ede6;
}

div.about section.about_flow dl.flow_service.item02:after {
  border-top-color: #f3ede6;
}

div.about section.about_flow dl.flow_service.item03 {
  background-color: #eae0d2;
}

div.about section.about_flow dl.flow_service.item03:after {
  border-top-color: #eae0d2;
}

div.about section.about_flow dl.flow_service.item04 {
  padding: 30px 30px 15px;
  background-color: #dccebb;
}

div.about section.about_flow dl.flow_service dt {
  width: 34%;
}

div.about section.about_flow dl.flow_service dt span.ttl_spaek {
  color: #837469;
  min-width: 151px;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 22px;
  display: inline-block;
  padding: 14px 40px 14px 20px;
  border: 2px solid #837469;
  box-shadow: 0px 2px 0px 0px #837469;
  background-color: #fff;
  line-height: 1;
  border-radius: 10px;
  position: relative;
}

div.about section.about_flow dl.flow_service dt span.ttl_spaek:after {
  bottom: -13px;
  left: 32px;
  content: '';
  width: 13px;
  height: 13px;
  position: absolute;
  background-size: 100%;
  background-image: url("../img/common/qs.png");
}

div.about section.about_flow dl.flow_service dt .arrow_btn {
  margin-top: 45px;
  display: inline-block;
}

div.about section.about_flow dl.flow_service dt .arrow_btn a {
  min-width: 213px;
}

div.about section.about_flow dl.flow_service dt .arrow_btn a span {
  font-size: 16px;
  width: auto;
  padding-left: 30px;
}

@media screen and (max-width: 768px) {
  div.about section.about_flow dl.flow_service dt .arrow_btn {
    margin-top: 20px;
  }

  div.about section.about_flow dl.flow_service dt .arrow_btn a span {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_flow dl.flow_service dt .arrow_btn {
    margin-top: 15px;
  }

  div.about section.about_flow dl.flow_service dt .arrow_btn a span {
    font-size: 11px;
    padding-left: 20px;
  }
}

div.about section.about_flow dl.flow_service dt h3 {
  font-size: 24px;
  font-weight: bold;
}

div.about section.about_flow dl.flow_service dt p {
  margin-top: 5px;
  font-weight: 500;
  line-height: 1.5;
}

div.about section.about_flow dl.flow_service dd {
  width: 62%;
}

@media screen and (max-width: 768px) {
  div.about section.about_flow dl.flow_service {
    width: 100%;
    padding: 4% 2.5%;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  div.about section.about_flow dl.flow_service.item02,
  div.about section.about_flow dl.flow_service.item04 {
    padding: 4% 2.5%;
  }

  div.about section.about_flow dl.flow_service dt,
  div.about section.about_flow dl.flow_service dd {
    width: 100%;
  }

  div.about section.about_flow dl.flow_service dt h3 {
    font-size: 18px;
  }

  div.about section.about_flow dl.flow_service dt p {
    font-size: 14px;
  }

  div.about section.about_flow dl.flow_service dt span.ttl_spaek {
    min-width: inherit;
    font-size: 14px;
    padding: 10px 25px 10px 15px;
    margin-bottom: 20px;
    border: 1px solid #837469;
    box-shadow: 0px 1px 0px 0px #837469;
  }

  div.about section.about_flow dl.flow_service dt span.ttl_spaek:after {
    bottom: -7px;
    left: 20px;
    width: 7px;
    height: 7px;
  }

  div.about section.about_flow dl.flow_service dd {
    margin-top: 30px;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_flow dl.flow_service {
    margin-bottom: 30px;
  }

  div.about section.about_flow dl.flow_service:after {
    bottom: -21px;
    border-width: 12px 16px 0 16px;
  }

  div.about section.about_flow dl.flow_service dt h3 {
    font-size: 14px;
  }

  div.about section.about_flow dl.flow_service dt p {
    font-size: 11px;
  }

  div.about section.about_flow dl.flow_service dd {
    margin-top: 20px;
  }
}

div.about section.about_flow dl.flow_service ul.list_col3 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.about section.about_flow dl.flow_service ul.list_col3 li {
  width: 32%;
  min-height: 188px;
  padding: 20px 10px 10px;
  border-radius: 10px;
  border: 2px solid #837469;
  background-color: #fff;
  position: relative;
}

div.about section.about_flow dl.flow_service ul.list_col3 li h4 {
  color: #837469;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

div.about section.about_flow dl.flow_service ul.list_col3 li img {
  right: 10px;
  bottom: 10px;
  width: 70px;
  position: absolute;
}

@media screen and (max-width: 768px) {
  div.about section.about_flow dl.flow_service ul.list_col3 li {
    min-height: 140px;
    padding: 10px;
    border: 1px solid #837469;
  }

  div.about section.about_flow dl.flow_service ul.list_col3 li h4 {
    font-size: 16px;
  }

  div.about section.about_flow dl.flow_service ul.list_col3 li img {
    width: 50px;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_flow dl.flow_service ul.list_col3 li {
    min-height: 90px;
    padding: 7px 5px;
  }

  div.about section.about_flow dl.flow_service ul.list_col3 li h4 {
    font-size: 2.9vw;
  }

  div.about section.about_flow dl.flow_service ul.list_col3 li img {
    right: 6px;
    bottom: 6px;
    width: 35px;
  }
}

div.about section.about_flow dl.flow_service ul.list_col2 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.about section.about_flow dl.flow_service ul.list_col2 li {
  width: 49%;
  padding: 15px 5px 15px 20px;
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fbfbf6;
  box-shadow: 0px 1px 0px 0px #837469;
}

div.about section.about_flow dl.flow_service ul.list_col2 li h4 {
  font-size: 18px;
  font-weight: bold;
}

div.about section.about_flow dl.flow_service ul.list_col2 li h4 span {
  font-size: 14px;
  text-indent: -5px;
  display: inline-block;
}

div.about section.about_flow dl.flow_service ul.list_col2 li p {
  margin-top: 5px;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  div.about section.about_flow dl.flow_service ul.list_col2 li {
    padding: 15px;
  }

  div.about section.about_flow dl.flow_service ul.list_col2 li h4,
  div.about section.about_flow dl.flow_service ul.list_col2 li p {
    font-size: 16px;
  }

  div.about section.about_flow dl.flow_service ul.list_col2 li h4 span,
  div.about section.about_flow dl.flow_service ul.list_col2 li p span {
    font-size: 12px;
    display: block;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_flow dl.flow_service ul.list_col2 li {
    padding: 10px;
    margin-bottom: 10px;
  }

  div.about section.about_flow dl.flow_service ul.list_col2 li h4,
  div.about section.about_flow dl.flow_service ul.list_col2 li p {
    font-size: 2.8vw;
  }

  div.about section.about_flow dl.flow_service ul.list_col2 li h4 span,
  div.about section.about_flow dl.flow_service ul.list_col2 li p span {
    font-size: 9px;
  }
}

div.about section.about_flow dl.flow_service ul.list_comfortable {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.about section.about_flow dl.flow_service ul.list_comfortable li {
  width: 32%;
  min-height: 160px;
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 10px;
  border: 2px solid #837469;
  background-color: #f9f9ee;
  box-shadow: 0px 1px 0px 0px #837469;
  position: relative;
}

div.about section.about_flow dl.flow_service ul.list_comfortable li.blank_li {
  opacity: 0;
}

div.about section.about_flow dl.flow_service ul.list_comfortable li img {
  width: 24%;
  left: 50%;
  bottom: 80px;
  transform: translate(-50%, 0);
  position: absolute;
}

div.about section.about_flow dl.flow_service ul.list_comfortable li img.w_66 {
  width: 30%;
}

div.about section.about_flow dl.flow_service ul.list_comfortable li img.w_75 {
  width: 35%;
}

div.about section.about_flow dl.flow_service ul.list_comfortable li h4 {
  top: 75%;
  left: 0;
  width: 100%;
  color: #837469;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  transform: translate(0, -50%);
  position: absolute;
}

div.about section.about_flow dl.flow_service ul.list_comfortable li h4 span {
  font-size: 12px;
  display: block;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  div.about section.about_flow dl.flow_service ul.list_comfortable li {
    padding: 10px;
    border: 1px solid #837469;
    box-shadow: 0px 0.5px 0px 0px #837469;
  }

  div.about section.about_flow dl.flow_service ul.list_comfortable li h4 {
    font-size: 16px;
  }

  div.about section.about_flow dl.flow_service ul.list_comfortable li h4 span {
    font-size: 12px;
    display: block;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_flow dl.flow_service ul.list_comfortable li {
    margin-bottom: 10px;
    min-height: 95px;
  }

  div.about section.about_flow dl.flow_service ul.list_comfortable li h4 {
    font-size: 2.8vw;
  }

  div.about section.about_flow dl.flow_service ul.list_comfortable li h4 span {
    font-size: 8px;
  }

  div.about section.about_flow dl.flow_service ul.list_comfortable li img {
    bottom: 50px;
  }
}

div.about section.about_flow .arrow_btn_s a {
  min-width: 330px;
  border-radius: 5px;
  padding: 11px 20px 11px;
}

div.about section.about_flow .arrow_btn_s a span {
  font-size: 20px;
  width: auto;
  padding-left: 30px;
}

@media screen and (max-width: 768px) {
  div.about section.about_flow .arrow_btn_s a {
    width: auto;
    max-width: inherit;
    min-width: inherit !important;
    padding: 10px 20px;
    border-width: 1px;
    box-shadow: 0px 1.5px 0px 0px #837469;
  }

  div.about section.about_flow .arrow_btn_s a span {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.about section.about_flow .arrow_btn_s a {
    padding: 7px 15px;
  }

  div.about section.about_flow .arrow_btn_s a span {
    font-size: 12px;
  }
}

div.about section.about_flow p.text_18 {
  margin-top: 15px;
  color: #837469;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 568px) {
  div.about section.about_flow p.text_18 {
    margin-top: 10px;
    font-size: 2.9vw;
    padding: 0 2.5%;
  }
}

div.about section.cta {
  padding: 70px 0 80px !important;
}

@media screen and (max-width: 768px) {
  div.about section.cta {
    padding: 35px 0 !important;
  }
}

@media screen and (max-width: 568px) {
  div.about section.cta {
    padding: 25px 0 !important;
  }
}

div.empty section article {
  margin-bottom: 0;
}

div.empty div.ttl_empty {
  padding: 40px 0;
  background-position: cover;
  background-image: url("../img/content/empty/bg_main_ttl.jpg");
}

@media screen and (max-width: 768px) {
  div.empty div.ttl_empty {
    background-position: left center;
    background-image: url("../img/content/empty/bg_main_ttl_sp.jpg");
  }
}

div.empty div.ttl_empty .ttl_content {
  width: 100%;
  max-width: 663px;
  padding: 0 30px;
  margin: auto 0px auto auto;
}

div.empty div.ttl_empty .ttl_content h1 {
  width: 513px;
  margin: 0 auto;
}

div.empty div.ttl_empty .ttl_content div.box_op {
  color: #fff;
  margin-top: 35px;
  border-radius: 10px;
  padding: 20px;
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.23);
}

div.empty div.ttl_empty .ttl_content div.box_op h3 span {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  padding-right: 65px;
  background-size: auto 100%;
  background-position: center right;
  background-image: url("../img/content/empty/two_pawprint.png");
}

div.empty div.ttl_empty .ttl_content div.box_op p {
  font-weight: 500;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  div.empty div.ttl_empty .ttl_content div.box_op {
    padding: 15px;
    width: 80%;
    border-width: 1px;
    margin: 20px 0 auto auto;
  }

  div.empty div.ttl_empty .ttl_content div.box_op h3 {
    text-align: center;
  }

  div.empty div.ttl_empty .ttl_content div.box_op h3 span {
    font-size: 16px;
  }

  div.empty div.ttl_empty .ttl_content div.box_op p {
    margin-top: 10px;
    font-size: 12px;
  }
}

@media screen and (max-width: 568px) {
  div.empty div.ttl_empty .ttl_content div.box_op {
    padding: 10px;
  }

  div.empty div.ttl_empty .ttl_content div.box_op h3 span {
    font-size: 2.8vw;
    padding-right: 40px;
  }

  div.empty div.ttl_empty .ttl_content div.box_op p {
    margin-top: 5px;
    font-size: 9px;
  }
}

@media screen and (max-width: 768px) {
  div.empty div.ttl_empty .ttl_content {
    padding: 0;
    max-width: inherit;
  }

  div.empty div.ttl_empty .ttl_content h1 {
    width: 75%;
  }
}

div.empty h2.ttl_cat {
  text-align: center;
}

div.empty h2.ttl_cat span {
  color: #837469;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 56px 0;
  position: relative;
  display: inline-block;
}

div.empty h2.ttl_cat span:before,
div.empty h2.ttl_cat span:after {
  top: 50%;
  content: '';
  width: 36px;
  height: 36px;
  position: absolute;
  transform: translate(0, -50%);
}

div.empty h2.ttl_cat span:before {
  left: 0;
  background-image: url("../img/content/empty/pawprint_left.svg");
}

div.empty h2.ttl_cat span:after {
  right: 0;
  background-image: url("../img/content/empty/pawprint_right.svg");
}

@media screen and (max-width: 768px) {
  div.empty h2.ttl_cat span {
    font-size: 18px;
  }
}

@media screen and (max-width: 568px) {
  div.empty h2.ttl_cat span {
    font-size: 3.9vw;
    padding: 0 25px;
  }

  div.empty h2.ttl_cat span:before,
  div.empty h2.ttl_cat span:after {
    width: 20px;
    height: 20px;
  }
}

div.empty h4.ttl_case {
  color: #837469;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

div.empty h4.ttl_case.case_fz20 {
  font-size: 20px;
  letter-spacing: -0.03em;
}

div.empty h4.ttl_case.case_fz20 span {
  padding: 8px 18px;
  margin-right: 10px;
  vertical-align: baseline;
}

div.empty h4.ttl_case span {
  font-size: 16px;
  font-weight: 500;
  margin-right: 15px;
  border-radius: 8px;
  padding: 7px 20px;
  vertical-align: bottom;
  display: inline-block;
  border: 1px solid #837469;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  div.empty h4.ttl_case {
    font-size: 16px;
  }

  div.empty h4.ttl_case.case_fz20 {
    font-size: 16px;
  }

  div.empty h4.ttl_case.case_fz20 span {
    padding: 3px 12px;
  }

  div.empty h4.ttl_case span {
    padding: 3px 12px;
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  div.empty h4.ttl_case {
    margin-bottom: 10px;
    font-size: 12px;
  }

  div.empty h4.ttl_case.case_fz20 {
    font-size: 3.1vw;
  }

  div.empty h4.ttl_case span {
    font-size: 11px;
    border-radius: 6px;
  }
}

div.empty section.empty_top {
  padding: 50px 0 45px;
}

@media screen and (max-width: 568px) {
  div.empty section.empty_top {
    padding: 30px 0;
  }
}

div.empty section.empty_top div.arrow_btn.skin_red a {
  min-width: 450px;
  padding: 16px 20px 16px;
  border: 2px solid #e83416;
  box-shadow: 0px 5px 0px 0px #e83416;
}

div.empty section.empty_top div.arrow_btn.skin_red a:hover {
  background-color: #e83416;
  opacity: 1;
}

div.empty section.empty_top div.arrow_btn.skin_red a:hover span {
  color: #fff;
  background-image: url("../img/common/arrow/arrow_right_w.svg");
}

div.empty section.empty_top div.arrow_btn.skin_red a span {
  color: #e83416;
  width: auto;
  font-size: 21px;
  padding-left: 35px;
  background-size: 16px;
  background-image: url("../img/common/arrow/arrow_right_r.svg");
}

@media screen and (max-width: 768px) {
  div.empty section.empty_top div.arrow_btn.skin_red a {
    padding: 10px 15px 10px;
    min-width: inherit;
    border: 1px solid #e83416;
    box-shadow: 0px 2.5px 0px 0px #e83416;
  }

  div.empty section.empty_top div.arrow_btn.skin_red a span {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_top div.arrow_btn.skin_red a span {
    font-size: 12px;
  }
}

div.empty section.empty_top div.consult {
  margin-top: 40px;
}

div.empty section.empty_top div.consult .text_cat {
  margin-top: 20px;
  position: relative;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_top div.consult .text_cat {
    margin-top: 15px;
  }
}

div.empty section.empty_top div.consult .text_cat .bg_pattern_stripe_c {
  max-width: 850px;
  margin: 0 auto;
  padding: 10px 15px;
}

div.empty section.empty_top div.consult .text_cat .bg_pattern_stripe_c .text_cont {
  padding: 25px;
  border-radius: 10px;
  text-align: center;
  background-color: #fff;
}

div.empty section.empty_top div.consult .text_cat .bg_pattern_stripe_c .text_cont p {
  padding: 3px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 568px) {
  div.empty section.empty_top div.consult .text_cat .bg_pattern_stripe_c {
    padding: 5px 8px;
  }

  div.empty section.empty_top div.consult .text_cat .bg_pattern_stripe_c .text_cont {
    padding: 20px 30px;
  }

  div.empty section.empty_top div.consult .text_cat .bg_pattern_stripe_c .text_cont p {
    font-size: 12px;
  }
}

div.empty section.empty_top div.consult .text_cat img.img_cat {
  width: 215px;
  position: absolute;
}

div.empty section.empty_top div.consult .text_cat img.img_cat.cat_left {
  top: 10px;
  left: 20px;
}

div.empty section.empty_top div.consult .text_cat img.img_cat.cat_right {
  top: 50%;
  right: 15px;
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  div.empty section.empty_top div.consult .text_cat img.img_cat {
    width: 20vw;
  }

  div.empty section.empty_top div.consult .text_cat img.img_cat.cat_left {
    top: inherit;
    left: 15px;
    bottom: -7vw;
  }

  div.empty section.empty_top div.consult .text_cat img.img_cat.cat_right {
    top: inherit;
    right: 0;
    bottom: -13vw;
  }
}

div.empty section.empty_top div.five_services {
  margin-top: 55px;
}

div.empty section.empty_top div.five_services ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin: 20px -15px 0;
  max-width: 1220px;
}

div.empty section.empty_top div.five_services ul li {
  width: 49%;
  padding: 10px 15px;
}

div.empty section.empty_top div.five_services ul li .text_cont {
  padding: 20px;
  height: 100%;
  border-radius: 10px;
  border: 2px solid #eeecea;
  background-color: #f8f5f3;
}

div.empty section.empty_top div.five_services ul li .text_cont h4 {
  color: #937962;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin-bottom: 15px;
}

div.empty section.empty_top div.five_services ul li .text_cont h4 img {
  width: 52px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}

div.empty section.empty_top div.five_services ul li .text_cont p {
  color: #937962;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_top div.five_services ul li .text_cont {
    padding: 14px;
  }

  div.empty section.empty_top div.five_services ul li .text_cont h4 {
    font-size: 14px;
  }

  div.empty section.empty_top div.five_services ul li .text_cont h4 img {
    width: 35px;
  }

  div.empty section.empty_top div.five_services ul li .text_cont p {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_top div.five_services ul li .text_cont {
    padding: 8px;
  }

  div.empty section.empty_top div.five_services ul li .text_cont h4 {
    font-size: 12px;
  }

  div.empty section.empty_top div.five_services ul li .text_cont h4 img {
    width: 26px;
  }

  div.empty section.empty_top div.five_services ul li .text_cont p {
    font-size: 2.8vw;
  }
}

@media screen and (max-width: 768px) {
  div.empty section.empty_top div.five_services ul {
    margin: 15px -5px 0;
  }

  div.empty section.empty_top div.five_services ul li {
    width: 50%;
    padding: 5px 2.5px;
  }
}

div.empty section.empty_risks {
  padding: 60px 0;
  background-color: #fcfcfc;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_risks {
    padding: 30px 0;
  }
}

div.empty section.empty_risks div.risks {
  margin-top: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.empty section.empty_risks div.risks .image_cont {
  width: 48%;
}

div.empty section.empty_risks div.risks .text_cont {
  width: 48.5%;
}

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

  div.empty section.empty_risks div.risks .image_cont,
  div.empty section.empty_risks div.risks .text_cont {
    width: 100%;
  }

  div.empty section.empty_risks div.risks .text_cont {
    margin-top: 35px;
  }
}

div.empty section.empty_risks div.risks div.btn_bubble {
  position: relative;
  display: inline-block;
  border-radius: 10px;
  padding: 8px 20px 8px;
  border: 2px solid #837469;
  box-shadow: 0px 2px 0px 0px #837469;
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
  background-image: url("../img/common/pattern_stripe_w.jpg");
}

div.empty section.empty_risks div.risks div.btn_bubble:after {
  bottom: -13px;
  left: 32px;
  content: '';
  width: 13px;
  height: 13px;
  position: absolute;
  background-size: 100%;
  background-image: url("../img/common/qs.png");
}

div.empty section.empty_risks div.risks div.btn_bubble span {
  color: #837469;
  font-size: 24px;
  font-weight: bold;
  padding-left: 38px;
  background-size: auto 100%;
  background-image: url("../img/common/icon/icon_oval.png");
}

@media screen and (max-width: 768px) {
  div.empty section.empty_risks div.risks div.btn_bubble {
    border: 1px solid #837469;
    box-shadow: 0px 1px 0px 0px #837469;
  }

  div.empty section.empty_risks div.risks div.btn_bubble:after {
    bottom: -7px;
    left: 16px;
    content: '';
    width: 7px;
    height: 7px;
  }

  div.empty section.empty_risks div.risks div.btn_bubble span {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_risks div.risks div.btn_bubble span {
    font-size: 12px;
    padding-left: 25px;
  }
}

div.empty section.empty_risks div.risks div.risks_box {
  padding: 10px;
  margin: 35px 0 40px;
}

div.empty section.empty_risks div.risks div.risks_box .box_content {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
}

div.empty section.empty_risks div.risks div.risks_box p.text_undline {
  margin-bottom: 15px;
}

div.empty section.empty_risks div.risks div.risks_box p.text_undline span {
  font-size: 20px;
  display: inline;
  line-height: 1.3;
  font-weight: bold;
  padding: 0 0 2px 2px;
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #f3f957 0%);
}

div.empty section.empty_risks div.risks div.risks_box p {
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_risks div.risks div.risks_box {
    margin: 20px 0 30px;
    padding: 7px;
  }

  div.empty section.empty_risks div.risks div.risks_box .box_content {
    padding: 15px;
  }

  div.empty section.empty_risks div.risks div.risks_box p.text_undline,
  div.empty section.empty_risks div.risks div.risks_box p {
    font-size: 14px;
  }

  div.empty section.empty_risks div.risks div.risks_box p.text_undline span,
  div.empty section.empty_risks div.risks div.risks_box p span {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_risks div.risks div.risks_box {
    margin: 15px 0 20px;
    padding: 5px;
  }

  div.empty section.empty_risks div.risks div.risks_box .box_content {
    padding: 10px;
  }

  div.empty section.empty_risks div.risks div.risks_box p.text_undline {
    margin-bottom: 10px;
  }

  div.empty section.empty_risks div.risks div.risks_box p.text_undline span {
    font-size: 12px;
  }

  div.empty section.empty_risks div.risks div.risks_box p {
    font-size: 11px;
  }
}

div.empty section.empty_risks div.risks div.btn_cont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.empty section.empty_risks div.risks div.btn_cont .icon_btn {
  width: 49%;
}

div.empty section.empty_risks div.risks div.btn_cont .icon_btn a {
  width: 100%;
  min-width: inherit;
}

@media screen and (max-width: 568px) {
  div.empty section.empty_risks div.risks div.btn_cont .icon_btn a span {
    font-size: 12px;
  }
}

div.empty section.empty_risks div.risks div.btn_cont div.icon_btn span {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_risks div.risks div.btn_cont div.icon_btn span {
    font-size: 14px;
  }

  div.empty section.empty_risks div.risks div.btn_cont div.icon_btn a {
    padding: 14px 5px 13px;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_risks div.risks div.btn_cont div.icon_btn span {
    font-size: 12px;
    padding-left: 30px;
  }
}

div.empty section.empty_risks div.risks div.btn_cont div.icon_btn.online_consul a {
  padding: 12px 5px 10px;
}

div.empty section.empty_risks div.risks div.btn_cont div.icon_btn.large_online_consul a {
  padding: 17px 10px;
}

div.empty section.empty_risks div.risks div.btn_cont div.icon_btn.online_consul span {
  line-height: 1.2;
  background-size: auto 85%;
}

div.empty section.empty_risks div.risks div.btn_cont div.icon_btn.large_online_consul span {
  padding-left: 50px;
  line-height: 1.7;
}

@media screen and (max-width: 1150px) {
  div.empty section.empty_risks div.risks div.btn_cont div.icon_btn.large_online_consul span {
    font-size: 15px;
  }

  div.empty section.empty_risks div.risks div.btn_cont div.icon_btn span {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  div.empty section.empty_risks div.risks div.btn_cont div.icon_btn.online_consul a {
    padding: 10px 5px 8px;
  }

  div.empty section.empty_risks div.risks div.btn_cont div.icon_btn.online_consul span {
    background-size: auto 70%;
  }

  div.empty section.empty_risks div.risks div.btn_cont div.icon_btn.large_online_consul a {
    padding: 7px 0;
  }
}

@media screen and (max-width: 550px) {
  div.empty section.empty_risks div.risks div.btn_cont div.icon_btn.large_online_consul span {
    padding-left: 28px;
    font-size: 18px;
  }

  div.empty section.empty_risks div.risks div.btn_cont div.icon_btn span {
    font-size: 11px;
  }
}

div.empty section.empty_reasons {
  text-align: center;
  padding: 50px 0;
}

@media screen and (max-width: 568px) {
  div.empty section.empty_reasons {
    padding: 45px 0;
  }
}

div.empty section.empty_reasons ul.reasons_list {
  margin-top: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.empty section.empty_reasons ul.reasons_list li {
  width: 18.7%;
}

div.empty section.empty_reasons ul.reasons_list li .image_cont {
  overflow: hidden;
  border-radius: 5px;
  background-color: #f2f5f8;
  box-shadow: 0px 3px 0px 0px #3f3a29;
}

div.empty section.empty_reasons ul.reasons_list li h4 {
  margin-top: 15px;
  color: #3f3a29;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_reasons ul.reasons_list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
  }

  div.empty section.empty_reasons ul.reasons_list li {
    width: 48%;
    margin-bottom: 20px;
  }

  div.empty section.empty_reasons ul.reasons_list li:nth-child(2n-1) {
    margin-right: 4%;
  }

  div.empty section.empty_reasons ul.reasons_list li:last-child {
    margin-right: 0;
  }

  div.empty section.empty_reasons ul.reasons_list li h4 {
    margin-top: 10px;
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  div.empty section.empty_reasons ul.reasons_list li h4 {
    margin-top: 10px;
    font-size: 12px;
  }
}

div.empty section.empty_01 {
  padding: 0;
  text-align: center;
  background-size: cover;
  background-image: url("../img/content/empty/bg_emptycat.jpg");
}

@media screen and (max-width: 768px) {
  div.empty section.empty_01 {
    background-image: url("../img/content/empty/bg_emptycat_sp.jpg");
  }
}

div.empty section.empty_01 article {
  max-width: 1500px;
  margin: 0 auto;
  padding: 45px 0 50px;
}

@media screen and (max-width: 568px) {
  div.empty section.empty_01 article {
    padding: 40px 0 60px;
  }
}

div.empty section.empty_01 article .img_cat {
  position: absolute;
}

div.empty section.empty_01 article .img_cat.pic02 {
  top: -45px;
  left: 0;
  width: 234px;
}

div.empty section.empty_01 article .img_cat.pic01 {
  right: 0;
  bottom: -144px;
  width: 219px;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_01 article .img_cat.pic01 {
    bottom: -40px;
    width: 100px;
  }

  div.empty section.empty_01 article .img_cat.pic02 {
    top: -70px;
    width: 100px;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_01 article .img_cat.pic01 {
    bottom: -25px;
    width: 24vw;
  }

  div.empty section.empty_01 article .img_cat.pic02 {
    top: -50px;
    width: 20vw;
  }
}

div.empty section.empty_01 article p.text_center {
  margin-top: 20px;
  font-weight: 500;
}

div.empty section.empty_01 div.chat_cont {
  margin: 30px auto 0;
  max-width: 1200px;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_01 div.chat_cont {
    max-width: 360px;
    margin: 15px auto 0;
  }
}

div.empty section.empty_01 div.chat_cont .ms_box {
  padding: 18px 0;
  display: flex;
  align-items: center;
}

div.empty section.empty_01 div.chat_cont .ms_box.ms_box01 {
  padding-left: 80px;
}

div.empty section.empty_01 div.chat_cont .ms_box.ms_box02 {
  padding-top: 73px;
  padding-right: 90px;
}

div.empty section.empty_01 div.chat_cont .ms_box.ms_box03 {
  padding-left: 40px;
}

div.empty section.empty_01 div.chat_cont .ms_box.ms_box04 {
  padding-right: 50px;
}

div.empty section.empty_01 div.chat_cont .ms_box.ms_box05 {
  padding-left: 90px;
}

div.empty section.empty_01 div.chat_cont .ms_box img {
  width: 70px;
}

div.empty section.empty_01 div.chat_cont .ms_box p {
  color: #837469;
  font-size: 21px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  border-radius: 10px;
  padding: 10px 40px;
  border: 2px solid #837469;
  background-color: #fff;
  box-shadow: 0px 1px 0px 0px #837469;
}

div.empty section.empty_01 div.chat_cont .ms_box p:after {
  top: 15px;
  content: '';
  width: 18px;
  height: 15px;
  position: absolute;
  background-size: 100%;
}

div.empty section.empty_01 div.chat_cont .ms_box.pt_55 {
  padding-top: 73px;
}

div.empty section.empty_01 div.chat_cont .ms_box.chat_left {
  float: left;
}

div.empty section.empty_01 div.chat_cont .ms_box.chat_left p {
  margin-left: 27px;
}

div.empty section.empty_01 div.chat_cont .ms_box.chat_left p:after {
  left: -18px;
  background-image: url("../img/content/empty/peak_left.png");
}

@media screen and (max-width: 768px) {
  div.empty section.empty_01 div.chat_cont .ms_box.chat_left p {
    margin-left: 20px;
  }

  div.empty section.empty_01 div.chat_cont .ms_box.chat_left p:after {
    left: -10px;
  }
}

div.empty section.empty_01 div.chat_cont .ms_box.chat_right {
  float: right;
}

div.empty section.empty_01 div.chat_cont .ms_box.chat_right p {
  margin-right: 27px;
}

div.empty section.empty_01 div.chat_cont .ms_box.chat_right p:after {
  right: -18px;
  background-image: url("../img/content/empty/peak_right.png");
}

@media screen and (max-width: 768px) {
  div.empty section.empty_01 div.chat_cont .ms_box.chat_right p {
    margin-right: 20px;
  }

  div.empty section.empty_01 div.chat_cont .ms_box.chat_right p:after {
    right: -10px;
  }
}

@media screen and (max-width: 768px) {
  div.empty section.empty_01 div.chat_cont .ms_box {
    padding: 5px 0;
  }

  div.empty section.empty_01 div.chat_cont .ms_box.ms_box01,
  div.empty section.empty_01 div.chat_cont .ms_box.ms_box03,
  div.empty section.empty_01 div.chat_cont .ms_box.ms_box05 {
    padding-left: 0;
  }

  div.empty section.empty_01 div.chat_cont .ms_box.ms_box02,
  div.empty section.empty_01 div.chat_cont .ms_box.ms_box04 {
    padding-right: 0;
  }

  div.empty section.empty_01 div.chat_cont .ms_box.ms_box02 {
    padding-top: 8px;
  }

  div.empty section.empty_01 div.chat_cont .ms_box img {
    width: 35px;
  }

  div.empty section.empty_01 div.chat_cont .ms_box p {
    font-size: 11px;
    padding: 5px 15px;
    border: 1px solid #837469;
  }

  div.empty section.empty_01 div.chat_cont .ms_box p:after {
    top: 8px;
    width: 10px;
    height: 8px;
  }
}

div.empty section.empty_02 {
  padding: 50px 0;
}

div.empty section.empty_02 ul {
  margin-top: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.empty section.empty_02 ul li {
  width: 49%;
  margin-bottom: 20px;
  padding: 20px 25px;
  border-radius: 10px;
  border: 2px solid #eeecea;
  background-color: #f8f5f3;
}

div.empty section.empty_02 ul li p {
  color: #937962;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_02 ul li {
    width: 100%;
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #eeecea;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_02 ul {
    margin-top: 20px;
  }

  div.empty section.empty_02 ul li p {
    font-size: 2.8vw;
  }
}

div.empty section.empty_case {
  padding: 35px 0 75px;
}

@media screen and (max-width: 568px) {
  div.empty section.empty_case {
    padding: 10px 0 40px;
  }
}

div.empty section.empty_case ul.case li {
  padding: 15px 0;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_case ul.case li+li {
    padding-top: 25px;
    border-top: 1px dotted #000;
  }
}

div.empty section.empty_case ul.case div.cont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.empty section.empty_case ul.case div.cont.reverse {
  flex-direction: row-reverse;
}

div.empty section.empty_case ul.case div.cont .text_cont,
div.empty section.empty_case ul.case div.cont .image_cont {
  width: 49%;
}

div.empty section.empty_case ul.case div.cont .image_cont {
  max-width: 580px;
}

div.empty section.empty_case ul.case div.cont h4.ttl_case {
  font-size: 20px;
  letter-spacing: -0.03em;
}

div.empty section.empty_case ul.case div.cont h4.ttl_case span {
  padding: 8px 18px;
  margin-right: 10px;
  vertical-align: baseline;
}

div.empty section.empty_case ul.case div.cont p {
  color: #333333;
  font-weight: 500;
  line-height: 1.5;
}

div.empty section.empty_case ul.case div.cont p.text_bold {
  margin: 10px 0;
  font-weight: bold;
}

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

  div.empty section.empty_case ul.case div.cont .text_cont,
  div.empty section.empty_case ul.case div.cont .image_cont {
    width: 100%;
    max-width: inherit;
  }

  div.empty section.empty_case ul.case div.cont .image_cont {
    padding: 30px 20px 0;
  }

  div.empty section.empty_case ul.case div.cont p {
    font-size: 14px;
    line-height: 1.7;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_case ul.case div.cont .image_cont {
    padding: 15px 15px 0;
  }

  div.empty section.empty_case ul.case div.cont p {
    font-size: 11px;
  }
}

div.empty section.empty_case ul.case div.cont div.box {
  padding: 10px;
  margin-top: 20px;
}

div.empty section.empty_case ul.case div.cont div.box .box_content {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
}

div.empty section.empty_case ul.case div.cont div.box .box_content h4 {
  color: #837469;
  font-size: 18px;
  font-weight: bold;
  padding-left: 35px;
  margin-bottom: 10px;
  background-size: auto 100%;
  background-image: url("../img/common/icon/icon_forma.svg");
}

@media screen and (max-width: 768px) {
  div.empty section.empty_case ul.case div.cont div.box {
    padding: 5px;
  }

  div.empty section.empty_case ul.case div.cont div.box .box_content {
    padding: 15px;
  }

  div.empty section.empty_case ul.case div.cont div.box .box_content h4 {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_case ul.case div.cont div.box .box_content h4 {
    padding-left: 25px;
    font-size: 12px;
  }
}

div.empty section.cta {
  padding-top: 20px !important;
}

@media screen and (max-width: 768px) {
  div.empty section.cta {
    padding: 0 !important;
  }
}

div.empty section.empty_flow {
  padding: 0;
}

div.empty section.empty_flow article {
  padding: 50px 0;
}

div.empty section.empty_flow h2.ttl_cat span {
  font-size: 28px;
}

div.empty section.empty_flow ul.content {
  margin-top: 5px;
}

div.empty section.empty_flow ul.content .step {
  color: #333333;
  padding: 30px 30px;
  margin-bottom: 40px;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

div.empty section.empty_flow ul.content .step:after {
  content: '';
  width: 0;
  height: 0;
  left: 50%;
  bottom: -32px;
  position: absolute;
  border-style: solid;
  transform: translate(-50%, 0);
  border-width: 22px 30.5px 0 30.5px;
  border-color: transparent transparent transparent transparent;
}

div.empty section.empty_flow ul.content .step.bg_step01 {
  background-color: #f9f4ef;
}

div.empty section.empty_flow ul.content .step.bg_step01:after {
  border-top-color: #f9f4ef;
}

div.empty section.empty_flow ul.content .step.bg_step02 {
  background-color: #f3ede6;
}

div.empty section.empty_flow ul.content .step.bg_step02:after {
  border-top-color: #f3ede6;
}

div.empty section.empty_flow ul.content .step.bg_step03 {
  background-color: #eae0d2;
}

div.empty section.empty_flow ul.content .step.bg_step03:after {
  border-top-color: #eae0d2;
}

div.empty section.empty_flow ul.content .step.bg_step04 {
  background-image: url("../img/common/pattern_stripe_g.jpg");
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}

div.empty section.empty_flow ul.content .step div.bubble {
  float: left;
  padding-right: 55px;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_flow ul.content .step {
    padding: 15px;
    margin-bottom: 27px;
  }

  div.empty section.empty_flow ul.content .step:after {
    bottom: -20px;
    border-width: 12px 16px 0 16px;
  }

  div.empty section.empty_flow ul.content .step div.bubble {
    padding-right: 15px;
  }

  div.empty section.empty_flow ul.content .step p {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_flow ul.content .step {
    padding: 10px;
  }

  div.empty section.empty_flow ul.content .step div.bubble {
    padding-right: 10px;
  }

  div.empty section.empty_flow ul.content .step p {
    font-size: 2.8vw;
  }
}

div.empty section.empty_flow ul.content .step h3 {
  font-weight: bold;
  font-size: 21px;
}

div.empty section.empty_flow ul.content .step h3.fz_24 {
  font-size: 24px;
}

div.empty section.empty_flow ul.content .step h3.fz_28 {
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_flow ul.content .step h3 {
    font-size: 16px;
  }

  div.empty section.empty_flow ul.content .step h3.fz_24 {
    font-size: 16px;
  }

  div.empty section.empty_flow ul.content .step h3.fz_28 {
    font-size: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_flow ul.content .step h3 {
    font-size: 12px;
  }

  div.empty section.empty_flow ul.content .step h3.fz_24 {
    font-size: 12px;
  }

  div.empty section.empty_flow ul.content .step h3.fz_28 {
    font-size: 15px;
  }
}

div.empty section.empty_flow ul.content .step .step_content {
  max-width: 1020px;
  margin: 0 auto;
  padding: 20px 0;
}

div.empty section.empty_flow ul.content .step .step_content p.center {
  padding: 20px 0;
}

div.empty section.empty_flow ul.content .step .step_content div.box_content {
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
}

div.empty section.empty_flow ul.content .step .step_content div.box_content img {
  max-width: 282px;
  margin: 30px auto 20px;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_flow ul.content .step .step_content {
    padding-bottom: 50px;
  }

  div.empty section.empty_flow ul.content .step .step_content div.box_content {
    padding: 20px;
  }

  div.empty section.empty_flow ul.content .step .step_content div.box_content img {
    width: 50%;
    margin: 15px auto 10px;
  }

  div.empty section.empty_flow ul.content .step .step_content h3.fz_24 {
    font-size: 18px;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_flow ul.content .step .step_content {
    padding: 15px 0 40px;
  }

  div.empty section.empty_flow ul.content .step .step_content div.box_content {
    padding: 15px;
  }

  div.empty section.empty_flow ul.content .step .step_content h3.fz_24 {
    font-size: 14px;
  }
}

div.empty section.empty_flow ul.content .step div.consult_houses {
  max-width: 700px;
  margin: 40px auto 0;
  position: relative;
}

div.empty section.empty_flow ul.content .step div.consult_houses .image_cont {
  width: 110px;
  position: absolute;
  bottom: 65px;
  left: 50%;
  -moz-transform: translate(240px, 0);
  -ms-transform: translate(240px, 0);
  -webkit-transform: translate(240px, 0);
  transform: translate(240px, 0);
}

div.empty section.empty_flow ul.content .step div.consult_houses div.btn_cont {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

div.empty section.empty_flow ul.content .step div.consult_houses div.btn_cont div.icon_btn {
  width: 48.5%;
}

div.empty section.empty_flow ul.content .step div.consult_houses div.btn_cont div.icon_btn a {
  width: 100%;
  min-width: inherit;
}

@media screen and (max-width: 568px) {
  div.empty section.empty_flow ul.content .step div.consult_houses div.btn_cont div.icon_btn a {
    padding: 8px 28px;
  }

  div.empty section.empty_flow ul.content .step div.consult_houses div.btn_cont div.icon_btn a span {
    font-size: 18px;
  }

  div.empty section.empty_flow ul.content .step div.consult_houses div.btn_cont div.icon_btn.skin_small a span {
    padding-left: 30px;
  }

  div.empty section.empty_flow ul.content .step div.consult_houses div.btn_cont div.icon_btn a.skin_normal span {
    letter-spacing: -.04em;
    padding-left: 23px;
  }
}

@media screen and (max-width: 768px) {
  div.empty section.empty_flow ul.content .step div.consult_houses {
    margin: 20px auto 0;
  }

  div.empty section.empty_flow ul.content .step div.consult_houses .image_cont {
    width: 70px;
    left: inherit;
    right: 3%;
    bottom: 36%;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_flow ul.content .step div.consult_houses .image_cont {
    width: 55px;
  }
}

div.empty section.empty_flow div.image_cat03 {
  position: absolute;
  width: 306px;
  bottom: 0;
  right: -100px;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_flow div.image_cat03 {
    bottom: 20px;
    right: 0;
    width: 150px;
  }
}

@media screen and (max-width: 768px) {
  div.empty section.empty_flow div.image_cat03 {
    bottom: 15px;
    width: 100px;
  }
}

div.store div.ttl_25 {
  color: #6f6f6f;
  font-weight: 500;
}

div.store div.ttl_25 h2 {
  font-size: 25px;
}

div.store div.ttl_25 p {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  div.store div.ttl_25 h2 {
    font-size: 18px;
  }

  div.store div.ttl_25 p {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  div.store div.ttl_25 h2 {
    font-size: 15px;
  }

  div.store div.ttl_25 p {
    font-size: 12px;
  }
}

div.store section.rental_top {
  padding: 40px 0 70px;
}

@media screen and (max-width: 568px) {
  div.store section.rental_top {
    padding: 20px 0 15px;
  }
}

div.store section.rental_top article {
  margin-bottom: 0;
}

div.store section.rental_top ul.rental_list {
  padding: 20px 20px 0;
  margin: 30px 0 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  div.store section.rental_top ul.rental_list {
    margin: 15px 0 20px;
    padding: 5px 10px;
  }
}

div.store section.rental_top ul.rental_list li.list_card {
  width: 49%;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  div.store section.rental_top ul.rental_list li.list_card {
    width: 100%;
    margin-bottom: 0;
    padding: 5px 0;
  }
}

div.store section.rental_top ul.rental_list li.list_card .w_box {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
}

div.store section.rental_top ul.rental_list li.list_card .w_box .image_cont {
  width: 40%;
}

div.store section.rental_top ul.rental_list li.list_card .w_box .content_cont {
  width: 55%;
}

div.store section.rental_top ul.rental_list li.list_card .w_box .content_cont h3 {
  color: #443724;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5;
  padding: 20px 0;
}

@media screen and (max-width: 568px) {
  div.store section.rental_top ul.rental_list li.list_card .w_box .content_cont h3 {
    font-size: 4vw;
    padding: 0;
  }
}

div.store section.rental_top ul.rental_list li.list_card .w_box .content_cont ul li {
  line-height: 2;
}

div.store section.rental_top ul.rental_list li.list_card .w_box .content_cont ul li span {
  font-size: 16px;
  color: #443724;
  padding-left: 23px;
  background-size: 11px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/common/arrow/arrow_right_g.svg);
}

@media screen and (max-width: 568px) {
  div.store section.rental_top ul.rental_list li.list_card .w_box .content_cont ul li {
    line-height: 1.7;
  }

  div.store section.rental_top ul.rental_list li.list_card .w_box .content_cont ul li span {
    padding-left: 15px;
    font-size: 3.6vw;
  }
}

@media screen and (max-width: 768px) {
  div.store section.rental_top ul.rental_list li.list_card .w_box {
    padding: 10px;
  }

  div.store section.rental_top ul.rental_list li.list_card .w_box .image_cont {
    width: 33%;
  }

  div.store section.rental_top ul.rental_list li.list_card .w_box .content_cont {
    width: 64%;
  }
}

div.store section.rental_top .rental_box {
  padding: 20px;
  margin: 40px 0;
}

div.store section.rental_top .rental_box .w_box {
  padding: 30px;
  border-radius: 10px;
  background-color: #fff;
}

div.store section.rental_top .rental_box .box_content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.store section.rental_top .rental_box .box_content .text_cont,
div.store section.rental_top .rental_box .box_content .image_cont {
  width: 50%;
}

div.store section.rental_top .rental_box .box_content .area_box {
  margin-bottom: 30px;
}

div.store section.rental_top .rental_box .box_content .area_box:last-child {
  margin-bottom: 0;
}

div.store section.rental_top .rental_box .box_content h3 {
  color: #443724;
  font-size: 20px;
  padding-bottom: 7px;
  margin-bottom: 7px;
  border-bottom: 2px solid #f8f6f4;
  position: relative;
}

div.store section.rental_top .rental_box .box_content h3:before {
  content: '';
  bottom: -2px;
  width: 50px;
  position: absolute;
  border-top: 2px solid #beb7b0;
}

div.store section.rental_top .rental_box .box_content p {
  color: #443724;
  font-size: 16px;
}

div.store section.rental_top .rental_box .box_content img.w_390 {
  max-width: 390px;
  margin: 45px auto 50px;
}

div.store section.rental_top .rental_box .box_content img.w_172 {
  max-width: 172px;
  margin: 0 auto;
}

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

  div.store section.rental_top .rental_box .box_content .text_cont,
  div.store section.rental_top .rental_box .box_content .image_cont {
    width: 100%;
  }

  div.store section.rental_top .rental_box .box_content .area_box {
    margin-bottom: 20px;
  }

  div.store section.rental_top .rental_box .box_content h3 {
    font-size: 16px;
  }

  div.store section.rental_top .rental_box .box_content p {
    font-size: 13px;
  }
}

@media screen and (max-width: 568px) {
  div.store section.rental_top .rental_box .box_content img.w_390 {
    margin: 25px auto 20px;
  }

  div.store section.rental_top .rental_box .box_content h3 {
    font-size: 14px;
  }
}

div.store section.rental_top .rental_box .box_content table {
  margin-top: 15px;
  width: 100%;
  table-layout: fixed;
  min-width: inherit;
  border-collapse: collapse;
  box-sizing: border-box;
}

div.store section.rental_top .rental_box .box_content table th,
div.store section.rental_top .rental_box .box_content table td {
  padding: 5px;
  height: 60px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dddddd;
  display: table-cell;
}

div.store section.rental_top .rental_box .box_content table th p,
div.store section.rental_top .rental_box .box_content table td p {
  line-height: 1.5;
}

div.store section.rental_top .rental_box .box_content table th span,
div.store section.rental_top .rental_box .box_content table td span {
  display: block;
  font-size: 14px;
}

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

  div.store section.rental_top .rental_box .box_content table th,
  div.store section.rental_top .rental_box .box_content table td {
    height: inherit;
    font-size: 13px;
  }

  div.store section.rental_top .rental_box .box_content table th span,
  div.store section.rental_top .rental_box .box_content table td span {
    font-size: 13px;
  }
}

@media screen and (max-width: 568px) {

  div.store section.rental_top .rental_box .box_content table th,
  div.store section.rental_top .rental_box .box_content table td {
    font-size: 3vw;
  }

  div.store section.rental_top .rental_box .box_content table th span,
  div.store section.rental_top .rental_box .box_content table td span {
    font-size: 3vw;
  }
}

div.store section.rental_top .rental_box .box_content table th {
  background-color: #f4f1ed;
}

@media screen and (max-width: 768px) {
  div.store section.rental_top .rental_box {
    margin: 30px 0;
    padding: 10px;
  }

  div.store section.rental_top .rental_box .w_box {
    padding: 15px;
  }
}

@media screen and (max-width: 568px) {
  div.store section.rental_top .rental_box {
    margin: 20px 0;
  }
}

div.store section.rental_top div.text_box h4 {
  color: #6f6f6f;
  font-size: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 568px) {
  div.store section.rental_top div.text_box h4 {
    font-size: 14px;
    margin-bottom: 10px;
  }

  div.store section.rental_top div.text_box p {
    font-size: 13px;
  }
}

div.store section.rental_top div.rental_use {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  div.store section.rental_top div.rental_use {
    margin-top: 40px;
  }
}

div.store section.rental_top div.rental_use ul {
  margin-top: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: stretch;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  div.store section.rental_top div.rental_use ul {
    margin-top: 15px;
  }
}

div.store section.rental_top div.rental_use ul li {
  width: 19%;
  max-width: 224px;
}

div.store section.rental_top div.rental_use ul li+li .text_cont {
  position: relative;
}

div.store section.rental_top div.rental_use ul li+li .text_cont:before {
  content: '';
  top: 38%;
  left: -16px;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-width: 7px 0 7px 12px;
  border-color: transparent transparent transparent #6f5c43;
}

@media screen and (max-width: 768px) {
  div.store section.rental_top div.rental_use ul li {
    width: 100%;
    max-width: inherit;
  }

  div.store section.rental_top div.rental_use ul li+li {
    margin-top: 38px;
  }

  div.store section.rental_top div.rental_use ul li+li .text_cont:before {
    content: '';
    top: -28px;
    left: 50%;
    transform: translate(-50%, 0);
    border-width: 18px 10px 0 10px;
    border-color: #6f5c43 transparent transparent transparent;
  }
}

div.store section.rental_top div.rental_use ul li .text_cont {
  width: 100%;
  height: 100%;
  display: table;
  border-radius: 5px;
  text-align: center;
  vertical-align: middle;
  padding: 35px 10px 23px;
  background-color: #f3ede6;
}

div.store section.rental_top div.rental_use ul li .text_cont.text_cont02 {
  background-color: #eae0d2;
}

div.store section.rental_top div.rental_use ul li .text_cont.text_cont03 {
  background-color: #dccebb;
}

div.store section.rental_top div.rental_use ul li .text_cont.text_cont04 {
  background-color: #cdbca6;
}

div.store section.rental_top div.rental_use ul li .text_cont.text_cont05 {
  background-color: #bea98e;
}

div.store section.rental_top div.rental_use ul li .text_cont.text_cont05 img {
  width: 96px;
  margin: auto;
}

div.store section.rental_top div.rental_use ul li .text_cont.text_cont05 .ttl_number h4 {
  color: #fff;
  padding: 50px 0 20px;
}

div.store section.rental_top div.rental_use ul li .text_cont .ttl_number {
  width: 100%;
}

div.store section.rental_top div.rental_use ul li .text_cont .ttl_number span {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  color: #6f6f6f;
  font-weight: 500;
  font-size: 25px;
  border-radius: 100%;
  background-color: #fff;
}

div.store section.rental_top div.rental_use ul li .text_cont .ttl_number h4 {
  color: #6f6f6f;
  padding: 20px 0;
  font-weight: 500;
}

div.store section.rental_top div.rental_use ul li .text_cont .w_box {
  width: 100%;
  height: 190px;
  display: table-row;
}

div.store section.rental_top div.rental_use ul li .text_cont .w_box p {
  width: 100%;
  height: 100%;
  padding: 5px;
  font-weight: 500;
  text-align: left;
  border-radius: 5px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  div.store section.rental_top div.rental_use ul li .text_cont {
    padding: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  div.store section.rental_top div.rental_use ul li .text_cont.text_cont05 .ttl_number h4 {
    padding: 10px 0;
  }

  div.store section.rental_top div.rental_use ul li .text_cont .ttl_number {
    width: 35%;
  }

  div.store section.rental_top div.rental_use ul li .text_cont .ttl_number h4 {
    font-size: 13px;
    padding: 10px 0;
  }

  div.store section.rental_top div.rental_use ul li .text_cont .ttl_number span {
    height: 25px;
    width: 25px;
    line-height: 26px;
    font-size: 12.5px;
  }

  div.store section.rental_top div.rental_use ul li .text_cont .w_box {
    width: 65%;
    height: inherit;
  }

  div.store section.rental_top div.rental_use ul li .text_cont .w_box p {
    padding: 10px;
    font-size: 13px;
  }
}

div.store section.rental_inquiry {
  padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
  div.store section.rental_inquiry {
    padding-top: 0;
    padding-bottom: 50px;
  }

  div.store section.rental_inquiry article {
    margin-bottom: 0;
  }
}

div.store section.rental_inquiry article div.inquiry_cont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 30px;
}

div.store section.rental_inquiry article div.inquiry_cont .col {
  width: 48%;
}

@media screen and (max-width: 768px) {
  div.store section.rental_inquiry article div.inquiry_cont {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  div.store section.rental_inquiry article div.inquiry_cont .col {
    width: 100%;
  }

  div.store section.rental_inquiry article div.inquiry_cont .col+.col {
    margin-top: 30px;
  }
}

div.store section.rental_inquiry article div.inquiry_cont .col_1 h3 {
  padding-left: 25px;
  background-size: 15px auto;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/common/arrow/arrow_right_g.svg);
  margin-bottom: 10px;
}

div.store section.rental_inquiry article div.inquiry_cont .col_1 h3 a {
  color: #837469;
  font-weight: bold;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_1 h3 {
    background-size: 10px auto;
    margin-bottom: 5px;
  }

  div.store section.rental_inquiry article div.inquiry_cont .col_1 h3 a {
    font-size: 18px;
  }
}

@media screen and (max-width: 568px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_1 h3 a {
    font-size: 16px;
  }
}

div.store section.rental_inquiry article div.inquiry_cont .col_1 p {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_1 p {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_1 p {
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul {
    margin-top: 20px;
  }
}

div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li {
  width: 50%;
  float: left;
  margin: 20px 0 10px;
}

@media screen and (max-width: 768px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li {
    width: 48%;
    margin: 0 0 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
}

div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.tell,
div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.fax {
  width: auto;
  padding-bottom: 20px;
}

div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.tell strong,
div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.fax strong {
  font-weight: bold;
}

div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.tell a,
div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.fax a {
  color: #343434;
}

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

  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.tell,
  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.fax {
    width: 49%;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    border: 1px solid #555555;
    padding-bottom: 0;
    margin-bottom: 2%;
  }

  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.tell a strong,
  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.fax a strong {
    margin-top: -5px;
    font-size: 15px;
    font-weight: bold;
    display: block;
    vertical-align: middle;
  }

  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.tell a strong:before,
  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.fax a strong:before {
    content: "";
    background: url("../img/common/icon/icon_tel.png") no-repeat;
    background-size: 14px auto;
    width: 14px;
    height: 14px;
    display: inline-block;
    padding-right: 5px;
    position: relative;
    top: 2px;
  }
}

div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.tell {
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.tell {
    margin-right: 1%;
    margin-left: 0;
  }

  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.tell a {
    padding: 7px;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.fax {
    margin-left: 1%;
    margin-right: 0;
    padding: 14px 0 13px;
    font-size: 13px;
    box-shadow: none;
  }

  div.store section.rental_inquiry article div.inquiry_cont .col_1 ul li.fax strong {
    font-weight: bold;
  }
}

div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn {
  width: 100%;
  max-width: 270px;
  padding-top: 5px;
  padding-bottom: 0;
  text-align: center;
  font-weight: normal;
  border: 1px solid #555555;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn strong {
  margin-top: -5px;
  font-weight: bold;
  display: block;
  vertical-align: middle;
}

div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn strong:before {
  content: "";
  background: url("../img/common/icon/icon_tel.png") no-repeat;
  background-size: 28px auto;
  width: 28px;
  height: 28px;
  display: inline-block;
  padding-right: 5px;
  position: relative;
  top: 5px;
}

@media screen and (max-width: 768px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn {
    width: 49%;
    max-width: inherit;
    box-shadow: inherit;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 0;
  }

  div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn a {
    padding: 7px 7px 0;
    display: block;
    line-height: 1;
  }

  div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn a strong:before {
    background-size: 14px auto;
    width: 14px;
    height: 14px;
    top: 2px;
  }
}

@media screen and (max-width: 414px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_1 div.tel_btn {
    width: 100%;
  }
}

div.store section.rental_inquiry article div.inquiry_cont .col_2 {
  padding: 20px;
}

@media screen and (max-width: 768px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_2 {
    margin-right: -2.5%;
    margin-left: -2.5%;
    width: 100vw;
    padding: 2.5vw;
  }
}

@media screen and (max-width: 568px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_2 {
    padding: 10px;
  }
}

div.store section.rental_inquiry article div.inquiry_cont .col_2 p {
  padding: 10px 20px;
  border-radius: 10px;
  color: #e83416;
  font-weight: bold;
  font-size: 18px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_2 p {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_2 p {
    font-size: 12px;
    padding: 10px;
    border-radius: 5px;
  }
}

div.store section.rental_inquiry article div.inquiry_cont .col_2 .image_cont {
  width: 100%;
  max-width: 380px;
  margin: 20px auto;
}

div.store section.rental_inquiry article div.inquiry_cont .col_2 .btn_box {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 568px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_2 .btn_box {
    padding: 10px;
    border-radius: 5px;
  }
}

div.store section.rental_inquiry article div.inquiry_cont .col_2 .btn_box div.icon_btn {
  width: 48.5%;
  margin-bottom: 3%;
}

div.store section.rental_inquiry article div.inquiry_cont .col_2 .btn_box div.icon_btn a {
  min-width: inherit;
  width: 100%;
}

@media screen and (max-width: 1220px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_2 .btn_box div.icon_btn a {
    padding-left: 40px;
    background-position: left 15px center;
  }
}

@media screen and (max-width: 568px) {
  div.store section.rental_inquiry article div.inquiry_cont .col_2 .btn_box div.icon_btn a {
    padding: 5px 5px 5px 20px;
    background-size: 18px auto;
    background-position: left 9px center;
  }

  div.store section.rental_inquiry article div.inquiry_cont .col_2 .btn_box div.icon_btn a span {
    font-size: 12px;
  }
}

section.store_list article&gt;p {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
}

section.store_list article .store_list_box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  border-bottom: 1px dashed #837469;
  padding: 30px 0;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box {
    flex-wrap: wrap;
  }
}

section.store_list article .store_list_box .store_img {
  width: 100%;
  max-width: 348px;
  margin-right: 25px;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_img {
    max-width: 100%;
    margin-right: 0;
  }
}

section.store_list article .store_list_box .store_text {
  width: 100%;
}

section.store_list article .store_list_box .store_text .store_tit {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_tit {
    flex-wrap: wrap;
  }
}

section.store_list article .store_list_box .store_text .store_tit h2 {
  padding-left: 23px;
  padding-right: 25px;
  background-size: 18px auto;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../img/common/arrow/arrow_right_g.svg");
}

section.store_list article .store_list_box .store_text .store_tit h2 a {
  color: #837469;
  font-weight: bold;
}

section.store_list article .store_list_box .store_text .store_tit div.convenient {
  margin-top: 0;
}

section.store_list article .store_list_box .store_text .store_info p {
  padding-bottom: 10px;
  line-height: 1.5em;
}

section.store_list article .store_list_box .store_text .store_info ul li {
  width: 50%;
  float: left;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li {
    width: 48%;
    margin: 0 1% 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.tell,
section.store_list article .store_list_box .store_text .store_info ul li.fax {
  width: auto;
  padding-bottom: 20px;
}

section.store_list article .store_list_box .store_text .store_info ul li.tell strong,
section.store_list article .store_list_box .store_text .store_info ul li.fax strong {
  font-weight: bold;
}

section.store_list article .store_list_box .store_text .store_info ul li.tell a,
section.store_list article .store_list_box .store_text .store_info ul li.fax a {
  color: #343434;
}

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

  section.store_list article .store_list_box .store_text .store_info ul li.tell,
  section.store_list article .store_list_box .store_text .store_info ul li.fax {
    width: 48%;
    max-width: 251px;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    border: 1px solid #555555;
    box-shadow: 0px 3px 0px 0px #555555;
    padding-bottom: 0;
  }

  section.store_list article .store_list_box .store_text .store_info ul li.tell a strong,
  section.store_list article .store_list_box .store_text .store_info ul li.fax a strong {
    margin-top: -5px;
    font-size: 15px;
    font-weight: bold;
    display: block;
    vertical-align: middle;
  }

  section.store_list article .store_list_box .store_text .store_info ul li.tell a strong:before,
  section.store_list article .store_list_box .store_text .store_info ul li.fax a strong:before {
    content: "";
    background: url("../img/common/icon/icon_tel.png") no-repeat;
    background-size: 14px auto;
    width: 14px;
    height: 14px;
    display: inline-block;
    padding-right: 5px;
    position: relative;
    top: 2px;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.tell {
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li.tell {
    margin-right: 2%;
    margin-left: 0;
  }

  section.store_list article .store_list_box .store_text .store_info ul li.tell a {
    padding: 7px;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li.fax {
    margin-left: 2%;
    margin-right: 0;
    padding: 16px 0;
    font-size: 13px;
    box-shadow: none;
  }

  section.store_list article .store_list_box .store_text .store_info ul li.fax strong {
    font-weight: bold;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.free_tell {
  width: 50%;
  max-width: 251px;
  padding-top: 5px;
  padding-bottom: 0;
  text-align: center;
  font-weight: normal;
  border: 1px solid #555555;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

section.store_list article .store_list_box .store_text .store_info ul li.free_tell strong {
  margin-top: -5px;
  font-weight: bold;
  display: block;
  vertical-align: middle;
}

section.store_list article .store_list_box .store_text .store_info ul li.free_tell strong:before {
  content: "";
  background: url("../img/common/icon/icon_tel.png") no-repeat;
  background-size: 28px auto;
  width: 28px;
  height: 28px;
  display: inline-block;
  padding-right: 5px;
  position: relative;
  top: 5px;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li.free_tell {
    width: 48%;
    margin-right: 2%;
    margin-left: 0;
    box-shadow: 0px 3px 0px 0px #555555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 0;
  }

  section.store_list article .store_list_box .store_text .store_info ul li.free_tell a {
    padding: 4px;
    display: block;
  }

  section.store_list article .store_list_box .store_text .store_info ul li.free_tell a strong:before {
    background-size: 14px auto;
    width: 14px;
    height: 14px;
    top: 2px;
  }
}

/* 自由が丘準備中 - Start */
section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul a.jiyugaoka {
  text-align: center;
  padding: 15px 30px;
  min-width: 250px;
}

/* 自由が丘準備中 - End */
section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul {
  text-align: left;
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul a {
  text-align: center;
  padding: 15px 34px;
  min-width: auto;
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul a span {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul {
    margin-left: 2%;
    margin-right: 0;
  }

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul a {
    padding: 11px 10px;
    display: block;
    max-width: 251px;
  }

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul a span {
    font-size: 14px;
    background-size: 30px;
  }
}

/* 自由が丘準備中 - Start */
section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul a.jiyugaoka {
  padding: 10px 10px;
  display: block;
  max-width: 251px;
  min-width: auto;
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul a.jiyugaoka span {
  font-size: 13px;
  background-size: 30px;
  padding: 5px 0 5px 0px;
}

/* 自由が丘準備中 - End */
@media screen and (min-width: 768px) {
  section.store_list article .store_list_box a[href^="tel:0120057109"] {
    pointer-events: none;
  }
}

div.article_voice main {
  background-image: url("../img/content/voice/voice_bg.jpg");
  background-position: center top;
  background-size: 100% auto;
  background-attachment: fixed;
}

@media screen and (max-width: 768px) {
  div.article_voice main {
    background-size: 200%;
    background-position: center 20px;
    padding-top: 20px;
  }
}

div.article_voice main section.voice_contents {
  max-width: 1100px;
  margin: auto;
  background: #fff;
  padding: 50px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents {
    padding: 10px 5px;
    width: 96%;
    margin: 0px auto 0px;
  }
}

div.article_voice main section.voice_contents article.voice_pickup,
div.article_voice main section.voice_contents article.voice_case {
  padding: 0;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.article_voice main section.voice_contents article.voice_pickup:after,
div.article_voice main section.voice_contents article.voice_case:after {
  display: none;
}

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

  div.article_voice main section.voice_contents article.voice_pickup,
  div.article_voice main section.voice_contents article.voice_case {
    padding-bottom: 0px;
    flex-wrap: wrap;
  }
}

div.article_voice main section.voice_contents article.voice_pickup .voice_img,
div.article_voice main section.voice_contents article.voice_case .voice_img {
  width: 37%;
}

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

  div.article_voice main section.voice_contents article.voice_pickup .voice_img,
  div.article_voice main section.voice_contents article.voice_case .voice_img {
    margin-right: 0;
  }
}

div.article_voice main section.voice_contents article.voice_pickup .voice_text,
div.article_voice main section.voice_contents article.voice_case .voice_text {
  width: 59%;
  color: #6f6f6f;
}

div.article_voice main section.voice_contents article.voice_pickup .voice_text ul.voice_tag,
div.article_voice main section.voice_contents article.voice_case .voice_text ul.voice_tag {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
}

div.article_voice main section.voice_contents article.voice_pickup .voice_text ul.voice_tag li,
div.article_voice main section.voice_contents article.voice_case .voice_text ul.voice_tag li {
  border: 1px solid #959595;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0px 10px;
  margin-right: 8px;
}

div.article_voice main section.voice_contents article.voice_pickup .voice_text ul.voice_tag li:before,
div.article_voice main section.voice_contents article.voice_case .voice_text ul.voice_tag li:before {
  content: "";
  display: inline-block;
  background: url("../img/common/icon/icon_tag_b.png") no-repeat;
  background-size: 17px auto;
  width: 17px;
  height: 17px;
  position: relative;
  top: 4px;
  padding-right: 5px;
}

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

  div.article_voice main section.voice_contents article.voice_pickup .voice_text ul.voice_tag li:before,
  div.article_voice main section.voice_contents article.voice_case .voice_text ul.voice_tag li:before {
    background-size: 12px auto;
    width: 10px;
    height: 12px;
  }
}

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

  div.article_voice main section.voice_contents article.voice_pickup .voice_text ul.voice_tag li,
  div.article_voice main section.voice_contents article.voice_case .voice_text ul.voice_tag li {
    padding: 0 4px;
  }
}

div.article_voice main section.voice_contents article.voice_pickup .voice_text .usr_info,
div.article_voice main section.voice_contents article.voice_case .voice_text .usr_info {
  padding-top: 10px;
}

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

  div.article_voice main section.voice_contents article.voice_pickup .voice_text .usr_info,
  div.article_voice main section.voice_contents article.voice_case .voice_text .usr_info {
    font-size: 12px;
  }
}

div.article_voice main section.voice_contents article.voice_pickup .voice_text h2,
div.article_voice main section.voice_contents article.voice_case .voice_text h2 {
  margin: 20px 0 15px;
  font-weight: 600;
}

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

  div.article_voice main section.voice_contents article.voice_pickup .voice_text h2,
  div.article_voice main section.voice_contents article.voice_case .voice_text h2 {
    margin: 5px 0;
    font-size: 16px;
  }
}

div.article_voice main section.voice_contents article.voice_pickup .voice_text p,
div.article_voice main section.voice_contents article.voice_case .voice_text p {
  margin: 20px 0;
}

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

  div.article_voice main section.voice_contents article.voice_pickup .voice_text p,
  div.article_voice main section.voice_contents article.voice_case .voice_text p {
    font-size: 11px;
  }
}

div.article_voice main section.voice_contents article.voice_pickup .voice_text .arrow_btn_s a,
div.article_voice main section.voice_contents article.voice_case .voice_text .arrow_btn_s a {
  min-width: 200px;
}

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

  div.article_voice main section.voice_contents article.voice_pickup .voice_img,
  div.article_voice main section.voice_contents article.voice_pickup .voice_text,
  div.article_voice main section.voice_contents article.voice_case .voice_img,
  div.article_voice main section.voice_contents article.voice_case .voice_text {
    width: 100%;
  }
}

div.article_voice main section.voice_contents article.voice_pickup {
  margin-bottom: 20px;
}

div.article_voice main section.voice_contents article.voice_pickup .voice_img {
  width: 48%;
}

div.article_voice main section.voice_contents article.voice_pickup .voice_text {
  width: 48%;
}

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

  div.article_voice main section.voice_contents article.voice_pickup .voice_img,
  div.article_voice main section.voice_contents article.voice_pickup .voice_text {
    width: 100%;
  }
}

div.article_voice main section.voice_contents article.voice_case {
  padding: 30px 0;
  border-bottom: 1px dashed #999;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_case {
    padding: 20px 0;
  }
}

div.article_voice main section.voice_contents article.voice_case .voice_img .img_bg_border {
  position: relative;
  display: inline-block;
  z-index: 0;
}

div.article_voice main section.voice_contents article.voice_case .voice_img .img_bg_border:after {
  position: absolute;
  display: block;
  content: "";
  top: 12px;
  left: -12px;
  width: 100%;
  height: 97%;
  box-shadow: 0px 0px 0px 1px #443724;
  background: #fff;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_case .voice_img {
    margin-left: 0;
  }

  div.article_voice main section.voice_contents article.voice_case .voice_img.hide_pc {
    margin: auto;
    width: 90%;
  }
}

div.article_voice main section.voice_contents article.voice_case .voice_case_title {
  margin-bottom: 10px;
}

div.article_voice main section.voice_contents article.voice_case .voice_case_title span {
  display: inline-block;
  background: url("../img/content/voice/voice_icon_bg.png") no-repeat;
  background-size: 41px auto;
  background-position: top center;
  width: 41px;
  height: 41px;
  margin-left: 10px;
  padding: 15px 0 10px;
  text-align: center;
  font-size: 17px;
}

div.article_voice main section.voice_contents article.voice_case .usr_info {
  margin-top: 10px;
}

div.article_voice main section.voice_contents article.voice_case .voice_text h2 {
  margin: 5px 0 0;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_case .voice_text h2 {
    margin: 5px 0;
  }
}

div.article_voice main section.voice_contents article.voice_case .arrow_btn_s {
  text-align: left;
}

div.article_voice main section.voice_contents article.voice_case .arrow_btn_s a {
  text-align: center;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_case .arrow_btn_s {
    text-align: center;
  }
}

div.article_voice main section.voice_contents article.voice_case:last-of-type {
  border-bottom: none;
}

div.article_voice main .article_column {
  margin-top: 0;
}

div.article_voice main section.voice_contents article.voice_article {
  padding: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article {
    padding-bottom: 0px;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_text {
  color: #6f6f6f;
}

div.article_voice main section.voice_contents article.voice_article .voice_text ul.voice_tag {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
}

div.article_voice main section.voice_contents article.voice_article .voice_text ul.voice_tag li {
  border: 1px solid #959595;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0px 10px;
  margin-right: 8px;
}

div.article_voice main section.voice_contents article.voice_article .voice_text ul.voice_tag li:before {
  content: "";
  display: inline-block;
  background: url("../img/common/icon/icon_tag_b.png") no-repeat;
  background-size: 17px auto;
  width: 17px;
  height: 17px;
  position: relative;
  top: 4px;
  padding-right: 5px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_text ul.voice_tag li:before {
    background-size: 12px auto;
    width: 10px;
    height: 12px;
  }
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_text ul.voice_tag li {
    padding: 0 4px;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_text .usr_info {
  padding-top: 10px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_text .usr_info {
    font-size: 12px;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_text h2 {
  margin: 20px 0 15px;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_text h2 {
    margin: 5px 0;
    font-size: 16px;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_text p {
  margin: 20px 0;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_text p {
    font-size: 11px;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_text .arrow_btn_s a {
  min-width: 200px;
}

div.article_voice main section.voice_contents article.voice_article .consultation {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .consultation {
    margin-top: 20px;
  }
}

div.article_voice main section.voice_contents article.voice_article .consultation dl {
  background: url("../img/content/voice/voice_article_illust01.jpg") no-repeat;
  background-position: bottom right;
  background-size: 235px auto;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .consultation dl {
    background-size: 118px auto;
  }
}

div.article_voice main section.voice_contents article.voice_article .consultation dl dt {
  max-width: 123px;
  color: #837469;
  text-align: center;
  background: #f8f6f4;
  border: 2px solid #837469;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 2px 4px;
  margin-bottom: 20px;
}

div.article_voice main section.voice_contents article.voice_article .consultation dl dt.solution:before {
  content: "";
  display: inline-block;
  background: url("../img/content/voice/voice_article_icon01.png") no-repeat;
  background-size: 19px auto;
  width: 19px;
  height: 22px;
  position: relative;
  top: 2px;
  padding-right: 5px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .consultation dl dt.solution:before {
    background-size: 15px auto;
    width: 15px;
    height: 18px;
  }
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .consultation dl dt {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 12px;
    padding: 0;
  }
}

div.article_voice main section.voice_contents article.voice_article .consultation dl dd {
  color: #6f6f6f;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .consultation dl dd {
    font-size: 11px;
  }

  div.article_voice main section.voice_contents article.voice_article .consultation dl dd:last-of-type {
    padding-right: 130px;
  }
}

div.article_voice main section.voice_contents article.voice_article .consultation dl dd strong {
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .consultation dl dd strong {
    font-size: 14px;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_box,
div.article_voice main section.voice_contents article.voice_article .solution_point .voice_step_box,
div.article_voice main section.voice_contents article.voice_article .footer_2col .voice_step_box {
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: 0 auto 30px;
  padding: 20px;
  background-image: url("../img/content/voice/voice_box_bg.gif");
  background-repeat: repeat;
  position: relative;
  display: inline-block;
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_box:before,
div.article_voice main section.voice_contents article.voice_article .solution_point .voice_step_box:before,
div.article_voice main section.voice_contents article.voice_article .footer_2col .voice_step_box:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  display: block;
  width: 40px;
  height: 20px;
  background: url("../img/content/voice/voice_icon_callout.png") no-repeat;
  background-size: 40px auto;
}

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

  div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_box:before,
  div.article_voice main section.voice_contents article.voice_article .solution_point .voice_step_box:before,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .voice_step_box:before {
    width: 36px;
    height: 20px;
    background-size: 36px auto;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_box .voice_step_inner,
div.article_voice main section.voice_contents article.voice_article .solution_point .voice_step_box .voice_step_inner,
div.article_voice main section.voice_contents article.voice_article .footer_2col .voice_step_box .voice_step_inner {
  color: #6f6f6f;
  width: 100%;
  height: auto;
  padding: 10px 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: #FFF;
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_box .voice_step_inner h3,
div.article_voice main section.voice_contents article.voice_article .solution_point .voice_step_box .voice_step_inner h3,
div.article_voice main section.voice_contents article.voice_article .footer_2col .voice_step_box .voice_step_inner h3 {
  color: #443724;
}

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

  div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_box .voice_step_inner,
  div.article_voice main section.voice_contents article.voice_article .solution_point .voice_step_box .voice_step_inner,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .voice_step_box .voice_step_inner {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 5px;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_box:last-child:before {
  content: none;
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col .voice_step_text {
  width: 63%;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col .voice_step_text {
    width: 100%;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col .voice_step_tit {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col .voice_step_tit {
    margin-bottom: 12px;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col .voice_step_tit p {
  color: #837469;
  background: url("../img/content/voice/voice_icon_bg.png") no-repeat;
  background-size: 57px auto;
  background-position: top center;
  width: 57px;
  height: 57px;
  margin-right: 10px;
  padding: 15px 0 0px;
  text-align: center;
  font-size: 17px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col .voice_step_tit p {
    background-size: 40px auto;
    width: 40px;
    height: 40px;
    padding: 11px 0 0px;
    font-size: 11px;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col .voice_step_tit p span {
  display: block;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: -5px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col .voice_step_tit p span {
    font-size: 8px;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col .voice_step_tit h3 {
  color: #443724;
  font-weight: 500;
  font-size: 25px;
  padding-top: 10px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_inner.step_2col .voice_step_tit h3 {
    font-size: 16px;
    letter-spacing: -0.1em;
  }
}

div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_img {
  width: 32%;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .voice_step .voice_step_img {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
}

div.article_voice main section.voice_contents article.voice_article .solution_point .voice_step_box,
div.article_voice main section.voice_contents article.voice_article .god_point .voice_step_box {
  padding-top: 5px;
}

div.article_voice main section.voice_contents article.voice_article .solution_point .voice_step_box:before,
div.article_voice main section.voice_contents article.voice_article .god_point .voice_step_box:before {
  content: none;
}

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

  div.article_voice main section.voice_contents article.voice_article .solution_point .voice_step_box,
  div.article_voice main section.voice_contents article.voice_article .god_point .voice_step_box {
    padding: 10px;
  }
}

div.article_voice main section.voice_contents article.voice_article .solution_point h4.solution,
div.article_voice main section.voice_contents article.voice_article .god_point h4.solution {
  color: #443724;
  font-size: 25px;
  margin-bottom: 5px;
}

div.article_voice main section.voice_contents article.voice_article .solution_point h4.solution:before,
div.article_voice main section.voice_contents article.voice_article .god_point h4.solution:before {
  content: "";
  display: inline-block;
  background: url("../img/content/voice/voice_article_icon01.png") no-repeat;
  background-size: 29px auto;
  width: 29px;
  height: 35px;
  position: relative;
  top: 4px;
  padding-right: 18px;
}

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

  div.article_voice main section.voice_contents article.voice_article .solution_point h4.solution:before,
  div.article_voice main section.voice_contents article.voice_article .god_point h4.solution:before {
    background-size: 18px auto;
    width: 18px;
    height: 22px;
  }
}

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

  div.article_voice main section.voice_contents article.voice_article .solution_point h4.solution,
  div.article_voice main section.voice_contents article.voice_article .god_point h4.solution {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 16px;
    padding: 0;
    margin-bottom: 10px;
  }
}

div.article_voice main section.voice_contents article.voice_article .solution_point ul.solution_point_text li,
div.article_voice main section.voice_contents article.voice_article .god_point ul.solution_point_text li {
  padding-left: 1em;
  text-indent: -1em;
}

div.article_voice main section.voice_contents article.voice_article .solution_point ul.solution_point_text li:before,
div.article_voice main section.voice_contents article.voice_article .god_point ul.solution_point_text li:before {
  content: "●　";
  color: #837469;
  font-size: 14px;
}

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

  div.article_voice main section.voice_contents article.voice_article .solution_point ul.solution_point_text li,
  div.article_voice main section.voice_contents article.voice_article .god_point ul.solution_point_text li {
    font-size: 11px;
  }

  div.article_voice main section.voice_contents article.voice_article .solution_point ul.solution_point_text li:before,
  div.article_voice main section.voice_contents article.voice_article .god_point ul.solution_point_text li:before {
    content: "● ";
    font-size: 8px;
  }
}

div.article_voice main section.voice_contents article.voice_article .footer_2col {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin: 0 0 30px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .footer_2col {
    flex-wrap: wrap;
  }
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .god_point {
  width: 50%;
  margin-right: 20px;
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .god_point .voice_step_box {
  margin-bottom: 0;
  height: 100%;
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .god_point .voice_step_box .voice_step_inner {
  height: calc(100% - 52px);
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .footer_2col .god_point .voice_step_box {
    height: auto;
  }

  div.article_voice main section.voice_contents article.voice_article .footer_2col .god_point .voice_step_box .voice_step_inner {
    height: auto;
  }
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .god_point h4.solution:before {
  background: url("../img/content/voice/voice_article_icon02.png") no-repeat;
  background-size: 30px auto;
  width: 30px;
  height: 27px;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .footer_2col .god_point {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  div.article_voice main section.voice_contents article.voice_article .footer_2col .god_point h4.solution:before {
    background-size: 21px auto;
    width: 21px;
    height: 19px;
  }

  div.article_voice main section.voice_contents article.voice_article .footer_2col .god_point ul li {
    font-size: 11px;
  }
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box {
  width: 50%;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box {
    width: 100%;
  }
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .voice_step_box {
  background-image: url("../img/content/_temp/message_box_bg.gif");
  margin-bottom: 0;
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .voice_step_box:before {
  content: none;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .voice_step_box {
    padding: 10px;
  }
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner {
  color: #6f6f6f;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_img {
  width: 100%;
  max-width: 112px;
  margin-right: 20px;
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text p {
  font-size: 14px;
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text .line_deco_red,
div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h1,
div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h1,
div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h2,
div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h2 {
  font-size: 25px;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text .line_deco_red:before,
div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h1:before,
div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h1:before,
div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h2:before,
div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h2:before,
div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text .line_deco_red:after,
div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h1:after,
div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h1:after,
div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h2:after,
div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h2:after {
  height: 2px;
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text .line_deco_red span,
div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h1 span,
div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h1 span,
div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h2 span,
div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h2 span {
  font-size: 18px;
  display: block;
  margin-top: -8px;
  line-height: 1.5em;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_img {
    width: 100%;
    max-width: 72px;
  }

  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text p {
    font-size: 10px;
    line-height: 1.4em;
  }

  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text .line_deco_red,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h1,
  div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h1,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h2,
  div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h2 {
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text .line_deco_red:before,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h1:before,
  div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h1:before,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h2:before,
  div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h2:before,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text .line_deco_red:after,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h1:after,
  div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h1:after,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h2:after,
  div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h2:after {
    height: 2px;
  }

  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text .line_deco_red span,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h1 span,
  div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h1 span,
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text div.line_ttl h2 span,
  div.line_ttl div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .concierge_inner .concierge_text h2 span {
    font-size: 11px;
    display: block;
    margin-top: -2px;
  }
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .callout {
  color: #6f6f6f;
  margin-top: 20px;
  display: inline-block;
  width: auto;
  padding: 20px;
  border-radius: 12px;
  border: 2px solid #837469;
  box-shadow: 0px 3px 0px 0px #837469;
  background-color: #fff;
  line-height: 1;
  position: relative;
  line-height: 1.4em;
  width: 100%;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .callout {
    font-size: 11px;
    padding: 10px;
  }
}

div.article_voice main section.voice_contents article.voice_article .footer_2col .concierge_box .callout:before {
  content: '';
  position: absolute;
  display: block;
  background: url("../img/content/voice/voice_icon_callout02.png") no-repeat;
  background-size: 23px auto;
  width: 23px;
  height: 14px;
  top: -14px;
  left: 30px;
}

div.article_voice main section.voice_contents article.voice_article .arrow_btn a {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  min-width: auto;
  padding: 18px 45px;
  color: #837469;
  font-weight: bold;
}

div.article_voice main section.voice_contents article.voice_article .arrow_btn a:hover {
  color: #fff;
}

@media screen and (max-width: 768px) {
  div.article_voice main section.voice_contents article.voice_article .arrow_btn a {
    width: auto;
    max-width: none;
  }
}

div.inquiry section.front_box {
  padding-top: 60px;
  padding-bottom: 90px;
}

@media screen and (max-width: 768px) {
  div.inquiry section.front_box {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

div.inquiry section.front_box article {
  margin-bottom: 0;
}

div.inquiry section.front_box .inquiry_cont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.inquiry section.front_box .inquiry_cont .cont {
  width: 32%;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #837469;
}

div.inquiry section.front_box .inquiry_cont .cont h3 {
  background-color: #837469;
  color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 13px;
}

div.inquiry section.front_box .inquiry_cont .cont .content_cont {
  padding: 30px 53px;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: calc(100% - 30px - 30px);
  box-sizing: border-box;
}

div.inquiry section.front_box .inquiry_cont .cont .content_cont .arrow_btn {
  margin-top: auto;
}

div.inquiry section.front_box .inquiry_cont .cont .content_cont .image_cont {
  width: 115px;
  margin: 0 auto;
}

div.inquiry section.front_box .inquiry_cont .cont .content_cont p {
  margin: 20px 0 5px;
  font-size: 15px;
  line-height: 1.4;
}

div.inquiry section.front_box .inquiry_cont .cont .content_cont .tel a {
  text-decoration: underline;
  font-size: 22px;
}

div.inquiry section.front_box .inquiry_cont .cont .content_cont .arrow_btn a {
  padding: 6px 20px 5px 40px;
  min-width: 270px;
  border-radius: 25px;
}

div.inquiry section.front_box .inquiry_cont .cont .content_cont .arrow_btn span {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  div.inquiry section.front_box .inquiry_cont .cont .content_cont {
    padding: 30px 20px 30px 40%;
    position: relative;
  }

  div.inquiry section.front_box .inquiry_cont .cont .content_cont .image_cont {
    position: absolute;
    left: 14vw;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  div.inquiry section.front_box .inquiry_cont .cont .content_cont p {
    margin: 0 0 10px;
    font-size: 14px;
  }

  div.inquiry section.front_box .inquiry_cont .cont .content_cont .tel a {
    font-size: 18px;
  }
}

@media screen and (max-width: 568px) {
  div.inquiry section.front_box .inquiry_cont .cont .content_cont {
    padding: 20px 20px 20px 35%;
  }

  div.inquiry section.front_box .inquiry_cont .cont .content_cont .image_cont {
    width: 70px;
  }

  div.inquiry section.front_box .inquiry_cont .cont .content_cont p {
    font-size: 11px;
  }

  div.inquiry section.front_box .inquiry_cont .cont .content_cont .tel a {
    font-size: 14px;
  }

  div.inquiry section.front_box .inquiry_cont .cont .content_cont .arrow_btn a {
    border-radius: 20px;
    min-width: 180px;
    padding: 5px 20px;
    border: 1px solid #837469;
    box-shadow: 0px 1px 0px 0px #837469;
  }

  div.inquiry section.front_box .inquiry_cont .cont .content_cont .arrow_btn span {
    font-size: 11px;
    background-size: 6px;
    padding-left: 10px;
  }
}

@media screen and (max-width: 414px) {
  div.inquiry section.front_box .inquiry_cont .cont .content_cont .image_cont {
    left: 9vw;
  }
}

@media screen and (max-width: 768px) {
  div.inquiry section.front_box .inquiry_cont {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  div.inquiry section.front_box .inquiry_cont .cont {
    width: 100%;
  }

  div.inquiry section.front_box .inquiry_cont .cont+.cont {
    margin-top: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.inquiry section.front_box .inquiry_cont .cont {
    border-radius: 5px;
  }
}

div.inquiry section.front_box .btn_cont {
  margin-top: 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  div.inquiry section.front_box .btn_cont {
    margin-top: 20px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}

div.inquiry section.front_box .btn_cont .icon_btn {
  margin: 0 10px;
}

div.inquiry section.front_box .btn_cont .icon_btn.faq span {
  color: #241916;
  background-image: url("../img/content/inquiry/icon_faq.svg");
  background-size: 30px auto;
  padding-left: 45px;
}

@media screen and (max-width: 768px) {
  div.inquiry section.front_box .btn_cont .icon_btn.faq span {
    background-size: 20px auto;
    padding-left: 30px;
  }
}

div.inquiry section.front_box .btn_cont .icon_btn.faq a:hover span {
  color: #fff;
  background-image: url("../img/content/inquiry/icon_faq_w.svg");
}

@media screen and (max-width: 768px) {
  div.inquiry section.front_box .btn_cont .icon_btn.faq {
    width: 45%;
  }

  div.inquiry section.front_box .btn_cont .icon_btn.faq span {
    background-size: 20px auto;
    padding-left: 30px;
  }
}

@media screen and (max-width: 568px) {
  div.inquiry section.front_box .btn_cont .icon_btn.faq span {
    background-size: 15px auto;
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  div.inquiry section.front_box .btn_cont .icon_btn {
    width: 53%;
    margin: 0;
  }

  div.inquiry section.front_box .btn_cont .icon_btn a {
    width: 100%;
    padding: 14px 10px 11px;
    min-width: inherit;
  }
}

@media screen and (max-width: 568px) {
  div.inquiry section.front_box .btn_cont .icon_btn span {
    font-size: 12px;
    padding-left: 30px;
  }
}

div.magazine section.section01 {
  padding-top: 0;
}

div.magazine section.section01 .top--txt {
  margin: 54px auto 0;
  font-size: 16px;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  div.magazine section.section01 .top--txt {
    margin-top: 30px;
  }
}

div.magazine section.section01 .box__wrapper {
  margin: 60px auto 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.magazine section.section01 .box__wrapper .box__item {
  padding: 20px;
  border-radius: 4px;
  background: #f3f3f3;
  width: 32%;
}

div.magazine section.section01 .box__wrapper h3 {
  font-weight: bold;
}

div.magazine section.section01 .box__wrapper p.box--info {
  margin: 26px auto 0;
  line-height: 1.5;
  word-break: break-word;
}

@media screen and (max-width: 768px) {
  div.magazine section.section01 .box__wrapper {
    margin-top: 30px;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  div.magazine section.section01 .box__wrapper .box__item {
    width: 100%;
  }

  div.magazine section.section01 .box__wrapper .box__item+.box__item {
    margin-top: 20px;
  }

  div.magazine section.section01 .box__wrapper p.box--info {
    margin-top: 15px;
  }
}

div.magazine section.section01 p.bottom--txt {
  color: #e83416;
  margin-top: 20px;
}

div.magazine section.section01 .mail--btn__container {
  margin: 40px auto 0;
  text-align: center;
}

div.magazine section.section01 .mail--btn__container a.mail--btn {
  margin: 0 auto;
  padding: 28px 0;
  position: relative;
  display: block;
  width: 416px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  line-height: 1.2;
  background: #3A2A1A;
  border-radius: 8px;
  cursor: pointer;
  transition: all .2s linear;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
}

div.magazine section.section01 .mail--btn__container a.mail--btn:before {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 35px;
  content: '';
  width: 30px;
  height: 28px;
  background: url(../img/content/magazine/mailmaga-btn-icon.png) no-repeat 0 0;
  background-size: 30px auto;
}

div.magazine section.section01 .mail--btn__container a.mail--btn:after {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 35px;
  content: '';
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  div.magazine section.section01 .mail--btn__container a.mail--btn {
    font-size: 18px;
    width: 100%;
    padding: 20px 0;
  }

  div.magazine section.section01 .mail--btn__container a.mail--btn:before {
    background-size: 25px auto;
    background-position: left center;
  }
}

div.magazine section.section01 .mail--btn__container a.bottom--link {
  margin: 40px auto 0;
  padding-right: 25px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  color: #000;
}

div.magazine section.section01 .mail--btn__container a.bottom--link:after {
  margin: auto;
  position: absolute;
  top: -2px;
  bottom: 0;
  right: 0;
  content: '';
  width: 7px;
  height: 7px;
  border-right: 2px solid #3A2A1A;
  border-top: 2px solid #3A2A1A;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

div.magazine span.block {
  display: inline-block;
}

/* コラム、お知らせ、イベントのスタイル */
div.news section.news_top article ul.news_list li div.post_info div.new_cont {
  -webkit-order: 2;
  order: 2;
}

div.news section.news_top article ul.news_list li div.post_info div.date_cont {
  -webkit-order: 1;
  order: 1;
  text-align: left;
  width: 100px;
}

@media screen and (max-width: 768px) {
  div.news section.news_top article ul.news_list li div.post_info div.date_cont {
    width: 80px;
  }
}

@media screen and (max-width: 568px) {
  div.news section.news_top article ul.news_list li div.post_info div.date_cont {
    width: fit-content;
  }
}

div.news section.news_top article ul.news_list li:last-child:after {
  display: block;
}

div.news section.news_article {
  padding: 50px 0 60px;
}

@media screen and (max-width: 568px) {
  div.news section.news_article {
    padding: 30px 0 40px;
  }
}

div.news section.news_article article div.editor img {
  width: auto;
  margin: 1.5em 0;
}

div.news section.news_article article div.editor a {
  text-decoration: none;
}

div.news section.news_article article div.go_list {
  margin-top: 50px;
}

div.column section.column_cat {
  padding-top: 40px;
}

@media screen and (max-width: 768px) {
  div.column section.column_cat {
    padding-top: 30px;
  }
}

div.column section.column_cat article h2.icon_ttl {
  font-size: 24px;
}

div.column section.column_cat article h2.icon_ttl img {
  width: 25px;
  margin-right: 5px;
}

@media screen and (max-width: 768px) {
  div.column section.column_cat article h2.icon_ttl {
    font-size: 18px;
  }

  div.column section.column_cat article h2.icon_ttl img {
    width: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_cat article h2.icon_ttl {
    font-size: 15px;
  }

  div.column section.column_cat article h2.icon_ttl img {
    width: 15px;
  }
}

div.column section.column_cat article div.tag_nav {
  background-color: #f8f5f3;
  border-radius: 10px;
  border: 2px solid #837469;
  padding: 30px;
}

div.column section.column_cat article div.tag_nav .dl_cont {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  div.column section.column_cat article div.tag_nav {
    padding: 20px 20px 30px;
  }

  div.column section.column_cat article div.tag_nav .dl_cont {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_cat article div.tag_nav {
    padding: 10px 5px 30px;
    border-radius: 5px;
  }
}

div.column section.column_cat article div.tag_nav dl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  div.column section.column_cat article div.tag_nav dl {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  div.column section.column_cat article div.tag_nav dl dt,
  div.column section.column_cat article div.tag_nav dl dd {
    width: 100% !important;
  }
}

div.column section.column_cat article div.tag_nav dl dt {
  width: 200px;
  color: #837469;
  font-weight: bold;
  font-size: 18px;
}

div.column section.column_cat article div.tag_nav dl dt span {
  line-height: 43px;
}

@media screen and (max-width: 768px) {
  div.column section.column_cat article div.tag_nav dl dt {
    font-size: 15px;
  }

  div.column section.column_cat article div.tag_nav dl dt span {
    line-height: 2;
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_cat article div.tag_nav dl dt {
    font-size: 12px;
  }
}

div.column section.column_cat article div.tag_nav dl dd {
  width: calc(100% - 200px);
}

div.column section.column_cat article div.tag_nav dl dd ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

div.column section.column_cat article div.tag_nav dl dd ul li {
  width: 170px;
  margin-right: 5px;
  margin-bottom: 5px;
}

div.column section.column_cat article div.tag_nav dl dd ul li a {
  text-align: center;
  padding: 7px 10px 7px 25px;
  font-size: 15px;
  background-image: url("../img/common/icon/icon_tag_b.png");
  background-size: 20px auto;
  background-position: left 5px center;
  color: #837469;
  font-weight: bold;
  border-radius: 5px;
  border: 2px solid #837469;
  background-color: #fff;
  display: block;
}

div.column section.column_cat article div.tag_nav dl dd ul li a:hover {
  opacity: 1;
  background-color: #837469;
  color: #fff;
  background-image: url("../img/common/icon/icon_tag_w.png");
}

div.column section.column_cat article div.tag_nav dl dd ul li.active a {
  background-color: #837469;
  color: #fff;
  background-image: url("../img/common/icon/icon_tag_w.png");
}

@media screen and (max-width: 768px) {
  div.column section.column_cat article div.tag_nav dl dd ul li {
    width: 32.5%;
    margin-right: 1%;
  }

  div.column section.column_cat article div.tag_nav dl dd ul li:nth-child(3n) {
    margin-right: 0;
  }

  div.column section.column_cat article div.tag_nav dl dd ul li a {
    font-size: 12px;
    padding: 5px 15px 5px 20px;
    background-size: 14px auto;
    border-width: 1px;
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_cat article div.tag_nav dl dd ul li a {
    font-size: 9px;
    padding: 5px 2px 5px 13px;
    background-size: 11px auto;
  }
}

div.column section.column_top {
  padding-top: 80px;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  div.column section.column_top {
    padding-bottom: 10px;
    padding-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  div.column section.column_pager article ul.pager {
    padding: 20px 0;
  }
}

div.column section.column_article {
  padding: 50px 0 80px;
}

@media screen and (max-width: 568px) {
  div.column section.column_article {
    padding: 30px 0 40px;
  }
}

@media screen and (max-width: 768px) {
  div.column section.column_article article {
    width: 100%;
  }
}

div.column section.column_article article div.article_head ul {
  margin-bottom: 5px;
}

div.column section.column_article article div.editor h2 {
  padding-bottom: 13px;
  position: relative;
}

div.column section.column_article article div.editor h2:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("../img/common/pattern_stripe_b.jpg");
  background-position: left top;
  background-size: 8px auto;
  background-repeat: repeat-x;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.editor h2 {
    padding-bottom: 10px;
  }

  div.column section.column_article article div.editor h2:after {
    height: 5px;
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_article article div.editor h2:after {
    height: 3px;
  }
}

div.column section.column_article article div.editor img {
  width: auto;
  margin: 1.5em auto;
}

div.column section.column_article article div.editor a {
  text-decoration: none;
}

div.column section.column_article article div.editor a[target="_blank"] {
  position: relative;
  display: inline-block;
}

div.column section.column_article article div.author_info {
  border-radius: 10px;
  padding: 30px 40px;
  margin: 70px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_info {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    padding: 110px 2.5vw 40px;
    border-radius: 0;
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_article article div.author_info {
    padding-top: 80px;
    margin: 30px 0;
  }
}

div.column section.column_article article div.author_info div.image_cont {
  border-radius: 10px;
  overflow: hidden;
  width: 225px;
  margin-right: 40px;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_info div.image_cont {
    width: 30vw;
    margin-right: 0;
  }
}

div.column section.column_article article div.author_info div.text_cont {
  display: inline-block;
  width: auto;
  min-width: 320px;
  max-width: 790px;
}

@media screen and (max-width: 1220px) {
  div.column section.column_article article div.author_info div.text_cont {
    max-width: 570px;
  }
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_info div.text_cont {
    width: 60vw;
    min-width: inherit;
    max-width: inherit;
  }
}

div.column section.column_article article div.author_info div.text_cont h3.icon_ttl {
  font-size: 21px;
  line-height: 35px;
}

div.column section.column_article article div.author_info div.text_cont h3.icon_ttl img {
  width: 35px;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_info div.text_cont h3.icon_ttl {
    position: absolute;
    top: 40px;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
    font-size: 18px;
    width: 100%;
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_article article div.author_info div.text_cont h3.icon_ttl {
    font-size: 16px;
    line-height: 23px;
    top: 30px;
  }

  div.column section.column_article article div.author_info div.text_cont h3.icon_ttl img {
    width: 23px;
  }
}

div.column section.column_article article div.author_info div.text_cont h4 {
  font-size: 20px;
  margin: 20px 0 10px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_info div.text_cont h4 {
    margin-top: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_article article div.author_info div.text_cont h4 {
    font-size: 14px;
  }
}

div.column section.column_article article div.author_info div.text_cont p.shop_name {
  font-weight: 500;
  font-size: 16px;
  padding-left: 28px;
  background-image: url("../img/common/icon/icon_house_bl.svg");
  background-size: 22px auto;
  background-position: left top;
  margin: 20px 0 10px;
}

@media screen and (max-width: 568px) {
  div.column section.column_article article div.author_info div.text_cont p.shop_name {
    font-size: 12px;
    background-size: 17px auto;
    padding-left: 22px;
    margin: 10px 0 5px;
  }
}

div.column section.column_article article div.go_list {
  margin-top: 50px;
  /*@include mq(sp) {
    	margin-top: 30px;
    }*/
}

div.column section.content_nav_area {
  padding-top: 0;
}

div.column section.content_nav_area article {
  margin-bottom: 0;
}

div.column section.content_nav_area article h2 {
  line-height: 1.2;
  font-size: 28px;
  font-weight: bold;
  color: #555555;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  div.column section.content_nav_area article h2 {
    font-size: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.column section.content_nav_area article h2 {
    font-size: 16px;
  }
}

div.event section.event_top article ul.btn_cont {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 0;
}

@media screen and (max-width: 768px) {
  div.event section.event_top article ul.btn_cont {
    padding: 10px 0;
  }
}

div.event section.event_top article ul.btn_cont li .arrow_btn {
  margin-right: 10px;
  margin-bottom: 10px;
}

div.event section.event_top article ul.btn_cont li .arrow_btn a {
  min-width: 340px;
  padding: 10px 20px 9px;
  border-radius: 5px;
}

div.event section.event_top article ul.btn_cont li .arrow_btn span {
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  div.event section.event_top article ul.btn_cont li {
    width: 49%;
    margin-right: 2%;
  }

  div.event section.event_top article ul.btn_cont li:nth-child(2n) {
    margin-right: 0;
  }

  div.event section.event_top article ul.btn_cont li .arrow_btn a {
    min-width: inherit;
    max-width: inherit;
    width: 100%;
    padding: 8px 12px;
  }

  div.event section.event_top article ul.btn_cont li .arrow_btn span {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  div.event section.event_top article ul.btn_cont li .arrow_btn a {
    padding: 8px 5px;
  }

  div.event section.event_top article ul.btn_cont li .arrow_btn span {
    font-size: 10px;
    background-size: 8px;
  }
}

@media screen and (max-width: 375px) {
  div.event section.event_top article ul.btn_cont li .arrow_btn a {
    padding: 8px 2px;
  }

  div.event section.event_top article ul.btn_cont li .arrow_btn span {
    padding-left: 10px;
    letter-spacing: -0.1em;
  }
}

div.event section.event_top article ul.btn_cont li.active_tab .arrow_btn a {
  background-color: #837469;
  opacity: 1;
}

div.event section.event_top article ul.btn_cont li.active_tab .arrow_btn a span {
  color: #fff;
  background-image: url("../img/common/icon/btn_arrow_w.png");
}

div.event section.event_article {
  padding: 50px 0 160px;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  div.event section.event_article {
    padding: 30px 0 60px;
  }
}

div.event section.event_article article div.article_head {
  padding: 0 30px;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.article_head {
    padding: 0;
  }
}

div.event section.event_article article div.article_head ul {
  margin-bottom: 5px;
}

div.event section.event_article article div.article_head ul li {
  margin-right: 5px;
}

div.event section.event_article article div.article_head ul.article_cgy li a {
  padding: 7px 10px 5px;
  background-image: inherit;
  min-width: 140px;
  text-align: center;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.article_head ul.article_cgy li a {
    min-width: 100px;
    font-size: 13px;
  }
}

@media screen and (max-width: 568px) {
  div.event section.event_article article div.article_head ul.article_cgy li a {
    min-width: 80px;
    font-size: 10px;
  }
}

div.event section.event_article article div.article_head h1 {
  padding: 0;
  /* margin-bottom: 30px; */
}

div.event section.event_article article div.article_head h1:after {
  display: none;
}

/* @media screen and (max-width: 768px) {
  div.event section.event_article article div.article_head h1 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.event section.event_article article div.article_head h1 {
    margin-bottom: 10px;
  }
} */

div.event section.event_article article div.shadow_cont {
  background-color: #fff;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}

div.event section.event_article article div.shadow_cont div.beige_box {
  width: 1620px;
  height: 100%;
  padding: 150px 0 0 0;
  position: absolute;
  bottom: -80px;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: -1;
}

div.event section.event_article article div.shadow_cont div.beige_box .bg_beige {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.shadow_cont div.beige_box {
    width: 100vw;
    padding-top: 60px;
    bottom: -60px;
  }
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.shadow_cont div.beige_box {
    padding-top: 40px;
  }
}

div.event section.event_article article div.editor,
div.event section.event_article article div.event_info,
div.event section.event_article article div.go_list {
  margin: 0 auto;
  max-width: 1060px;
  width: 100%;
  padding: 30px;
}

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

  div.event section.event_article article div.editor,
  div.event section.event_article article div.event_info,
  div.event section.event_article article div.go_list {
    padding: 20px;
  }
}

@media screen and (max-width: 568px) {

  div.event section.event_article article div.editor,
  div.event section.event_article article div.event_info,
  div.event section.event_article article div.go_list {
    padding: 10px;
  }
}

div.event section.event_article article div.editor {
  /* ↓↓↓↓ 追記 20190626 ↓↓↓↓ */
  /* ↑↑↑↑ 追記 20190626 ↑↑↑↑ */
}

div.event section.event_article article div.editor h2 {
  background-color: #ebe8e4;
  border-radius: 5px;
  padding: 16px 20px 14px 75px;
  background-image: url("../img/common/icon/icon_event_house_b.png");
  background-size: 37px;
  background-position: left 20px center;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.editor h2 {
    background-size: 23px;
    background-position: left 20px top 14px;
    padding-left: 50px;
  }
}

@media screen and (max-width: 568px) {
  div.event section.event_article article div.editor h2 {
    background-size: 19px;
    padding-left: 45px;
  }
}

div.event section.event_article article div.editor a {
  text-decoration: none;
}

div.event section.event_article article div.editor a[target="_blank"] {
  position: relative;
}

div.event section.event_article article div.editor img {
  width: auto;
}

div.event section.event_article article div.editor .alignleft {
  width: 47%;
  margin: 0 3% 0 0;
}

div.event section.event_article article div.editor .alignright {
  width: 47%;
  margin: 0 0 0 3%;
}

div.event section.event_article article div.editor .aligncenter {
  width: auto;
}

div.event section.event_article article div.editor .alignleft img,
div.event section.event_article article div.editor .alignright img {
  width: 100%;
}

div.event section.event_article article div.editor .wp-caption-text {
  text-align: center;
}

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

  div.event section.event_article article div.editor .alignleft,
  div.event section.event_article article div.editor .alignright,
  div.event section.event_article article div.editor .aligncenter {
    width: 100%;
    margin: 0;
    float: inherit;
  }
}

div.event section.event_article article div.editor div.image_text {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 2em 0;
}

div.event section.event_article article div.editor div.image_text .image_cont {
  width: 49%;
}

div.event section.event_article article div.editor div.image_text .image_cont img {
  margin: 0;
}

div.event section.event_article article div.editor div.image_text .text_cont {
  width: 49%;
  padding: 20px 0;
  position: relative;
}

div.event section.event_article article div.editor div.image_text .text_cont p:last-of-type {
  margin-bottom: 0;
}

div.event section.event_article article div.editor div.image_text .text_cont:before,
div.event section.event_article article div.editor div.image_text .text_cont:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: url("../img/common/ptn_dot_b.png");
  background-repeat: repeat-x;
  background-size: auto;
  background-position: left center;
  position: absolute;
  left: 0;
}

div.event section.event_article article div.editor div.image_text .text_cont:before {
  top: 0;
}

div.event section.event_article article div.editor div.image_text .text_cont:after {
  bottom: 0;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.editor div.image_text {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  div.event section.event_article article div.editor div.image_text .image_cont,
  div.event section.event_article article div.editor div.image_text .text_cont {
    width: 100%;
  }

  div.event section.event_article article div.editor div.image_text .image_cont {
    -webkit-order: 1;
    order: 1;
    margin-bottom: 1.5em;
  }

  div.event section.event_article article div.editor div.image_text .text_cont {
    -webkit-order: 2;
    order: 2;
    padding: 10px 0;
  }
}

div.event section.event_article article div.editor div.event_instructor h2 {
  background-image: url("../img/common/icon/icon_instructor.png");
  background-size: 26px auto;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.editor div.event_instructor h2 {
    background-size: 20px auto;
    background-position: left 20px top 11px;
  }
}

div.event section.event_article article div.editor div.event_instructor div.intro_area {
  padding: 20px;
  color: #837469;
  font-weight: 500;
  line-height: 1.5;
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 20px;
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .image_cont {
  width: 22%;
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .image_cont img {
  width: 100%;
  height: auto;
  margin: 0;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .image_cont {
    width: 28%;
  }
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .info_cont {
  width: 76%;
  background-color: #fff;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .info_cont {
    width: 70%;
  }
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .info_cont dl {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .info_cont dl:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: url(../img/common/ptn_dot_b.png);
  background-repeat: repeat-x;
  background-size: auto;
  background-position: left center;
  position: absolute;
  left: 0;
  bottom: 0;
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .info_cont dl dt {
  font-weight: 500;
  padding: 3px 10px;
  border: 1px solid #837469;
  border-radius: 5px;
  margin-right: 10px;
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .info_cont dl dd {
  font-weight: bold;
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.instructor_info .info_cont p {
  margin-bottom: 0;
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.text_intro {
  margin: 20px 0;
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.repeat_cont {
  margin: 20px 0;
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.repeat_cont h3 {
  font-weight: 500;
  padding: 3px 16px;
  border: 1px solid #837469;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 20px;
  background-color: #fff;
  display: inline-block;
  width: auto;
}

div.event section.event_article article div.editor div.event_instructor div.intro_area div.repeat_cont+div.repeat_cont {
  margin-bottom: 10px;
}

div.event section.event_article article div.event_info {
  padding-top: 0;
}

div.event section.event_article article div.event_info div.cont {
  padding: 20px 15px;
  border-radius: 10px;
  border: 2px solid #837469;
}

@media screen and (max-width: 568px) {
  div.event section.event_article article div.event_info div.cont {
    padding: 20px 20px 30px;
  }
}

div.event section.event_article article div.event_info div.cont h3.icon_ttl {
  font-size: 21px;
  line-height: 35px;
  margin-bottom: 15px;
}

div.event section.event_article article div.event_info div.cont h3.icon_ttl img {
  width: 35px;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.event_info div.cont h3.icon_ttl {
    text-align: center;
    font-size: 18px;
    width: 100%;
  }
}

@media screen and (max-width: 568px) {
  div.event section.event_article article div.event_info div.cont h3.icon_ttl {
    font-size: 16px;
    line-height: 23px;
    top: 30px;
  }

  div.event section.event_article article div.event_info div.cont h3.icon_ttl img {
    width: 23px;
  }
}

div.event section.event_article article div.event_info div.cont table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 5px;
  width: 100%;
  min-width: inherit;
}

div.event section.event_article article div.event_info div.cont table th,
div.event section.event_article article div.event_info div.cont table td {
  font-size: 15px;
  vertical-align: top;
  text-align: left;
  line-height: 1.5;
}

div.event section.event_article article div.event_info div.cont table th {
  font-weight: bold;
  position: relative;
  width: 80px;
  padding-top: 1px;
}

div.event section.event_article article div.event_info div.cont table th:after {
  content: ":";
  position: absolute;
  top: -1px;
  right: 5px;
}

div.event section.event_article article div.event_info div.cont table td strong {
  font-size: 22px;
  font-weight: bold;
}

div.event section.event_article article div.event_info div.cont table tr.shop_info th {
  padding-top: 7px;
}

div.event section.event_article article div.event_info div.cont table tr.shop_info th:after {
  top: 5px;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.event_info div.cont table {
    display: table;
  }

  div.event section.event_article article div.event_info div.cont table th,
  div.event section.event_article article div.event_info div.cont table td {
    display: table-cell;
    font-size: 14px;
  }

  div.event section.event_article article div.event_info div.cont table th {
    width: 75px;
  }

  div.event section.event_article article div.event_info div.cont table td {
    width: auto;
  }

  div.event section.event_article article div.event_info div.cont table td strong {
    font-size: 16px;
  }

  div.event section.event_article article div.event_info div.cont table tr.shop_info th {
    padding-top: 4px;
  }

  div.event section.event_article article div.event_info div.cont table tr.shop_info th:after {
    top: 2px;
  }
}

@media screen and (max-width: 568px) {

  div.event section.event_article article div.event_info div.cont table th,
  div.event section.event_article article div.event_info div.cont table td {
    font-size: 11px;
  }

  div.event section.event_article article div.event_info div.cont table th {
    width: 60px;
  }

  div.event section.event_article article div.event_info div.cont table td strong {
    font-size: 12px;
  }

  div.event section.event_article article div.event_info div.cont table tr.shop_info th {
    padding-top: 2px;
  }

  div.event section.event_article article div.event_info div.cont table tr.shop_info th:after {
    top: 1px;
  }
}

div.event section.event_article article div.event_info div.cont div.icon_btn {
  text-align: left;
  margin-top: 10px;
}

div.event section.event_article article div.event_info div.cont div.icon_btn a {
  background-color: #837469;
  text-align: center;
  padding: 10px 20px;
  width: 100%;
}

div.event section.event_article article div.event_info div.cont div.icon_btn a span {
  line-height: 44px;
  color: #fff;
  background-image: url("../img/common/icon/icon_reserve_btn_w.png");
  font-size: 18px;
}

div.event section.event_article article div.event_info div.cont div.icon_btn a:hover {
  background-color: #fff;
}

div.event section.event_article article div.event_info div.cont div.icon_btn a:hover span {
  color: #837469;
  background-image: url("../img/common/icon/icon_reserve_btn_b.png");
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.event_info div.cont div.icon_btn {
    text-align: center;
  }

  div.event section.event_article article div.event_info div.cont div.icon_btn a {
    box-shadow: 0px 3px 0px 0px #837469;
    padding: 10px 15px;
  }

  div.event section.event_article article div.event_info div.cont div.icon_btn a span {
    font-size: 16px;
    line-height: 33px;
  }
}

@media screen and (max-width: 568px) {
  div.event section.event_article article div.event_info div.cont div.icon_btn a span {
    padding-left: 30px;
    font-size: 16px;
    line-height: 22px;
  }
}

div.event section.event_article article div.event_info div.cont div.red_btn a {
  background-color: #E83416;
}

div.event section.event_article article div.event_info div.cont div.red_btn a:hover {
  background-color: #E83416;
  opacity: 0.7;
}

div.event section.event_article article div.event_info div.cont div.red_btn a:hover span {
  color: #fff;
  background-image: url("../img/common/icon/icon_reserve_btn_w.png");
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.event_info div.cont div.red_btn a {
    box-shadow: 0px 3px 0px 0px #E83416;
  }
}

div.event section.event_article article div.go_list {
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.go_list {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 568px) {
  div.event section.event_article article div.go_list {
    padding-bottom: 30px;
  }
}

/*div.recruit div.ttl {
  background-image: none; }*/
div.recruit main section.kv {
  width: 95%;
  max-width: 1220px;
  min-width: 1000px;
  margin: auto;
}

@media screen and (max-width: 768px) {
  div.recruit main section.kv {
    width: 100%;
    min-width: inherit;
    padding: 10px 0;
  }
}

div.recruit main div.main_photo {
  width: 100%;
  height: 400px;
  position: relative;
  background-image: url("../img/content/recruit/recruit_fv_pc.jpg");
  background-position: center bottom;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  div.recruit main div.main_photo {
    height: auto;
    padding: 48% 0 0 0;
    background-image: url("../img/content/recruit/recruit_fv_sp.jpg");
  }
}

div.recruit main div.main_photo div.btn_scroll {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 30px;
  z-index: 2;
}

@media screen and (max-width: 568px) {
  div.recruit main div.main_photo div.btn_scroll {
    bottom: 15px;
  }
}

div.recruit main div.main_photo div.btn_scroll {
  text-align: center;
}

div.recruit main div.main_photo div.btn_scroll a {
  display: inline-block;
  width: auto;
  min-width: 200px;
  padding: 12px 50px 12px 50px;
  border-radius: 100px;
  border: 2px solid #837469;
  box-shadow: 0px 3px 0px 0px #837469;
  background-color: #fff;
  line-height: 1;
}

div.recruit main div.main_photo div.btn_scroll a:hover {
  background-color: #837469;
  opacity: 1;
}

div.recruit main div.main_photo div.btn_scroll a:hover span {
  color: #fff;
  background-image: url("../img/common/icon/btn_arrow_bottom_w.svg");
}

div.recruit main div.main_photo div.btn_scroll span {
  display: inline-block;
  width: 100%;
  font-weight: bold;
  font-size: 20px;
  color: #837469;
  padding-left: 25px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../img/common/icon/btn_arrow_bottom.svg");
  background-size: 11px 11px;
}

@media screen and (max-width: 768px) {
  div.recruit main div.main_photo div.btn_scroll a {
    min-width: inherit;
    padding: 6px 20px 6px;
  }

  div.recruit main div.main_photo div.btn_scroll a:hover {
    opacity: 1;
  }

  div.recruit main div.main_photo div.btn_scroll span {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.recruit main div.main_photo div.btn_scroll span {
    font-size: 12px;
  }
}

div.recruit main section.recruit_article h3 {
  text-align: center;
  line-height: 1.2;
  font-size: 30px;
  font-weight: bold;
  color: #333333;
  margin: 60px 0 50px 0;
}

@media screen and (max-width: 768px) {
  div.recruit main section.recruit_article h3 {
    font-size: 20px;
    margin: 30px 0 25px 0;
  }
}

div.recruit main section.recruit_article h4 {
  line-height: 1.2;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin: 0 0 20px 0;
}

@media screen and (max-width: 768px) {
  div.recruit main section.recruit_article h4 {
    font-size: 14px;
  }
}

div.recruit main section.recruit_article p.txt {
  margin-bottom: 30px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  div.recruit main section.recruit_article p.txt {
    margin-bottom: 15px;
    font-size: 11px;
  }
}

div.recruit main section.recruit_article div.detail_col_2 {
  display: flex;
  justify-content: space-between;
  padding: 0 0 55px 0;
}

@media screen and (max-width: 768px) {
  div.recruit main section.recruit_article div.detail_col_2 {
    flex-direction: column;
    padding: 0 0 30px 0;
  }
}

div.recruit main section.recruit_article div.detail_col_2 div.txt {
  text-align: left;
}

div.recruit main section.recruit_article div.detail_col_2 div.txt div.arrow_btn {
  text-align: left;
}

@media screen and (max-width: 768px) {
  div.recruit main section.recruit_article div.detail_col_2 div.txt div.arrow_btn {
    text-align: center;
  }
}

div.recruit main section.recruit_article div.detail_col_2 div.txt div.arrow_btn a {
  text-align: center;
}

div.recruit main section.recruit_article div.detail_col_2 div.txt div.arrow_btn span {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  div.recruit main section.recruit_article div.detail_col_2 div.txt div.arrow_btn span {
    font-size: 12px;
  }
}

div.recruit main section.recruit_article div.detail_col_2 div.photo img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  div.recruit main section.recruit_article div.detail_col_2 div.photo img {
    width: 85%;
    margin: auto;
  }
}

div.recruit main section.recruit_article div.content_1 div.txt {
  width: 60%;
  padding: 0 50px 0 0;
}

@media screen and (max-width: 768px) {
  div.recruit main section.recruit_article div.content_1 div.txt {
    width: 100%;
    padding: 0 0 15px 0;
  }
}

div.recruit main section.recruit_article div.content_1 div.photo {
  width: 40%;
  max-width: 570px;
}

@media screen and (max-width: 768px) {
  div.recruit main section.recruit_article div.content_1 div.photo {
    width: 100%;
    max-width: inherit;
  }
}

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

  div.recruit main section.recruit_article div.content_2,
  div.recruit main section.recruit_article div.content_3 {
    flex-direction: column-reverse;
  }
}

div.recruit main section.recruit_article div.content_2 div.txt,
div.recruit main section.recruit_article div.content_3 div.txt {
  width: 65%;
  padding: 0 0 0 20px;
}

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

  div.recruit main section.recruit_article div.content_2 div.txt,
  div.recruit main section.recruit_article div.content_3 div.txt {
    width: 100%;
    padding: 0 0 15px 0;
  }
}

div.recruit main section.recruit_article div.content_2 div.photo,
div.recruit main section.recruit_article div.content_3 div.photo {
  width: 35%;
  max-width: 380px;
}

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

  div.recruit main section.recruit_article div.content_2 div.photo,
  div.recruit main section.recruit_article div.content_3 div.photo {
    width: 100%;
    max-width: inherit;
    padding: 0 0 0 0;
  }
}

div.recruit main section.recruit_detail {
  padding: 0 0 50px 0;
}

div.recruit main section.recruit_detail h3 {
  text-align: left;
  line-height: 1.2;
  font-size: 30px;
  font-weight: bold;
  color: #555555;
  margin: 0 0 30px 0;
}

@media screen and (max-width: 768px) {
  div.recruit main section.recruit_detail h3 {
    font-size: 20px;
    margin: 0 0 10px 0;
  }
}

div.recruit main section.recruit_detail table {
  width: 100%;
  margin: auto;
  border-collapse: collapse;
}

div.recruit main section.recruit_detail table tr th,
div.recruit main section.recruit_detail table tr td {
  padding: 30px;
  font-size: 16px;
}

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

  div.recruit main section.recruit_detail table tr th,
  div.recruit main section.recruit_detail table tr td {
    width: auto;
    padding: 15px;
    font-size: 11px;
    display: table-cell;
  }
}

div.recruit main section.recruit_detail table tr th {
  vertical-align: middle;
  text-align: left;
  color: #555555;
  font-weight: bold;
  background-color: #f1f1f1;
  border: #d8d8d8 1px solid;
}

div.recruit main section.recruit_detail table tr td {
  text-align: left;
  border: #d8d8d8 1px solid;
}

div.recruit main section.recruit_detail form {
  text-align: center;
}

div.recruit main section.recruit_detail form p {
  padding: 40px 0 30px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  div.recruit main section.recruit_detail form p {
    padding: 15px 0;
  }
}

div.recruit main section.recruit_detail form p input[type="radio"],
div.recruit main section.recruit_detail form p input[type="checkbox"] {
  display: initial;
}

div.recruit main section.recruit_detail form p a {
  text-decoration: underline;
}

div.recruit main section.recruit_detail form input[type="submit"],
div.recruit main section.recruit_detail form input[type="reset"],
div.recruit main section.recruit_detail form input[type="button"] {
  width: auto;
  text-align: center;
  font-weight: bold;
  padding: 17px 150px;
  border-radius: 10px;
  display: inline-block;
  color: #e83416;
  border: 2px solid #e83416;
  background-image: url("../img/common/arrow/arrow_drawer_btn_r.png");
  background-position: right 20px center;
  background-size: auto;
  box-shadow: 0px 5px 0px 0px #e83416;
  background-color: #fff;
  cursor: pointer;
}

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

  div.recruit main section.recruit_detail form input[type="submit"],
  div.recruit main section.recruit_detail form input[type="reset"],
  div.recruit main section.recruit_detail form input[type="button"] {
    padding: 17px 55px;
  }
}

div.recruit main section.recruit_detail form input[type="submit"]:hover,
div.recruit main section.recruit_detail form input[type="reset"]:hover,
div.recruit main section.recruit_detail form input[type="button"]:hover {
  color: #FFF;
  background-color: #e83416;
  background-image: url("../img/common/arrow/arrow_drawer_btn_w.png");
}

div.recruit main section.bg_dot_pattern {
  background-image: none;
  background-color: #f9f9ed;
}

div.recruit main div.recruit_entry_cont h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  div.recruit main div.recruit_entry_cont h3 {
    text-align: center;
    font-weight: 500;
  }

  div.recruit main div.recruit_entry_cont h3.mq_mt_30 {
    margin-top: 30px;
  }
}

div.recruit main div.recruit_entry_cont table+h3 {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  div.recruit main div.recruit_entry_cont ul.transmission {
    width: 100%;
    display: block;
  }

  div.recruit main div.recruit_entry_cont ul.transmission li {
    width: 100%;
    display: block;
  }
}

div.recruit main div.recruit_entry_cont div.got_to_top {
  text-align: center;
  margin: 50px 0;
}

div.recruit main div.recruit_entry_cont div.got_to_top a {
  width: auto;
  text-align: center;
  font-weight: 500;
  padding: 17px 150px;
  border-radius: 10px;
  display: inline-block;
  color: #e83416;
  border: 2px solid #e83416;
  background-size: auto;
  min-width: 420px;
  background-color: #FFF;
  background-image: url("../img/common/arrow/arrow_comfirm_return.png");
  background-position: left 30px center;
}

@media screen and (max-width: 768px) {
  div.recruit main div.recruit_entry_cont div.got_to_top a {
    padding: 17px 55px;
    min-width: 100%;
    width: 100%;
  }
}

div.recruit main div.recruit_entry_cont div.got_to_top a:hover {
  opacity: 1;
  color: #FFF;
  background-color: #e83416;
  background-image: url("../img/common/arrow/arrow_comfirm_return_w.png");
}

@media screen and (max-width: 768px) {
  div.recruit main div.recruit_entry_cont p.thanks_head {
    padding-top: 60px;
  }
}

.web_shindan .column_1 {
  margin-top: 150px;
  width: 100%;
  background-color: #ded5c6;
  background-image: url("../img/content/shindan/bg_webshindan.jpg");
  background-position: center center;
  background-size: cover;
}

@media screen and (max-width: 855px) {
  .web_shindan .column_1 {
    margin-top: 130px;
  }
}

@media screen and (max-width: 768px) {
  .web_shindan .column_1 {
    margin-top: 73px;
    background-image: url("../img/content/shindan/bg_webshindan_sp.jpg");
  }
}

.web_shindan .column_1 .btn_box {
  padding: 30px 0;
  max-width: 533px;
  width: 80%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .web_shindan .column_1 .btn_box {
    width: 100%;
    padding: 30px 0 0;
  }
}

.web_shindan .column_1 .shindan_area {
  margin: 0 auto;
  padding: 110px 0;
  width: 100%;
}

@media screen and (max-width: 568px) {
  .web_shindan .column_1 .shindan_area {
    padding: 40px 0;
  }
}

.web_shindan .column_1 .shindan_area .shindan_box {
  width: 80%;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 60px 30px;
}

@media screen and (max-width: 768px) {
  .web_shindan .column_1 .shindan_area .shindan_box {
    padding: 60px 40px;
  }
}

@media screen and (max-width: 568px) {
  .web_shindan .column_1 .shindan_area .shindan_box {
    width: 96%;
    padding: 40px 30px;
    background-color: rgba(255, 255, 255, 0.9);
  }
}

.web_shindan .column_1 .shindan_area .shindan_box h1 {
  max-width: 530px;
  width: 80%;
  height: auto;
  margin: 0 auto;
}

@media screen and (max-width: 568px) {
  .web_shindan .column_1 .shindan_area .shindan_box h1 {
    width: 100%;
  }
}

.web_shindan .column_1 .shindan_area .shindan_box h1 img {
  width: 100%;
  height: auto;
}

.web_shindan .column_1 .shindan_area .shindan_box ul {
  width: 80%;
  max-width: 533px;
  margin: 0 auto;
  display: flex;
  -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 (max-width: 768px) {
  .web_shindan .column_1 .shindan_area .shindan_box ul {
    width: 100%;
  }
}

.web_shindan .column_1 .shindan_area .shindan_box ul li img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .web_shindan .column_1 .shindan_area .shindan_box ul li:nth-child(2) {
    padding: 0 15px;
  }
}

.web_shindan .column_1 .shindan_area .shindan_box p {
  text-align: center;
  font-size: 18px;
  padding: 30px 30px 20px;
}

@media screen and (max-width: 768px) {
  .web_shindan .column_1 .shindan_area .shindan_box p {
    font-size: 16px;
    padding: 30px 0 20px;
  }
}

@media screen and (max-width: 568px) {
  .web_shindan .column_1 .shindan_area .shindan_box p {
    text-align: left;
    font-size: 14px;
  }
}

.shindan_question .column_1 {
  margin-top: 150px;
  width: 100%;
  background-color: #fff;
}

@media screen and (max-width: 855px) {
  .shindan_question .column_1 {
    margin-top: 130px;
  }
}

@media screen and (max-width: 768px) {
  .shindan_question .column_1 {
    margin-top: 73px;
  }
}

.shindan_question #yesno_wrap {
  margin: 0 auto;
  padding: 35px 0 100px;
  max-width: 1000px;
}

@media screen and (max-width: 768px) {
  .shindan_question #yesno_wrap {
    padding: 10px 0;
  }
}

.shindan_question #yesno_wrap #question_wrap {
  position: static;
  margin-bottom: 0;
}

.shindan_question #yesno_wrap #question_wrap .yesno_q {
  background-position: top 100px center;
  background-image: url("../img/content/shindan/bg_question.png");
  background-size: 100% auto;
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 0;
}

@media screen and (max-width: 768px) {
  .shindan_question #yesno_wrap #question_wrap .yesno_q {
    background-image: url("../img/content/shindan/bg_question_sp.jpg");
    background-position: top center;
    height: 48vw;
  }
}

.shindan_question #yesno_wrap #question_wrap .yesno_q dt {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .shindan_question #yesno_wrap #question_wrap .yesno_q dt {
    padding-top: 30px;
  }
}

@media screen and (max-width: 568px) {
  .shindan_question #yesno_wrap #question_wrap .yesno_q dt {
    padding-top: 20px;
  }
}

.shindan_question #yesno_wrap #question_wrap .yesno_q dt span {
  color: #837469;
  position: relative;
  font-size: 28px;
  background: inherit;
}

.shindan_question #yesno_wrap #question_wrap .yesno_q dt span:before {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  background-color: #837469;
  width: 20px;
  height: 2px;
}

@media screen and (max-width: 568px) {
  .shindan_question #yesno_wrap #question_wrap .yesno_q dt span {
    font-size: 18px;
  }

  .shindan_question #yesno_wrap #question_wrap .yesno_q dt span:before {
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    background-color: #837469;
    width: 10px;
    height: 1px;
  }
}

.shindan_question #yesno_wrap #question_wrap .yesno_q dd {
  margin: 20px 0 20px 0;
  padding: 40px 20px 40px 60px !important;
  font-size: 24px;
  text-align: center;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .shindan_question #yesno_wrap #question_wrap .yesno_q dd {
    margin: 10px 40px;
    padding: 8vw 20px !important;
  }
}

@media screen and (max-width: 568px) {
  .shindan_question #yesno_wrap #question_wrap .yesno_q dd {
    font-size: 16px;
    margin: 10px 40px;
    padding: 8vw 0 !important;
  }
}

@media screen and (max-width: 414px) {
  .shindan_question #yesno_wrap #question_wrap .yesno_q dd {
    padding: 3vw 0 !important;
    font-size: 14px;
  }
}

.shindan_question #yesno_wrap #choices {
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  width: 87%;
  padding-left: 15%;
}

@media screen and (max-width: 768px) {
  .shindan_question #yesno_wrap #choices {
    width: 100%;
    padding-left: 0;
  }
}

@media screen and (max-width: 568px) {
  .shindan_question #yesno_wrap #choices {
    padding-left: 0;
    padding-top: 10px;
  }
}

.shindan_question #yesno_wrap #choices li {
  width: 50%;
}

@media screen and (max-width: 568px) {
  .shindan_question #yesno_wrap #choices li {
    width: 85%;
  }
}

.shindan_question #yesno_wrap #choices li:first-child,
.shindan_question #yesno_wrap #choices li:nth-child(2) {
  padding: 30px 0 120px;
}

@media screen and (max-width: 568px) {

  .shindan_question #yesno_wrap #choices li:first-child,
  .shindan_question #yesno_wrap #choices li:nth-child(2) {
    padding: 5px 0;
  }
}

.shindan_question #yesno_wrap #choices li:first-child button,
.shindan_question #yesno_wrap #choices li:nth-child(2) button {
  background-color: #fff;
  border: 2px solid #3a2a1a;
  font-size: 20px;
  color: #3a2a1a;
  box-shadow: 0px 3px 0px 0px #3a2a1a;
  border-radius: 5px;
  width: 95%;
  background-size: auto 20px;
  background-repeat: no-repeat;
  margin: 0 auto;
  cursor: pointer;
}

.shindan_question #yesno_wrap #choices li:first-child button:hover,
.shindan_question #yesno_wrap #choices li:nth-child(2) button:hover {
  background-color: #3a2a1a;
  color: #fff;
  opacity: 1;
}

@media screen and (max-width: 568px) {

  .shindan_question #yesno_wrap #choices li:first-child button,
  .shindan_question #yesno_wrap #choices li:nth-child(2) button {
    background-size: auto 9px;
    font-size: 16px;
    box-shadow: 0px 2px 0px 0px #3a2a1a;
    width: 100%;
  }
}

.shindan_question #yesno_wrap #choices li:first-child {
  -webkit-order: 2;
  order: 2;
}

.shindan_question #yesno_wrap #choices li:first-child button {
  background-image: url(../img/common/icon/btn_arrow_c.svg);
  background-position: right 20px center;
  padding: 10px 30px;
}

.shindan_question #yesno_wrap #choices li:first-child button:hover {
  background-image: url("../img/common/icon/btn_arrow_w.svg");
}

@media screen and (max-width: 568px) {
  .shindan_question #yesno_wrap #choices li:first-child {
    -webkit-order: 1;
    order: 1;
  }
}

.shindan_question #yesno_wrap #choices li:nth-child(2) {
  -webkit-order: 1;
  order: 1;
}

.shindan_question #yesno_wrap #choices li:nth-child(2) button {
  background-image: url(../img/common/icon/btn_arrow_r_c.svg);
  background-position: left 20px center;
  padding: 10px 30px;
}

.shindan_question #yesno_wrap #choices li:nth-child(2) button:hover {
  background-image: url("../img/common/icon/btn_arrow_w_c.svg");
}

@media screen and (max-width: 568px) {
  .shindan_question #yesno_wrap #choices li:nth-child(2) button {
    background-image: url(../img/common/icon/btn_arrow_c.svg);
    background-position: right 20px center;
  }
}

@media screen and (max-width: 568px) {
  .shindan_question #yesno_wrap #choices li:nth-child(2) {
    -webkit-order: 2;
    order: 2;
  }

  .shindan_question #yesno_wrap #choices li:nth-child(2) button:hover {
    background-image: url("../img/common/icon/btn_arrow_w.svg");
  }
}

.shindan_question #yesno_wrap #choices li:nth-child(3),
.shindan_question #yesno_wrap #choices li:last-child {
  width: 40%;
}

@media screen and (max-width: 568px) {

  .shindan_question #yesno_wrap #choices li:nth-child(3),
  .shindan_question #yesno_wrap #choices li:last-child {
    width: 80%;
    padding: 20px 0 0;
  }
}

.shindan_question #yesno_wrap #choices li:nth-child(3) button,
.shindan_question #yesno_wrap #choices li:last-child button {
  background-color: #fff;
  border: none;
  font-size: 16px;
  color: #3a2a1a;
  background-size: auto 60%;
  background-repeat: no-repeat;
  margin: 0 auto;
  font-weight: bold;
  letter-spacing: 1px;
  background-image: url(../img/common/icon/btn_arrow_r_c.svg);
  background-position: left center;
  padding: 0 25px 0 25px;
  width: auto;
}

.shindan_question #yesno_wrap #choices li:nth-child(3) button:hover,
.shindan_question #yesno_wrap #choices li:last-child button:hover {
  opacity: 0.8;
}

@media screen and (max-width: 568px) {

  .shindan_question #yesno_wrap #choices li:nth-child(3) button,
  .shindan_question #yesno_wrap #choices li:last-child button {
    font-size: 14px;
    background-size: 9px;
    padding-left: 15px;
    padding-right: 0;
  }
}

.shindan_question #yesno_wrap #choices li:nth-child(3) {
  text-align: right;
  -webkit-order: 3;
  order: 3;
}

@media screen and (max-width: 568px) {
  .shindan_question #yesno_wrap #choices li:nth-child(3) {
    padding-top: 50px;
    text-align: center;
  }
}

.shindan_question #yesno_wrap #choices li:nth-child(3) button {
  display: inline-block;
  text-align: right;
}

@media screen and (max-width: 568px) {
  .shindan_question #yesno_wrap #choices li:nth-child(3) button {
    text-align: center;
  }
}

.shindan_question #yesno_wrap #choices li:last-child {
  -webkit-order: 4;
  order: 4;
}

@media screen and (max-width: 568px) {
  .shindan_question #yesno_wrap #choices li:last-child {
    text-align: center;
  }

  .shindan_question #yesno_wrap #choices li:last-child button {
    text-align: center;
  }
}

.shindan_result .column_1 {
  margin-top: 150px;
  width: 100%;
  background-color: #fff;
}

@media screen and (max-width: 855px) {
  .shindan_result .column_1 {
    margin-top: 130px;
  }
}

@media screen and (max-width: 768px) {
  .shindan_result .column_1 {
    margin-top: 73px;
  }
}

.shindan_result #yesno_wrap {
  margin: 0 auto;
  padding: 35px 0 100px;
  max-width: 1000px;
}

@media screen and (max-width: 768px) {
  .shindan_result #yesno_wrap {
    padding: 10px 0 20px;
  }
}

.shindan_result #yesno_wrap #question_wrap .yesno_q {
  background-position: top 60px center;
  background-image: url("../img/content/shindan/bg_question.png");
  background-size: 100% auto;
}

@media screen and (max-width: 768px) {
  .shindan_result #yesno_wrap #question_wrap .yesno_q {
    background-image: none;
    background-position: top center;
  }
}

.shindan_result #yesno_wrap #question_wrap .yesno_q dt {
  text-align: center;
  padding: 0;
  margin-bottom: 0 !important;
}

.shindan_result #yesno_wrap #question_wrap .yesno_q dt img {
  width: 150px;
  height: auto;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .shindan_result #yesno_wrap #question_wrap .yesno_q dt {
    padding-top: 30px;
  }
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap #question_wrap .yesno_q dt {
    padding-top: 20px;
  }
}

.shindan_result #yesno_wrap #question_wrap .yesno_q dt span {
  color: #837469;
  position: relative;
  font-size: 28px;
  background: inherit;
}

.shindan_result #yesno_wrap #question_wrap .yesno_q dt span:before {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  background-color: #837469;
  width: 20px;
  height: 3px;
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap #question_wrap .yesno_q dt span {
    font-size: 18px;
  }

  .shindan_result #yesno_wrap #question_wrap .yesno_q dt span:before {
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: "";
    background-color: #837469;
    width: 10px;
    height: 1px;
  }
}

.shindan_result #yesno_wrap #question_wrap .yesno_q dd {
  margin: 30px 0 20px 0;
  padding: 36px 20px 40px 140px;
  font-size: 16px;
  text-align: center;
  min-height: 150px;
}

.shindan_result #yesno_wrap #question_wrap .yesno_q dd strong {
  font-size: 30px;
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  .shindan_result #yesno_wrap #question_wrap .yesno_q dd strong {
    font-size: 18px;
    padding: 0 5px;
  }
}

@media screen and (max-width: 320px) {
  .shindan_result #yesno_wrap #question_wrap .yesno_q dd strong {
    font-size: 18px;
    padding: 0 2px;
  }
}

@media screen and (max-width: 768px) {
  .shindan_result #yesno_wrap #question_wrap .yesno_q dd {
    background-position: top center;
    background-image: url("../img/content/shindan/bg_result_sp.jpg");
    background-size: 100% auto;
    margin: 10px 0;
    height: 22vw;
    padding: 9vw 20px;
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap #question_wrap .yesno_q dd {
    min-height: auto;
    line-height: 1.5;
    font-size: 10px;
    margin: 10px 10px;
    padding: 7vw 15px 7vw 5px;
  }
}

.shindan_result #yesno_wrap .result_box {
  display: flex;
  align-items: center;
  width: 80%;
  margin: 0 auto;
  padding: 10px 0 50px;
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap .result_box {
    flex-wrap: wrap;
    padding: 10px 0;
  }
}

.shindan_result #yesno_wrap .result_box .img_box {
  width: 50%;
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap .result_box .img_box {
    width: 100%;
  }
}

.shindan_result #yesno_wrap .result_box .text_box {
  width: 50%;
  padding-left: 20px;
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap .result_box .text_box {
    width: 100%;
    padding: 20px 0 0 0;
  }
}

.shindan_result #yesno_wrap #choices {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding-left: 50px;
}

@media screen and (max-width: 768px) {
  .shindan_result #yesno_wrap #choices {
    width: 100%;
  }
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap #choices {
    padding-left: 0;
  }
}

.shindan_result #yesno_wrap #choices li {
  width: 50%;
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap #choices li {
    width: 75%;
  }
}

.shindan_result #yesno_wrap #choices li:first-child,
.shindan_result #yesno_wrap #choices li:nth-child(2) {
  padding: 30px 0 60px;
}

@media screen and (max-width: 568px) {

  .shindan_result #yesno_wrap #choices li:first-child,
  .shindan_result #yesno_wrap #choices li:nth-child(2) {
    padding: 5px 0;
  }
}

.shindan_result #yesno_wrap #choices li:first-child button,
.shindan_result #yesno_wrap #choices li:nth-child(2) button {
  font-weight: bold;
  background-color: #fff;
  border: 2px solid #3a2a1a;
  font-size: 18px;
  color: #3a2a1a;
  box-shadow: 0px 3px 0px 0px #3a2a1a;
  border-radius: 5px;
  width: 96%;
  background-size: auto 20px;
  background-repeat: no-repeat;
  margin: 0 auto;
  cursor: pointer;
  letter-spacing: 1px;
  background-image: url(../img/common/icon/btn_arrow_c.svg);
  background-position: right 30px center;
  padding: 18px 30px;
}

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

  .shindan_result #yesno_wrap #choices li:first-child button:hover,
  .shindan_result #yesno_wrap #choices li:nth-child(2) button:hover {
    background-color: #3a2a1a;
    color: #fff;
    opacity: 1;
    background-image: url("../img/common/icon/btn_arrow_w.svg");
  }
}

@media screen and (max-width: 568px) {

  .shindan_result #yesno_wrap #choices li:first-child button,
  .shindan_result #yesno_wrap #choices li:nth-child(2) button {
    background-size: auto 10px;
    font-size: 12px;
    background-position: right 15px center;
    box-shadow: 0px 2px 0px 0px #3a2a1a;
    padding: 10px 20px;
    width: 100%;
  }
}

@media screen and (max-width: 414px) {

  .shindan_result #yesno_wrap #choices li:first-child button,
  .shindan_result #yesno_wrap #choices li:nth-child(2) button {
    background-position: right 10px center;
  }
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap #choices li:first-child {
    padding-top: 20px;
  }
}

.shindan_result #yesno_wrap #choices li:nth-child(3),
.shindan_result #yesno_wrap #choices li:last-child {
  width: 40%;
}

@media screen and (max-width: 568px) {

  .shindan_result #yesno_wrap #choices li:nth-child(3),
  .shindan_result #yesno_wrap #choices li:last-child {
    width: 80%;
    padding: 30px 0 0;
  }
}

.shindan_result #yesno_wrap #choices li:nth-child(3) button,
.shindan_result #yesno_wrap #choices li:last-child button {
  background-color: #fff;
  border: none;
  font-size: 16px;
  color: #3a2a1a;
  background-size: auto 60%;
  background-repeat: no-repeat;
  margin: 0 auto;
  font-weight: bold;
  letter-spacing: 1px;
  background-image: url(../img/common/icon/btn_arrow_r_c.svg);
  background-position: left center;
  padding: 0 25px 0 25px;
}

.shindan_result #yesno_wrap #choices li:nth-child(3) button:hover,
.shindan_result #yesno_wrap #choices li:last-child button:hover {
  opacity: 0.8;
}

.shindan_result #yesno_wrap #choices li:nth-child(3) {
  text-align: center;
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap #choices li:nth-child(3) {
    padding: 30px 0 0 20px;
    text-align: center;
  }
}

.shindan_result #yesno_wrap #choices li:nth-child(3) button {
  text-align: center;
  display: inline-block;
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap #choices li:nth-child(3) button {
    text-align: center;
  }
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap #choices li:last-child {
    text-align: center;
  }

  .shindan_result #yesno_wrap #choices li:last-child button {
    text-align: center;
  }
}

div.form main section #fm_form .add_text {
  font-size: 14px;
}

div.form main section table {
  width: 100%;
  min-width: inherit;
  max-width: inherit;
}

div.form main section table tbody {
  border: 1px solid #C8C8C8;
}

div.form main section table tr:last-child th,
div.form main section table tr:last-child td {
  border-bottom: none;
}

div.form main section table tr th,
div.form main section table tr td {
  padding: 15px 20px;
  text-align: left;
  vertical-align: top;
  border-bottom: #C8C8C8 1px solid;
}

div.form main section table tr th {
  width: 25%;
  background-color: #F3F3F3;
  font-weight: bold;
  border-right: #C8C8C8 1px solid;
}

@media screen and (max-width: 768px) {
  div.form main section table tr th {
    width: 100%;
    padding: 10px;
    border-right: none;
  }
}

div.form main section table tr th p {
  display: inline-block;
  vertical-align: middle;
  word-break: break-all;
}

div.form main section table tr th span.essential {
  color: #e83416;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #e83416;
  float: right;
}

div.form main section table tr td {
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  div.form main section table tr td {
    padding: 10px 10px 20px 10px;
  }
}

div.form main section p.head {
  padding: 20px 0;
  font-weight: 500;
}

div.form main section p.closing {
  text-align: center;
  font-weight: 500;
}

div.form main section span.arrow {
  font-size: 90%;
  margin: 5px 0;
  font-weight: bold;
  display: inline-block;
}

div.form main section span.arrow+input {
  margin-left: 15px;
}

div.form main section input+span.arrow {
  margin-left: 15px;
}

div.form main section ul.transmission {
  width: auto;
  text-align: center;
  margin: 0 auto 30px auto;
  display: table;
}

div.form main section ul.transmission li {
  display: table-cell;
  padding: 2px 5px;
}

@media screen and (max-width: 768px) {
  div.form main section ul.transmission {
    width: 100%;
    display: block;
  }

  div.form main section ul.transmission li {
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  div.form main section ul.transmission.transmission_confirm {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

div.form main section ul.break {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

@media screen and (max-width: 568px) {
  div.form main section ul.break {
    display: inherit;
  }
}

div.form main section ul.break li {
  display: inline-block;
  padding: 0 10px;
}

div.form main section ul.break li p {
  display: inline-block;
  margin-right: 15px;
}

div.form main section ul.break li:nth-child(1) {
  padding: 0 10px 0 0;
}

@media screen and (max-width: 568px) {
  div.form main section ul.break li:nth-child(1) {
    padding: 0;
  }
}

div.form main section ul.break li:last-child {
  padding: 0 0 0 10px;
}

@media screen and (max-width: 568px) {
  div.form main section ul.break li:last-child {
    padding: 0;
  }
}

@media screen and (max-width: 568px) {
  div.form main section ul.break li {
    display: inherit;
    padding: 0;
  }
}

div.form main section ul.break_450 {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

div.form main section ul.break_450 li {
  display: inline-block;
  padding: 0 10px;
}

div.form main section ul.break_450 li p {
  display: inline-block;
  margin-right: 5px;
  width: 30px;
}

div.form main section ul.break_450 li:nth-child(1) {
  padding: 0 10px 0 0;
}

div.form main section ul.break_450 li:last-child {
  padding: 0 0 0 10px;
}

@media screen and (max-width: 568px) {
  div.form main section ul.break_450 li {
    width: 50%;
  }

  div.form main section ul.break_450 li p {
    margin-right: 0;
  }
}

div.form main section ul.variable {
  width: 100%;
}

div.form main section ul.variable li {
  display: inline-block;
  padding: 0 5px;
}

div.form main section ul.variable li:last-child {
  padding: 0 0 0 5px;
}

@media screen and (max-width: 568px) {
  div.form main section ul.variable li:last-child {
    padding: 0;
  }
}

div.form main section ul.variable li:nth-child(1) {
  padding: 0 5px 0 0;
}

@media screen and (max-width: 568px) {
  div.form main section ul.variable li:nth-child(1) {
    padding: 0;
  }
}

@media screen and (max-width: 568px) {
  div.form main section ul.variable li {
    display: inherit;
    padding: 0;
  }
}

div.form main section ul.variable li input {
  width: auto;
  margin: 5px 10px 5px 0;
}

@media screen and (max-width: 768px) {
  div.form main section ul.variable li input {
    width: 100px;
  }
}

div.form main section ul.check_list {
  width: 100%;
}

div.form main section ul.check_list li {
  width: 50%;
  float: left;
  padding: 5px 0;
}

@media only screen and (max-width: 1000px) {
  div.form main section ul.check_list li {
    width: 100%;
    float: none;
    border-bottom: #CCCCCC 1px solid;
  }
}

div.form main section ul.number {
  display: table;
}

div.form main section ul.number li {
  display: table-cell;
}

div.form main section ul.number li:nth-child(1) input {
  width: 5em;
}

div.form main section ul.number li:nth-child(2) input {
  width: 7em;
}

div.form main section ul.number li p {
  display: inline-block;
}

div.form main section ul.number li span {
  padding: 0 10px;
}

div.form main section ul.phone {
  display: table;
  table-layout: auto;
}

div.form main section ul.phone li {
  display: table-cell;
}

div.form main section ul.phone li:nth-child(1) input {
  width: 5em;
}

div.form main section ul.phone li:nth-child(2) input {
  width: 6em;
}

div.form main section ul.phone li:nth-child(3) input {
  width: 6em;
}

div.form main section ul.phone li p {
  display: inline-block;
}

div.form main section ul.phone li span {
  padding: 0 10px;
}

div.form main section div.comp_box {
  padding: 50px 0;
}

@media screen and (max-width: 568px) {
  div.form main section div.comp_box {
    padding: 30px 0;
  }
}

div.form main section div.comp_box h2 {
  font-weight: bold;
  padding: 30px 0;
  text-align: center;
}

div.form main section div.comp_box p {
  margin-bottom: 10px;
}

div.form main div.flow_nav {
  width: 100%;
  max-width: 980px;
  margin: 40px auto;
}

@media screen and (max-width: 768px) {
  div.form main div.flow_nav {
    width: 95%;
    margin: 0 auto;
  }
}

div.form main div.flow_nav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

div.form main div.flow_nav ul li {
  position: relative;
  width: 38%;
  padding: 20px 0;
  text-align: center;
  font-weight: 500;
  background-image: url("../img/content/recruit/bg_form_flow_inactive.png");
  background-size: 100% 100%;
  margin-left: -3%;
  color: #D8D8D8;
  font-size: 20px;
}

div.form main div.flow_nav ul li span {
  display: inline-block;
  color: #fff;
  background-color: #D8D8D8;
  line-height: 40px;
  padding: 0 8.5px;
  border-radius: 50%;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  div.form main div.flow_nav ul li {
    font-size: 16px;
    margin-left: -2%;
    width: 36%;
    padding-right: 2%;
  }

  div.form main div.flow_nav ul li span {
    margin-right: 0;
    font-size: 15px;
    line-height: 30px;
    padding: 0 6.5px;
  }
}

div.form main div.flow_nav ul li:nth-child(1) {
  background-image: url("../img/content/recruit/bg_form_flow_inactive_01.png");
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  div.form main div.flow_nav ul li:nth-child(1) {
    margin-left: 0;
  }
}

div.form main div.flow_nav ul.front li:nth-child(1),
div.form main div.flow_nav ul.confirm li:nth-child(2),
div.form main div.flow_nav ul.thanks li:nth-child(3) {
  background-image: url("../img/content/recruit/bg_form_flow_active_02.png");
  color: #e83416;
  font-weight: bold;
}

div.form main div.flow_nav ul.front li:nth-child(1) span,
div.form main div.flow_nav ul.confirm li:nth-child(2) span,
div.form main div.flow_nav ul.thanks li:nth-child(3) span {
  background-color: #e83416;
}

div.form main div.flow_nav ul.front li:nth-child(1) {
  background-image: url("../img/content/recruit/bg_form_flow_active.png");
}

div.form main ul.inputs_workplace li.name input {
  width: 395px;
}

div.form main ul.inputs_workplace li.period input {
  width: 160px;
}

div.form main ul.inputs_workplace li.job input {
  width: 350px;
}

@media screen and (max-width: 768px) {
  div.form main ul.inputs_workplace li.name input {
    width: calc(100% - 58px);
  }

  div.form main ul.inputs_workplace li.period input {
    width: 200px;
  }

  div.form main ul.inputs_workplace li.job input {
    width: calc(100% - 100px);
  }
}

@media screen and (max-width: 568px) {
  div.form main ul.inputs_workplace li.period input {
    width: 100px;
  }
}

div.form main div.agree_box {
  width: 100%;
  margin: 30px auto;
  text-align: left;
  padding: 30px;
  background-color: #F1F1F1;
  border: #B8B8B8 1px solid;
}

@media screen and (max-width: 568px) {
  div.form main div.agree_box {
    margin: 0 auto;
    padding: 20px 10px;
  }
}

div.form main div.agree_box h3 {
  font-size: 16px !important;
  font-weight: 500 !important;
  margin-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  div.form main div.agree_box h3 {
    text-align: left !important;
  }
}

div.form main div.agree_box a {
  text-decoration: underline;
  color: #005EAF;
}

div.form main div.agree_box .red_text {
  color: #e83416;
  text-decoration: underline;
}

div.form main div.agree_box ul.error_access {
  padding: 0;
  max-width: 600px;
  margin: 5px auto 0 auto;
}

div.form main table.confirm_workplace {
  width: auto;
  margin: 0;
}

div.form main table.confirm_workplace tbody {
  border: none;
}

div.form main table.confirm_workplace th,
div.form main table.confirm_workplace td {
  border: none;
  background-color: inherit;
  padding: 0;
  vertical-align: middle;
  display: table-cell;
  width: auto;
}

div.form main table.confirm_workplace th {
  padding-right: 20px;
  font-weight: 500;
}

div.form main table.confirm_workplace+table.confirm_workplace {
  margin-top: 20px;
}

div.error_area {
  margin: auto;
  padding: 10px 0 0 0;
}

ul.error_list {
  width: 90%;
  margin: 0 auto 10px auto;
  padding: 5px 0;
}

ul.error_list li {
  display: block;
  padding: 5px 10px;
  font-weight: bold;
  color: #BF292C;
  border: #BF292C 2px solid;
  margin: 5px auto;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

div.err_area,
div.error_access {
  margin: 5px auto;
  padding: 5px 0;
  display: block;
}

div.err_area p,
div.error_access p {
  display: block;
  padding: 5px 10px;
  font-weight: bold;
  color: #BF292C;
  border: #BF292C 1px solid;
  margin: 5px auto;
  text-align: center !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

ul.error_access {
  width: 90%;
  margin: 5px auto;
  padding: 15px 0;
  display: block;
}

ul.error_access li {
  display: block;
  padding: 5px 10px;
  font-weight: bold;
  color: #BF292C;
  border: #BF292C 1px solid;
  margin: 5px auto;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

p#fm_ajax_message {
  font-weight: 700;
  color: #837469;
  letter-spacing: 1px;
}

input,
select,
textarea,
search,
button {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Roboto", sans-serif;
  border: #CCCCCC 1px solid;
  background-color: #FFF;
  -webkit-appearance: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: 0;
  border-color: #837469;
}

::selection {
  color: #fff;
  background: #000;
}

input::selection,
textarea::selection {
  color: #000;
}

input {
  width: 100%;
  padding: 10px;
  margin: 5px 0;
}

input.wth_80 {
  width: 80%;
}

@media screen and (max-width: 768px) {
  input.wth_80 {
    width: 100%;
  }
}

input.wth_70 {
  width: 70%;
}

@media screen and (max-width: 768px) {
  input.wth_70 {
    width: 100%;
  }
}

input.wth_50 {
  width: 50%;
}

@media screen and (max-width: 768px) {
  input.wth_50 {
    width: 100%;
  }
}

input.wth_30 {
  width: 30%;
}

@media screen and (max-width: 768px) {
  input.wth_30 {
    width: 100%;
  }
}

input.wth_20 {
  width: 20%;
}

@media screen and (max-width: 768px) {
  input.wth_20 {
    width: 50%;
  }
}

input.wth_170px {
  width: 170px;
}

@media screen and (max-width: 568px) {
  input.wth_170px {
    width: calc(100% - 30px);
  }
}

input.wth_450px {
  max-width: 450px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  input.wth_450px {
    width: 100%;
    max-width: inherit;
  }
}

textarea {
  width: 100%;
  height: 10em;
  padding: 10px;
  resize: vertical;
}

select {
  width: auto;
  padding: 10px 60px 10px 10px;
  /*background-image: url(../img/common/arrow/input_select.svg);*/
  background-position: right 5px center;
  background-size: 25px 25px;
  vertical-align: middle;
  border: #CCCCCC 1px solid;
  margin: 5px 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

input[type="radio"],
input[type="checkbox"] {
  -webkit-appearance: inherit;
  width: auto;
  padding: 0;
  margin: 0;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

input[type="radio"] {
  -webkit-appearance: radio;
}

input[type="radio"]+label {
  padding: 7px 0px 7px 25px;
  margin: 2px 20px 2px 0px;
  display: inline-block;
  /*background-image: url(../img/common/arrow/input_check_off.svg);*/
  background-position: left 50%;
  background-size: 18px 18px;
  cursor: pointer;
}

input[type="radio"]:checked+label {
  /* background-image: url(../img/common/arrow/input_check_on.svg);*/
  background-position: left 50%;
  background-size: 18px 18px;
}

input[type="checkbox"]+label {
  padding: 7px 0px 7px 5px;
  margin: 2px 30px 2px 0px;
  /*background-image: url(../img/common/arrow/input_check_off.svg);*/
  background-position: left 50%;
  background-size: 18px 18px;
  display: inline-block;
  cursor: pointer;
}

input[type="checkbox"]:checked+label {
  /*background-image: url(../img/common/arrow/input_check_on.svg);*/
  background-position: left 50%;
  background-size: 18px 18px;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
  width: auto;
  text-align: center;
  font-weight: 500;
  padding: 17px 150px;
  border-radius: 10px;
  display: inline-block;
  color: #fff;
  border: 2px solid #e83416;
  background-image: url("../img/common/arrow/arrow_drawer_btn_w.png");
  background-position: right 30px center;
  background-size: auto;
  background-color: #e83416;
  min-width: 420px;
  cursor: pointer;
}

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

  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    padding: 17px 55px;
    min-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 414px) {

  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    background-position: right 20px center;
  }
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: #e83416;
  background-color: #FFF;
  background-image: url("../img/common/arrow/arrow_drawer_btn_r.png");
}

input[type="button"].btn_return {
  color: #e83416;
  background-color: #FFF;
  background-image: url("../img/common/arrow/arrow_comfirm_return.png");
  background-position: left 30px center;
}

@media screen and (max-width: 414px) {
  input[type="button"].btn_return {
    background-position: left 20px center;
  }
}

input[type="button"].btn_return:hover {
  color: #FFF;
  background-color: #e83416;
  background-image: url("../img/common/arrow/arrow_comfirm_return_w.png");
}

div.error_area {
  width: 100%;
  max-width: 500px;
  margin: auto;
  padding: 10px 0;
}

p#fm_ajax_message {
  font-weight: bold;
  color: #837469;
  letter-spacing: 1px;
}

div.edit main section article {
  padding: 50px 0;
  border-bottom: #CCCCCC 2px solid;
}

@media screen and (max-width: 568px) {
  div.edit main section article {
    padding: 30px 0;
  }
}

div.edit main section article:first-child {
  padding: 0 0 50px 0;
}

@media screen and (max-width: 568px) {
  div.edit main section article:first-child {
    padding: 0 0 30px 0;
  }
}

div.edit main section article:last-child {
  border-bottom: none;
}

div.edit main section article p {
  padding: 20px 0;
}

@media screen and (max-width: 768px) {
  div.edit aside {
    padding-top: 10px;
  }
}

div.edit aside section.catalog article {
  padding: 30px 0;
  border-bottom: #CCCCCC 2px solid;
}

@media screen and (max-width: 568px) {
  div.edit aside section.catalog article {
    padding: 20px 0;
  }
}

div.edit aside section.catalog article:first-child {
  padding: 0 0 30px 0;
}

@media screen and (max-width: 568px) {
  div.edit aside section.catalog article:first-child {
    padding: 0 0 20px 0;
  }
}

div.edit aside section.catalog article:last-child {
  border-bottom: none;
}

div.edit aside section.catalog article h2 {
  margin: 0 auto 10px auto;
  font-weight: bold;
}

div.edit aside section.catalog article h3 {
  margin: 0 auto 5px auto;
  font-weight: bold;
}

div.edit aside section.catalog article ul.article_entry li {
  padding: 0 0 10px 0;
}

div.edit aside section.catalog article ul.article_entry li:last-child {
  padding: 0;
}

div.edit aside section.catalog article ul.article_entry li .image_box {
  width: 100%;
  height: 90px;
}

@media screen and (max-width: 768px) {
  div.edit aside section.catalog article ul.article_entry li .image_box {
    height: 145px;
  }
}

@media screen and (max-width: 568px) {
  div.edit aside section.catalog article ul.article_entry li .image_box {
    height: 68px;
  }
}

div.edit aside section.catalog article ul.article_entry li .image_box img {
  width: 100%;
  height: 90px;
}

@media screen and (max-width: 768px) {
  div.edit aside section.catalog article ul.article_entry li .image_box img {
    height: 145px;
  }
}

@media screen and (max-width: 568px) {
  div.edit aside section.catalog article ul.article_entry li .image_box img {
    height: 68px;
  }
}

div.edit aside section.catalog article ul.article_entry li dl dt {
  width: 30%;
  float: left;
}

@media screen and (max-width: 768px) {
  div.edit aside section.catalog article ul.article_entry li dl dt {
    width: 20%;
  }
}

div.edit aside section.catalog article ul.article_entry li dl dt img {
  border-radius: 3px;
}

div.edit aside section.catalog article ul.article_entry li dl dd {
  width: 70%;
  padding: 0 0 0 5%;
  float: left;
}

@media screen and (max-width: 768px) {
  div.edit aside section.catalog article ul.article_entry li dl dd {
    width: 80%;
  }
}

div.edit aside section.catalog article select.article_archive {
  width: 100%;
}

div.article_head div.thum {
  width: 100%;
  height: auto;
  margin: 30px auto;
  overflow: hidden;
  position: relative;
}

div.article_head div.thum img {
  width: 100%;
  height: auto;
  z-index: 1;
}

div.article_head div.thum div.pop {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #C94447;
  color: #FFF;
  padding: 3% 4%;
  border-radius: 0 0 10px 0;
  letter-spacing: 1px;
  font-weight: bold;
}

@media screen and (max-width: 568px) {
  div.article_head div.thum {
    margin: 20px auto;
  }
}

div.article_head h1 {
  margin: 0 auto 10px auto;
  font-weight: bold;
  font-size: 32px;
  letter-spacing: 0.06em;
  padding-bottom: 5px;
  line-height: 1.5;
  position: relative;
}

@media screen and (max-width: 768px) {
  div.article_head h1 {
    font-size: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.article_head h1 {
    font-size: 16px;
  }
}

div.article_head h1:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: url("../img/common/ptn_dot_b.png");
  background-repeat: repeat-x;
  background-size: auto;
  background-position: left center;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 568px) {
  div.article_head h1 {
    margin: 0 auto;
  }
}

div.article_head ul {
  margin-bottom: 15px;
}

div.article_head ul li {
  display: inline-block;
  margin-bottom: 3px;
  margin-right: 3px;
}

ul.article_cgy li {
  display: inline-block;
  width: auto;
  margin-right: 3px;
}

ul.article_cgy li a {
  border-radius: 5px;
  border: 1px solid #959595;
  display: inline-block;
  width: auto;
  color: #6f6f6f;
  font-size: 14px;
  padding: 2px 10px 0px 25px;
  background-image: url("../img/common/icon/icon_tag_b.png");
  background-size: auto 65%;
  background-position: left 5px center;
}

ul.article_cgy li a:hover {
  opacity: 1;
  background-image: url("../img/common/icon/icon_tag_w.png");
  background-color: #959595;
  color: #fff;
}

@media screen and (max-width: 768px) {
  ul.article_cgy {
    margin-top: 0;
  }

  ul.article_cgy li a {
    font-size: 12px;
    line-height: 1.5;
    padding-right: 8px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 568px) {
  ul.article_cgy {
    margin-bottom: 0;
  }

  ul.article_cgy li a {
    font-size: 9px;
  }
}

ul.article_tag li {
  display: inline-block;
  margin: 0 5px 10px 0;
}

ul.article_tag li a {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 5px;
  /*background-image: url(../img/content/article/article_icon_tag.svg);*/
  background-repeat: no-repeat;
  background-position: 7px center;
  background-size: 12px 12px;
  padding: 5px 5px 5px 25px;
}

ul.article_tag li a:link,
ul.article_tag li a:visited,
ul.article_tag li a:active {
  color: #FFF;
  background-color: #837469;
}

ul.article_tag li a:hover {
  color: #343434;
  text-decoration: none;
  background-color: #CCCCCC;
}

div.article_nav {
  width: 100%;
  height: auto;
  padding: 10px 0;
}

ul.article_transfer {
  width: 100%;
  max-width: 500px;
  margin: auto;
  display: table;
  table-layout: fixed;
  text-align: center;
  padding: 30px 0;
}

ul.article_transfer li {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0;
  font-weight: bold;
  color: #CCCCCC;
}

ul.article_transfer li+li {
  border-left: #CCCCCC 1px solid;
}

ul.article_transfer li a {
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 5px 25px;
}

@media screen and (max-width: 568px) {
  ul.article_transfer li a {
    padding: 5px 15px;
  }
}

ul.article_transfer li:first-child a {
  /*background-image: url(../img/common/arrow/arrow_left_c.svg);*/
  background-position: left center;
}

@media screen and (max-width: 568px) {
  ul.article_transfer li:first-child a {
    background-image: none;
  }
}

ul.article_transfer li:last-child a {
  /*background-image: url(../img/common/arrow/arrow_right_c.svg);*/
  background-position: right center;
}

@media screen and (max-width: 568px) {
  ul.article_transfer li:last-child a {
    background-image: none;
  }
}

ul.pager {
  text-align: center;
  padding: 50px 0;
}

ul.pager li {
  width: 50px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  border-radius: 5px;
  border: 1px solid #837469;
  line-height: 50px;
  font-size: 20px;
  font-weight: 500;
  margin: 0 2px;
  color: #837469;
  font-weight: 500;
}

ul.pager li.active {
  color: #fff;
  background-color: #837469;
}

ul.pager li.points {
  border: none;
  width: 25px;
}

ul.pager li:first-child {
  margin-right: 20px;
}

ul.pager li:last-child {
  margin-left: 20px;
}

ul.pager li a,
ul.pager li a:visited {
  color: #837469;
}

ul.pager li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 50px;
}

@media screen and (max-width: 568px) {
  ul.pager li a {
    padding: 5px;
  }
}

ul.pager li a.prev,
ul.pager li a.next {
  height: 50px;
  background-repeat: no-repeat;
  background-size: 10px 17px;
  background-position: center center;
}

ul.pager li a.prev {
  background-image: url(../img/common/arrow/arrow_pager_left_b.png);
}

ul.pager li a.next {
  background-image: url(../img/common/arrow/arrow_pager_right_b.png);
}

ul.pager li a:hover {
  background-color: #837469;
  color: #fff;
  opacity: 1;
}

ul.pager li a:hover.prev {
  background-image: url(../img/common/arrow/arrow_pager_left_w.png);
}

ul.pager li a:hover.next {
  background-image: url(../img/common/arrow/arrow_pager_right_w.png);
}

@media screen and (max-width: 768px) {
  ul.pager li {
    width: 46px;
    line-height: 46px;
    font-size: 15px;
    margin: 0;
  }

  ul.pager li:first-child {
    margin-right: 5px;
  }

  ul.pager li:last-child {
    margin-left: 5px;
  }

  ul.pager li.points {
    width: 20px;
  }

  ul.pager li a {
    font-size: 15px;
    line-height: 46px;
    padding: 0;
  }

  ul.pager li a.prev,
  ul.pager li a.next {
    height: 46px;
    background-size: 9px 16px;
  }
}

@media screen and (max-width: 568px) {
  ul.pager li {
    width: 37px;
    line-height: 37px;
  }

  ul.pager li.points {
    width: 15px;
  }

  ul.pager li a {
    line-height: 37px;
  }

  ul.pager li a.prev,
  ul.pager li a.next {
    height: 37px;
  }
}

div.editor {
  margin: 50px 0 0 0;
}

@media screen and (max-width: 768px) {
  div.editor {
    margin: 35px 0 0 0;
  }
}

@media screen and (max-width: 568px) {
  div.editor {
    margin: 20px 0 0 0;
  }
}

div.editor h1,
div.editor h2,
div.editor h3,
div.editor h4,
div.editor h5,
div.editor h6 {
  font-weight: bold;
  line-height: 1.5;
}

div.editor h2 {
  margin: 1em 0;
  color: #837469;
  font-size: 21px;
}

@media screen and (max-width: 768px) {
  div.editor h2 {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.editor h2 {
    font-size: 12px;
  }
}

div.editor a:link,
div.editor a:visited,
div.editor a:active {
  text-decoration: underline;
  color: #837469;
}

div.editor a:hover {
  color: #CCCCCC;
}

div.editor p {
  line-height: 1.5;
  margin-bottom: 1.5em;
}

@media screen and (max-width: 568px) {
  div.editor p {
    font-size: 11px;
  }
}

div.editor p br {
  clear: inherit;
}

div.editor br {
  clear: both;
}

div.editor .center {
  text-align: center;
  text-indent: 0;
}

div.editor .left {
  float: left;
  text-indent: 0;
}

div.editor .right {
  float: right;
  text-indent: 0;
}

div.editor strong,
div.editor b {
  font-weight: bold;
}

div.editor em {
  font-style: italic;
}

div.editor blockquote {
  background-color: #e1e1e1;
  padding: 3em 1em;
  position: relative;
  margin-bottom: 15px;
  border-radius: 10px;
}

div.editor blockquote:before {
  content: "“";
  font-size: 400%;
  line-height: 1em;
  color: #FFF;
  position: absolute;
  left: 10px;
  top: 10px;
}

@media screen and (max-width: 768px) {
  div.editor blockquote:before {
    left: 5px;
    top: 5px;
  }
}

div.editor blockquote:after {
  content: "”";
  font-size: 400%;
  line-height: 0em;
  color: #FFF;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

@media screen and (max-width: 768px) {
  div.editor blockquote:after {
    right: 5px;
    bottom: 5px;
  }
}

div.editor img {
  max-width: 100%;
  height: auto !important;
  margin: 3% auto;
}

div.editor .f_left {
  float: left;
}

@media screen and (max-width: 568px) {
  div.editor .f_left {
    float: none;
  }
}

div.editor .f_right {
  float: right;
}

@media screen and (max-width: 568px) {
  div.editor .f_right {
    float: none;
  }
}

div.editor .aligncenter {
  margin: 3% auto;
}

div.editor .alignright {
  float: right;
  margin: 3% 0 3% 3%;
}

@media screen and (max-width: 568px) {
  div.editor .alignright {
    float: none;
    margin: 3% auto;
  }
}

div.editor .alignleft {
  float: left;
  margin: 3% 3% 3% 0;
}

@media screen and (max-width: 568px) {
  div.editor .alignleft {
    float: none;
    margin: 3% auto;
  }
}

div.editor ul,
div.editor ol {
  padding: 10px 0 20px 1.5em;
  font-weight: bold;
}

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

  div.editor ul,
  div.editor ol {
    padding: 10px 0 10px 10px;
  }
}

div.editor li {
  padding: 0 0 5px 0;
  line-height: 1.5em;
  list-style-position: inside;
}

@media screen and (max-width: 568px) {
  div.editor li {
    line-height: 1.7em;
  }
}

div.editor ul li {
  list-style-type: disc;
}

div.editor ol li {
  list-style-type: decimal;
}

.drawer.drawer_open {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.toggle_button {
  display: none;
}

@media screen and (max-width: 768px) {
  .toggle_button {
    position: absolute;
    z-index: 1001;
    top: 7px;
    right: 0;
    display: block;
    box-sizing: content-box;
    /*width:1.8rem;
      padding:15px .45rem 15px;*/
    padding: 8px 8px 3px;
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent;
    text-align: center;
    line-height: 1;
    border-radius: 3px;
    border: 1px solid #333;
  }
}

.toggle_button .bar_cont {
  width: 30px;
  display: inline-block;
}

.toggle_button .bar {
  background-color: #3a2a1a;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  border: 0;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.toggle_button .bar+.bar {
  margin-top: 7px;
}

.toggle_button .middle {
  top: 14px;
}

.toggle_button .bottom {
  top: 25px;
}

.toggle_button p {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #3a2a1a;
}

.toggle_button.toggle_active .top {
  -webkit-transform: translateY(15px) translateX(0) rotate(45deg);
  width: 30px;
}

.toggle_button.toggle_active .middle {
  opacity: 0;
}

.toggle_button.toggle_active .bottom {
  -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg);
  width: 30px;
  margin-left: 0;
}

.drawer_bg {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgba(51, 51, 51, 0.5);
}

@media screen and (max-width: 768px) {
  nav {
    display: none;
    z-index: 1000;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    width: 70%;
    height: 100vh;
    background-color: #fff;
    overflow: scroll;
    padding-bottom: 150px;
  }

  nav.is_open {
    display: block;
    top: 0;
    opacity: 1;
    animation-duration: 0.4s;
    animation-name: fadeInRight;
  }

  nav.is_close {
    animation-duration: 0.4s;
    animation-name: fadeOutRight;
  }
}

/**
 * drawer animation
 */
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeOutScale {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0.9);
  }
}

/* Slider */
.slider {
  display: none;
}

.slider.slick-initialized {
  display: block;
}

.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;
}

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

.slick-list:focus {
  outline: none;
}

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

.slick-slider .slick-track,
.slick-slider .slick-list {
  -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);
}

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

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

.slick-track:after {
  clear: both;
}

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

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

/* Slider */
.slick-loading .slick-list {
  background: #fff url(../img/common/arrow/ajax-loader.gif) center center no-repeat;
}

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

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

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

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

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.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: "←";
}

/* Dots */
.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: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

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

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

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel {
  width: 100%;
  display: none;
  position: relative;
  -ms-touch-action: pan-y;
  padding: 0 0 30px 0;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-theme .owl-controls {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 10px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #CCCCCC;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
  background: #837469;
}

@media only screen and (max-width: 1000px) {
  .owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    margin: 0 5px;
  }
}

@media screen and (max-width: 568px) {
  .owl-theme .owl-controls .owl-page span {
    margin: 0 5px;
  }
}

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}

@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}

@keyframes empty {
  0% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}

@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px);
  }

  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
}

@-webkit-keyframes backSlideIn {

  0%,
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}

@-moz-keyframes backSlideIn {

  0%,
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}

@keyframes backSlideIn {

  0%,
  25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: .5;
    transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}

@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  padding: 35px;
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Keyframes
   ========================================================================== */
@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);
    opacity: 0;
  }

  to {
    transform: none;
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);
    opacity: 1;
  }

  to {
    transform: scale(0.95);
    opacity: 0;
    filter: blur(0);
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 900px;
  }
}

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

/***0325追記***/
small {
  font-weight: 400;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  small {
    font-size: 8px;
  }
}

div.about section.about_service div.service_list ul li div.icon_btn.online_consul span {
  text-align: center;
}

/***0325追記ここまで***/
/***0327追記ここから***/
.frame__info .tell_fax h3 {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.frame__info .tell_fax h3 span {
  padding: 5px 3px;
  border-radius: 6px;
  display: inline-block;
  border: 1px solid #837469;
}

.frame__info .tell_fax h3 a {
  color: #343434;
  font-size: 26px;
  padding-left: 60px;
  background-size: auto 30%;
  background-position: center left 20px;
  background-repeat: no-repeat;
  background-image: url(../img/common/icon/icon_tel.png);
  pointer-events: none;
  padding: 20px 0 20px 55px !important;
}

nav.nav_sp ul&gt;li.tel_menu a strong {
  padding-top: 8px;
  font-size: 28px;
}

nav.nav_sp ul&gt;li.tel_menu a {
  background-size: 42px;
  background-position: 10% 65%;
}

div.front div.top_view .top_view_inner {
  padding: 15px 35px 35px;
}

div.front div.top_view .top_view_inner .main_copy h2 strong {
  font-size: 36px;
}

@media screen and (max-width: 414px) {
  div.front div.top_view .top_view_inner .main_copy h2 strong {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  div.front div.top_view .top_view_inner {
    height: 66vw;
    padding: 8vw 0;
  }
}

/***0327追記ここまで***/
/***0328追記 診断結果のボタンのリンクエリアを調整***/
.shindan_result #yesno_wrap #choices li:first-child button,
.shindan_result #yesno_wrap #choices li:nth-child(2) button {
  padding: 0px;
}

.shindan_result #yesno_wrap #choices li:first-child button a,
.shindan_result #yesno_wrap #choices li:nth-child(2) button a {
  display: inline-block;
  width: 100%;
  padding: 14px 10px;
}

.shindan_result #yesno_wrap #choices li:first-child button a:hover,
.shindan_result #yesno_wrap #choices li:nth-child(2) button a:hover {
  color: #fff;
}

@media screen and (max-width: 568px) {
  .shindan_result #yesno_wrap #choices li {
    width: 90%;
  }

  .shindan_result #yesno_wrap #choices li:first-child button a,
  .shindan_result #yesno_wrap #choices li:nth-child(2) button a {
    display: inline-block;
    padding: 18px 40px;
  }
}

/***二子玉川サテライトオフィス、鷺沼レンタルスペースのレイアウト調整***/
@media screen and (min-width: 769px) {
  div.shop section.shop_concierge ul.four_to_one.two_to_one li {
    width: 50%;
    padding: 1%;
  }
}

/***SPフォントサイズ調整***/
@media screen and (max-width: 568px) {
  ul.top_event_list li div.post_info div.date_cont span {
    font-size: 13px;
  }

  ul.top_event_list li a.post_title {
    font-size: 14px;
  }

  ul.news_list li div.post_info div.date_cont span {
    font-size: 13px;
  }

  ul.news_list li a.post_title {
    font-size: 14px;
  }

  ul.news_list li div.post_info div.date_cont {
    width: 90px;
  }

  ul.news_list li div.post_info div.new_cont span {
    font-size: 13px;
  }

  ul.point_list div.text_cont h4,
  ul.point_list div.text_cont h3 {
    font-size: 15px;
    line-height: 1.5;
  }

  .about ul.point_list div.text_cont h4 {
    font-size: 3.8vw;
    line-height: 1.5;
  }

  .dis-sp {
    display: none;
  }

  ul.voice_list&gt;li p.customer_info {
    font-size: 13px;
  }

  ul.voice_list&gt;li h4.title a,
  ul.voice_list&gt;li h3.title a {
    font-size: 15px;
    line-height: 1.5;
  }

  ul.staff_list li .text_cont h4,
  ul.staff_list li .text_cont h3 {
    padding-bottom: 12px;
  }

  .text_14,
  div.event section.event_article article div.editor .wp-caption-text,
  div.event section.event_article article div.editor .wp-caption-text {
    font-size: 13px;
  }

  .text_16,
  .arrow_link,
  div.news section.news_article article div.editor a,
  div.column section.column_article article div.editor a,
  div.event section.event_article article div.editor a,
  ul.point_list div.text_cont p,
  div.article_head ul li,
  div.editor p,
  .arrow_link,
  div.news section.news_article article div.editor a,
  div.column section.column_article article div.editor a,
  div.event section.event_article article div.editor a,
  div.news section.news_article article div.editor a,
  div.column section.column_article article div.editor a,
  div.event section.event_article article div.editor a,
  ul.point_list div.text_cont p,
  div.article_head ul li,
  div.editor p {
    font-size: 14px;
  }

  ul.point_list div.text_cont p {
    font-size: 2.95vw;
  }

  ul.column_list&gt;li .body_cont .author .portrait_cont {
    width: 30px;
    height: 30px;
  }

  ul.column_list&gt;li .body_cont .author p {
    font-size: 14px;
  }

  div.icon_btn.relocation_sp span,
  li.icon_btn.relocation_sp span {
    font-size: 14px;
  }
}

/***SPフォントサイズ調整***/
/***0328追記ここまで***/
/******0401追記******/
div.inquiry section.front_box .inquiry_cont .cont .content_cont .arrow_btn a {
  cursor: pointer;
}

@media screen and (max-width: 568px) {
  div.editor p {
    font-size: 15px;
  }

  div.editor h2 {
    font-size: 16px;
  }
}

/***0401追記ここまで***/
/***0409二子玉川店修正***/
.shop_concierge .subtitle {
  color: #837469;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
}

/***0409二子玉川店修正ここまで***/
div.front div.top_view .top_view_inner .main_copy h1 {
  font-weight: 500;
  color: #3a2a19;
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

div.front div.top_view .top_view_inner .main_copy h1 span {
  color: #312010;
  font-weight: bold;
  font-size: 32px;
  line-height: 2.5;
  font-family: "Hannari", serif;
}

@media screen and (max-width: 768px) {
  div.front div.top_view .top_view_inner .main_copy h1 span {
    font-size: 14px;
  }

  div.front div.top_view .top_view_inner .main_copy h1 {
    font-size: 12px;
  }
}

@media screen and (max-width: 360px) {
  div.front div.top_view .top_view_inner .main_copy h1 {
    font-size: 11px;
  }

  div.front div.top_view .top_view_inner .main_copy h1 span {
    font-size: 11px;
  }

}

/***0419イベント詳細ステータスcss***/
div.event section.event_article article div.article_head ul.article_stt li {
  padding: 7px 10px 5px;
  background-image: inherit;
  min-width: 140px;
  text-align: center;
  font-size: 16px;
}

div.event section.event_article article div.article_head ul.article_stt li.accepting {
  border-radius: 5px;
  border: 1px solid #df3012;
  display: inline-block;
  width: auto;
  color: #df3012;
  background: #fff3f1;
}

div.event section.event_article article div.article_head ul.article_stt li.few {
  border-radius: 5px;
  border: 1px solid #eab910;
  display: inline-block;
  width: auto;
  color: #eab910;
  background: #fffaf1;
}

div.event section.event_article article div.article_head ul.article_stt li.free {
  border-radius: 5px;
  border: 1px solid #908277;
  display: inline-block;
  width: auto;
  color: #908277;
  background: #f8f5f3;
}

div.event section.event_article article div.article_head ul.article_stt li.additional {
  border-radius: 5px;
  border: 1px solid #29c3c5;
  display: inline-block;
  width: auto;
  color: #29c3c5;
  background: #e6f9fc;
}

div.event section.event_article article div.article_head ul.article_stt li.upcoming {
  border-radius: 5px;
  border: 1px solid #84cb5d;
  display: inline-block;
  width: auto;
  color: #84cb5d;
  background: #effae1;
}

div.event section.event_article article div.article_head ul.article_stt li.closed {
  border-radius: 5px;
  border: 1px solid #908277;
  display: inline-block;
  width: auto;
  color: #908277;
  background: #fff;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article div.article_head ul.article_stt li {
    font-size: 12px;
    padding: 4px 10px 3px;
    min-width: 100px;
  }

}

/***0419イベント詳細ステータスcss***/
/***0419イベント詳細　リンクなし予約ボタン追加***/
div.icon_btn.border-brown_btn span {
  background-color: #ebe8e4;
  color: #908277;
  text-align: center;
  padding: 10px;
  border-color: #837469;
  border-radius: 10px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  div.icon_btn.border-brown_btn span {
    min-width: 270px;
  }
}

/***0419イベント詳細　リンクなし予約ボタン追加***/

/***2020/04/13 イベント詳細 予約するボタン***/
div.event_info.skin-reserved {
  background: none;
  width: 50%;
  margin-bottom: 50px !important;
}

div.event_info.skin-reserved .cont.bg_dot_pattern_clear {
  background: none !important;
  border: none !important;
  width: 50%;
  padding: 0;
  margin-top: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0 !important;
  margin-left: auto !important;
}

div.event_info.skin-reserved div.cont div.icon_btn a {
  display: block;
}

div.event_info.skin-reserved div.cont div.icon_btn a[target="_blank"]:before {
  display: none;
}

div.event_info.skin-reserved div.cont div.icon_btn a:after {
  display: none;
}

@media screen and (max-width: 768px) {
  div.event_info.skin-reserved .cont.bg_dot_pattern_clear {
    width: 100%;
    padding: 0;
  }
}

/***2020/04/13 イベント詳細 予約するボタン***/

/*********空き家ページ　東京都のテキスト追加*********/
div.ttl_content .box_tokyo {
  color: #fff;
  margin-top: 20px;
  border-radius: 10px;
  padding: 20px;
  border: 2px solid #fff;
  background: #efefef;
}

div.ttl_content .box_tokyo p {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.3;
  color: #3a2a1a;
}

div.ttl_content .box_tokyo ul {
  display: flex;
  flex-wrap: wrap;
}

div.ttl_content .box_tokyo ul li {
  line-height: 1;
  padding-top: 8px;
}

div.ttl_content .box_tokyo ul li span {
  font-size: 11px;
  line-height: 1.2rem;
  color: #333333;
}

div.ttl_content .box_tokyo ul li img {
  width: 200px;
  padding: 1px 0 0 20px;
}

@media screen and (max-width: 768px) {
  div.ttl_content .box_tokyo {
    width: 80%;
    margin-left: 20%;
    padding: 10px;
  }

  div.ttl_content .box_tokyo p {
    font-size: 11px;
    text-align: center;
    line-height: 1.5;
  }

  div.ttl_content .box_tokyo ul li {
    margin: 0 auto;
  }

  div.ttl_content .box_tokyo ul li span {
    text-align: center;
    display: inherit;
    line-height: 1.5;
  }

  div.ttl_content .box_tokyo ul li img {
    width: 180px;
    padding: 4px 0;
    margin: 0 auto;
  }
}


@media screen and (max-width: 360px) {
  div.ttl_content .box_tokyo {
    padding: 10px 4px;
  }

  div.ttl_content .box_tokyo p {
    font-size: 10px;
  }

  div.ttl_content .box_tokyo ul li span {
    font-size: 9px;
  }

  div.anchor_btn a {
    padding: 8px 17px;
  }
}

/*********空き家ページ　東京都のテキスト追加*********/

/*********空き家ページ　テキスト回り込み制御*********/
div.empty section.empty_case ul.case div.cont h4.ttl_case {
  display: flex;
  flex-wrap: wrap;
}

div.empty section.empty_case ul.case div.cont h4.ttl_case .empty_case_ttl {
  color: #837469;
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
  div.empty section.empty_case ul.case div.cont h4.ttl_case .empty_case_ttl {
    font-size: 16px;
    width: 73%;
    margin-top: 0px;
  }

  div.empty section.empty_case ul.case div.cont h4.ttl_case span {
    height: 40px;
    margin-top: 8px;
  }
}

/*********空き家ページ　テキスト回り込み制御*********/

/*********header文字調整*********/
@media screen and (min-width: 361px) {
  .hide_se {
    display: block !important;
  }

  .hide_pc-sp {
    display: none !important;
  }
}

@media screen and (max-width: 360px) {
  .hide_se {
    display: none !important;
  }

  .hide_pc-sp {
    display: block !important;
  }

  header div.cv div.icon_btn a {
    padding-right: 10px;
    padding-left: 10px;
  }
}

/*********header文字調整*********/

/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 追加 2019.09.09　土地　リンクボタン追加 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.land_btn.land_btn_s {
  font-weight: bold;
  text-align: center;
  width: 220px;
  border: 2px solid #837469;
  box-shadow: 0px 3px 0px 0px #837469;
  border-radius: 5px;
  margin-top: 30px;
}

.land_btn.land_btn_s a {
  padding: 10px 8px;
  width: 100%;
  min-width: inherit;
  display: block;
}

.land_btn.land_btn_s a span {
  color: #837469;
  padding-left: 18px;
  background-image: url(../img/common/icon/btn_arrow_g.svg);
  background-size: 14px;
  text-align: left;
  background-position: left center;
}

.land_btn.land_btn_s:hover {
  background-color: #837469;
  color: #fff;
  transition: 0.3s;
}

.land_btn.land_btn_s a:hover {
  color: #fff;
  display: block;
  transition: 0.3s;
}

.land_btn.land_btn_s a span:hover {
  color: #fff;
  background-image: url(../img/common/icon/btn_arrow_w.svg);
  background-size: 14px;
  text-align: left;
  background-position: left center;
  transition: 0.3s;
}

@media screen and (max-width: 768px) {
  .land_btn.land_btn_s {
    width: 150px;
    margin-top: 15px;
  }

  .land_btn.land_btn_s a {
    padding: 6px 8px;
    margin-right: 0px;
  }

  .land_btn.land_btn_s a span {
    font-size: 13px;
  }
}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 追加 2019.09.09　土地　リンクボタン追加 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */

/*******コラム この記事を書いた店舗*******/
div.column section.column_article article div.author_info div.image_cont {
  border-radius: 10px;
  overflow: hidden;
  width: 290px;
  height: 310px;
  margin-right: 40px;
}

div.column section.column_article article div.author_info div.image_cont a img {
  height: 310px;
}

div.column section.column_article article div.author_info div.text_cont ul.column_store_tell {
  padding: 10px 0 20px;
}

div.column section.column_article article div.author_info div.text_cont ul.column_store_tell li {
  width: 160px;
}

div.column section.column_article article div.author_info div.text_cont ul li.tell,
div.column section.column_article article div.author_info div.text_cont ul li.fax {
  list-style: none;
  float: left;
}

div.column section.column_article article div.author_info div.text_cont ul:after {
  content: "";
  display: block;
  clear: both;
}

div.column section.column_article article div.author_info div.text_cont ul li {
  width: 44%;
  max-width: 251px;
  float: left;
}

div.column section.column_article article div.author_info div.text_cont li.free_tell {
  width: 50%;
  min-width: 251px;
  padding-top: 5px;
  padding-bottom: 0;
  text-align: center;
  font-weight: normal;
  border: 1px solid #555555;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-right: 20px;
}

div.column section.column_article article div.author_info div.text_cont li.free_tell a {
  color: #343434;
}

div.column section.column_article article div.author_info div.text_cont li.free_tell strong {
  margin-top: -5px;
  font-weight: bold;
  display: block;
  vertical-align: middle;
  font-size: 24px;
}

div.column section.column_article article div.author_info div.text_cont li.free_tell strong:before {
  content: "";
  background: url(../img/common/icon/icon_tel.png) no-repeat;
  background-size: 28px auto;
  width: 28px;
  height: 28px;
  display: inline-block;
  padding-right: 5px;
  position: relative;
  top: 5px;
}

div.column section.column_article article div.author_info div.text_cont li.shop_consul a {
  min-width: 251px;
  padding: 14px 20px;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_info div.image_cont {
    width: 35vw;
    margin-right: 20px;
    height: 150px;
  }

  div.column section.column_article article div.author_info div.image_cont a img {
    height: 150px;
  }

  div.column section.column_article article div.author_info div.text_cont {
    width: 55vw;
  }
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_info {
    display: block;
  }

  div.column section.column_article article div.author_info div.image_cont {
    width: 35vw;
    float: left;
  }

  div.column section.column_article article div.author_info div.text_cont {
    width: 54vw;
    float: left;
  }

  div.column section.column_article article div.author_info div.sp_column_store_contact {
    margin-top: 170px;
  }

  div.column section.column_article article div.author_info ul.column_store_contact li.free_tell {
    width: 45%;
    float: left;
    margin-right: 2%;
    margin-left: 0;
    background: #fff;
    border: 1px solid #555555;
    box-shadow: 0px 3px 0px 0px #555555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 0;
  }

  div.column section.column_article article div.author_info ul.column_store_contact li.free_tell a {
    padding: 7px;
    display: block;
    text-align: center;
  }

  div.column section.column_article article div.author_info ul.column_store_contact li.free_tell a strong {
    margin-top: -5px;
    font-size: 15px;
    font-weight: bold;
    display: block;
    vertical-align: middle;
  }

  div.column section.column_article article div.author_info ul.column_store_contact li.free_tell a strong:before {
    content: "";
    background: url(../img/common/icon/icon_tel.png) no-repeat;
    background-size: 14px auto;
    width: 14px;
    height: 14px;
    display: inline-block;
    padding-right: 5px;
    position: relative;
    top: 2px;
  }

  div.column section.column_article article div.author_info ul.column_store_contact li.shop_consul {
    float: left;
    width: 40%;
  }

  div.column section.column_article article div.author_info ul.column_store_contact li.shop_consul a {
    padding: 18px 10px;
  }

  div.column section.column_article article div.author_info ul.column_store_contact:aftre {
    content: "";
    display: block;
    clear: both;
  }

  div.column section.column_article article div.author_info {
    padding: 70px 2.5vw 70px;
  }
}

/*******コラム この記事を書いた店舗*******/
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 追加 2019.8 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.only_ssp {
  display: none;
}

@media screen and (max-width: 414px) {
  .only_ssp {
    display: inherit;
  }
}

@media screen and (max-width: 1220px) {
  .hide_lpc {
    display: none;
  }
}

div.empty h2.ttl_cat.ttl_cat_brown span:before {
  background-image: url("../img/content/empty/pawprint_left_brown.svg");
}

div.empty h2.ttl_cat.ttl_cat_brown span:after {
  background-image: url("../img/content/empty/pawprint_right_brown.svg");
}

div.empty section.empty_top div.arrow_btn.arrow_btn_ss a {
  min-width: 260px;
  padding: 10px 20px 9px;
  border-color: #837469;
  box-shadow: 0px 5px 0px 0px #837469;
}

div.empty section.empty_top div.arrow_btn.arrow_btn_ss a:hover {
  background-color: #837469;
  color: #fff;
}

div.empty section.empty_top div.arrow_btn.arrow_btn_ss span {
  font-size: 18px;
  color: #837469;
  background-image: url(../img/common/icon/btn_arrow_g.svg);
}

@media screen and (max-width: 768px) {
  div.empty section.empty_top div.arrow_btn.arrow_btn_ss a {
    min-width: inherit;
    max-width: 300px;
    width: 100%;
  }

  div.empty section.empty_top div.arrow_btn.arrow_btn_ss span {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.empty section.empty_top div.arrow_btn.arrow_btn_ss a {
    max-width: 250px;
    padding: 8px 15px 7px;
  }

  div.empty section.empty_top div.arrow_btn.arrow_btn_ss span {
    font-size: 12px;
  }
}

@media screen and (max-width: 414px) {
  div.empty section.empty_top div.arrow_btn.arrow_btn_ss a {
    padding-right: 5px;
    padding-left: 5px;
  }

  div.empty section.empty_top div.arrow_btn.arrow_btn_ss span {
    font-size: 10px;
  }
}

div.empty section.empty_flow {
  overflow-x: hidden;
}

div.empty_lower main {
  background-image: url(../img/content/empty/bg_empty_lower.png);
  background-size: 1560px auto;
  background-position: top 300px center;
}

@media screen and (max-width: 768px) {
  div.empty_lower main {
    background-position: top 180px center;
    background-size: 200%;
  }
}

@media screen and (max-width: 414px) {
  div.empty_lower main {
    background-size: 400%;
  }
}

div.empty_lower h2.ttl_cat {
  margin-bottom: 20px;
}

div.empty_lower h2.ttl_cat span {
  font-size: 32px;
}

div.empty_lower h2.ttl_cat span:before,
div.empty_lower h2.ttl_cat span:after {
  background-size: contain;
}

@media screen and (max-width: 768px) {
  div.empty_lower h2.ttl_cat span {
    font-size: 24px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower h2.ttl_cat span {
    font-size: 18px;
  }
}

div.empty_lower section.empty_points {
  padding-bottom: 70px;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_points {
    padding-bottom: 40px;
  }
}

div.empty_lower section.empty_points div.points {
  padding: 13px;
  background-image: url("../img/content/_temp/message_box_bg.gif");
  background-repeat: repeat;
}

div.empty_lower section.empty_points div.points div.content {
  width: 100%;
  height: auto;
  padding: 40px 30px;
  background-color: #FFF;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_points div.points div.content {
    padding: 30px 20px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower section.empty_points div.points div.content {
    padding: 15px 10px;
  }
}

div.empty_lower section.empty_points div.points div.point_box {
  padding-left: 155px;
  background-size: 100px 100px;
  background-position: left top;
}

div.empty_lower section.empty_points div.points div.point_box.point_box_01 {
  background-image: url(../img/content/_temp/article_illust_point01.png);
}

div.empty_lower section.empty_points div.points div.point_box.point_box_02 {
  background-image: url(../img/content/_temp/article_illust_point02.png);
}

div.empty_lower section.empty_points div.points div.point_box.point_box_03 {
  background-image: url(../img/content/_temp/article_illust_point03.png);
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_points div.points div.point_box {
    padding: 0 0 60px 0;
    background-size: 50px 50px;
    background-position: right 20px bottom;
  }
}

div.empty_lower section.empty_points div.points div.point_box .baloon {
  background-color: #F8F5F3;
  border: 2px solid #F2EFED;
  border-radius: 10px;
  padding: 15px 30px 20px;
  position: relative;
}

div.empty_lower section.empty_points div.points div.point_box .baloon:before {
  content: "";
  display: block;
  width: 20px;
  height: 31px;
  background-image: url("../img/content/empty/ballon_pc.png");
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  right: 100%;
  top: 30px;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_points div.points div.point_box .baloon {
    padding: 20px;
  }

  div.empty_lower section.empty_points div.points div.point_box .baloon:before {
    width: 20px;
    height: 10px;
    background-image: url("../img/content/empty/ballon_sp.png");
    right: 60px;
    top: 100%;
  }
}

div.empty_lower section.empty_points div.points div.point_box .baloon h3 {
  color: #837469;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_points div.points div.point_box .baloon h3 {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower section.empty_points div.points div.point_box .baloon h3 {
    font-size: 13px;
  }
}

div.empty_lower section.empty_points div.points div.point_box .baloon p {
  font-size: 18px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_points div.points div.point_box .baloon p {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower section.empty_points div.points div.point_box .baloon p {
    font-size: 14px;
  }
}

div.empty_lower section.empty_points div.points div.point_box+div.point_box {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_points div.points div.point_box+div.point_box {
    margin-top: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower section.empty_points div.points div.point_box+div.point_box {
    margin-top: 10px;
  }
}

div.empty_lower section.content_nav_area article div.content_nav_temp ul {
  margin: 0;
  padding: 20px 10px;
}

div.empty_lower section.content_nav_area article div.content_nav_temp ul li {
  padding: 0 18px;
  width: 25%;
}

div.empty_lower section.content_nav_area article div.content_nav_temp ul li a {
  padding: 20px 10px;
}

div.empty_lower section.content_nav_area article div.content_nav_temp ul li a span {
  font-size: 20px;
  background-size: 17px 17px;
  padding-left: 35px;
}

@media screen and (max-width: 1300px) {
  div.empty_lower section.content_nav_area article div.content_nav_temp ul li {
    padding: 0 15px;
  }

  div.empty_lower section.content_nav_area article div.content_nav_temp ul li a span {
    font-size: 16px;
    padding-left: 25px;
  }
}

@media screen and (max-width: 768px) {
  div.empty_lower section.content_nav_area article div.content_nav_temp ul {
    padding: 0;
    margin: 0 -5px;
  }

  div.empty_lower section.content_nav_area article div.content_nav_temp ul li {
    padding: 5px;
    width: 33.33%;
  }

  div.empty_lower section.content_nav_area article div.content_nav_temp ul li a {
    padding: 10px 5px;
  }

  div.empty_lower section.content_nav_area article div.content_nav_temp ul li a span {
    font-size: 15px;
    background-size: 12px 12px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower section.content_nav_area article div.content_nav_temp ul li a {
    padding: 10px 2px;
  }

  div.empty_lower section.content_nav_area article div.content_nav_temp ul li a span {
    font-size: 11px;
    background-size: 7px 7px;
    padding-left: 15px;
  }
}

@media screen and (max-width: 374px) {
  div.empty_lower section.content_nav_area article div.content_nav_temp ul li a span {
    font-size: 9px;
    padding-left: 10px;
  }
}

div.empty_lower section.empty_case {
  background-color: #F7F6F4;
  overflow-x: hidden;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case {
    padding-top: 30px;
  }
}

div.empty_lower section.empty_case article .case_cont {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

div.empty_lower section.empty_case article .case_cont .case_box {
  padding: 40px 50px;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case article .case_cont .case_box {
    padding: 30px 20px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower section.empty_case article .case_cont .case_box {
    padding: 20px 15px;
  }
}

div.empty_lower section.empty_case article .case_cont .case_box dl {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}

div.empty_lower section.empty_case article .case_cont .case_box dl dt {
  color: #837469;
  border: 1px solid #837469;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  padding: 10px 25px;
  border-radius: 4px;
  display: inline-block;
  width: auto;
  margin-right: 20px;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case article .case_cont .case_box dl dt {
    font-size: 18px;
    padding: 7px 20px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower section.empty_case article .case_cont .case_box dl dt {
    font-size: 15px;
    padding: 7px 20px;
  }
}

div.empty_lower section.empty_case article .case_cont .case_box dl dd h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case article .case_cont .case_box dl dd h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower section.empty_case article .case_cont .case_box dl dd h3 {
    font-size: 15px;
  }
}

div.empty_lower section.empty_case article .case_cont .case_box .bg_content {
  background-color: #F7F6F4;
  padding: 10px;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case article .case_cont .case_box .bg_content {
    margin-top: 15px;
  }
}

div.empty_lower section.empty_case article .case_cont .case_box .bg_content .content {
  background-color: #fff;
  padding: 20px 30px 20px 160px;
  background-size: 100px 100px;
  background-position: left 30px top 20px;
}

div.empty_lower section.empty_case article .case_cont .case_box .bg_content .content.content_01 {
  background-image: url(../img/content/_temp/article_illust_point01.png);
}

div.empty_lower section.empty_case article .case_cont .case_box .bg_content .content.content_02 {
  background-image: url(../img/content/_temp/article_illust_point05_01.png);
}

div.empty_lower section.empty_case article .case_cont .case_box .bg_content .content.content_03 {
  background-image: url(../img/content/_temp/article_illust_point03.png);
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case article .case_cont .case_box .bg_content .content {
    padding: 20px 10px 60px 10px;
    background-size: 50px 50px;
    background-position: right 10px bottom 5px;
  }
}

div.empty_lower section.empty_case article .case_cont .case_box p {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case article .case_cont .case_box p {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower section.empty_case article .case_cont .case_box p {
    font-size: 14px;
  }
}

div.empty_lower section.empty_case article .case_cont .case_box p+p {
  margin-top: 10px;
}

div.empty_lower section.empty_case article .case_cont .case_box+.case_box {
  margin-top: 30px;
}

div.empty_lower section.empty_case article .case_cont .case_box.case_box_01:before {
  content: "";
  display: block;
  width: 480px;
  height: 420px;
  background-image: url(../img/content/empty/bg_empty_case_01.png);
  background-size: 100% auto;
  background-position: center;
  position: absolute;
  top: 200px;
  right: -360px;
  z-index: -1;
}

@media screen and (max-width: 1220px) {
  div.empty_lower section.empty_case article .case_cont .case_box.case_box_01:before {
    top: inherit;
    right: -100px;
    bottom: -250px;
  }
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case article .case_cont .case_box.case_box_01:before {
    width: 200px;
    height: 175px;
    right: -50px;
    bottom: -115px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower section.empty_case article .case_cont .case_box.case_box_01:before {
    width: 150px;
    height: 130px;
    top: inherit;
    right: -40px;
    bottom: -85px;
  }
}

div.empty_lower section.empty_case article .case_cont .case_box.case_box_01:after {
  content: "";
  display: block;
  width: 216px;
  height: 164px;
  background-image: url(../img/content/empty/cat_content_01.png);
  background-size: 100% auto;
  background-position: center;
  position: absolute;
  top: -50px;
  right: -110px;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case article .case_cont .case_box.case_box_01:after {
    display: none;
  }
}

div.empty_lower section.empty_case article .case_cont .case_box.case_box_02:after {
  content: "";
  display: block;
  width: 210px;
  height: 200px;
  background-image: url(../img/content/empty/cat_content_02.png);
  background-size: 100% auto;
  background-position: center;
  position: absolute;
  bottom: 40px;
  left: -170px;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case article .case_cont .case_box.case_box_02:after {
    display: none;
  }
}

div.empty_lower section.empty_case article .case_cont .case_box.case_box_03:before {
  content: "";
  display: block;
  width: 390px;
  height: 390px;
  background-image: url(../img/content/empty/bg_empty_case_02.png);
  background-size: 100% auto;
  background-position: center;
  position: absolute;
  top: 100px;
  left: -340px;
  z-index: -1;
}

@media screen and (max-width: 1220px) {
  div.empty_lower section.empty_case article .case_cont .case_box.case_box_03:before {
    left: -45px;
    top: -280px;
  }
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case article .case_cont .case_box.case_box_03:before {
    width: 200px;
    height: 200px;
    left: -20px;
    top: -150px;
  }
}

@media screen and (max-width: 568px) {
  div.empty_lower section.empty_case article .case_cont .case_box.case_box_03:before {
    width: 100px;
    height: 100px;
    left: -13px;
    top: -80px;
  }
}

div.empty_lower section.empty_case article .case_cont .case_box.case_box_03:after {
  content: "";
  display: block;
  width: 192px;
  height: 248px;
  background-image: url(../img/content/empty/cat_content_03.png);
  background-size: 100% auto;
  background-position: center;
  position: absolute;
  bottom: 30px;
  right: -160px;
}

@media screen and (max-width: 768px) {
  div.empty_lower section.empty_case article .case_cont .case_box.case_box_03:after {
    display: none;
  }
}

section.store_list article .store_list_box {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

section.store_list article .store_list_box h3 {
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box h3 {
    font-size: 24px;
  }
}

@media screen and (max-width: 568px) {
  section.store_list article .store_list_box h3 {
    font-size: 22px;
  }
}







section.store_list article .store_list_box h3 span {
  display: block;
  width: 66%;
  margin-left: auto;
  text-align: left;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box h3 span {
    width: 100%;
    text-align: center;
  }
}










section.store_list article .store_list_box .store_img {
  width: 31%;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_img {
    max-width: 100%;
    width: 100%;
  }
}

section.store_list article .store_list_box .store_text {
  width: 66%;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text {
    width: 100%;
  }
}

div.shop.shop_satellite section.shop_top article {
  padding-bottom: 0;
  margin-bottom: 0;
}

div.shop.shop_satellite section.access h2.icon_ttl span {
  padding-left: 60px;
  background-image: url(../img/common/icon/icon_shop_b.svg);
  background-size: 45px auto;
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  div.shop.shop_satellite section.access h2.icon_ttl span {
    background-size: 30px auto;
    padding-left: 40px;
  }
}

div.consultation div.column_1 div.column_wrapper div.message_box .message_inner01 h3 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}

div.consultation div.column_1 div.column_wrapper div.message_box .message_inner01 h3 span {
  white-space: nowrap;
  display: inline-block;
  margin-top: -7px;
}

@media screen and (max-width: 768px) {
  div.consultation div.column_1 div.column_wrapper div.message_box .message_inner01 h3 span {
    margin-top: -3px;
  }
}

div.consultation section.content_nav_area_top article {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  div.consultation section.content_nav_area_top {
    padding-bottom: 0;
  }
}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 追加 2019.8 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 追加 2019.09.05　店舗PDFレイアウト修正 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
@media screen and (min-width: 769px) {
  div.shop section.access div.pdf_map .pdf_satelite {
    width: 40%;
    max-width: 460px;
  }

  div.shop section.access div.pdf_map .map_satelite {
    width: 57%;
    max-width: 740px;
    max-height: 362px;
  }
}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 追加 2019.09.05　店舗PDFレイアウト修正 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */

.link_10th {
  width: 100%;
  display: block;
  height: 720px;
  position: absolute;
  top: 0;
  z-index: 10;
}

div.front div.top_view .top_view_inner .webcheck_intro,
div.front div.top_view .top_view_inner .webcheck_intro {
  z-index: 11;
}

@media screen and (max-width: 568px) {
  .link_10th {
    height: 320px;
  }

}


/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 追加 2019.9（修正 2019.10.10） ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/*** START    追従バナー（チャット）の追加 ***/
div.btn_chat_open {
  position: fixed;
  right: 0;
  bottom: 100px;
  width: 90px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity ease 0.4s;
  transition: opacity ease 0.4s;
}

div.btn_chat_open img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  div.btn_chat_open {
    bottom: 80px;
    width: 60px;
  }
}

@media screen and (max-width: 568px) {
  div.btn_chat_open {
    width: 45px;
  }
}

div.btn_chat_open.btn_negative {
  opacity: 0;
}

div.chat_content {
  -webkit-transition: all ease 0.8s;
  transition: all ease 0.8s;
  opacity: 0;
  -moz-transform: translate(0, 100px);
  -ms-transform: translate(0, 100px);
  -webkit-transform: translate(0, 100px);
  transform: translate(0, 100px);
  position: fixed;
  bottom: 0;
  right: 0;
  border-radius: 12px 0 0 12px;
  background-color: #F7F6EF;
  overflow: hidden;
  z-index: 100;
  width: 360px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}

div.chat_content.bnr_open {
  opacity: 1;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media screen and (max-width: 768px) {
  div.chat_content {
    border-radius: 12px 12px 0 0;
    border-top: 2px solid #b8afa6;
    border-right: 2px solid #b8afa6;
    border-left: 2px solid #b8afa6;
    width: 100%;
  }
}

div.chat_content .chat_top_ttl {
  background-color: #EBE8E4;
  position: relative;
  padding: 15px;
}

div.chat_content .chat_top_ttl h2 {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #837469;
}

div.chat_content .chat_top_ttl div.btn_close {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  background-image: url(../img/common/btn_chat_close.png);
  background-size: 12px auto;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_top_ttl div.btn_close {
    background-size: 10px auto;
  }
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_top_ttl {
    background-color: inherit;
    padding: 15px 10px 5px;
  }
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_top_ttl {
    padding-top: 10px;
  }

  div.chat_content .chat_top_ttl h2 {
    font-size: 10px;
  }
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_top_ttl h2 {
    font-size: 10px;
  }
}

div.chat_content .chat_body {
  padding: 15px 15px 20px 20px;
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_body {
    padding: 15px 2.5% 2.5%;
  }
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_body {
    padding-top: 5px;
  }
}

div.chat_content .chat_body .body_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.chat_content .chat_body .body_inner .body_bnr {
  width: 100%;
}

div.chat_content .chat_body .body_inner .body_bnr a {
  display: block;
}

div.chat_content .chat_body .body_inner .body_cont {
  width: 100%;
  margin-top: 20px;
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_ttl {
  background-color: #EBE8E4;
  padding: 8px;
  position: relative;
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_ttl h3 {
  font-size: 18px;
  font-weight: 700;
  color: #837469;
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_ttl:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_body .body_inner .body_cont .body_cont_ttl h3 {
    font-size: 16px;
    text-align: center;
  }
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_body .body_inner .body_cont .body_cont_ttl {
    background-position: left bottom;
    background-repeat: no-repeat;
    padding: 5px;
  }

  div.chat_content .chat_body .body_inner .body_cont .body_cont_ttl:after {
    display: none;
  }

  div.chat_content .chat_body .body_inner .body_cont .body_cont_ttl h3 {
    font-size: 13px;
  }
}

div.chat_content .chat_body .body_inner .body_cont.body_event {
  margin-top: 25px;
}

div.chat_content .chat_body .body_inner .body_cont.body_event .body_cont_ttl {
  padding-left: 110px;
}

div.chat_content .chat_body .body_inner .body_cont.body_event .body_cont_ttl:after {
  width: 92px;
  height: 59px;
  background-image: url(../img/common/bg_ttl_01.png);
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_body .body_inner .body_cont.body_event .body_cont_ttl {
    padding-left: 100px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_body .body_inner .body_cont.body_event .body_cont_ttl {
    background-image: url(../img/common/bg_ttl_01.png);
    background-size: auto 100%;
    padding: 10px;
  }
}

div.chat_content .chat_body .body_inner .body_cont.body_event .body_cont_content {
  background-image: url(../img/common/bg_content_01.png);
  background-size: 60px auto;
  background-position: top 10px right -5px;
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_body .body_inner .body_cont.body_event .body_cont_content {
    background-size: 45px auto;
    background-position: top 5px right -5px;
  }
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_body .body_inner .body_cont.body_event .body_cont_content {
    background-size: 35px auto;
  }
}

div.chat_content .chat_body .body_inner .body_cont.body_chat .body_cont_ttl {
  padding-left: 65px;
}

div.chat_content .chat_body .body_inner .body_cont.body_chat .body_cont_ttl:after {
  width: 47px;
  height: 57px;
  background-image: url(../img/common/bg_ttl_02.png);
  left: 10px;
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_body .body_inner .body_cont.body_chat .body_cont_ttl {
    padding-left: 55px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_body .body_inner .body_cont.body_chat .body_cont_ttl {
    background-image: url(../img/common/bg_ttl_02.png);
    background-position: left 2px bottom;
    background-size: auto 100%;
    padding: 5px;
  }
}

div.chat_content .chat_body .body_inner .body_cont.body_chat .body_cont_content {
  background-image: url(../img/common/bg_content_02.png);
  background-size: 67px auto;
  background-position: top 10px right -5px;
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_body .body_inner .body_cont.body_chat .body_cont_content {
    background-position: top 8px right -5px;
    background-size: 52px auto;
  }
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_body .body_inner .body_cont.body_chat .body_cont_content {
    background-size: 40px auto;
  }
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content {
  background-color: #fff;
  padding: 20px 10px 25px;
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_body .body_inner .body_cont .body_cont_content {
    padding: 10px 10px 15px;
  }
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_body .body_inner .body_cont .body_cont_content {
    padding: 8px 10px 13px;
  }
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content p.l_text {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_body .body_inner .body_cont .body_cont_content p.l_text {
    display: none;
  }
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content p.s_text {
  font-size: 10px;
  text-align: center;
  color: #AEAEAE;
  font-weight: 500;
  margin: 18px 0 8px;
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content p.s_text a {
  color: #333333;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_body .body_inner .body_cont .body_cont_content p.s_text {
    margin-top: 0;
  }
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_body .body_inner .body_cont .body_cont_content p.s_text {
    font-size: 11px;
    margin-bottom: 8px;
  }
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn a {
  display: block;
  background-image: url(../img/common/arrow/arrow_chat_btn_w.png);
  background-position: right 25px center;
  background-size: 8px auto;
  background-repeat: no-repeat;
  background-color: #837469;
  border-radius: 30px;
  -moz-box-shadow: 0 4px 0 #68594D;
  -webkit-box-shadow: 0 4px 0 #68594D;
  box-shadow: 0 4px 0 #68594D;
  border: 2px solid #68594D;
  padding: 15px 35px 15px 25px;
  text-align: center;
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn a span {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn a:hover {
  background-color: #fff;
  background-image: url(../img/common/arrow/arrow_chat_btn_br.png);
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn a:hover span {
  color: #837469;
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn a {
    padding: 5px 20px 5px 15px;
    background-position: right 15px center;
    box-shadow: 0 2px 0 #68594D;
  }

  div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn a span {
    font-size: 12px;
  }
}

@media screen and (max-width: 568px) {
  div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn a {
    background-position: right 8px center;
    background-size: 5px auto;
    padding: 5px 12px 6px 7px;
    border-width: 1px;
  }

  div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn a span {
    font-size: 13px;
  }
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn.chat_btn_w a {
  background-color: #fff;
  background-image: url(../img/common/arrow/arrow_chat_btn_br.png);
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn.chat_btn_w a span {
  color: #837469;
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn.chat_btn_w a:hover {
  background-color: #837469;
  background-image: url(../img/common/arrow/arrow_chat_btn_w.png);
}

div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn.chat_btn_w a:hover span {
  color: #fff;
}

@media screen and (max-width: 768px) {
  div.chat_content .chat_body .body_inner .body_bnr {
    -webkit-order: 3;
    order: 3;
    margin-top: 10px;
  }

  div.chat_content .chat_body .body_inner .body_cont {
    width: 100%;
    margin-top: 0;
  }

  div.chat_content .chat_body .body_inner .body_cont.body_event {
    -webkit-order: 1;
    order: 1;
    margin-top: 0;
  }

  div.chat_content .chat_body .body_inner .body_cont.body_chat {
    -webkit-order: 2;
    order: 2;
  }
}

/*** END    追従バナー（チャット）の追加 ***/
/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 追加 2019.9（修正 2019.10.10） ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */

/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 追加 2019.1007 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/*** START  チャットボタンのカーソル指定 ***/

div.chat_content .chat_body .body_inner .body_cont .body_cont_content div.chat_btn.chat_btn_w a span {
  cursor: pointer;
}

/*** END    チャットボタンのカーソル指定 ***/
/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 追加 2019.1007 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */

/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 追加 2019.1017 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/*** START  チャットボタンの 姓名の調整***/
.embeddedServiceSidebarFormField.inputSplitName:nth-child(1) {
  float: right;
  width: 44% !important;
  margin-left: 12px !important;
}

.embeddedServiceSidebarFormField.inputSplitName:nth-child(2) {
  float: left;
  width: 44% !important;
  margin-left: 12px !important;
}

.embeddedServiceSidebarFormField.inputEmail {
  clear: both;
}

/*** END    チャットボタンの 姓名の調整***/
/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 追加 2019.1017 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */

/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 追加 2019.1017 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/*** START  チャットボタンの 縦横の調整***/
@media screen and (min-width: 769px) {
  .embeddedServiceSidebar.layout-docked .dockableContainer {
    max-height: 701px !important;
  }

  .embeddedServiceSidebar.layout-docked .dockableContainer {
    right: 0px !important;
  }

  .embeddedServiceSidebar.layout-docked .dockableContainer {
    width: 360px !important;
  }
}

/*** END    チャットボタンの 縦横の調整***/
/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 追加 2019.1017 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */

/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 追加 2019.1029 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/*** START  電話・メール・チャットで相談するレイアウト変更***/
div.cont div.content_cont p.service_text a {
  color: #333333;
  text-decoration: underline;
}

@media screen and (min-width: 769px) {
  div.cont div.content_cont p.service_text {
    min-height: 40px;
    font-size: 12px !important;
    color: #AEAEAE;
    text-align: center;
    margin: 5px 0 8px !important;
    font-weight: 500;
  }
}

@media screen and (max-width: 768px) {
  div.cont div.content_cont p.service_text {
    font-size: 8px !important;
    color: #AEAEAE;
    text-align: center;
    margin-bottom: 5px !important;
    font-weight: 500;
  }
}

@media screen and (max-width: 768px) {
  div.cont div.content_cont p.service_text.skin-space {
    margin-top: 10px !important;
  }
}

/*** END    電話・メール・チャットで相談するレイアウト変更***/
/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 追加 2019.1029 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */

/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 追加 2019.10 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/*** START    コラム一覧・記事　2カラム修正 ***/
.two_col_wrapper,
div.column section.column_top article,
div.column section.column_pager article,
div.column section.column_article article {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: inherit;
  min-width: inherit;
}

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

  .two_col_wrapper,
  div.column section.column_top article,
  div.column section.column_pager article,
  div.column section.column_article article {
    width: 95%;
    margin: 0 auto;
  }
}

div.column_2 {
  width: 100%;
  min-width: 1000px;
  max-width: inherit;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  /*  -webkit-flex-direction: row;
  flex-direction: row;*/
  -webkit-justify-content: center;
  justify-content: center;
}

div.column_2.column_bg_beige {
  background-color: #F8F5F3;
}

@media screen and (max-width: 768px) {
  div.column_2 {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  div.column_2 {
    min-width: inherit;
  }
}

div.column_2 main {
  width: 72%;
  max-width: 890px;
  margin: 0;
  padding: 0 10px 0 20px;
}

@media screen and (max-width: 768px) {
  div.column_2 main {
    width: 100%;
    padding: 0;
  }
}

div.column_2 main section {
  padding: 0;
}

@media screen and (max-width: 768px) {
  div.column_2 main section article {
    width: 95%;
  }
}

div.column_2 aside {
  width: 28%;
  max-width: 350px;
  margin: 0;
  padding: 0 20px 0 10px;
}

@media screen and (max-width: 768px) {
  div.column_2 aside {
    width: 100%;
    max-width: inherit;
    padding: 0;
  }
}

div.column_2 aside div.sidebar_box {
  padding: 10px;
  background-color: #fff;
  border: 2px solid #D2D1D1;
  -moz-box-shadow: 0 3px 0 #D2D1D1;
  -webkit-box-shadow: 0 3px 0 #D2D1D1;
  box-shadow: 0 3px 0 #D2D1D1;
  border-radius: 8px;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  div.column_2 aside div.sidebar_box {
    border: none;
    border-radius: 0;
    padding: 15px 8px;
  }
}

div.column_2 aside div.sidebar_box h2 {
  color: #837469;
  text-align: center;
  background-color: #F8F5F3;
  padding: 8px;
  font-size: 18px;
  border-radius: 8px;
  font-weight: 700;
  margin-bottom: 5px;
}

div.column_2 aside div.sidebar_box h2.venue {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

div.column_2 aside div.sidebar_box h2.venue svg {
  width: 22px;
  height: auto;
  fill: #837469;
}

div.column div.column_side_cat.skin-genre .sidebar_inner h2.venue span {
  padding: 0;
  background: none;
}

@media screen and (max-width: 768px) {
  div.column_2 aside div.sidebar_box h2.venue {
    justify-content: flex-start;
  }

  div.column_2 aside div.sidebar_box h2.venue svg {
    width: 13px;
  }

  div.column_2 aside div.sidebar_box h2 {
    font-size: 16px;
  }
}

@media screen and (max-width: 568px) {
  div.column_2 aside div.sidebar_box h2 {
    font-size: 14px;
  }
}

div.column_2 aside&gt;div.sidebar_box:first-child {
  margin-top: 40px;
  padding-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  div.column_2 aside&gt;div.sidebar_box:first-child {
    padding-top: 0;
  }
}

div.column section.column_top {
  padding-top: 40px;
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  div.column section.column_top {
    padding-top: 20px;
  }
}

div.column section.column_top article ul.column_list&gt;li .body_cont ul.tags li a {
  font-size: 12px;
  background-size: 9px auto;
  background-position: left 10px center;
  border-radius: 14px;
  padding: 3px 15px 2px 25px;
}

div.column section.column_top article ul.column_list&gt;li .body_cont h4,
div.column section.column_top article ul.column_list&gt;li .body_cont h3 {
  font-size: 16px;
}

div.column section.column_top article ul.column_list&gt;li .body_cont h4:after,
div.column section.column_top article ul.column_list&gt;li .body_cont h3:after {
  background-image: url(../img/content/column/bg_pattern_column_list.png);
  background-size: 4px auto;
}

div.column section.column_pager {
  padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
  div.column section.column_pager {
    padding-bottom: 0;
  }
}

div.column section.column_pager article ul.pager li {
  background-color: #fff;
}

div.column section.column_pager article ul.pager li.points {
  background-color: transparent;
}

div.column section.column_pager article ul.pager li.active {
  background-color: #837469;
}

@media screen and (max-width: 768px) {
  div.column section.column_article {
    padding: 20px 0 0;
  }
}

div.column section.column_article article div.article_head h1 {
  margin-bottom: 15px;
  padding-bottom: 10px;
}

div.column section.column_article article div.article_head h1:after {
  background-image: url(../img/content/column/bg_pattern_article_ttl.png);
  background-size: 6px auto;
  height: 2px;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.article_head h1 {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.article_head ul {
    width: 100%;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.article_head ul.article_cgy li a {
    padding-right: 8px;
    padding-left: 22px;
    padding-top: 7px;
    padding-bottom: 6px;
    background-size: auto 50%;
  }
}

div.column section.column_article article div.article_head div.thum {
  margin: 10px 0 30px;
}

div.column section.column_article article div.editor {
  margin: 30px 0 0 0;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.editor {
    margin: 20px auto 0;
    width: 100%;
  }
}

div.column section.column_article article div.editor h2 {
  font-size: 26px;
  background-color: #F7F6EF;
  padding: 10px 10px 10px 45px;
  background-image: url(../img/content/column/icon_article_h2.png), url(../img/content/column/bg_pattern_article_ttl.png);
  background-size: 13px auto, 6px auto;
  background-position: left 17px center, left bottom;
  background-repeat: no-repeat, repeat-x;
  margin: 1.5em 0 1.2em;
}

div.column section.column_article article div.editor h2:after {
  display: none;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.editor h2 {
    font-size: 16px;
    background-size: 10px auto, 6px auto;
    background-position: left 9px center, left bottom;
    padding-left: 25px;
  }
}

div.column section.column_article article div.editor p {
  font-weight: 500;
}

div.column section.column_article article div.editor img {
  width: 100%;
}

div.column section.column_article article div.author_shop {
  border-radius: 0;
  position: relative;
  padding: 35px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 70px 0;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_shop {
    /* margin: 40px -2.5%; */
    margin: 40px auto;
    padding: 20px 20px 30px;
  }
}

div.column section.column_article article div.author_shop:before {
  content: "";
  width: 97.5%;
  height: 94%;
  background-color: #fff;
  position: absolute;
  left: 1.25%;
  top: 3%;
}

div.column section.column_article article div.author_shop div.ttl_cont {
  z-index: 1;
  width: 100%;
}

div.column section.column_article article div.author_shop div.ttl_cont h3.icon_ttl {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}

div.column section.column_article article div.author_shop div.ttl_cont h3.icon_ttl img {
  width: 21px;
  margin-right: 8px;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_shop div.ttl_cont h3.icon_ttl {
    font-size: 14px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_article article div.author_shop div.ttl_cont h3.icon_ttl {
    font-size: 12px;
  }
}

div.column section.column_article article div.author_shop div.ttl_cont h4 {
  text-align: center;
  margin-bottom: 15px;
}

div.column section.column_article article div.author_shop div.ttl_cont h4 a {
  display: inline-block;
  background-color: #F8F8EC;
  color: #837469;
  font-weight: 700;
  padding: 5px 30px;
  border-radius: 20px;
  font-size: 17px;
}

@media screen and (max-width: 568px) {
  div.column section.column_article article div.author_shop div.ttl_cont h4 a {
    font-size: 15px;
  }
}

div.column section.column_article article div.author_shop div.image_cont {
  z-index: 1;
  width: 230px;
  margin-right: 20px;
  overflow: hidden;
}

div.column section.column_article article div.author_shop div.image_cont a img {
  border-radius: 8px;
  height: auto;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_shop div.image_cont {
    width: 150px;
    margin-right: 15px;
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_article article div.author_shop div.image_cont {
    width: 110px;
  }
}

div.column section.column_article article div.author_shop div.text_cont {
  z-index: 1;
  display: inline-block;
  width: auto;
  width: calc(100% - 250px);
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_shop div.text_cont {
    width: calc(100% - 165px);
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_article article div.author_shop div.text_cont {
    width: calc(100% - 125px);
  }
}

div.column section.column_article article div.author_shop div.text_cont h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #837469;
}

div.column section.column_article article div.author_shop div.text_cont h4 a {
  color: #837469;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_shop div.text_cont p+p {
    margin-top: 0.6em;
  }
}

@media screen and (max-width: 568px) {
  div.column section.column_article article div.author_shop div.text_cont p {
    font-size: 12px;
  }
}

div.column section.column_article article div.author_shop div.text_cont ul.column_store_tell {
  padding: 10px 0 0px;
  display: flex;
  gap: 20px;
}

div.column section.column_article article div.author_shop div.text_cont ul.column_store_tell li {
  /* width: 160px; */
  list-style: none;
  float: left;
}

div.column section.column_article article div.author_shop div.sp_column_store_contact {
  z-index: 1;
  width: 100%;
}

div.column section.column_article article div.author_shop ul.column_store_contact {
  margin-top: 15px;
}

div.column section.column_article article div.author_shop ul.column_store_contact li {
  list-style: none;
  float: left;
  width: 49%;
  max-width: 200px;
  float: left;
}

div.column section.column_article article div.author_shop ul.column_store_contact li.skin_shop {
  margin-top: 2%;
}

div.column section.column_article article div.author_shop ul.column_store_contact li.skin_online {
  margin-right: 2%;
}

@media screen and (max-width: 768px) {
  div.column section.column_article article div.author_shop ul.column_store_contact li {
    max-width: inherit;
  }
}

div.column section.column_article article div.author_shop ul.column_store_contact li.free_tell {
  padding-bottom: 0;
  text-align: center;
  font-weight: normal;
  margin-right: 2%;
}

div.column section.column_article article div.author_shop ul.column_store_contact li.free_tell a {
  color: #343434;
  /*cursor: none;*/
  display: block;
  border: 1px solid #555555;
  box-shadow: 0px 2px 0px #555555;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 6px;
  font-size: 9px;
  padding: 2px 10px 2px 10px;
}

div.column section.column_article article div.author_shop ul.column_store_contact li.free_tell span {
  padding-left: 25px;
  background-image: url(../img/common/icon/icon_tel.png);
  background-repeat: no-repeat;
  background-size: 17px auto;
  background-position: left center;
  display: inline-block;
}

div.column section.column_article article div.author_shop ul.column_store_contact li.free_tell strong,
div.column section.column_article article div.author_shop ul.column_store_contact li.free_tell b {
  margin-top: -5px;
  font-weight: bold;
  display: block;
  font-size: 16px;
}

@media screen and (max-width: 414px) {
  div.column section.column_article article div.author_shop ul.column_store_contact li.free_tell a {
    padding: 2px 5px;
  }

  div.column section.column_article article div.author_shop ul.column_store_contact li.free_tell span {
    background-size: 14px auto;
  }

  div.column section.column_article article div.author_shop ul.column_store_contact li.free_tell strong {
    font-size: 14px;
  }
}

div.column section.column_article article div.author_shop ul.column_store_contact li.shop_consul a {
  padding: 8px 10px;
  width: 100%;
  box-shadow: 0px 2px 0px 0px #e83416;
  min-width: inherit;
  border-radius: 6px;
  border-width: 1px;
}

div.column section.column_article article div.author_shop ul.column_store_contact li.shop_consul a span {
  font-size: 16px;
  background-size: 18px auto;
  padding-left: 25px;
}

@media screen and (max-width: 568px) {
  div.column section.column_article article div.author_shop ul.column_store_contact li.shop_consul a span {
    font-size: 3vw;
  }
}

@media screen and (max-width: 414px) {
  div.column section.column_article article div.author_shop ul.column_store_contact li.shop_consul a {
    padding: 8px 5px;
  }

  div.column section.column_article article div.author_shop ul.column_store_contact li.shop_consul a span {
    font-size: 3vw;
  }
}

div.column section.column_article article div.go_list {
  margin-top: 40px;
}

div.column section.column_article article div.right_arrow_btn a {
  border-width: 1px;
  min-width: 300px;
  padding: 10px 50px 10px 30px;
  background-size: 16px;
  background-position: right 30px center;
  border-radius: 6px;
}

div.column section.column_article article div.right_arrow_btn a span {
  font-size: 15px;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 15px 0;
  position: relative;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li+li:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: url("../img/content/column/bg_pattern_column_list.png");
  background-size: 4px auto;
  background-position: left center;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  left: 0;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li a.image_cont {
  width: 30%;
  display: block;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li a.image_cont img {
  border-radius: 7px;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li div.text_cont {
  width: 68%;
  padding-bottom: 30px;
  position: relative;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li div.text_cont h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.46;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li div.text_cont ul.tags {
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li div.text_cont ul.tags li {
  display: inline-block;
  width: auto;
  margin-bottom: 3px;
  margin-right: 3px;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li div.text_cont ul.tags li a {
  border-radius: 5px;
  border: 1px solid #959595;
  display: inline-block;
  width: auto;
  color: #6f6f6f;
  background-image: url(../img/common/icon/icon_tag_b.png);
  font-size: 12px;
  background-size: 9px auto;
  background-position: left 8px center;
  padding: 2px 5px 1px 20px;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li div.text_cont ul.tags li a:hover {
  opacity: 1;
  background-image: url(../img/common/icon/icon_tag_w.png);
  background-color: #959595;
  color: #fff;
}

@media screen and (max-width: 768px) {
  div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li a.image_cont {
    width: 25%;
  }

  div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li div.text_cont {
    width: 73%;
  }
}

div.column div.column_side_cat .sidebar_inner h2 span {
  display: inline-block;
  background-image: url(../img/common/icon/icon_tag_b.png);
  background-size: 21px 22px;
  background-position: left center;
  padding-left: 25px;
}

@media screen and (max-width: 768px) {
  div.column div.column_side_cat .sidebar_inner h2 {
    background-color: inherit;
    text-align: left;
    border-radius: 0;
    padding: 0;
  }

  div.column div.column_side_cat .sidebar_inner h2 span {
    background-size: 17px auto;
    padding-left: 22px;
  }
}

@media screen and (max-width: 568px) {
  div.column div.column_side_cat .sidebar_inner h2 span {
    background-size: 13px auto;
    padding-left: 18px;
  }
}

@media screen and (max-width: 768px) {
  div.column div.column_side_cat .sidebar_inner.skin-search {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

div.column div.column_side_cat .sidebar_inner.skin-search h2 span {
  display: inline-block;
  background-image: url(/assets/img/common/magnifier.svg);
  background-size: 21px 22px;
  background-position: left center;
  padding-left: 25px;
}

@media screen and (max-width: 768px) {
  div.column div.column_side_cat .sidebar_inner.skin-search h2 {
    background-color: inherit;
    text-align: left;
    margin-bottom: 0;
    border-radius: 0;
    padding: 0;
  }

  div.column div.column_side_cat .sidebar_inner.skin-search h2 span {
    background-size: 17px auto;
    padding-left: 22px;
  }
}

@media screen and (max-width: 568px) {
  div.column div.column_side_cat .sidebar_inner.skin-search h2 span {
    background-size: 13px auto;
    padding-left: 18px;
  }
}

div.column div.column_side_cat .sidebar_inner ul.sidebar_cat_list {
  padding: 5px 0;
  font-size: 0;
}

@media screen and (max-width: 768px) {
  div.column div.column_side_cat .sidebar_inner ul.sidebar_cat_list {
    padding: 0;
  }
}

div.column div.column_side_cat .sidebar_inner ul.sidebar_cat_list&gt;li {
  margin-bottom: 6px;
  margin-right: 5px;
  display: inline-block;
}

div.column div.column_side_cat .sidebar_inner ul.sidebar_cat_list&gt;li a {
  border: 1px solid #837469;
  display: inline-block;
  width: auto;
  color: #837469;
  font-size: 14px;
  background-image: url(../img/common/icon/icon_tag_b.png);
  background-size: 11px auto;
  background-position: left 10px center;
  border-radius: 16px;
  padding: 3px 15px 2px 25px;
}

div.column div.column_side_cat .sidebar_inner ul.sidebar_cat_list&gt;li a:hover {
  opacity: 1;
  background-image: url(../img/common/icon/icon_tag_w.png);
  background-color: #837469;
  color: #fff;
}

div.column div.column_side_cat .sidebar_inner ul.sidebar_cat_list&gt;li.current-cat a {
  background-color: #837469;
  color: #fff;
  background-image: url(../img/common/icon/icon_tag_w.png);
}

@media screen and (max-width: 768px) {
  div.column div.column_side_cat .sidebar_inner ul.sidebar_cat_list&gt;li a {
    border: none;
    background: none;
    background-color: #F5F5F5;
    padding: 5px 15px;
  }

  div.column div.column_side_cat .sidebar_inner ul.sidebar_cat_list&gt;li a:hover {
    background: none;
    background-color: #837469;
  }

  div.column div.column_side_cat .sidebar_inner ul.sidebar_cat_list&gt;li.current-cat a {
    background-image: none;
  }
}

@media screen and (max-width: 568px) {
  div.column div.column_side_cat .sidebar_inner ul.sidebar_cat_list&gt;li a {
    padding: 3px 10px;
    font-size: 12px;
  }
}

div.column div.column_side_cat.hide_pc {
  padding: 10px;
  background-color: #fff;
  border: 2px solid #D2D1D1;
  -moz-box-shadow: 0 3px 0 #D2D1D1;
  -webkit-box-shadow: 0 3px 0 #D2D1D1;
  box-shadow: 0 3px 0 #D2D1D1;
  border-radius: 8px;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  div.column div.column_side_cat.hide_pc {
    border: none;
    border-radius: 0;
    padding: 15px 8px;
  }
}

div.column div.column_side_cat.hide_pc h2 {
  color: #837469;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
}

@media screen and (max-width: 568px) {
  div.column div.column_side_cat.hide_pc h2 {
    font-size: 14px;
  }
}

div.column div.column_side_merumaga {
  padding: 0 !important;
  background-image: url(../img/content/column/bg_sidebar_merumaga.jpg);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  div.column div.column_side_merumaga {
    background: none;
    background-color: inherit !important;
    background-color: inherit !important;
    -moz-box-shadow: inherit !important;
    -webkit-box-shadow: inherit !important;
  }
}

div.column div.column_side_merumaga .sidebar_inner {
  text-align: center;
  padding: 25px 25px 15px 25px;
  position: relative;
}

@media screen and (max-width: 768px) {
  div.column div.column_side_merumaga .sidebar_inner {
    background-color: #fff;
    border: 2px solid #D2D1D1;
    -moz-box-shadow: 0 3px 0 #D2D1D1;
    -webkit-box-shadow: 0 3px 0 #D2D1D1;
    box-shadow: 0 3px 0 #D2D1D1;
    border-radius: 8px;
    background-image: url(../img/content/column/bg_sidebar_merumaga.jpg) !important;
    background-size: cover;
    background-position: bottom center;
    width: 95%;
    margin: 0 auto;
  }
}

div.column div.column_side_merumaga .sidebar_inner:after {
  content: "";
  display: block;
  width: 66px;
  height: 71px;
  background-image: url(../img/content/column/img_sidebar_merumaga.png);
  background-size: contain;
  background-position: bottom center;
  position: absolute;
  bottom: 0;
  right: 10px;
}

@media screen and (max-width: 1220px) {
  div.column div.column_side_merumaga .sidebar_inner:after {
    right: 5px;
  }
}

div.column div.column_side_merumaga .sidebar_inner p {
  color: #837469;
  font-size: 14px;
  font-weight: 500;
}

div.column div.column_side_merumaga .sidebar_inner h2 {
  background-color: inherit;
  padding: 0;
  max-width: 240px;
  margin: 20px auto 40px;
}

div.column div.column_side_merumaga .sidebar_inner div.sidebar_btn {
  padding-right: 20px;
}

div.column div.column_side_merumaga .sidebar_inner div.sidebar_btn a {
  display: block;
  text-align: center;
  border: 2px solid #D2D1D1;
  border-radius: 5px;
  background-color: #fff;
  padding: 5px;
}

div.column div.column_side_merumaga .sidebar_inner div.sidebar_btn a span {
  color: #837469;
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  padding-right: 30px;
  background-image: url(../img/common/arrow/arrow_right_g.svg);
  background-size: 12px auto;
  background-position: right center;
}

div.column div.column_side_merumaga .sidebar_inner div.sidebar_btn a:hover {
  opacity: 0.7;
}

div.column div.sidebar_bnr {
  margin-bottom: 30px;
}

div.column div.sidebar_bnr a {
  display: block;
}

@media screen and (max-width: 768px) {
  div.column div.sidebar_bnr {
    width: 95%;
    margin: 0 auto 30px;
  }
}

div.two_col_bottom {
  clear: both;
}

div.two_col_bottom section.content_nav_area article h2 {
  text-align: center;
}

@media screen and (max-width: 768px) {
  div.two_col_bottom section.article_column {
    padding-bottom: 40px !important;
  }
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li a.image_cont.skin-recommend {
  position: relative;
  overflow: hidden;
  height: 52px;
  border-radius: 5px;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li a.image_cont.skin-recommend img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li a.image_cont.skin-recommend {
    height: 119px;
  }
}

@media screen and (max-width: 568px) {
  div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li a.image_cont.skin-recommend {
    height: 95px;
  }
}

.column_article article {
  position: relative !important;
  /* width: 100% !important; */
  padding: 0 !important;
  /* margin: 0 !important; */
  max-width: inherit !important;
  min-width: inherit !important;
}

/*** END    コラム一覧・記事　2カラム修正 ***/
/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ 追加 2019.10 ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */

/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ シニアライフサポート（追加 2019.11） ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
div.senior main {
  font-weight: 500;
}

div.senior main section {
  padding: 30px 0;
}

@media screen and (max-width: 768px) {
  div.senior main section {
    padding: 15px 0;
  }
}

div.senior main section article {
  margin-bottom: 0;
}

div.senior main p.catch_text,
div.senior main h2.catch_text {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  color: #837469;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  div.senior main p.catch_text {
    font-size: 22px;
  }

  div.senior main h2.catch_text {
    font-size: 24px;
  }
}

@media screen and (max-width: 568px) {
  div.senior main p.catch_text {
    font-size: 16px;
  }

  div.senior main h2.catch_text {
    font-size: 18px;
  }
}

div.senior main h2.icon_ttl img {
  margin-right: 15px;
}

div.senior main h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.45;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  div.senior main h3 {
    font-size: 18px;
    text-align: center;
  }
}

@media screen and (max-width: 568px) {
  div.senior main h3 {
    font-size: 16px;
  }
}

@media screen and (min-width: 769px) {
  div.senior main br.senior_br {
    display: none;
  }
}

@media screen and (max-width: 568px) {
  div.senior main br.senior_br {
    display: none;
  }
}

@media screen and (max-width: 414px) {
  div.senior main br.senior_br {
    display: inherit;
  }
}

div.senior main div.three_col_between {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.senior main div.three_col_between .col,
div.senior main div.three_col_between&gt;li {
  width: 32%;
}

@media screen and (max-width: 568px) {
  div.senior main div.three_col_between {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  div.senior main div.three_col_between .col,
  div.senior main div.three_col_between&gt;li {
    width: 100%;
  }

  div.senior main div.three_col_between .col+.col,
  div.senior main div.three_col_between&gt;li+li {
    margin-top: 15px;
  }
}

div.senior section.senior_top {
  padding-top: 60px;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_top {
    padding-top: 30px;
  }
}

div.senior section.senior_top article div.three_col_between {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_top article div.three_col_between {
    margin-top: 30px;
  }
}

div.senior section.senior_top article div.three_col_between img {
  margin: 0 auto 20px;
}

div.senior section.senior_top article div.three_col_between img.thumb_01 {
  max-width: 265px;
}

div.senior section.senior_top article div.three_col_between img.thumb_02 {
  max-width: 300px;
}

div.senior section.senior_top article div.three_col_between img.thumb_03 {
  max-width: 255px;
}

@media screen and (max-width: 568px) {

  div.senior section.senior_top article div.three_col_between img.thumb_01,
  div.senior section.senior_top article div.three_col_between img.thumb_02,
  div.senior section.senior_top article div.three_col_between img.thumb_03 {
    max-width: 220px;
  }
}

div.senior section.senior_top article div.three_col_between h3 {
  font-size: 22px;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_top article div.three_col_between h3 {
    font-size: 15px;
  }
}

div.senior section.senior_anchor article div.three_col_between {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_anchor article div.three_col_between {
    margin-top: 20px;
  }
}

div.senior section.senior_anchor article div.three_col_between div.bg_box {
  height: 100%;
  border: 10px solid #F4F1ED;
  border-radius: 8px;
  padding: 25px 30px 110px 30px;
  position: relative;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_anchor article div.three_col_between div.bg_box {
    padding: 10px 10px 70px 10px;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_anchor article div.three_col_between div.bg_box {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

div.senior section.senior_anchor article div.three_col_between div.bg_box:before {
  content: "";
  display: block;
  bottom: 65px;
  right: 18px;
  background-size: contain;
  position: absolute;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_anchor article div.three_col_between div.bg_box:before {
    bottom: 50px;
    right: 5px;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_anchor article div.three_col_between div.bg_box:before {
    bottom: 28px;
    right: 25%;
    -moz-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }
}

div.senior section.senior_anchor article div.three_col_between div.bg_box.bg_box_01:before {
  width: 145px;
  height: 145px;
  background-image: url(../img/content/senior/icon_reform_gr.svg);
}

@media screen and (max-width: 768px) {
  div.senior section.senior_anchor article div.three_col_between div.bg_box.bg_box_01:before {
    width: 87px;
    height: 87px;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_anchor article div.three_col_between div.bg_box.bg_box_01:before {
    width: 140px;
    height: 140px;
  }
}

div.senior section.senior_anchor article div.three_col_between div.bg_box.bg_box_02:before {
  width: 162px;
  height: 134px;
  background-image: url(../img/content/senior/icon_detaced_gr.svg);
}

@media screen and (max-width: 768px) {
  div.senior section.senior_anchor article div.three_col_between div.bg_box.bg_box_02:before {
    width: 97px;
    height: 81px;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_anchor article div.three_col_between div.bg_box.bg_box_02:before {
    width: 140px;
    height: 116px;
  }
}

div.senior section.senior_anchor article div.three_col_between div.bg_box.bg_box_03:before {
  width: 155px;
  height: 145px;
  background-image: url(../img/content/senior/icon_policy_gr.svg);
}

@media screen and (max-width: 768px) {
  div.senior section.senior_anchor article div.three_col_between div.bg_box.bg_box_03:before {
    width: 93px;
    height: 87px;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_anchor article div.three_col_between div.bg_box.bg_box_03:before {
    width: 140px;
    height: 128px;
  }
}

div.senior section.senior_anchor article div.three_col_between ul.open_list li {
  position: relative;
  padding: 5px 0 5px 20px;
  font-size: 18px;
  font-weight: 500;
}

div.senior section.senior_anchor article div.three_col_between ul.open_list li:before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid #343434;
  position: absolute;
  left: 0;
  top: 11px;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_anchor article div.three_col_between ul.open_list li {
    font-size: 14px;
    padding-left: 15px;
  }

  div.senior section.senior_anchor article div.three_col_between ul.open_list li:before {
    width: 5px;
    height: 5px;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_anchor article div.three_col_between ul.open_list {
    max-width: 300px;
    margin: 0 auto;
  }
}

div.senior section.senior_anchor article div.three_col_between div.anchor_btn {
  width: calc(100% - 60px);
  position: absolute;
  bottom: 35px;
  left: 30px;
}

div.senior section.senior_anchor article div.three_col_between div.anchor_btn a {
  width: 100%;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_anchor article div.three_col_between div.anchor_btn {
    width: calc(100% - 20px);
    left: 10px;
    bottom: 20px;
  }

  div.senior section.senior_anchor article div.three_col_between div.anchor_btn a {
    padding: 5px 10px;
  }

  div.senior section.senior_anchor article div.three_col_between div.anchor_btn a p {
    padding-left: 10px;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_anchor article div.three_col_between div.anchor_btn {
    position: static;
    width: 100%;
    max-width: 220px;
    margin: 15px auto 0;
  }
}

div.senior section.senior_each article div.senior_two_col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.senior section.senior_each article div.senior_two_col .image_col {
  width: 47.5%;
}

div.senior section.senior_each article div.senior_two_col .text_col {
  width: 50%;
}

@media screen and (max-width: 568px) {
  div.senior section.senior_each article div.senior_two_col {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  div.senior section.senior_each article div.senior_two_col .image_col {
    width: 100%;
    -webkit-order: 1;
    order: 1;
  }

  div.senior section.senior_each article div.senior_two_col .text_col {
    width: 100%;
    -webkit-order: 2;
    order: 2;
    margin-top: 15px;
  }
}

div.senior section.senior_each article div.content_nav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
  margin: 0;
}

div.senior section.senior_each article div.content_nav ul li {
  width: 48%;
  margin-bottom: 2.5%;
  padding: 0;
}

@media screen and (max-width: 1220px) {
  div.senior section.senior_each article div.content_nav ul li {
    width: 49%;
    margin-bottom: 2%;
  }
}

div.senior section.senior_each article div.content_nav ul li a {
  padding: 13px;
  text-align: center;
  width: 100%;
  max-width: inherit;
}

div.senior section.senior_each article div.content_nav ul li a span {
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
}

@media screen and (max-width: 1220px) {
  div.senior section.senior_each article div.content_nav ul li a span {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  div.senior section.senior_each article div.content_nav ul li a {
    padding: 5px;
  }

  div.senior section.senior_each article div.content_nav ul li a span {
    font-size: 13px;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_each article div.content_nav ul li a {
    padding: 10px 3px;
  }

  div.senior section.senior_each article div.content_nav ul li a span {
    padding-left: 15px;
  }
}

@media screen and (max-width: 414px) {
  div.senior section.senior_each article div.content_nav ul li a {
    padding: 5px;
  }

  div.senior section.senior_each article div.content_nav ul li a span {
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  div.senior section.senior_each article div.content_nav.one_line ul li a {
    padding: 12px 5px;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_each article div.content_nav.one_line ul li a {
    padding: 10px 3px;
  }
}

@media screen and (max-width: 414px) {
  div.senior section.senior_each article div.content_nav.one_line ul li a {
    padding: 12px 5px;
  }
}

div.senior section.senior_sumikae {
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_sumikae {
    padding-bottom: 30px;
  }
}

div.senior section.senior_house {
  padding: 60px 0 40px;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_house {
    padding-top: 30px 0 20px;
  }
}

div.senior section.senior_house article div.partner_two_col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.senior section.senior_house article div.partner_two_col .logo_col {
  width: 32.5%;
}

div.senior section.senior_house article div.partner_two_col .link_col {
  width: 65%;
}

div.senior section.senior_house article div.partner_two_col .link_col h4 a,
div.senior section.senior_house article div.partner_two_col .link_col h4&gt;span {
  display: block;
  padding-left: 25px;
  background-image: url("../img/common/icon/btn_arrow_g.svg");
  background-size: 19px 19px;
  background-position: left top 3px;
  background-repeat: no-repeat;
  color: #837469;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.38;
}

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

  div.senior section.senior_house article div.partner_two_col .link_col h4 a,
  div.senior section.senior_house article div.partner_two_col .link_col h4&gt;span {
    font-size: 16px;
    background-size: 15px 15px;
    background-position: left top 3px;
    padding-left: 20px;
  }
}

div.senior section.senior_house article div.partner_two_col .link_col p {
  padding-left: 25px;
  line-height: 1.57;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_house article div.partner_two_col .link_col p {
    font-size: 14px;
    padding-left: 20px;
  }
}

div.senior section.senior_house article div.partner_two_col+div.partner_two_col {
  margin-top: 15px;
}

@media screen and (max-width: 568px) {
  div.senior section.senior_house article div.partner_two_col .logo_col {
    -webkit-order: 2;
    order: 2;
  }

  div.senior section.senior_house article div.partner_two_col .link_col {
    -webkit-order: 1;
    order: 1;
  }
}

div.senior section.senior_support {
  padding: 20px 0 0;
}

div.senior section.senior_support article {
  padding-bottom: 40px;
  position: relative;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_support article {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_support article {
    padding-bottom: 20px;
  }
}

/* @media screen and (max-width: 374px) {
      div.senior section.senior_support article {
        padding-bottom: 50px; } } */
div.senior section.senior_support article h2.ttl_support {
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_support article h2.ttl_support {
    font-size: 24px;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_support article h2.ttl_support {
    font-size: 18px;
  }
}

div.senior section.senior_support article div.support_three_col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_support article div.support_three_col {
    margin-top: 20px;
  }
}

div.senior section.senior_support article div.support_three_col .col {
  width: 32%;
  margin-bottom: 1%;
  padding-bottom: 190px;
  position: relative;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_support article div.support_three_col .col {
    padding-bottom: 165px;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_support article div.support_three_col .col {
    width: 49%;
    padding-bottom: 135px;
  }

  div.senior section.senior_support article div.support_three_col .col:nth-child(1),
  div.senior section.senior_support article div.support_three_col .col:nth-child(2) {
    padding-bottom: 165px;
  }

  div.senior section.senior_support article div.support_three_col .col:nth-child(1) div.abs_cont,
  div.senior section.senior_support article div.support_three_col .col:nth-child(2) div.abs_cont {
    -moz-transform: translate(0, -155px);
    -ms-transform: translate(0, -155px);
    -webkit-transform: translate(0, -155px);
    transform: translate(0, -155px);
  }
}

@media screen and (max-width: 414px) {
  div.senior section.senior_support article div.support_three_col .col {
    padding-bottom: 120px;
  }
}

div.senior section.senior_support article div.support_three_col .col h3 {
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  margin: 10px 0;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_support article div.support_three_col .col h3 {
    font-size: 18px;
  }
}

@media screen and (max-width: 374px) {
  div.senior section.senior_support article div.support_three_col .col h3 {
    font-size: 16px;
  }
}

div.senior section.senior_support article div.support_three_col .col h4 {
  text-align: center;
  margin-bottom: 10px;
}

div.senior section.senior_support article div.support_three_col .col div.abs_cont {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  -moz-transform: translate(0, -180px);
  -ms-transform: translate(0, -180px);
  -webkit-transform: translate(0, -180px);
  transform: translate(0, -180px);
  padding-top: 10px;
  border-top: 1px dotted #343434;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_support article div.support_three_col .col div.abs_cont {
    -moz-transform: translate(0, -155px);
    -ms-transform: translate(0, -155px);
    -webkit-transform: translate(0, -155px);
    transform: translate(0, -155px);
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_support article div.support_three_col .col div.abs_cont {
    -moz-transform: translate(0, -125px);
    -ms-transform: translate(0, -125px);
    -webkit-transform: translate(0, -125px);
    transform: translate(0, -125px);
  }
}

@media screen and (max-width: 414px) {
  div.senior section.senior_support article div.support_three_col .col div.abs_cont {
    -moz-transform: translate(0, -110px);
    -ms-transform: translate(0, -110px);
    -webkit-transform: translate(0, -110px);
    transform: translate(0, -110px);
  }
}

div.senior section.senior_support article div.support_three_col .col ul.link_list li {
  padding: 3px 0;
}

div.senior section.senior_support article div.support_three_col .col ul.link_list li a,
div.senior section.senior_support article div.support_three_col .col ul.link_list li&gt;span {
  display: block;
  padding-left: 25px;
  background-image: url("../img/common/icon/btn_arrow_g.svg");
  background-size: 19px 19px;
  background-position: left top 3px;
  background-repeat: no-repeat;
  color: #837469;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.38;
}

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

  div.senior section.senior_support article div.support_three_col .col ul.link_list li a,
  div.senior section.senior_support article div.support_three_col .col ul.link_list li&gt;span {
    font-size: 11px;
    background-size: 11px 11px;
    background-position: left top 3px;
    padding-left: 16px;
  }
}

div.senior section.senior_support article div.support_three_col .col ul.logo_two_col {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

div.senior section.senior_support article div.support_three_col .col ul.logo_two_col li {
  width: 48.5%;
}

div.senior section.senior_support article div.bottom_box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}

div.senior section.senior_support article div.bottom_box p {
  padding: 35px 0 60px;
  background-image: url(../img/content/top/bg_top_service_01.png), url(../img/content/top/bg_top_service_02.png);
  background-size: 180px 130px, 150px 140px;
  background-position: left 11% bottom, right 13% bottom;
  background-repeat: no-repeat;
  margin: 0;
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  div.senior section.senior_support article div.bottom_box p {
    width: auto;
    padding: 30px 100px 10px;
    background-size: 80px auto;
    background-position: left bottom, right bottom;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.senior_support article div.bottom_box p {
    padding: 20px 55px 10px;
    background-size: 50px auto;
  }
}

@media screen and (max-width: 374px) {
  div.senior section.senior_support article div.bottom_box p {
    font-size: 14px;
    padding: 20px 45px 10px;
    background-size: 40px auto;
  }
}

div.senior section.cta {
  padding: 0 !important;
}

@media screen and (max-width: 568px) {
  div.senior section.cta {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 568px) {
  div.senior section.cta div.icon_btn.online_consul a {
    padding: 10px 5px 10px !important;
  }

  div.senior section.cta div.icon_btn.online_consul a small,
  div.senior section.cta div.icon_btn.online_consul a br {
    display: none;
  }

  div.senior section.cta div.icon_btn.online_consul a span {
    padding-top: 30px;
  }
}

@media screen and (max-width: 374px) {
  div.senior section.cta div.icon_btn a span {
    font-size: 12px;
  }
}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ シニアライフサポート（追加 2019.11） ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */

/* ---------------------------------------------
*   ページャーの追加
--------------------------------------------- */
.column_pager_original {
  letter-spacing: -.4em;
  text-align: center;
  padding: 50px 0;
}

.column_pager_original span,
.column_pager_original a {
  width: 50px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #837469;
  line-height: 50px;
  font-size: 20px;
  font-weight: 500;
  margin: 0 2px;
  color: #837469;
  font-weight: 500;
}

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

  .column_pager_original span,
  .column_pager_original a {
    width: 46px;
    line-height: 46px;
    font-size: 15px;
    margin: 0;
  }
}

@media screen and (max-width: 568px) {

  .column_pager_original span,
  .column_pager_original a {
    width: 37px;
    line-height: 37px;
  }
}

.column_pager_original .page-numbers.current {
  color: #fff;
  background-color: #837469;
}

.column_pager_original .prev.page-numbers {
  font-size: 0;
  background-image: url(../img/common/arrow/arrow_pager_left_b.png);
  background-repeat: no-repeat;
  background-size: 10px 17px;
  background-position: center center;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .column_pager_original .prev.page-numbers {
    margin-right: 5px;
  }
}

.column_pager_original .next.page-numbers {
  font-size: 0;
  background-image: url(../img/common/arrow/arrow_pager_right_b.png);
  background-repeat: no-repeat;
  background-size: 10px 17px;
  background-position: center center;
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .column_pager_original .next.page-numbers {
    margin-left: 5px;
  }
}

.column_pager_original .page-numbers.dots {
  border: none;
  background: none;
  width: 25px;
}

@media screen and (max-width: 768px) {
  .column_pager_original .page-numbers.dots {
    width: 15px;
  }
}

/* ---------------------------------------------
*   event page
--------------------------------------------- */
.content_area.skin-event .body_cont {
  padding-top: 10px;
}

@media screen and (max-width: 768px) {
  .content_area.skin-event .body_cont {
    margin-top: 0;
  }
}

.content_area.skin-event .column_list&gt;li {
  position: relative;
  border: 1px solid #bbb;
}

.content_area.skin-event .body_cont h4:after {
  display: none;
}

.event-logo {
  background-color: #fff;
  padding: 2px 31px;
  border-radius: 5px;
  color: #333333;
  font-size: 14px;
  border: 1px solid #333333;
}

.event-new {
  background-color: #e83416;
  padding: 2px 31px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #e83416;
}

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

  .event-logo,
  .event-new {
    font-size: 9px;
    padding: 3px 10px;
    border-radius: 6px;
    margin-bottom: 3px;
  }
}

.event-tag-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.event-tags,
.event-venue-tags,
.event-genre-tags {
  letter-spacing: -.4em;
}

.event-tags a {
  font-size: 12px;
  border: 1px solid #6F6F6F;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  letter-spacing: normal;
  width: auto;
  height: 27px;
  color: #6f6f6f;
  background-color: #EEEDED;
  /* background-image: url(../img/common/icon/icon_tag_b.png);
  background-size: 11px auto;
  background-position: left 10px center; */
  border-radius: 5px;
  padding: 0 13px 0 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.event-venue-tags a {
  font-size: 12px;
  border: 1px solid #6F6F6F;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 1;
  letter-spacing: normal;
  width: auto;
  height: 27px;
  color: #6f6f6f;
  background-color: #F9F9F0;
  border-radius: 5px;
  padding: 0 13px 0 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.event-tags a img {
  width: 11px;
  height: auto;
}

.event-venue-tags a svg {
  width: 11px;
  height: auto;
  fill: #6f6f6f;
}

.event-genre-tags a {
  font-size: 12px;
  border: 1px solid #6F6F6F;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 1;
  letter-spacing: normal;
  width: auto;
  height: 27px;
  color: #6f6f6f;
  /* background-color: #F9F9F0; */
  border-radius: 5px;
  padding: 0 13px 0 13px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.event-genre-tags a:hover {
  color: #fff;
  background-color: #6F6F6F;
}

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

  .event-tags a:hover,
  .event-venue-tags a:hover {
    opacity: 1;
    background-color: #fff;
  }
}

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

  .event-tags a,
  .event-venue-tags a,
  .event-genre-tags a {
    margin: 3px;
    height: 22px;
    font-size: 9px;
  }
}

.event-detail {
  overflow: hidden;
  /* overflow: hidden;　がキモ。*/
  width: 100%;
}

@media screen and (min-width: 769px) {
  .event-detail {
    height: 54px;
  }
}

@media screen and (max-width: 768px) {
  .event-detail {
    height: 50px;
  }
}

.event_info-outer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px;
}

div.event section.event_article article .event_info-outer .event_info {
  width: 50%;
  padding: 10px;
  margin: 0;
}

@media screen and (max-width: 768px) {
  div.event section.event_article article .event_info-outer .event_info {
    width: 100%;
    padding: 20px;
  }
}

@media screen and (max-width: 568px) {
  div.event section.event_article article .event_info-outer .event_info {
    padding: 10px;
  }
}

div.event div.right_arrow_btn a {
  border-width: 1px;
  min-width: 300px;
  padding: 10px 50px 10px 30px;
  background-size: 16px;
  background-position: right 30px center;
  border-radius: 6px;
  box-shadow: 0px 3px 0px 0px #837469;
}

@media screen and (min-width: 769px) {
  div.event div.right_arrow_btn a span {
    font-size: 15px;
  }
}

div.article section.event_article article {
  min-width: 0;
  min-width: 0;
  width: 100%;
  padding: 0;
}

@media screen and (min-width: 769px) {
  div.event section.event_top article {
    min-width: 0;
    min-width: 0;
    width: 100%;
    padding: 0;
  }
}

.service-tags {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .service-tags {
    padding-bottom: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
  }

  .service-tags.skin-event {
    width: 95%;
  }
}

.service-tags .right_arrow_btn {
  text-align: center;
  width: calc(100% / 4 - 30px);
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  .service-tags .right_arrow_btn {
    width: calc(100% / 2 - 5px);
    margin-right: 10px;
  }
}

@media screen and (max-width: 768px) {
  .service-tags .right_arrow_btn:nth-of-type(2n) {
    margin-right: 0;
  }
}

.service-tags .right_arrow_btn:nth-of-type(4n) {
  margin-right: 0;
}

@media screen and (min-width: 769px) {
  .service-tags .right_arrow_btn:nth-of-type(n + 5) {
    margin-top: 15px;
  }
}

.service-tags .right_arrow_btn a {
  min-width: 0 !important;
  width: 100% !important;
  padding: 18px 50px 18px 30px !important;
}

@media screen and (max-width: 768px) {
  .service-tags .right_arrow_btn a {
    padding: 10px 25px 10px 10px !important;
    background-position: right 10px center !important;
  }
}

@media screen and (max-width: 768px) {
  .service-tags.skin-event .right_arrow_btn {
    width: 33.33%;
    padding: 5px;
    margin-right: 0;
  }

  .service-tags.skin-event .right_arrow_btn a {
    padding: 9px 10px !important;
    background-image: none;
  }

  .service-tags.skin-event .right_arrow_btn a span {
    display: inline-block;
    text-align: left;
    background-position: left center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-image: url(../img/common/icon/btn_arrow_g.svg);
    background-size: 11px 11px;
    padding-left: 10px;
  }
}

@media screen and (max-width: 568px) {
  .service-tags.skin-event .right_arrow_btn a {
    padding-right: 5px !important;
    padding-left: 0 !important;
  }

  .service-tags.skin-event .right_arrow_btn a span {
    background-size: 8px 8px;
    font-size: 3vw;
  }
}

@media screen and (min-width: 769px) {
  .sidebar_search {
    margin-bottom: 10px;
  }
}

.sidebar_search form {
  display: -webkit-flex;
  display: flex;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.search-text {
  width: 77%;
  border: 1px solid #959595;
  border-radius: 17px;
  height: 34px;
  padding: 5px 10px;
}

.search-target {
  width: 20% !important;
  height: 34px !important;
  background-color: #837469 !important;
  border-radius: 17px !important;
  border: none !important;
  font-size: 13px !important;
  display: block !important;
  padding: 0 !important;
  background-image: none !important;
  min-width: 0 !important;
  cursor: pointer;
}

div.column div.column_side_recommend .sidebar_inner ul.sidebar_column_list&gt;li div.text_cont ul.tags li .tags-no-link {
  border-radius: 5px;
  border: 1px solid #959595;
  display: inline-block;
  width: auto;
  color: #6f6f6f;
  background-image: url(../img/common/icon/icon_tag_b.png);
  font-size: 12px;
  background-size: 9px auto;
  background-position: left 8px center;
  padding: 2px 5px 1px 20px;
}

div.message_box .article_column {
  padding-bottom: 50px !important;
}

@media screen and (max-width: 768px) {
  section.article_column.skin-service {
    overflow: hidden;
    padding: 15px 0 15px !important;
    margin: 30px 0 0 0;
    background-color: #fff;
    background-image: url(../img/content/_temp/message_box_bg.gif);
    background-repeat: repeat;
  }

  section.article_column.skin-service article {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 20px;
  }

  section.article_column.skin-service article .column_list_cont {
    margin-bottom: 15px;
  }

  section.article_column.skin-service article .column_list_cont div.content_area.skin-event {
    margin-top: 15px;
  }

  section.article_column.skin_deco {
    padding-top: 38px !important;
    background: none !important;
  }

  section.article_column.skin_deco::before {
    top: 0;
    left: 0;
    width: 160px;
  }

  section.article_column.skin-service ul.column_list&gt;li {
    text-align: left;
    display: inline-block;
    padding: 0;
    vertical-align: bottom;
  }

  section.article_column.skin-service .area.reform_area {
    width: 100%;
    overflow: hidden;
  }

  section.article_column.skin-service ul.column_list {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    display: block;
    text-align: center;
  }

  section.article_column.skin-service article .column_list_cont div.content_area {
    width: 100%;
    padding: 0;
  }

  section.article_column.skin-service ul.column_list&gt;li {
    width: 78%;
    margin: 10px;
  }

  section.article_column.skin-service ul.column_list&gt;li .image_cont {
    width: auto;
  }

  section.article_column.skin-service ul.column_list&gt;li .image_cont img {
    width: 100%;
    position: static;
    transform: none;
  }

  section.article_column.skin-service .content_area.skin-event .body_cont {
    padding-top: 10px;
    white-space: normal;
  }

  section.article_column.skin-service ul.column_list&gt;li .body_cont {
    width: auto;
    padding: 5px 10px 15px;
  }

  section.article_column.skin-service ul.column_list&gt;li .body_cont ul.tags {
    margin: 5px 0;

  }

  section.article_column.skin-service ul.column_list&gt;li .body_cont h4,
  section.article_column.skin-service ul.column_list&gt;li .body_cont h3 {
    font-size: 18px;
  }

  section.article_column.skin-service .event-logo {
    font-size: 15px;
    padding: 3px 15px;
    border-radius: 6px;
  }

  section.article_column.skin-service .event-tags a,
  section.article_column.skin-service .event-venue-tags a {
    margin: 3px;
    font-size: 12px;
    border-radius: 6px;
    border-width: 0.241545894vw;
    margin-bottom: 5px;
  }

  section.article_column.skin-service .event-venue-tags a {
    height: 26px;
  }

  section.article_column.skin-service ul.column_list&gt;li .image_cont a {
    height: auto;
    width: auto;
    border-radius: 0;
  }

  section.article_column.skin-service ul.column_list&gt;li .image_cont {
    height: auto;
  }
}

@media screen and (min-width: 769px) {
  .pc-hide {
    display: none !important;
  }
}

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

@media screen and (max-width: 768px) {
  .go_list.skin-space {
    padding-bottom: 50px;
  }
}

.text-tag-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 5px;
}

.article_head .text-tag-group {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .article_head .text-tag-group {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 568px) {
  .article_head .text-tag-group {
    margin-bottom: 10px;
  }
}

.text-category,
.text-venue,
.text-genre {
  letter-spacing: -.4em;
}

.text-category+.text-venue {
  margin-top: 0;
  letter-spacing: -.4em;
}

.text-category--single,
.text-venue--single {
  margin-top: 0;
  margin-bottom: 20px;
}

.text-category--single+.text-venue--single {
  margin-top: -20px;
}

.text-category span {
  font-size: 12px;
  border: 1px solid #959595;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  letter-spacing: normal;
  line-height: 1;
  width: auto;
  height: 27px;
  color: #6f6f6f;
  background-color: #EEEDED;
  /* background-image: url(../img/common/icon/icon_tag_b.png);
  background-size: 11px auto;
  background-position: left 10px center; */
  border-radius: 5px;
  padding: 0 15px 0 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.text-venue span {
  font-size: 12px;
  border: 1px solid #959595;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  letter-spacing: normal;
  line-height: 1;
  width: auto;
  height: 27px;
  color: #6f6f6f;
  background-color: #F9F9F0;
  border-radius: 5px;
  padding: 0 15px 0 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.text-venue span svg {
  width: 11px;
  height: auto;
  fill: #6f6f6f;
}

.text-category span img {
  width: 11px;
  height: auto;
}

@media screen and (min-width: 769px) {
  .column_2.skin-search main {
    padding-top: 25px;
  }
}

.js-search.is-hide {
  display: none;
}

a.border-links {
  border: 1px solid #837469;
  display: inline-block;
  width: auto;
  color: #837469;
  font-size: 14px;
  border-radius: 16px;
  padding: 3px 15px 2px 15px;
  margin-bottom: 10px;
  margin-right: 5px;
  transition: 300ms;
}

@media screen and (max-width: 768px) {
  a.border-links {
    padding: 3px 10px;
    font-size: 12px;
    border: none;
    background: none;
    background-color: #F5F5F5;
    margin-right: 5px;
    margin-bottom: 6px;
    margin-left: 0;
  }
}

a.border-links:hover {
  color: #fff;
  background-color: #837469;
}

/* ---------------------------------------------
*   input-content
--------------------------------------------- */
.input-content {
  position: relative;
  display: inline-block;
  color: transparent;
  font-size: 14px;
  border-radius: 16px;
  padding: 4px 15px 3px 15px;
  cursor: pointer;
  margin-bottom: 10px;
  margin-right: 5px;
  transition: 300ms;
}

@media screen and (max-width: 768px) {
  .input-content {
    padding: 3px 10px;
    background: none;
    background-color: #F5F5F5;
    font-size: 12px;
    margin-right: 2px;
  }
}

.input-content:hover {
  background-color: #837469;
}

.input-content:hover .input-content__text {
  color: #fff;
}

.input-content input {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10.66667vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.input-content input:checked+.input-content__border {
  background-color: #837469;
}

.input-content input:checked+.input-content__border .input-content__text {
  color: #fff;
}

.input-content__border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid #837469;
}

@media screen and (max-width: 768px) {
  .input-content__border {
    border: none;
  }
}

@media screen and (max-width: 768px) {
  .search-box a {
    font-size: 12px;
    border: none;
  }
}

.input-content__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #837469;
}

.text-genre span {
  font-size: 12px;
  border: 1px solid #959595;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  letter-spacing: normal;
  line-height: 1;
  width: auto;
  height: 27px;
  color: #959595;
  border-radius: 5px;
  padding: 0 15px 0 15px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.event_cont .detail-link {
  padding: 0;
  margin-bottom: 10px;
}

@media screen and (max-width: 568px) {
  .event_cont .detail-link {
    text-align: center;
  }
}

.text-genre span a:visited {
  color: inherit;
}

.event_cont .detail-link a {
  display: inline-block;
  width: 100%;
  height: 100%;
  max-width: 300px;
  padding: 10px 50px 10px 50px;
  color: #fff;
  background-color: #df3012;
  transition: .3s background-color;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #df3012;
  font-size: 18px;
  font-weight: 700;
}

.event_cont .detail-link a:hover {
  color: #df3012;
  background-color: #fff;
}

@media screen and (max-width: 568px) {
  .event_cont .detail-link a {
    font-size: 16px;
  }
}

.content_area.skin-event .text-genre {
  background: url(../img/common/border-event.png) 0 0 repeat-x;
  padding-top: 13px;
}

.area.js-loading-contents .btn {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
  text-align: center;
  margin-top: 20px;
}

.area.js-loading-contents button {
  display: inline-block;
  border: 2px solid #837469;
  background-color: #fff;
  border-width: 1px;
  min-width: 300px;
  padding: 10px 50px 10px 30px;
  border-radius: 6px;
  box-shadow: 0px 3px 0px 0px #837469;
  color: #837469;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .area.js-loading-contents button {
    min-width: 300px;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-width: 2px;
    font-size: 16px;
  }
}

.area.js-loading-contents button:hover {
  background-color: #837469;
  opacity: 1;
  color: #fff;
}

/* ---------------------------------------------
*   終活ページ
--------------------------------------------- */

/* ---------------------------------------------
*   main-keyvisual
--------------------------------------------- */
.main-keyvisual {
  height: 570px;
  padding-top: 18px;
  padding-bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #e4f8fb;
  margin-top: 150px;
  margin-bottom: 67px;
  background: url(../img/content/finalactivity/img_keyvisual.jpg) 50% 50% no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .main-keyvisual {
    height: auto;
    padding-top: 12.5vw;
    padding-bottom: 0;
    margin-top: 73px;
    margin-bottom: 0;
    background: url(../img/content/finalactivity/img_keyvisual.jpg) 50% 0 no-repeat;
    background-size: auto 44.0625vw;
  }
}

.main-keyvisual__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-right: 50px;
  padding-left: 50px;
  max-width: calc(1200px + 100px);
}

.main-keyvisual__caption {
  display: block;
  margin-bottom: 13px;
  line-height: 1;
  color: #847369;
  font-size: 28px;
  font-family: "Hannari", serif;
}

@media screen and (max-width: 768px) {
  .main-keyvisual__caption {
    margin-bottom: 1.5625vw;
    font-size: 2.9688vw;
  }
}

.main-keyvisual__title {
  display: block;
  line-height: 1;
  color: #847369;
  font-size: 100px;
  font-family: "Hannari", serif;
}

@media screen and (max-width: 768px) {
  .main-keyvisual__title {
    font-size: 10.7812vw;
  }
}

.main-keyvisual__text {
  display: inline-block;
  padding: 17px 32px;
}

@media screen and (max-width: 768px) {
  .main-keyvisual__text {
    padding-top: 2.65625vw;
    padding-right: 3.125%;
    padding-bottom: 0;
    padding-left: 3.125%;
  }
}

.main-keyvisual__text-item {
  line-height: 2.5;
  color: #707070;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .main-keyvisual__text-item {
    font-size: 3.125vw;
  }
}

.main-keyvisual__text-item:nth-of-type(n + 2) {
  margin-top: 18px;
}

@media screen and (max-width: 768px) {
  .main-keyvisual__text-item:nth-of-type(n + 2) {
    margin-top: 7.8125vw;
  }
}

/* ---------------------------------------------
*   content-container
--------------------------------------------- */
.content-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  max-width: calc(1200px + 30px);
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .content-container {
    padding-right: 3.125%;
    margin-bottom: 4.6875vw;
    padding-left: 3.125%;
  }
}

@media screen and (min-width: 769px) {
  .content-container--title {
    position: relative;
    left: -14.3333333%;
    display: block;
    width: 770px;
    padding: 60px 32px 36px 32px;
    background-color: rgba(255, 255, 255, .64);
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .content-container--title {
    margin-bottom: 16.09375vw;
  }
}

.content-container--white {
  background-color: rgba(255, 255, 255, .64);
  padding-right: 0;
  padding-bottom: 30px;
  padding-left: 0;
}

@media screen and (min-width: 769px) {
  .content-container--white {
    position: relative;
    left: -14.3333333%;
    display: block;
    width: 770px;
  }
}

@media screen and (max-width: 768px) {
  .content-container--white {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 22.96875vw;
  }
}

/* ---------------------------------------------
*   section-frame
--------------------------------------------- */
.section-frame {
  padding: 0 !important;
}

.section-frame__title {
  color: #847369;
  font-weight: bold;
  margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
  .section-frame__title {
    margin-bottom: 5.78125vw;
  }
}

.section-frame__title img {
  max-width: 100%;
  width: auto;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .section-frame__title img {
    width: 87.5vw;
  }
}

.section-frame__title span {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}

.section-frame__caption {
  width: 440px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .section-frame__caption {
    width: 68.75vw;
    margin-bottom: 6.5625vw;
  }
}

.section-frame__caption span {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}

.section-frame__text {
  text-align: center;
  line-height: 2.2;
  color: #707070;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .section-frame__text {
    font-size: 2.8125vw;
    letter-spacing: -.03em;
  }
}

.section-frame__text-small {
  text-align: center;
  line-height: 2.2;
  color: #707070;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .section-frame__text-small {
    font-size: 2.5vw;
  }
}

.section-frame__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
  margin-bottom: 70px;
}

@media screen and (min-width: 769px) {
  .section-frame__lists {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}

@media screen and (max-width: 768px) {
  .section-frame__lists {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 6.09375vw;
    margin-bottom: 9.37500vw;
  }
}

.section-frame__lists-item {
  width: 152px;
  height: 152px;
  margin-right: 1.83333333%;
}

@media screen and (max-width: 768px) {
  .section-frame__lists-item {
    width: 48.3333333%;
    height: 12.5vw;
    margin-right: 3.33333333%;
  }

  .section-frame__lists-item:nth-of-type(n + 3) {
    margin-top: 1.5625vw;
  }

  .section-frame__lists-item:nth-of-type(2n) {
    margin-right: 0;
  }
}

.section-frame__lists-item:last-child {
  margin-right: 0;
}

.section-frame__lists-link {
  position: relative;
  text-align: center;
  display: block;
  height: 100%;
  padding-top: 28px;
  box-sizing: border-box;
}

@media screen and (max-width: 1170px) {
  .section-frame__lists-link {
    padding-top: 32px;
  }
}

@media screen and (max-width: 768px) {
  .section-frame__lists-link {
    text-align: left;
    padding-top: 1.25vw;
    padding-left: 10.9375vw;
  }
}

.section-frame__lists-link:before {
  content: "";
  position: absolute;
  top: -23px;
  left: 13px;
  display: block;
  width: 46px;
  height: 46px;
}

@media screen and (max-width: 768px) {
  .section-frame__lists-link:before {
    top: 50%;
    left: 1.5625vw;
    width: 7.1875vw;
    height: 7.1875vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.section-frame__lists-link--a {
  background-color: #ffe1ef;
}

.section-frame__lists-link--a:before {
  background: url(../img/content/finalactivity/icon_a.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.section-frame__lists-link--b {
  background-color: #eaf9e7;
}

.section-frame__lists-link--b:before {
  background: url(../img/content/finalactivity/icon_b.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.section-frame__lists-link--c {
  background-color: #fff3e8;
}

.section-frame__lists-link--c:before {
  background: url(../img/content/finalactivity/icon_c.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.section-frame__lists-link--d {
  background-color: #f9f3d4;
}

.section-frame__lists-link--d:before {
  background: url(../img/content/finalactivity/icon_d.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.section-frame__lists-link--e {
  background-color: #ecf4ff;
}

.section-frame__lists-link--e:before {
  background: url(../img/content/finalactivity/icon_e.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.section-frame__lists-link--f {
  background-color: #f6f6e7;
}

.section-frame__lists-link--f:before {
  background: url(../img/content/finalactivity/icon_f.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.section-frame__lists-link--g {
  background-color: #f0e7fc;
}

.section-frame__lists-link--g:before {
  background: url(../img/content/finalactivity/icon_g.png) 0 0 no-repeat;
  background-size: 100% auto;
}

.section-frame__lists-link-title {
  display: block;
  letter-spacing: -0.02em;
  color: #847369;
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 5px;
}

@media screen and (max-width: 1170px) {
  .section-frame__lists-link-title {
    font-size: 23px;
  }
}

@media screen and (max-width: 768px) {
  .section-frame__lists-link-title {
    line-height: 1.2;
    font-size: 4.375vw;
    margin-bottom: 0.46875vw;
  }
}

.section-frame__lists-link-text {
  display: block;
  line-height: 1.4;
  color: #847369;
  font-size: 18px;
}

@media screen and (max-width: 1170px) {
  .section-frame__lists-link-text {
    font-size: 17px;
  }
}

@media screen and (max-width: 768px) {
  .section-frame__lists-link-text {
    font-size: 2.8125vw;
    letter-spacing: -.04em;
  }
}

/* ---------------------------------------------
*   list-frame
--------------------------------------------- */
.list-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 30px;
}

.list-frame__item {
  width: 333px;
  height: 115px;
  background: url(../img/content/finalactivity/bg_text_frame.png) 0 0 no-repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.list-frame__item:nth-of-type(n + 2) {
  margin-left: 23px;
}

.list-frame__item-text {
  line-height: 2;
  letter-spacing: -.02em;
  padding-top: 10px;
  text-align: center;
  color: #847369;
  font-weight: bold;
  font-size: 18px;
}

@media (min-width: 1000px) and (max-width: 1150px) {
  .list-frame__item-text {
    font-size: 1.56521739vw;
  }
}

@media screen and (max-width: 1000px) {
  .list-frame__item-text {
    font-size: 15px;
  }
}

/* ---------------------------------------------
*   content-frame
--------------------------------------------- */
.content-frame {
  padding: 17px;
  background-image: url(../img/content/_temp/message_box_bg.gif);
  background-repeat: repeat;
  margin-bottom: 90px;
}

@media screen and (max-width: 768px) {
  .content-frame {
    padding: 2.5vw;
    margin-bottom: 14.0625vw;
  }
}

.content-frame__inner {
  padding: 28px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .content-frame__inner {
    padding: 3.28125vw 0;
  }
}

.content-frame__text {
  text-align: center;
  line-height: 2.2;
  color: #707070;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .content-frame__text {
    font-size: 2.8125vw;
    letter-spacing: -.03em;
  }
}

/* ---------------------------------------------
*   section-detail
--------------------------------------------- */
.section-detail {
  padding: 40px !important;
  border-radius: 15px;
  background-color: #f7f7ed;
}

@media screen and (max-width: 768px) {
  .section-detail {
    padding-top: 3.90625vw !important;
    padding-right: 5% !important;
    padding-bottom: 6.25vw !important;
    padding-left: 5% !important;
    border-radius: 3.125vw;
  }
}

.section-detail:nth-of-type(n + 2) {
  margin-top: 65px;
}

@media screen and (max-width: 768px) {
  .section-detail:nth-of-type(n + 2) {
    margin-top: 8.75vw;
  }
}

.section-detail-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .section-detail-main {
    display: block;
    margin-bottom: 4.6875vw;
  }
}

.section-detail--reverse .section-detail-main {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.section-detail__content {
  width: calc(100% - 400px);
  padding-right: 80px;
  padding-left: 3px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .section-detail__content {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .section-detail__content img {
    width: 62.5vw;
    margin-right: auto;
    margin-left: auto;
  }
}

.section-detail--reverse .section-detail__content {
  padding-right: 0;
  padding-left: 48px;
}

@media screen and (max-width: 768px) {
  .section-detail--reverse .section-detail__content {
    padding-left: 0;
  }
}

.section-detail__content-title {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .section-detail__content-title {
    position: relative;
    left: -5%;
    width: 93.75vw;
    text-align: center;
    font-size: 5vw;
    margin-bottom: 1.5625vw;
  }
}

.section-detail__content-title--pink {
  color: #BE447D;
}

.section-detail__content-title--green {
  color: #5FC785;
}

.section-detail__content-title--orange {
  color: #E58E38;
}

.section-detail__content-title--yellow {
  color: #D6B820;
}

.section-detail__content-title--blue {
  color: #3D6BAF;
}

.section-detail__content-title--yellow-green {
  color: #C8C812;
}

.section-detail__content-title--purple {
  color: #996ED2;
}

.section-detail__content-title-caption {
  font-size: 22px;
  font-weight: normal;
  margin-left: 1.5em;
}

@media screen and (max-width: 768px) {
  .section-detail__content-title-caption {
    font-size: 4.0625vw;
  }
}

.section-detail__content-text {
  line-height: 2.2;
  padding-left: 15px;
  color: #707070;
  font-size: 16px;
  text-align: justify;
}

@media screen and (max-width: 768px) {
  .section-detail__content-text {
    line-height: 2;
    padding-left: 0;
    font-size: 3.125vw;
    margin-top: 4.6875vw;
  }
}

.section-detail__image {
  width: 400px;
}

.section-detail-texts {
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 25px 33px;
}

@media screen and (max-width: 768px) {
  .section-detail-texts {
    display: block;
    margin: 0;
  }
}

.section-detail-texts__content {
  width: calc(50% - 35px);
  padding: 0 !important;
}

.section-detail-texts__content:first-child {
  width: calc(50% - 45px);
}

.section-detail-texts__content:last-child {
  width: calc(50% - 20px);
}

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

  .section-detail-texts__content:first-child,
  .section-detail-texts__content:last-child {
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .section-detail-texts__content:nth-of-type(n + 2) {
    margin-top: 4.6875vw;
  }
}

.section-detail-texts__title {
  position: relative;
  color: #707070;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .section-detail-texts__title {
    font-size: 4.0625vw;
    margin-bottom: 2.65625vw;
  }
}

.section-detail-texts__title--concierge {
  padding-left: 42px;
}

@media screen and (max-width: 768px) {
  .section-detail-texts__title--concierge {
    padding-left: 2.2em;
  }
}

.section-detail-texts__title--concierge:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 31px;
  height: 33px;
  background: url(../img/content/finalactivity/icon_concierge.png) 50% 50% no-repeat;
  background-size: 100% auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .section-detail-texts__title--concierge:before {
    width: 4.84375vw;
    height: 5.15625vw;
  }
}

.section-detail-texts__title--service {
  padding-left: 48px;
}

@media screen and (max-width: 768px) {
  .section-detail-texts__title--service {
    padding-left: 2.2em;
  }
}

.section-detail-texts__title--service:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 35px;
  height: 35px;
  background: url(../img/content/finalactivity/icon_service.png) 50% 50% no-repeat;
  background-size: 100% auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .section-detail-texts__title--service:before {
    width: 5.46875vw;
    height: 5.46875vw;
  }
}

.section-detail-texts__item {
  line-height: 2.2;
  color: #707070;
  font-size: 16px;
  text-align: justify;
}

@media screen and (max-width: 768px) {
  .section-detail-texts__item {
    line-height: 2;
    padding-left: 0;
    font-size: 3.125vw;
  }
}

/* ---------------------------------------------
*   btn-arrow
--------------------------------------------- */
.btn-arrow {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .section-detail .btn-arrow {
    margin-top: 7.0312vw;
  }
}

.btn-arrow__link {
  display: inline-block;
  text-align: center;
  width: 332px;
  padding: 20px 30px 17px;
  border-radius: 10px;
  border: 2px solid #837469;
  box-shadow: 0px 5px 0px 0px #837469;
  line-height: 1;
  background-image: url(../img/common/icon/btn_arrow_g.svg);
  background-position: left 28px center;
  background-repeat: no-repeat;
  background-size: 11px 11px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .btn-arrow__link {
    width: 37.8125vw;
    padding: 3.125vw 1.875vw 2.65625vw;
    border-radius: 1.5625vw;
    background-position: left 4.375vw center;
    background-size: 1.71875vw 1.71875vw;
    border-width: .3125vw;
    box-shadow: 0px 0.78125vw 0px 0px #837469;
  }
}

@media screen and (min-width: 769px) {
  .btn-arrow__link:hover {
    background-color: #837469;
    opacity: 1;
    background-image: url(../img/common/icon/btn_arrow_w.svg);
    background-position: left 28px center;
    background-repeat: no-repeat;
    background-size: 11px 11px;
  }
}

.btn-arrow__link span {
  color: #837469;
  font-weight: bold;
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .btn-arrow__link span {
    font-size: 2.96875vw;
  }
}

@media screen and (min-width: 769px) {
  .btn-arrow__link:hover span {
    color: #fff;
  }
}

/* ---------------------------------------------
*   section-list
--------------------------------------------- */
.section-list {
  padding-top: 55px !important;
  padding-bottom: 107px !important;
  background-color: #f7f7ed;
}

@media screen and (max-width: 768px) {
  .section-list {
    padding-top: 8.90625vw !important;
    padding-bottom: 20.3125vw !important;
  }
}

.section-list__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
  .section-list__title {
    font-size: 4.6875vw;
    margin-bottom: 5.46875vw;
  }
}

.section-list__title-image {
  display: block;
  width: 32px;
  margin-right: 14px;
}

@media screen and (max-width: 768px) {
  .section-list__title-image {
    width: 5vw;
    margin-right: 2.1875vw;
  }
}

.section-list__title-item {
  display: block;
  color: #545352;
  font-weight: bold;
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  .section-list__title-item {
    font-size: 4.375vw;
  }
}

.section-list__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .section-list__content {
    display: block;
    padding-right: 3.125%;
    padding-left: 3.125%;
  }
}

.section-list__content-item {
  position: relative;
  border: 1px solid #D1D1D1;
  border-radius: 10px;
  width: 354px;
  overflow: hidden;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .section-list__content-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-radius: 1.5625vw;
  }
}

.section-list__content-item:nth-of-type(n + 2) {
  margin-left: 30px;
}

@media screen and (max-width: 768px) {
  .section-list__content-item:nth-of-type(n + 2) {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .section-list__content-item:nth-of-type(n + 2) {
    margin-top: 3.125vw;
  }
}

.section-list__content-image {}

@media screen and (max-width: 768px) {
  .section-list__content-image {
    width: 38.4615385%;
  }
}

.section-list__content-link {
  display: block;
}

.section-list__content-body {
  position: relative;
  margin-top: -30px;
  padding: 10px 10px 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .section-list__content-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
    padding: 1.5625vw 1.5625vw 0 1.5625vw;
    width: calc(100% - 38.4615385%);
  }
}

.section-list__content-tag {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .section-list__content-tag {
    margin-bottom: 0.78125vw;
  }
}

.section-list__content-tag-item {
  display: inline-block;
  padding: 5px 8px;
  border: 1px solid #CCC;
  border-radius: 5px;
  background-color: #fff;
  color: #707070;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .section-list__content-tag-item {
    padding: 0.15625vw 1.875vw;
    border-radius: 0.78125vw;
    font-size: 2.5vw;
  }
}

.section-list__content-text {
  color: #707070;
  font-size: 18px;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .section-list__content-text {
    font-size: 3.125vw;
    margin-bottom: 3.125vw;
  }
}

.section-list__content-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .section-list__content-links {
    margin-top: auto;
  }
}

@media screen and (max-width: 768px) {
  .section-list__content-link {
    margin-top: auto;
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  .section-list__content-link img {
    object-fit: cover;
    height: 100%;
  }
}

.section-list__content-links-item {}

.section-list__content-links-item-target {
  display: inline-block;
  padding: 5px 24px;
  border: 1px solid #CCC;
  border-radius: 5px;
  color: #707070;
  font-size: 16px;
  margin-right: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .section-list__content-links-item-target {
    padding: 0.15625vw 2.5vw;
    border-radius: 0.78125vw;
    font-size: 2.5vw;
    margin-right: 0.78125vw;
    margin-bottom: 1.5625vw;
  }
}

/* ---------------------------------------------
*   links-data
--------------------------------------------- */
.links-data {
  position: relative;
  padding: 30px 0 45px;
  background-color: #ebe8e3;
}

@media screen and (max-width: 768px) {
  .links-data {
    padding: 4.6875vw 0 7.03125vw;
  }
}

.links-data__image {
  position: absolute;
  left: 50%;
  width: 124px;
  height: 151px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: -105px;
  margin-left: 290px;
}

@media screen and (max-width: 768px) {
  .links-data__image {
    width: 13.125vw;
    height: 16.09375vw;
    margin-top: -6.5625vw;
    margin-left: 38.125vw;
  }
}

.links-data__title {
  text-align: center;
  color: #707070;
  font-size: 25px;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .links-data__title {
    font-size: 3.90625vw;
    margin-bottom: 4.6875vw;
    padding-right: 11.71875vw;
  }
}

/* ---------------------------------------------
*   button-content
--------------------------------------------- */
.button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/* ---------------------------------------------
*   button-red
--------------------------------------------- */
.button-red {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 332px;
}

@media screen and (max-width: 768px) {
  .button-red {
    width: 44.375vw;
  }
}

.button-red:nth-of-type(n + 2) {
  margin-left: 22px;
}

@media screen and (max-width: 768px) {
  .button-red:nth-of-type(n + 2) {
    margin-left: 3.59375vw;
  }
}

.button-red--web {}

.button-red--shop {}

.button-red__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 73px;
  padding: 0 20px;
  border-radius: 10px;
  border: 2px solid #E83416;
  box-shadow: 0px 5px 0px 0px #E83416;
  background-color: #fff;
  line-height: 1;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .button-red__link {
    height: 17.1875vw;
    padding: 3.125vw;
    border-radius: 1.5625vw;
    border: 0.3125vw solid #E83416;
    box-shadow: 0px 0.78125vw 0px 0px #E83416;
  }
}

.button-red__link:hover {
  opacity: 1;
  background-color: #e83416;
}

.button-red--web .button-red__link {
  padding-left: 83px;
  background-position: left 52px center;
  background-size: 41px 35px;
  background-repeat: no-repeat;
  background-image: url("../img/common/icon/icon_online.svg");
}

@media screen and (max-width: 768px) {
  .button-red--web .button-red__link {
    padding-top: 7.8125vw;
    padding-right: 1.5625vw;
    padding-bottom: .78125vw;
    padding-left: 1.5625vw;
    background-position: center top 1.40625vw;
    background-size: 5.9375vw 4.6875vw;
  }
}

.button-red--web .button-red__link:hover {
  background-image: url("../img/common/icon/icon_online_w.svg");
}

.button-red--shop .button-red__link {
  padding-left: 83px;
  background-position: left 65px center;
  background-size: 45px 38px;
  background-repeat: no-repeat;
  background-image: url(../img/common/icon/icon_in_shop.svg);
}

.button-red--shop .button-red__link {
  padding-left: 83px;
  background-position: left 65px center;
  background-size: 45px 38px;
  background-repeat: no-repeat;
  background-image: url(../img/common/icon/icon_consultation.svg);
}

@media screen and (max-width: 768px) {
  .button-red--shop .button-red__link {
    padding-top: 9.0625vw;
    padding-right: 1.5625vw;
    padding-bottom: .78125vw;
    padding-left: 1.5625vw;
    background-position: center top 3.125vw;
    background-size: 6.25vw 5vw;
  }
}

.button-red--shop .button-red__link:hover {
  background-image: url(../img/common/icon/icon_shop_w.svg);
}

.button-red__link-item {
  display: inline-block;
  color: #E83416;
  font-size: 19px;
}

.button-red--shop .button-red__link:hover {
  background-image: url(../img/common/icon/icon_consultation_w.svg);
}

.button-red__link-item {
  display: inline-block;
  color: #E83416;
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .button-red__link-item {
    line-height: 1.3;
    font-size: 2.96875vw;
  }
}

.button-red__link-text {
  display: inline-block;
  color: #E83416;
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .button-red__link-text {
    font-size: 1.875vw;
  }
}

.button-red__link:hover .button-red__link-item {
  color: #fff;
}

.button-red__link:hover .button-red__link-text {
  color: #fff;
}

.cond1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

div.column div.column_side_cat.skin-genre .sidebar_inner h2 span {
  background-image: url(../img/common/icon/icon_genre_black.png);
  background-size: 19px 16px;
}

@media screen and (max-width: 768px) {
  div.column div.column_side_cat.skin-genre .sidebar_inner h2 span {
    background-size: 17px auto;
  }
}

@media screen and (max-width: 568px) {
  div.column div.column_side_cat.skin-genre .sidebar_inner h2 span {
    background-size: 13px auto;
  }
}

html.event-page {
  height: auto;
}

body.event-page {
  height: auto;
}

body.event-page div.column_2 main {
  float: none;
}

/*body.event-page div.column_2 {
  -webkit-flex-direction: inherit;
  flex-direction: inherit;
}*/

body.event-page div.column_2 aside {
  float: none;
}

.senior.article .no_ttl {
  margin-top: 0;
}

.senior main {
  background: #fff !important;
}

.itemList.event_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/* ---------------------------------------------
*   shop page
--------------------------------------------- */
.shop-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

section.store_list article .store_list_box.skin_consulting .store_info {
  display: flex;
  flex-direction: column;
  height: 100%;
}

section.store_list article .store_list_box.skin_consulting .store_info .shop-list {
  margin-top: auto;
  margin-bottom: 10px;
}

@media screen and (min-width: 769px) {
  section.store_list article .store_list_box .store_text .store_info ul li.skin_shop {
    margin-top: 15px;
    width: 250px;
  }
}

@media screen and (min-width: 769px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop {
    width: 250px;
  }
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop {
    margin-right: 2%;
    margin-left: 0;
    max-width: 251px;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop a {}

@media screen and (min-width: 769px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop a {
    width: 250px;
    padding: 15px 20px;
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop a {
    background-size: 32px 25px;
    background-position: 8px 50%;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop a span {
  padding-left: 50px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop a span {
    padding-left: 40px;
    white-space: nowrap;
  }
}

@media screen and (max-width: 400px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop a span {
    padding-left: 27px;
  }
}

@media screen and (min-width: 769px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long a {
    padding: 7px 5px 7px 10px;
  }
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long a {
    padding: 7px 0;
  }
}

@media screen and (min-width: 769px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long {
    margin-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long {
    margin-left: 2%;
    margin-right: 0;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long a span {
  line-height: 1.3;
}

@media screen and (min-width: 769px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long a span {
    background-size: auto 30px;
  }
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long a span {
    line-height: 1.15;
    letter-spacing: -0.05em;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_mail span {
  background-image: url("../img/common/icon/mail.svg");
  background-size: auto 37px;
}

@media screen and (min-width: 769px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_mail a:hover span {
    background-image: url("../img/common/icon/mail_w.svg");
  }
}

@media screen and (max-width: 768px) {
  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_mail span {
    background-size: auto 30px;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_online a,
ul li.icon_btn.shop_consul.skin_shop.skin_online a {
  padding: 15px 13px;
}

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

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_online a,
  ul li.icon_btn.shop_consul.skin_shop.skin_online a {
    padding: 11px 10px;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_online a span,
ul li.icon_btn.shop_consul.skin_shop.skin_online a span {
  line-height: 1.7;
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_online span,
ul li.icon_btn.shop_consul.skin_online span {
  background-image: url("../img/common/icon/icon_online_pc.svg");
  background-size: auto 25px;
}

@media screen and (max-width: 1285px) {

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_online span,
  ul li.icon_btn.shop_consul.skin_online span {
    background-size: auto 22px;
  }
}

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

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_online a:hover span,
  ul li.icon_btn.shop_consul.skin_online a:hover span {
    background-image: url("../img/common/icon/icon_online_pc_w.svg") !important;
    background-size: auto 25px;
  }
}

@media screen and (max-width: 1285px) {

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_online a:hover span,
  ul li.icon_btn.shop_consul.skin_online a:hover span {
    background-size: auto 22px;
    background-image: url(../img/common/icon/icon_online_pc_w.svg) !important;
  }
}

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

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_online span,
  ul li.icon_btn.shop_consul.skin_online span {
    background-size: auto 20px;
  }
}

@media screen and (max-width: 400px) {

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_online span,
  ul li.icon_btn.shop_consul.skin_online span {
    background-size: auto 17px;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_video span,
ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_video span {
  background-image: url("../img/common/icon/video.svg");
  background-size: auto 50px;
  padding-left: 50px;
}

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

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_video a:hover span,
  ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_video a:hover span {
    background-image: url("../img/common/icon/video_w.svg") !important;
  }
}

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

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_video span,
  ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_video span {
    background-size: auto 45px;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_mail_one a,
ul li.icon_btn.shop_consul.skin_shop.skin_mail_one a {
  padding: 15px 13px;
}

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

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_mail_one a,
  ul li.icon_btn.shop_consul.skin_shop.skin_mail_one a {
    padding: 11px 10px;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_mail_one a span,
ul li.icon_btn.shop_consul.skin_shop.skin_mail_one a span {
  line-height: 1.7;
}

@media screen and (max-width: 400px) {

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_mail_one a span,
  ul li.icon_btn.shop_consul.skin_shop.skin_mail_one a span {
    padding-left: 33px;
  }
}

section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_mail_one span,
ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_mail_one span {
  background-image: url("../img/common/icon/icon_mail_bl_red.svg");
  background-size: auto 23px;
}

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

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_mail_one a:hover span,
  ul li.icon_btn.shop_consul.skin_mail_one a:hover span {
    background-image: url("../img/common/icon/icon_mail_bl_w.svg") !important;
    background-size: auto 23px;
  }
}

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

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_mail_one span,
  ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_mail_one span {
    background-size: auto 20px;
  }

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_mail_one a:hover span,
  ul li.icon_btn.shop_consul.skin_mail_one a:hover span {
    background-image: url(../img/common/icon/icon_mail_bl_w.svg) !important;
  }
}

@media screen and (max-width: 400px) {

  section.store_list article .store_list_box .store_text .store_info ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_mail_one span,
  ul li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_mail_one span {
    background-size: auto 17px;
  }
}

/* ---------------------------------------------
*   shop detail page
--------------------------------------------- */
.shop-list.skin_detail li.icon_btn a {
  text-align: center;
  padding: 15px 30px;
  min-width: auto;
  max-width: 249px;
  width: 249px;
}

@media screen and (max-width: 1285px) {
  .shop-list.skin_detail li.icon_btn a {
    max-width: 200px;
    width: 200px;
    padding: 15px 8px !important;
  }
}

@media screen and (max-width: 768px) {
  .shop-list.skin_detail li.icon_btn a {
    padding: 10px 10px;
    display: block;
    max-width: 251px;
    width: 100%;
  }
}

.shop-list.skin_detail li.icon_btn span {
  font-size: 17px;
  padding-left: 35px;
  text-align: center;
}

@media screen and (max-width: 1285px) {
  .shop-list.skin_detail li.icon_btn span {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .shop-list.skin_detail li.icon_btn span {
    text-align: left;
    font-size: 13px;
    background-size: 30px;
    padding: 5px 0 5px 40px;
  }

  .shop-list.skin_detail li.icon_btn.skin_shop-long span {
    line-height: 1.15;
    letter-spacing: -0.05em;
  }
}

@media screen and (max-width: 400px) {
  .shop-list.skin_detail li.icon_btn span {
    font-size: 9px;
  }
}

@media screen and (max-width: 768px) {
  .shop-list.skin_detail li.icon_btn {
    margin-right: 2%;
    margin-bottom: 10px;
    margin-left: 0;
    max-width: 251px;
    width: 48%;
  }
}

@media screen and (max-width: 768px) {
  .shop-list.skin_detail li:nth-of-type(even) {
    margin-left: 2%;
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .shop-list.skin_detail li.icon_btn.skin_map {
    margin-right: 30%;
    margin-left: 140px;
  }
}

@media screen and (max-width: 550px) {
  .shop-list.skin_detail li.icon_btn.skin_map {
    margin-right: 25%;
    margin-left: 25%;
  }
}

.shop-list.skin_detail li.icon_btn.skin_map span {
  padding-left: 43px;
}

@media screen and (max-width: 1285px) {
  .shop-list.skin_detail li.icon_btn.skin_map span {
    padding-left: 37px;
  }
}

.shop-list.skin_detail li.icon_btn.skin_shop-long a {
  padding: 7px 0;
  background-position: left 10px center;
}

@media screen and (min-width: 769px) {
  .shop-list.skin_detail li.icon_btn.skin_shop-long span {
    line-height: 1.3;
    background-size: auto 30px;
  }
}

@media screen and (min-width: 769px) {
  .shop-list.skin_detail li.icon_btn.skin_shop-long span {
    background-size: auto 30px;
  }
}

.shop-list.skin_detail li.icon_btn.shop_consul.skin_mail span {
  background-image: url("../img/common/icon/mail.svg");
  background-size: auto 37px;
}

@media screen and (min-width: 769px) {
  .shop-list.skin_detail li.icon_btn.shop_consul.skin_mail a:hover span {
    background-image: url("../img/common/icon/mail_w.svg");
  }
}

@media screen and (max-width: 768px) {
  .shop-list.skin_detail li.icon_btn.shop_consul.skin_mail span {
    background-size: auto 30px;
  }
}

@media screen and (max-width: 400px) {
  .shop-list.skin_detail li.icon_btn.shop_consul.skin_mail span {
    background-size: auto 22px;
  }
}

.shop-list.skin_detail li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_video span {
  background-image: url("../img/common/icon/video.svg");
  background-size: auto 50px;
  padding-left: 50px;
}

@media screen and (min-width: 769px) {
  .shop-list.skin_detail li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_video a:hover span {
    background-image: url("../img/common/icon/video_w.svg");
  }
}

@media screen and (max-width: 768px) {
  .shop-list.skin_detail li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_video span {
    background-size: auto 45px;
  }
}

@media screen and (max-width: 400px) {
  .shop-list.skin_detail li.icon_btn.shop_consul.skin_shop.skin_shop-long.skin_video span {
    background-size: auto 33px;
    padding-left: 30px;
  }
}

.shop-list.skin_detail li:nth-of-type(2n) {
  margin-left: 20px;
}

.shop-list.skin_detail li:nth-of-type(n + 3) {
  margin-top: 20px;
}

@media screen and (max-width: 1075px) {
  .shop-list.skin_detail {
    display: block;
  }

  .shop-list.skin_detail li {
    text-align: left;
  }

  .shop-list.skin_detail li:nth-of-type(2n) {
    margin-left: 0;
  }

  .shop-list.skin_detail li:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .shop-list.skin_detail {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .shop-list.skin_detail li {
    margin-right: 2%;
    width: 48%;
    max-width: 251px;
  }

  .shop-list.skin_detail li:nth-of-type(n + 2) {
    margin-top: 0;
  }

  .shop-list.skin_detail li:nth-of-type(even) {
    margin-right: 0;
    margin-left: 2%;
  }

  .shop-list.skin_detail li.skin_no-space {
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 2%;
  }

  .shop-list.skin_detail li.skin_no-space-2 {
    margin-top: 0 !important;
    margin-right: 0;
    margin-bottom: 0;
  }

  .shop-list.skin_detail li:nth-of-type(n + 3) {
    margin-top: 10px;
  }

  .shop-list.skin_detail li.icon_btn span {
    font-size: 13px;
    background-size: 30px;
    padding: 5px 0 5px 40px;
    white-space: nowrap;
  }
}

@media screen and (max-width: 350px) {
  .shop-list.skin_detail li.icon_btn span {
    font-size: 11px;
    padding: 5px 0 5px 30px;
    background-size: 23px auto;
  }
}

@media screen and (max-width: 768px) {
  section.store_list.skin_detail article .store_list_box .store_text .store_info ul li {
    padding: 10px 10px;
    display: block;
    max-width: 251px;
    width: auto;
  }

  section.store_list.skin_detail article .store_list_box .store_text .store_info ul li span {
    background-size: 30px;
    padding: 5px 0 5px 40px;
  }
}

/* ---------------------------------------------
*   inquiry page
--------------------------------------------- */
div.inquiry section.front_box.box-wide article {
  max-width: 1240px;
}

div.inquiry section.front_box .inquiry_cont.skin_four .cont {
  width: calc(100% / 3 - 26px);
}

@media screen and (max-width: 768px) {
  div.inquiry section.front_box .inquiry_cont.skin_four .cont {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  div.inquiry section.front_box .inquiry_cont.skin_four .cont h3 {
    font-size: 16px;
  }

  div.inquiry section.front_box .inquiry_cont.skin_four .cont .content_cont p {
    font-size: .78rem;
  }

  div.inquiry section.front_box .inquiry_cont.skin_four .cont .content_cont .arrow_btn a {
    min-width: 210px;
    padding: 6px 10px 5px 20px;
  }
}

.mgb-10 {
  margin-bottom: 10px;
}

/* ---------------------------------------------
*   form
--------------------------------------------- */
section.section01 select {
  background-image: url(/assets/img/common/icon/btn_arrow_bottom.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 12px 10px !important;
  background-position: right 10px center !important;
}

/* ---------------------------------------------
*   cassette-content
--------------------------------------------- */
.cassette-content {
  position: relative;
  display: block !important;
  padding: 0 !important;
  border: 1px solid #D2D1D1;
  border-radius: 5px;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .cassette-content {
    margin-bottom: 4vw;
  }
}

.cassette-content:after {
  display: none !important;
}

.cassette-content__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D2D1D1;
  border-radius: 5px 5px 0 0;
  background-color: #f7f6ef;
  margin-bottom: 0 !important;
}

.cassette-content__ttl-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  min-height: 50px;
  width: 100%;
  text-align: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  font-weight: bold;
  color: #837469;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .cassette-content__ttl-inner {
    min-height: 10.66667vw;
    font-size: 4.2667vw;
  }
}

.cassette-content__link {
  position: absolute !important;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  padding-right: 0 !important;
  transition: background .3s;
}

.cassette-content__link:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.cassette-content__link::after {
  display: none !important;
}

.cassette-content-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px 15px 10px;
  color: #837469;
}

@media screen and (max-width: 768px) {
  .cassette-content-main {
    padding: 4vw;
  }
}

.cassette-content-main .text-category span {
  font-size: 12px;
  line-height: 1.7em;
  border: 1px solid #707070;
  display: inline-block;
  letter-spacing: normal;
  width: auto;
  height: auto;
  color: #6f6f6f;
  background-color: #fff;
  background-image: url(../img/common/icon/icon_tag_b.png);
  background-size: 14px auto;
  background-position: left 10px center;
  border-radius: 5px;
  padding: 3px 15px 3px 30px;
  margin-right: 10px;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .cassette-content-main .text-category span {
    font-size: 10px !important;
  }
}

.cassette-content-main__img {
  width: 195px;
  height: 130px;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  .cassette-content-main__img {
    width: 33.33333vw;
    height: 40vw;
    border-radius: 0;
  }
}

.cassette-content-main__img img {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  margin: 0 !important;
}

@media screen and (max-width: 768px) {
  .cassette-content-main__img img {
    object-fit: cover;
  }
}

.cassette-content__ttl-inner-txt {
  position: relative;
}

.cassette-content__ttl-inner-txt::before {
  position: absolute;
  top: 50%;
  left: -35px;
  display: block;
  width: 27px;
  height: 27px;
  background: url(/assets/img/icon/icon_column_b.png) 0 0 no-repeat;
  background-size: 100% auto;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .cassette-content__ttl-inner-txt::before {
    width: 5.33333vw;
    height: 5.33333vw;
    left: -8vw;
  }
}

.cassette-content-main__txts {
  width: calc(100% - 195px);
  padding-top: 2px;
  padding-left: 15px;
}

@media screen and (max-width: 768px) {
  .cassette-content-main__txts {
    width: calc(100% - 33.33333vw);
    padding-left: 2vw;
  }
}

.cassette-content-main__txts .text-category.text-category--single {
  margin-bottom: 0;
}

.cassette-content-main__txts .author {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .cassette-content-main__txts .author {
    margin-top: 7px;
  }
}

.cassette-content-main__txts .portrait_cont {
  width: 40px;
  height: 40px;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .cassette-content-main__txts .portrait_cont {
    width: 26px;
    height: 26px;
  }
}

.cassette-content-main__txts .portrait_cont img {
  margin: 0 !important;
}

.cassette-content-main__txts .author p {
  margin-bottom: 0;
}

.cassette-content-main__txts .author p.text {
  width: calc(100% - 40px) !important;
  padding-left: 10px;
}

@media screen and (max-width: 768px) {
  .cassette-content-main__txts .author p.text {
    padding-left: 1.33333333vw;
  }
}

.cassette-content-main__txts .author p.text a {
  display: block !important;
  padding-right: 0 !important;
  padding-left: 7px !important;
}

.cassette-content-main__txts .author p.text a::after {
  display: none !important;
}

.cassette-content-main__txts-ttl {
  padding-bottom: 7px;
  margin-bottom: 12px !important;
  border-bottom: 1px dashed #837469;
  font-size: 20px !important;
}

@media screen and (max-width: 768px) {
  .cassette-content-main__txts-ttl {
    padding-bottom: 3px;
    margin-bottom: 10px !important;
    font-size: 16px !important;
  }
}

.cassette-content-main__txts-icon {
  margin-bottom: 10px !important;
}

.cassette-content-main__txts-icon-inner {
  padding: 5px 18px;
  color: #6F6F6F;
  font-size: 14px;
  border: 1px solid #707070;
  border-radius: 3px;
}

@media screen and (max-width: 768px) {
  .cassette-content-main__txts-icon-inner {
    padding: 7px 10px;
    font-size: 10px;
  }
}

.cassette-content-main__tag {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.cassette-content-main__txts .date {
  margin-bottom: 0;
  margin-right: 12px;
}

@media screen and (max-width: 768px) {
  .cassette-content-main__txts .date {
    margin-top: 7px;
    margin-right: 0;
    margin-bottom: 0 !important;
    font-size: 12px;
  }
}

.cassette-content-main__tag a {
  border-radius: 5px;
  border: 1px solid #959595;
  display: inline-block;
  width: auto;
  color: #6f6f6f;
  background-image: url(../img/common/icon/icon_tag_b.png);
  background-size: 15px auto;
  font-weight: normal !important;
  font-size: 14px !important;
  background-position: left 8px center;
  padding: 2px 10px 1px 28px !important;
}

@media screen and (max-width: 768px) {
  .cassette-content-main__tag a {
    font-size: 10px !important;
    background-size: 14px auto;
    padding: 3px 15px 3px 30px !important;
  }
}

.cassette-content-main__tag a::after {
  display: none !important;
}

.js-text-pretermit p:nth-of-type(n + 2) {
  display: none;
}

/* ---------------------------------------------
*   case-page
--------------------------------------------- */
.case-page {
  padding: 50px 0 !important;
}

.case-page.skin_wide {
  padding: 13px !important;
  background-image: url(../img/content/_temp/message_box_bg.gif);
  background-repeat: repeat;
  background-color: #fff;
  width: 72%;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .case-page {
    padding: 35px 5% !important;
  }
}

@media screen and (max-width: 768px) {
  .case-page.skin_wide {
    width: 97%;
    padding: 10px 2% !important;
  }
}

.case-page:nth-of-type(n + 2) {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .case-page:nth-of-type(n + 2) {
    margin-top: 50px;
  }
}

.case-page__main {
  padding: 52px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .case-page__main {
    padding: 22px 5% !important;
  }
}

.case-page__heading {
  display: flex;
}

.case-page__heading-inner {
  width: 80%;
  padding-left: 15px;
}

.case-page__figre {
  width: 20%;
  max-height: 120px;
}

@media screen and (max-width: 768px) {
  .case-page__figre {
    max-height: 65px;
  }
}

.case-page__caption {
  display: flex;
  align-items: flex-start;
}

.case-page__caption-num {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #837469;
  width: 70px;
  border: 1px solid #837469;
  border-radius: 7px;
  padding: 3px 8px;
  margin-right: 15px;
}

@media screen and (max-width: 768px) {
  .case-page__caption-num {
    width: 57px;
    margin-right: 8px;
    font-size: 12px;
  }
}

.case-page__caption-item {
  width: calc(100% - 70px - 15px);
  color: #837469;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .case-page__caption-item {
    font-size: 14px;
    width: calc(100% - 57px - 8px);
    padding-top: 3px;
  }
}

.case-page__ttl {
  border-left: 8px solid #837469;
  padding-left: 20px;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 24px;
}

@media screen and (max-width: 768px) {
  .case-page__ttl {
    font-size: 14px;
  }
}

.case-page__txt {
  margin-top: 40px;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .case-page__txt {
    margin-top: 20px;
    font-size: 11px;
  }
}

.case-page__txt-line {
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, #f3f957 0%);
  display: inline;
  padding: 0 2px 0px;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .case-page__txt-line {
    font-size: 13px;
  }
}

.case-page__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .case-page__inner {
    display: block;
  }
}

.case-page__img {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .case-page__img {
    margin-top: 40px;
  }
}

.case-page__inner .case-page__img {
  width: 49%;
}

@media screen and (max-width: 768px) {
  .case-page__inner .case-page__img {
    width: auto;
  }
}

.case-page__guest {
  margin-top: 40px;
  /*border: 5px solid #f8f5f3;*/
  background-color: #fff;
  background-image: url(../img/content/_temp/message_box_bg.gif);
  background-repeat: repeat;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .case-page__guest {
    margin-top: 40px;
    border-width: 3px;
    padding: 5px;
  }
}

.case-page__inner .case-page__guest {
  width: 49%;
}

@media screen and (max-width: 768px) {
  .case-page__inner .case-page__guest {
    width: auto;
  }
}

.case-page__guest-inner {
  display: flex;
  background-color: #fff;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .case-page__guest-inner {
    padding: 15px;
  }
}

.case-page__guest-img {
  position: relative;
  width: 80px;
  height: 80px;
  background-color: #f8f5f3;
  border-radius: 50%;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .case-page__guest-img {
    width: 50px;
    height: 50px;
  }
}

.case-page__guest-img img {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 68px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.case-page__guest-img.skin_two img {
  width: 82px;
}

@media screen and (max-width: 768px) {
  .case-page__guest-img img {
    width: 42px;
  }

  .case-page__guest-img.skin_two img {
    width: 50px;
  }
}

.case-page__guest-content {
  width: calc(100% - 80px);
  padding-left: 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .case-page__guest-content {
    width: calc(100% - 50px);
    padding-left: 10px;
  }
}

.case-page__guest-content-ttl {
  position: relative;
  padding-left: 2em;
  color: #555;
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .case-page__guest-content-ttl {
    font-size: 12px;
  }
}

.case-page__guest-content-ttl::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/content/reform/case/icon_search_people.png) no-repeat;
  background-size: 100% auto;
}

@media screen and (max-width: 768px) {
  .case-page__guest-content-ttl::before {
    width: 15px;
    height: 15px;
  }
}

.case-page__guest-content-txt {
  font-size: 15px;
  line-height: 1.5;
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .case-page__guest-content-txt {
    font-size: 11px;
  }
}

.case-page__link {
  display: inline-block;
  color: #00f;
  text-decoration: underline;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .case-page__link {
    margin-top: 10px;
    font-size: 12px;
  }
}

.case-page__link:hover,
.case-page__link:visited {
  color: #00f;
}

/*  case-page-ttl
--------------------------------------------- */
.case-page-ttl {
  font-weight: bold;
  font-size: 32px;
}

@media screen and (max-width: 768px) {
  .case-page-ttl {
    font-size: 20px;
  }
}

/*  case-page-inner
--------------------------------------------- */
.case-page-inner {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .case-page-inner {
    margin-top: 35px;
  }
}

.case-page-inner__ttl {
  color: #837469;
  font-weight: bold;
  font-size: 26px;
  background-color: #F7F6EF;
  padding: 10px 45px;
}

@media screen and (max-width: 768px) {
  .case-page-inner__ttl {
    font-size: 16px;
    padding: 10px 25px;
  }
}

/*  case-btn
--------------------------------------------- */
.case-btn {
  display: flex;
  justify-content: center;
  justify-content: space-between;
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .case-btn {
    margin-top: 30px;
  }
}

.case-btn__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #837469;
  width: 130px;
  height: 40px;
  border-radius: 5px;
  border: 2px solid transparent;
  color: #fff !important;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .case-btn__link {
    width: 110px;
    height: 35px;
    font-size: 13px;
  }
}

.case-btn__link:hover {
  background-color: #fff;
  color: #837469 !important;
  border-color: #837469;
}

.case-btn__link--before {
  padding-left: .5em;
}

.case-btn__link--after {
  padding-right: .5em;
}

.case-btn__link--before::before,
.case-btn__link--after::before {
  position: absolute;
  top: 2px;
  display: block;
  font-size: 20px;
}

.case-btn__link--before::before {
  content: "\0ab";
  left: 8px;
}

.case-btn__link--after::before {
  content: "\0bb";
  right: 8px;
}

.img-item-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .img-item-content {
    padding-bottom: 30px;
  }
}

.img-item-content .img-item {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .img-item-content .img-item {
    width: 100%;
  }

  .img-item-content .img-item:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}

.img-item-content .img-caption {
  margin-top: 20px;
  font-size: 17px;
}

@media screen and (max-width: 768px) {
  .img-item-content .img-caption {
    font-size: 10px;
  }
}

@media screen and (min-width: 769px) {
  div.inquiry section.front_box .inquiry_cont.skin_four .cont .content_cont p.inquiry_detail_txt {
    margin-top: 0;
    font-size: 18px;
    font-weight: bold;
  }
}

@media screen and (max-width: 768px) {
  div.inquiry section.front_box .inquiry_cont.skin_four .cont .content_cont p.inquiry_detail_txt {
    font-size: 16px;
    font-weight: bold;
  }
}

@media screen and (max-width: 568px) {
  div.inquiry section.front_box .inquiry_cont.skin_four .cont .content_cont p.inquiry_detail_txt {
    font-size: 14px;
    font-weight: bold;
  }
}

@media screen and (max-width: 350px) {
  div.inquiry section.front_box .inquiry_cont.skin_four .cont .content_cont p.inquiry_detail_txt {
    font-size: 12px;
  }
}

.main.bg-fixed {
  background-image: url(../img/content/_temp/page_bg.jpg);
  background-position: center top;
  background-size: 100% auto;
  background-attachment: fixed;
  padding-top: 80px;
  padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .main.bg-fixed:last-child {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}

/* ---------------------------------------------
*   vacant-house
--------------------------------------------- */
.vacant-house {
  position: relative;
  background: url(../img/content/empty/bg_yellow.png) 0 0 repeat;
  background-size: auto auto;
  padding-top: 42px !important;
  padding-bottom: 58px !important;
}

@media screen and (max-width: 768px) {
  .vacant-house {
    padding-top: 30px !important;
    padding-bottom: 25.1282051vw !important;
  }
}

.vacant-house__txt {
  margin-top: 22px;
  color: #83746a;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .vacant-house__txt {
    font-size: 12px;
    margin-top: 20px;
  }
}

.vacant-house__img {
  width: 640px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .vacant-house__img {
    margin-top: 20px;
    width: 88.2051282%;
  }
}

.vacant-house__icon {
  position: absolute;
  bottom: -41px;
  left: 50%;
  width: 284px;
  transform: translateX(-50%);
  margin-left: -30.7291667%;
}

@media screen and (max-width: 1200px) {
  .vacant-house__icon {
    margin-left: -368px;
  }
}

@media screen and (max-width: 768px) {
  .vacant-house__icon {
    width: 38.4615385%;
    margin-left: 0;
    transform: none;
    bottom: -12.0512821vw;
    left: 3.84615385%;
  }
}

.caption-heading {
  text-align: center;
  color: #837486;
  font-size: 26px;
  font-weight: bold;
  margin-top: 35px;
}

.ttl-heading {
  width: 333px;
  margin-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .ttl-heading {
    width: 200px;
    margin-bottom: 10px;
  }
}

.ttl-heading img {
  display: block;
}

/* ---------------------------------------------
*   store-lineup
--------------------------------------------- */
.store-lineup {
  padding-top: 50px;
  padding-bottom: 60px;
  background-image: url(../img/common/pattern_dot_y.jpg);
  background-size: auto;
  background-repeat: repeat;
  background-position: center;
}

@media screen and (max-width: 768px) {
  .store-lineup {
    padding-top: 24px;
    padding-bottom: 50px;
  }
}

.store-lineup__section {
  max-width: 1320px;
  padding: 0 50px !important;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .store-lineup__section {
    max-width: 100%;
    padding: 0 !important;
  }
}

.store-lineup__section .icon_ttl {
  color: #766E50;
}

@media screen and (max-width: 768px) {
  .store-lineup__section .icon_ttl {
    margin-bottom: 20px;
  }
}

.store-lineup__section .icon_ttl img {
  vertical-align: middle;
  margin-right: 17px;
  padding-bottom: 3px;
}

/* .store-lineup__list {
  padding-bottom: 40px;
} */

/* @media screen and (max-width: 768px) {
  .store-lineup__list {
    padding-bottom: 18px;
  }
} */

.store-lineup__list section {
  padding: 6px !important;
}

@media screen and (max-width: 768px) {
  .store-lineup__list section {
    padding: 5px !important;
    width: 41.3333333vw;
    min-width: 135px;
  }
}

.store-lineup__list section a img {
  height: 261px;
}

@media screen and (max-width: 1320px) {
  .store-lineup__list section a img {
    height: 19.7727273vw;
  }
}

@media screen and (max-width: 1000px) {
  .store-lineup__list section a img {
    height: 198px;
  }
}

@media screen and (max-width: 768px) {
  .store-lineup__list section a img {
    height: 48.5333333vw;
    max-height: 220px;
  }
}

.store-lineup__list section a {
  padding: 0;
  width: 100%;
  height: 100%;
  line-height: 1;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  background-color: #766e50;
  box-shadow: 0px 3px 0px 0px #3f3a29;
}

.store-lineup__list section a h3 {
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  padding: 18px 10px;
}

@media screen and (max-width: 1320px) {
  .store-lineup__list section a h3 {
    font-size: 14px;
    padding: 18px 5px;
  }
}

@media screen and (max-width: 768px) {
  .store-lineup__list section a h3 {
    font-size: 12px;
    padding: 19px 5px;
    line-height: 14px;
    height: 50px;
  }

  .store-lineup__list section a h3.line2 {
    padding: 12px 5px;
  }
}

@media screen and (max-width: 370px) {
  .store-lineup__list section a h3 {
    font-size: 10px;
  }
}

.store-lineup__wrap {
  margin: auto;
  max-width: 880px;
}

.store-lineup__wrap h3 {
  color: #666;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 1;
}

.store-lineup__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 16px;
}

.store-lineup__list+h3 {
  margin-top: 30px;
}

.store-lineup__list li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 40px;
  color: #fff;
  background-color: #766e50;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 3px 0px 0px #3f3a29;
}

@media (max-width: 768px) {
  .store-lineup__wrap h3 {
    font-size: 16px;
  }

  .store-lineup__list {
    justify-content: center;
    margin-top: 10px;
  }

  .store-lineup__list li a {
    height: 30px;
    font-size: 16px;
  }
}


/*  slider
--------------------------------------------- */
.store-lineup .slick-dots {
  bottom: -15px;
}

.store-lineup .slick-dots li {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0 13px;
}

@media screen and (max-width: 350px) {
  .store-lineup .slick-dots li {
    margin: 0 8px;
  }
}

.store-lineup .slick-dots li button {
  background-color: #CEC6AA;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.store-lineup .slick-dots li.slick-active button {
  background-color: #766E50;
}

.store-lineup .slick-next,
.store-lineup .slick-prev {
  width: 28px;
  height: 28px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.store-lineup .slick-next {
  right: -32px;
  background-image: url(/assets/img/common/icon/icon_slider_next.svg);
}

.store-lineup .slick-prev {
  left: -32px;
  background-image: url(/assets/img/common/icon/icon_slider_prev.svg);
}

.store-lineup .slick-next::before,
.store-lineup .slick-prev::before {
  display: none;
}

/*  section-consult (ご相談メニューブロック)
--------------------------------------------- */
.section-consult {
  background-color: #fff;
  padding-bottom: 50px !important;
}

@media screen and (max-width: 768px) {
  .section-consult {
    padding-top: 34px !important;
    padding-bottom: 35px !important;
  }
}

.section-consult-frame {
  padding: 13px;
  background-image: url(../img/content/_temp/message_box_bg.gif);
  background-repeat: repeat;
}

.article-wide .section-consult {
  padding-top: 47px;
}

.article-wide .section-consult__content {
  margin-top: 10px;
}

div.article section article.article-wide {
  max-width: 1220px;
}

.section-consult__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-consult__ttl-icon {
  display: block;
  width: 39px;
}

@media screen and (max-width: 768px) {
  .section-consult__ttl-icon {
    width: 20px;
  }
}

.section-consult__ttl-item {
  color: #555;
  font-size: 28px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .section-consult__ttl-item {
    padding-left: 9px;
    font-size: 16px;
  }
}

.section-consult__content {
  width: 83.8160136%;
  padding: 17px 20px 23px;
  box-sizing: border-box;
  margin-top: 25px;
  margin-right: auto;
  margin-left: auto;
  border: 10px solid #EBE8E4;
}

@media screen and (max-width: 768px) {
  .section-consult__content {
    width: 91.2121212%;
    padding: 11px 12px 15px 1px;
    margin-top: 7px;
    border-width: 5px;
  }
}

.section-consult__content-list {
  display: flex;
  flex-wrap: wrap;
}

.section-consult__content-list-item {
  margin-top: 4px;
  margin-left: 39px;
}

@media screen and (max-width: 768px) {
  .section-consult__content-list-item {
    margin-top: 5px;
    margin-left: 6px;
  }
}

.section-consult__content-list-txt {
  position: relative;
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-left: 14px;
}

.section-consult__content-list-txt:hover {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .section-consult__content-list-txt {
    font-size: 12px;
  }
}

.section-consult__content-list-txt::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #837469;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .section-consult div.arrow_btn.arrow_btn_s a {
    width: 91.2121212%;
    max-width: 300px;
  }
}

/*  service-list
--------------------------------------------- */
.service-list {
  display: flex;
  flex-wrap: wrap;
  width: 83.8160136%;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .service-list {
    width: 91.2121212%;
  }
}

.service-list__item {
  width: 30.8458%;
  background-color: #EBE8E4;
  margin-right: 3.48258706%;
}

@media screen and (max-width: 768px) {
  .service-list__item {
    width: 100%;
    margin-right: 0;
  }

  .service-list__item:nth-of-type(n + 2) {
    margin-top: 22px;
  }
}

.service-list__item:nth-of-type(3n) {
  margin-right: 0;
}

@media screen and (min-width: 769px) {
  .service-list__item:nth-of-type(n + 4) {
    margin-top: 35px;
  }
}

.service-list__sec {
  height: 100%;
  padding: 0 15px 15px !important;
}

@media screen and (max-width: 768px) {
  .service-list__sec {
    padding: 9px 7px 10px !important;
  }
}

.service-list__sec-head {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .service-list__sec-head {
    flex-direction: row-reverse;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .service-list__sec-img {
    width: 96px;
    height: 70px;
  }
}

.service-list__sec-ttl {
  display: flex;
  align-items: center;
  width: 100%;
  height: 65px;
  line-height: 1.3;
  color: #77442A;
  font-weight: bold;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .service-list__sec-ttl {
    width: calc(100% - 96px);
    height: auto;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 16px;
  }
}

.service-list__sec-content {
  display: flex;
  flex-direction: column;
  padding: 10px;
  min-height: 175px;
  margin-top: 20px;
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .service-list__sec-content {
    min-height: 0;
    margin-top: 10px;
    padding: 3px 8px;
  }
}

.service-list__sec-content-txt {
  min-height: 0%;
  font-size: 14PX;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.5;
  color: #555;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .service-list__sec-content-txt {
    font-size: 12px;
    line-height: 1.35;
  }
}

.service-list__sec-content-link {
  margin-top: auto;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .service-list__sec-content-link {
    padding-right: 6px;
  }
}

.service-list__sec-content-link-txt {
  display: inline-block;
  color: #77442A !important;
  font-weight: bold;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .service-list__sec-content-link-txt {
    font-size: 12px;
  }
}

.service-list__sec-content-link-txt:hover {
  text-decoration: none;
}

/*  js-object-fit (object-fit)
--------------------------------------------- */
.js-object-fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;'
}

/* ---------------------------------------------
*   margin-top
--------------------------------------------- */
.mgt-pc--0 {
  margin-top: 0 !important;
}

.mgt-pc--5 {
  margin-top: 5px !important;
}

.mgt-pc--10 {
  margin-top: 10px !important;
}

.mgt-pc--15 {
  margin-top: 15px !important;
}

.mgt-pc--20 {
  margin-top: 20px !important;
}

.mgt-pc--25 {
  margin-top: 25px !important;
}

.mgt-pc--30 {
  margin-top: 30px !important;
}

.mgt-pc--35 {
  margin-top: 35px !important;
}

.mgt-pc--40 {
  margin-top: 40px !important;
}

.mgt-pc--45 {
  margin-top: 45px !important;
}

.mgt-pc--50 {
  margin-top: 50px !important;
}

.mgt-pc--55 {
  margin-top: 55px !important;
}

.mgt-pc--60 {
  margin-top: 60px !important;
}

.mgt-pc--65 {
  margin-top: 65px !important;
}

.mgt-pc--70 {
  margin-top: 70px !important;
}

.mgt-pc--75 {
  margin-top: 75px !important;
}

.mgt-pc--80 {
  margin-top: 80px !important;
}

.mgt-pc--85 {
  margin-top: 85px !important;
}

.mgt-pc--90 {
  margin-top: 90px !important;
}

.mgt-pc--95 {
  margin-top: 95px !important;
}

.mgt-pc--100 {
  margin-top: 100px !important;
}

.mgt-pc--105 {
  margin-top: 105px !important;
}

.mgt-pc--110 {
  margin-top: 110px !important;
}

.mgt-pc--115 {
  margin-top: 115px !important;
}

.mgt-pc--120 {
  margin-top: 120px !important;
}

.mgt-pc--125 {
  margin-top: 125px !important;
}

.mgt-pc--130 {
  margin-top: 130px !important;
}

.mgt-pc--135 {
  margin-top: 135px !important;
}

.mgt-pc--140 {
  margin-top: 140px !important;
}

.mgt-pc--145 {
  margin-top: 145px !important;
}

.mgt-pc--150 {
  margin-top: 150px !important;
}

.mgt-pc--155 {
  margin-top: 155px !important;
}

.mgt-pc--160 {
  margin-top: 160px !important;
}

.mgt-pc--165 {
  margin-top: 165px !important;
}

.mgt-pc--170 {
  margin-top: 170px !important;
}

.mgt-pc--175 {
  margin-top: 175px !important;
}

.mgt-pc--180 {
  margin-top: 180px !important;
}

.mgt-pc--185 {
  margin-top: 185px !important;
}

.mgt-pc--190 {
  margin-top: 190px !important;
}

.mgt-pc--195 {
  margin-top: 195px !important;
}

.mgt-pc--200 {
  margin-top: 200px !important;
}

.mgt-pc--205 {
  margin-top: 205px !important;
}

.mgt-pc--210 {
  margin-top: 210px !important;
}

.mgt-pc--215 {
  margin-top: 215px !important;
}

.mgt-pc--220 {
  margin-top: 220px !important;
}

.mgt-pc--225 {
  margin-top: 225px !important;
}

.mgt-pc--230 {
  margin-top: 230px !important;
}

.mgt-pc--235 {
  margin-top: 235px !important;
}

.mgt-pc--240 {
  margin-top: 240px !important;
}

.mgt-pc--245 {
  margin-top: 245px !important;
}

.mgt-pc--250 {
  margin-top: 250px !important;
}

@media screen and (max-width: 767px) {
  .mgt-sp--0 {
    margin-top: 0 !important;
  }

  .mgt-sp--5 {
    margin-top: 1.33333vw !important;
  }

  .mgt-sp--10 {
    margin-top: 2.66667vw !important;
  }

  .mgt-sp--15 {
    margin-top: 4vw !important;
  }

  .mgt-sp--20 {
    margin-top: 5.33333vw !important;
  }

  .mgt-sp--25 {
    margin-top: 6.66667vw !important;
  }

  .mgt-sp--30 {
    margin-top: 8vw !important;
  }

  .mgt-sp--35 {
    margin-top: 9.33333vw !important;
  }

  .mgt-sp--40 {
    margin-top: 10.66667vw !important;
  }

  .mgt-sp--45 {
    margin-top: 12vw !important;
  }

  .mgt-sp--50 {
    margin-top: 13.33333vw !important;
  }

  .mgt-sp--55 {
    margin-top: 14.66667vw !important;
  }

  .mgt-sp--60 {
    margin-top: 16vw !important;
  }

  .mgt-sp--65 {
    margin-top: 17.33333vw !important;
  }

  .mgt-sp--70 {
    margin-top: 18.66667vw !important;
  }

  .mgt-sp--75 {
    margin-top: 20vw !important;
  }

  .mgt-sp--80 {
    margin-top: 21.33333vw !important;
  }

  .mgt-sp--85 {
    margin-top: 22.66667vw !important;
  }

  .mgt-sp--90 {
    margin-top: 24vw !important;
  }

  .mgt-sp--95 {
    margin-top: 25.33333vw !important;
  }

  .mgt-sp--100 {
    margin-top: 26.66667vw !important;
  }

  .mgt-sp--105 {
    margin-top: 28vw !important;
  }

  .mgt-sp--110 {
    margin-top: 29.33333vw !important;
  }

  .mgt-sp--115 {
    margin-top: 30.66667vw !important;
  }

  .mgt-sp--120 {
    margin-top: 32vw !important;
  }

  .mgt-sp--125 {
    margin-top: 33.33333vw !important;
  }

  .mgt-sp--130 {
    margin-top: 34.66667vw !important;
  }

  .mgt-sp--135 {
    margin-top: 36vw !important;
  }

  .mgt-sp--140 {
    margin-top: 37.33333vw !important;
  }

  .mgt-sp--145 {
    margin-top: 38.66667vw !important;
  }

  .mgt-sp--150 {
    margin-top: 40vw !important;
  }

  .mgt-sp--155 {
    margin-top: 41.33333vw !important;
  }

  .mgt-sp--160 {
    margin-top: 42.66667vw !important;
  }

  .mgt-sp--165 {
    margin-top: 44vw !important;
  }

  .mgt-sp--170 {
    margin-top: 45.33333vw !important;
  }

  .mgt-sp--175 {
    margin-top: 46.66667vw !important;
  }

  .mgt-sp--180 {
    margin-top: 48vw !important;
  }

  .mgt-sp--185 {
    margin-top: 49.33333vw !important;
  }

  .mgt-sp--190 {
    margin-top: 50.66667vw !important;
  }

  .mgt-sp--195 {
    margin-top: 52vw !important;
  }

  .mgt-sp--200 {
    margin-top: 53.33333vw !important;
  }

  .mgt-sp--205 {
    margin-top: 54.66667vw !important;
  }

  .mgt-sp--210 {
    margin-top: 56vw !important;
  }

  .mgt-sp--215 {
    margin-top: 57.33333vw !important;
  }

  .mgt-sp--220 {
    margin-top: 58.66667vw !important;
  }

  .mgt-sp--225 {
    margin-top: 60vw !important;
  }

  .mgt-sp--230 {
    margin-top: 61.33333vw !important;
  }

  .mgt-sp--235 {
    margin-top: 62.66667vw !important;
  }

  .mgt-sp--240 {
    margin-top: 64vw !important;
  }

  .mgt-sp--245 {
    margin-top: 65.33333vw !important;
  }

  .mgt-sp--250 {
    margin-top: 66.66667vw !important;
  }
}

/*20211006追加*/
.route_map img {
  width: inherit;
}

.route_map a {
  opacity: inherit;
}

.route_map {
  background: url(/assets/img/content/shop/routemap.jpg) no-repeat center;
  width: 953px;
  height: 583px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 50px
}

.route_map_sp {
  margin-bottom: 25px;
}

.map_tamaplaza {
  position: absolute;
  top: 85px;
  left: 405px;
}

.map_minamimachida {
  position: absolute;
  top: 85px;
  left: 132px;
}

.map_aobadai {
  position: absolute;
  top: 85px;
  left: 264px;
}

.map_saginumaekimae {
  position: absolute;
  top: 85px;
  left: 445px;
}

.map_futakotamagawa {
  position: absolute;
  top: 85px;
  left: 620px;
}

.map_kosugi {
  position: absolute;
  top: 230px;
  left: 476px;
}

.map_jiyugaoka {
  position: absolute;
  top: 203px;
  left: 648px;
}

.map_meguro {
  position: absolute;
  top: 250px;
  left: 825px;
}

.map_kamata {
  position: absolute;
  top: 407px;
  left: 344px;
}

.map_oimachi {
  position: absolute;
  top: 395px;
  left: 825px;
}


/***************************************************
 * コラム装飾用 add in 2022.12.21
 ***************************************************/
.column_2 .box_gray {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 3px #9e948b;
  border-radius: 8px;
}

.column_2 .box_gray .box_title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 19px;
  background: #FFF;
  color: #9e948b;
  font-weight: bold;
}

.column_2 .box_gray p {
  margin: 0;
  padding: 0;
}

.column_2 .box_red {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 3px #e83315;
  border-radius: 8px;
}

.column_2 .box_red .box_title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 19px;
  background: #FFF;
  color: #e83315;
  font-weight: bold;
}

.column_2 .box_red p {
  margin: 0;
  padding: 0;
}

.column_2 .box_yellow {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 3px #ccb157;
  border-radius: 8px;
}

.column_2 .box_yellow .box_title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 19px;
  background: #FFF;
  color: #ccb157;
  font-weight: bold;
}

.column_2 .box_yellow p {
  margin: 0;
  padding: 0;
}

.column_2 .marker_red {
  background: linear-gradient(transparent 80%, #e83315 80%);
  font-weight: bold;
}

.column_2 .marker_yellow {
  background: linear-gradient(transparent 80%, #ffda41 80%);
  font-weight: bold;
}

.column_2 .heading_3 {
  border-bottom: solid 2px black;
  display: inline-block;
}

/***************************************************
 * storeテキスト追加用 add in 2023.3.3
 ***************************************************/

section.store_list article .store_list_box .store_text .store_tit h2 .sp_br {
  display: none;
}

@media (max-width: 430px) {
  section.store_list article .store_list_box .store_text .store_tit h2 .sp_br {
    display: block;
  }
}

/***************************************************
 * storeテキスト追加用 add in 2023.6.1
 ***************************************************/

div.store_text_button {
  margin-bottom: 50px;
}

@media(max-width:767px) {
  .sp-none {
    display: none !important;
  }

  div.store_text_button {
    margin-bottom: 25px;
  }
}

div.store-choice {
  text-align: center;
  margin: 20px auto;
  font-weight: bold;
}

/***************************************************
 * cf7追加用 add in 2023.8.03
 ***************************************************/

.mq_mt_30 {
  background-color: #837469;
  color: #fff;
  font-size: 20px;
  padding: 10px 32px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .mq_mt_30 {
    padding: 15px 10px;
    font-size: 17px;
  }
}

.content-form {
  width: auto;
  max-width: 844px;
  margin: 40px auto 0;
}

.content-form .content-form-area {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  margin-bottom: 50px;
  min-width: auto;
  border: 1px solid #d8d8d8;
  padding: 0;
  margin-bottom: -2px;
}

.content-form .content-form-area .row {
  display: flex;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .content-form .content-form-area .row {
    display: block;
    border: none;
  }
}

.content-form .content-form-area .row:not(:last-of-type) {
  border-bottom: 1px solid #d8d8d8;
}

.content-form .content-form-area .label--col {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background: #f1f1f1;
  border-right: 1px solid #d8d8d8;
  border: none;
  width: 380px;
  padding: 15px;
}

@media screen and (max-width: 768px) {
  .content-form .content-form-area .label--col {
    padding: 9px 14px 11px;
    width: auto;
  }
}

.content-form .content-form-area .row label--col:first-child {
  width: 58%;
  text-align: left;
}

.content-form .content-form-area .row .input--col {
  width: 100%;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .content-form .content-form-area .row .input--col {
    padding: 19px 14px 20px;
  }
}

.content-form .inpSmall {
  width: 101px;
  height: 31px;
  border: 1px solid #888888;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 3px 3px 0 #d6d6d6;
  -moz-box-shadow: inset 3px 3px 0 #d6d6d6;
  -ms-box-shadow: inset 3px 3px 0 #d6d6d6;
  -o-box-shadow: inset 3px 3px 0 #d6d6d6;
  box-shadow: inset 3px 3px 0 #d6d6d6;
  behavior: url(../PIE.htc);
  padding: 0 10px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.content-form .content-text .medium {
  width: 161px;
  height: 31px;
  border: 1px solid #888888;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 3px 3px 0 #d6d6d6;
  -moz-box-shadow: inset 3px 3px 0 #d6d6d6;
  -ms-box-shadow: inset 3px 3px 0 #d6d6d6;
  -o-box-shadow: inset 3px 3px 0 #d6d6d6;
  box-shadow: inset 3px 3px 0 #d6d6d6;
  behavior: url(../PIE.htc);
  padding: 0 10px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  margin-right: 1em;
}

.content-form .inpLarge {
  width: 401px;
  height: 31px;
  border: 1px solid #888888;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 3px 3px 0 #d6d6d6;
  -moz-box-shadow: inset 3px 3px 0 #d6d6d6;
  -ms-box-shadow: inset 3px 3px 0 #d6d6d6;
  -o-box-shadow: inset 3px 3px 0 #d6d6d6;
  box-shadow: inset 3px 3px 0 #d6d6d6;
  behavior: url(../PIE.htc);
  padding: 0 10px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.content-form label {
  padding: 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0;
  color: #555;
  margin-right: 10px;
  width: 8rem;
}

.content-form .labelLarge label {
  width: 135px;
}

.content-form .labelLarge+.labelLarge {
  margin-top: 20px;
}

.content-form label input {
  display: inline-block;
  vertical-align: middle;
}

.essential {
  padding: 6px;
  width: 70px;
  font-size: 16px;
  line-height: 1;
  color: #fb4700;
  text-align: center;
  border: 1px solid #fb4700;
  border-radius: 4px;
}

.content-form .content-form-area .row .input--col select {
  background-image: url(/assets/img/common/icon/btn_arrow_bottom.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 12px 10px !important;
  background-position: right 10px center !important;
  width: 100%;
}

.content-form .content-form-area .row .input--col .add_text {
  margin-bottom: 0;
}

.content-form .info__container {
  margin: 40px auto 0;
  padding: 30px;
  border: 1px solid #d8d8d8;
  background: #f1f1f1;
}

.content-form .info__container h3 {
  font-weight: normal;
  margin-bottom: 1.2em;
}

.content-form .info__container p a {
  color: #005eaf !important;
  border-bottom: 1px solid !important;
  position: inherit !important;
  padding: 0 !important;
  font-weight: normal !important;
}

.content-form .info__container .red {
  color: red;
}

.wpcf7-list-item-label {
  margin: 2px 0px 2px 0px;
}

@media screen and (max-width: 768px) {
  .row-ttl {
    padding: 15px 10px;
    font-size: 17px;
  }

  .content-form label {
    width: auto;
  }
}

span.wpcf7-list-item {
  display: flow-root !important;
}

span.wpcf7-list-item.first.last {
  text-align: center;
  margin-top: 1.5em;
}

div.editor ul.transmission li {
  list-style-type: none;
  text-align: center;
}

@media screen and (max-width: 768px) {
  div.editor ul.transmission {
    padding: 10px;
  }
}

.eventtitle {
  border: 0px;
  height: 3em;
  padding: 0;
  resize: none;
}

@media screen and (max-width: 768px) {
  .eventtitle {
    height: 4.5em;
  }
}

.eventtitle::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

/***************************************************
 * フォーム利用規約スクロール部分 add in 2023.7.21
 ***************************************************/

.kiyaku-body {
  height: 400px;
  border: 1px solid #d8d8d8;
  overflow-y: scroll;
  margin-top: 30px;
  background-color: #fff;
  padding: 20px;
  overflow-y: scroll;
}

.kiyaku-body p {
  line-height: 1.75;
  margin: 0 0 20px 0;
}

.kiyaku-body p+p {
  margin-top: 1em;
}

.kiyaku-body li {
  list-style-type: decimal;
  margin: 20px 0px 20px 20px;
  text-align: left;
}

.kiyaku-body li li {
  list-style-type: none !important;
  counter-increment: cnt;
}

.kiyaku-body li li::before {
  content: "(" counter(cnt) ") ";
  display: inline-block;
  margin-left: -1.5em;
  width: 1.5em;
}

.kiyaku-body h1 {
  font-weight: bold;
  margin: 0 0 20px 0;
}

.kiyaku-body h2 {
  font-weight: bold;
  text-decoration: underline;
  margin: 20px 0;
}

.kiyaku-body dt {
  font-weight: bold;
  margin: 20px 0;
}

.kiyaku-body dd {
  line-height: 1.75;
  margin: 20px 0px 20px 0px;
}

.kiyaku-bold {
  font-weight: bold;
}

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

  .kiyaku-body {
    height: 200px;
  }
}

.checkbox-note {
  font-size: 13px;
  margin-top: 5px;
}

.under {
  text-decoration: underline;
}

/***************************************************
 * sell改修 add in 2023.9.13
 ***************************************************/
.sell_introduction div.message_box {
  background-color: #fff;
}

div.message_box.sell_introduction div.content {
  background-image: none;
}

.sell_introduction .content {
  display: flex;
  gap: 30px;
}

.sell_introduction .content .sell_text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sell_service .content .dis-sp {
  display: none;
}

div.message_box.sell_introduction div.content p {
  padding: 0;
  color: #343434;
  line-height: 2;
}

div.message_box.sell_introduction div.content img {
  width: 300px;
}

.sell_introduction .sell_service .dis-sp {
  display: none;
}

.sell_introduction .icon_ttl.icon_ttl_555.sell_heading {
  margin: 0;
  padding-top: 20px;
}

.sell_introduction .sell_service {
  padding: 0 50px 40px;
  background-color: #fff;
}

.sell_introduction .sell_service .service_figure {
  display: flex;
  gap: 20px;
  margin-top: 50px;
}

.sell_introduction .sell_service .service_figure img {
  width: calc(50% - 20px / 2);
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.sell_introduction .sell_service p {
  margin-top: 30px;
  line-height: 2;
}

.sell_introduction .sell_service .cta_consultation {
  margin-top: 30px;
  text-align: center;
}

.sell_introduction .cta_consultation a {
  display: inline-block;
  width: auto;
  min-width: 380px;
  padding: 15px 20px 15px 73px;
  color: #E83416;
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
  border: 2px solid #e83416;
  box-shadow: 0px 5px 0px 0px #e83416;
  background-color: #fff;
  background-image: url(../img/common/icon/icon_consultation.svg);
  background-position: left 50px center;
  background-size: 26px auto;
  background-repeat: no-repeat;
  line-height: 1;
}

.sell_introduction .cta_consultation a:hover {
  background-color: #e83416;
  color: #FFF;
  background-image: url(../img/common/icon/icon_consultation_w.svg);
  opacity: 1;
}

@media (max-width: 768px) {
  .sell_introduction .content {
    flex-direction: column;
    gap: 20px;
  }

  .sell_introduction .sell_service .dis-sp {
    display: block;
  }

  div.message_box.sell_introduction div.content p+p {
    margin-top: 2em;
  }

  .sell_introduction .content img {
    max-width: 225px;
    margin: auto;
  }

  .sell_introduction .icon_ttl.icon_ttl_555.sell_heading {
    padding-top: 0;
  }

  div.article_temp_2-1 section.sell_service {
    padding: 0 12px 20px;
  }

  .sell_introduction .sell_service p {
    margin-top: 20px;
  }

  .sell_introduction .sell_service .cta_consultation {
    margin-top: 20px;
  }

  .sell_introduction .cta_consultation a {
    width: 100%;
    min-width: initial;
    max-width: 300px;
    padding: 17px 17px 17px 66px;
    font-size: 16px;
    background-position: left 32px center;
  }
}

@media (max-width: 568px) {
  .sell_introduction .sell_service .service_figure {
    flex-direction: column;
    margin-top: 20px;
  }

  .sell_introduction .sell_service .service_figure img {
    width: 100%;
  }
}

.message_box.sell_worry {
  margin-top: 30px;
}

.sell_worry .content {
  padding: 50px 50px 40px;
  background-color: #fff;
}

.sell_worry .content .dis-sp {
  display: none;
}

.sell_worry ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 45px;
  margin-top: 50px;
}

.sell_worry li {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.sell_worry li img {
  margin: auto;
  width: 17.504%;
  max-width: 188px;
  height: auto;
}

.sell_worry li:first-of-type img {
  width: 17.411%;
  max-width: 160px;
}

.sell_worry li:last-of-type img {
  width: 17.039%;
  max-width: 183px;
}

.sell_worry ul .worry_text {
  max-width: 800px;
}

.sell_worry li h3 {
  padding-bottom: 10px;
  color: #3A2A1A;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  border-bottom: 2px solid #837469;
}

.sell_worry li p {
  margin-top: 12px;
  line-height: 2;
}

@media (max-width: 768px) {
  .message_box.sell_worry {
    margin-top: 20px;
  }

  .sell_worry .content .dis-sp {
    display: block;
  }

  .sell_worry .content:nth-of-type(1) {
    padding: 30px 12px 20px;
  }

  .sell_worry .sell_heading {
    margin: 0;
    line-height: 1.625;
  }

}

@media (max-width: 568px) {
  .sell_worry ul {
    gap: 30px;
    margin-top: 18px;
  }

  .sell_worry li {
    flex-direction: column;
    gap: 20px;
  }

  .sell_worry li img {
    width: 125px;
  }

  .sell_worry li:first-of-type img {
    width: 88px;
  }

  .sell_worry li:last-of-type img {
    width: 102px;
  }

  .sell_worry li h3 {
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 1.7;
  }

  .sell_worry ul .worry_text {
    max-width: 800px;
  }

  .sell_worry li p {
    margin-top: 10px;
    font-size: 14px;
  }
}

.message_box.sell_support {
  margin-top: 30px;
}

.sell_support .content {
  padding: 50px 50px 40px;
  background-color: #fff;
}

.sell_support .content .dis-sp {
  display: none;
}

.sell_support .content ul {
  display: flex;
  gap: 28px;
  margin-top: 84px;
}

.sell_support .content li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 40px 20px 18px;
  width: calc(100% - 56px / 3);
  background-color: #FFF8D9;
  border-radius: 10px;
}

.sell_support .content li::before {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 64px;
  background-image: url(./../img/content/sell/icon_support.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -34px;
  left: calc(50% - 40px / 2);
}

.sell_support .content li h3 {
  color: #3A2A1A;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.333;
  text-align: center;
}

.sell_support .content li p {
  margin-top: 18px;
  min-height: 146px;
  line-height: 2;
}

.sell_support .content li .bg_round {
  position: relative;
  margin-top: 10px;
  height: 200px;
}

.sell_support .content .bg_round::before {
  display: block;
  content: "";
  position: absolute;
  width: 300px;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  filter: blur(5px);
  top: 0;
  left: calc(50% - 150px);
}

.sell_support .content li img {
  position: relative;
  margin: 30px auto;
  width: 197px;
  height: auto;
}

.sell_support .content li:nth-of-type(2) img {
  margin-top: 17px;
  width: 254px;
  height: auto;
}

.sell_support .content li:last-of-type img {
  margin-top: 40px;
  width: 208px;
  height: auto;
}

@media (max-width: 768px) {
  .message_box.sell_support {
    margin-top: 20px;
  }

  .sell_support .content .dis-sp {
    display: block;
  }

  .sell_support .content:nth-of-type(1) {
    padding: 30px 12px 20px;
  }

  .sell_support .sell_heading {
    line-height: 1.625;
  }

  .sell_support .content ul {
    flex-direction: column;
    gap: 44px;
    margin-top: 52px;
  }

  .sell_support .content li {
    margin: auto;
    padding: 30px 20px 15px;
    width: 100%;
    max-width: 450px;
  }

  .sell_support .content li::before {
    width: 31px;
    height: 50px;
    background-image: url(./../img/content/sell/icon_support.png);
    top: -34px;
    left: calc(50% - 31px / 2);
  }

  .sell_support .content li h3 {
    font-size: 16px;
    line-height: 1.625;
  }

  .sell_support .content li p {
    margin-top: 12px;
    min-height: initial;
  }

  .sell_support .content li .bg_round {
    margin-top: 20px;
    height: 187px;
  }

  .sell_support .content li img {
    margin-top: 25px;
  }

  .sell_support .content li:nth-of-type(2) img {
    margin-top: 16px;
    width: 237px;
  }

  .sell_support .content li:last-of-type img {
    margin-top: 37px;
    width: 194px;
  }
}

.message_box.sell_qa {
  margin-top: 30px;
}

.sell_qa .content {
  padding: 50px 134px 40px;
  background-color: #fff;
}

.sell_qa .content .dis-sp {
  display: none;
}

.sell_qa .content ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
}

.sell_qa .content .q_box {
  display: flex;
  gap: 15px;
  align-items: center;
  position: relative;
}

.sell_qa .content .a_text {
  display: flex;
  gap: 15px;
  align-items: flex-start;
}

.sell_qa .content .q_box span {
  display: block;
  width: 70px;
  color: #837469;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #837469;
  border-radius: 5px;
}

.sell_qa .content .q_box h3 {
  width: calc(100% - 70px - 15px);
  font-size: 24px;
  line-height: 2.5;
  border-bottom: 1px dashed #837469;
  cursor: pointer;
}

.sell_qa .content .q_box .accordion_button {
  display: block;
  padding: 0;
  width: 24px;
  height: 20px;
  position: absolute;
  top: calc(50% - 10px);
  right: 0;
  border: none;
  cursor: pointer;
  transition: transform 0.4s ease;
}

.sell_qa .content .q_box.open .accordion_button {
  transform: rotate(-180deg);
}

.sell_qa .content .a_box {
  display: none;
  margin-top: 22px;
}

.sell_qa .content .a_text span {
  display: block;
  width: 70px;
  color: #fff;
  background-color: #837469;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  border: 1px solid #837469;
  border-radius: 5px;
}

.sell_qa .content .a_text p {
  width: calc(100% - 70px - 15px);
  line-height: 2;
}

.sell_qa .content li:last-of-type .a_text p {
  padding-bottom: 36px;
}

.sell_qa .content .cta_store {
  margin: 40px auto 0;
  text-align: center;
}

.sell_qa .content .cta_store p {
  color: #E83416;
  font-size: 20px;
  line-height: 1;
  text-align: center;
}

.sell_qa .content .cta_store p::before {
  content: "＼";
  display: inline-block;
  margin-right: 20px;
}

.sell_qa .content .cta_store p::after {
  content: "＼";
  display: inline-block;
  margin-left: 20px;
  transform: scale(-1, 1);
}

.sell_qa .content .cta_store a {
  display: inline-block;
  margin-top: 9.5px;
  width: auto;
  min-width: 380px;
  padding: 15px 20px 15px 138px;
  color: #E83416;
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
  border: 2px solid #e83416;
  box-shadow: 0px 5px 0px 0px #e83416;
  background-color: #fff;
  background-image: url(../img/common/icon/icon_in_shop.svg);
  background-position: left 90px center;
  background-size: 35px auto;
  background-repeat: no-repeat;
  line-height: 1;
  text-align: left;
}

.sell_qa .content .cta_store a:hover {
  background-color: #e83416;
  color: #FFF;
  background-image: url(../img/common/icon/icon_in_shop_w.svg);
  opacity: 1;
}

@media (max-width: 768px) {
  .sell_qa .content .dis-sp {
    display: block;
  }

  .sell_qa .content:nth-of-type(1) {
    padding: 30px 10px 20px;
  }

  .sell_qa .icon_ttl.sell_heading {
    margin-bottom: 20px;
  }

  .sell_qa .content ul {
    margin-top: 20px;
  }

  .sell_qa .content .q_box {
    gap: 10px;
    align-items: flex-start;
  }

  .sell_qa .content .a_box {
    margin-top: 9.5px;
  }

  .sell_qa .content .a_text {
    gap: 10px
  }

  .sell_qa .content .q_box span {
    width: 50px;
    font-size: 14px;
    line-height: 33px;
  }

  .sell_qa .content .q_box h3 {
    margin-top: 4px;
    padding-right: 18px;
    padding-bottom: 14px;
    width: calc(100% - 50px - 10px);
    font-size: 16px;
    line-height: 1.625;
    cursor: none;
  }

  .sell_qa .content .q_box .accordion_button {
    width: 18px;
    height: 15px;
    top: 10px;
    cursor: none;
  }

  .sell_qa .content .a_text {
    align-items: flex-start;
  }

  .sell_qa .content .a_text span {
    width: 50px;
    font-size: 14px;
    line-height: 33px;
  }

  .sell_qa .content .a_text p {
    margin-top: 7px;
    width: calc(100% - 50px - 10px);
    font-size: 14px;
    line-height: 1.857;
    cursor: none;
  }

  .sell_qa .content li:last-of-type .a_text p {
    padding-bottom: 27px;
  }

  .sell_qa .content .cta_store {
    margin-top: 30px;
  }

  .sell_qa .content .cta_store p {
    font-size: 16px;
  }

  .sell_qa .content .cta_store p::before {
    margin-right: 16px;
  }

  .sell_qa .content .cta_store p::after {
    margin-left: 16px;
  }

  .sell_qa .content .cta_store a {
    padding: 17px 17px 17px 116px;
    margin-top: 7.5px;
    width: 100%;
    min-width: initial;
    max-width: 300px;
    font-size: 16px;
    box-shadow: 0px 3px 0px 0px #e83416;
    background-position: left 67px center;
    background-size: 30px auto;
  }
}

.content-form .info__container p a::after {
  content: none !important;
}

/***************************************************
 * コラムカテゴリ追加（空き家・シニア住宅） add in 2024.07
 ***************************************************/
div.btn_col_3 ul li.empty_bnr {
  width: 100%;
}

section.content_nav_area div.content_nav.content_nav_temp ul li.empty_bnr a {
  display: block;
  margin: auto;
  padding: 0;
  width: fit-content;
  border: none;
  box-shadow: none;
}

div.btn_col_3 ul li.empty_bnr a:hover {
  background-color: inherit;
  opacity: 0.8;
}

/***************************************************
 * イベントのお問い合わせフォーム テキスト追加 add in 2024.11
 ***************************************************/
 .firefox-notes {
  margin: 40px auto;
  padding: 30px;
  border: 1px solid #d8d8d8;
}
.firefox-notes .firefox-notes__text {
  margin-bottom: 0;
}

.recaptcha-text {
  margin-top: 1.5em;
  font-size: 14px;
}

.recaptcha-text .recaptcha-text__link {
  color: #005eaf !important;
  border-bottom: 1px solid !important;
  position: inherit !important;
  padding: 0 !important;
  font-weight: normal !important;
  font-size: 14px !important;
}

.recaptcha-text .recaptcha-text__link::after {
  content: none !important;
}

@media screen and (max-width: 768px) {
  .recaptcha-text {
    padding: 0 1em !important;
  }
}

/***************************************************
 * ヘッダーにLINEボタン追加 add in 2024.12
 ***************************************************/
 .top_nav ul li.icon_menu.menu_line a {
  display: block;
  width: fit-content;
 }
 .top_nav ul li.icon_menu.menu_line a img {
  width: auto;
  height: 28px;
 }

header div.line {
  display: none;
}

@media screen and (max-width: 855px) {
  .top_nav ul li.icon_menu.menu_line a img {
    width: auto;
    height: 20px;
  }
}

@media screen and (max-width: 768px) {
  header div.line {
    display: block;
    position: absolute;
    bottom: 50%;
    right: 150px;
    transform: translate(0, 50%);
}
  header div.line a {
    display: block;
  }
  header div.line a img {
    height: 45px;
  }
}

@media screen and (max-width: 500px) {
  header div.line a img {
    height: auto;
    max-width: 105px;
    object-fit: contain;
  }
}

@media screen and (max-width: 414px) {
  header div.line {
    right: 128px;
  }
}

@media screen and (max-width: 374px) {
  header div.line a img {
    height: auto;
    max-width: 100px;
  }
}
@media screen and (max-width: 345px) {
  header div.line a img {
    height: auto;
    max-width: 90px;
  }
}

/***************************************************
 * オンライン相談ページ add in 2024.12
 ***************************************************/
 .onlineconsultation {
  max-width: 1220px;
  margin: auto;
  width: 100%;
  padding: 0 15px;
  margin-top: 103px;
 }

 .onlineconsultation__section-br {
  display: none;
 }

 @media screen and (min-width: 1200px) {
  .onlineconsultation__section-br {
    display: block;
   }
 }

  div.article .onlineconsultation section {
  padding: 0;
 }

 @media screen and (min-width: 300px) {
  .onlineconsultation {
    padding: 0 30px;
   }
 }

 div.article .onlineconsultation .onlineconsultation__fv {
  padding: 20px 0 40px;
 }

 .onlineconsultation__fv-image {
  margin-bottom: 20px;
 }

 .onlineconsultation__fv-text {
  margin-bottom: 20px;
 }

 .onlineconsultation__fv-text:nth-of-type(2) {
  margin-bottom: 0;
 }

 @media screen and (min-width: 768px) {
  .onlineconsultation {
    margin-top: 200px;
   }
}

.onlineconsultation__section {
  margin-bottom: 40px;
}
.onlineconsultation__section:last-of-type {
  margin-bottom: 60px;
}

.onlineconsultation__section-brackets {
  margin-top: .5em;
  margin-bottom: .5em;
}

.onlineconsultation__section-title {
  background-color: #837468;
  color: #FFFFFF;
  font-size: 16px;
  position: relative;
  min-height: 44px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding-left: 48px;
  font-weight: bold;
  line-height: 1.25;
  margin-bottom: 10px;
  padding-top: 9px;
  padding-bottom: 9px;
  box-sizing: border-box;
  word-break: keep-all;
}

.onlineconsultation__section-title::before {
  background-image: url("../img/onlineconsultation/title.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: attr(number);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #837468;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 7px;
  box-sizing: border-box;
}

.onlineconsultation__section-text {
  margin-bottom: 30px;
}

.onlineconsultation__section-notes {
  display: block;
  margin: 10px 0 0;
}
.onlineconsultation__section-teams {
  display: block;
  margin: 5px 0 0;
}

.onlineconsultation__section-links {
  margin-bottom: 5px;
}

.onlineconsultation__section-links:last-of-type {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .onlineconsultation__section:last-of-type {
    margin-bottom: 100px;
  }
  .onlineconsultation__section-title {
    font-size: 24px;
    height: 56px;
    padding-left: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
   }
   .onlineconsultation__section-title::before {
    width: 40px;
    height: 40px;
    left: 10px;
    font-size: 22px;
    padding-top: 10px;
  }
   .onlineconsultation__section-title br.sp {
    display: none;
   }
   .onlineconsultation__section-text {
    margin-bottom: 35px;
  }
}

.onlineconsultation__red {
  color: #E83315;
}

.onlineconsultation__button--reserve,.onlineconsultation__button--registration {
  box-shadow: 0 4px 0 #E73414;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #FFFFFF;
  border: solid 2px #E73414;
  border-radius: 32px;
  max-width: 300px;
  height: 58px;
  margin: auto;
}

.onlineconsultation__button--reserve {
  padding-left: 4.8%;
  margin-top: 24px;
}

.onlineconsultation__button--registration {
  padding-left: 6.13%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.onlineconsultation__button--reserve span,.onlineconsultation__button--registration span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 12%;
  font-weight: bold;
  font-size: 16px;
  color: #e83416;
  text-align: left;
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: bold;
  line-height: 1;
  height: 100%;
}

.onlineconsultation__button--reserve span {
  background-image: url("../img/onlineconsultation/onine_reserve_icon.svg");
  background-size: 25px;
}

.onlineconsultation__button--registration span {
  background-image: url("../img/onlineconsultation/registration_icon.svg");
  background-size: 20px;
  padding-left: 10.67%;
}

.onlineconsultation__button--reserve:hover,.onlineconsultation__button--registration:hover {
  opacity: 1;
  background-color: #e83416;
  color: #fff;
}

.onlineconsultation__button--reserve:hover span {
  background-image: url("../img/onlineconsultation/onine_reserve_icon-w.svg");
  color: #fff;
}

.onlineconsultation__button--registration:hover span {
  background-image: url("../img/onlineconsultation/registration_icon-w.svg");
  color: #fff;
}

@media screen and (min-width: 300px) {
  .onlineconsultation__button--reserve {
    padding-left: 18px;
  }
  
  .onlineconsultation__button--registration {
    padding-left: 23px;
  }

  .onlineconsultation__button--reserve span,.onlineconsultation__button--registration span {
    padding-left: 45px;
    background-size: 36px;
  }

  .onlineconsultation__button--registration span {
    padding-left: 40px;
    background-size: 26.59px;
  }
}

@media screen and (min-width: 375px) {
  
  .onlineconsultation__button--reserve {
    padding-left: 18px;
    margin-top: 30px;
  }
  
  .onlineconsultation__button--registration {
    padding-left: 23px;
    margin-top: 25px;
    margin-bottom: 30px;
  }

}

@media screen and (min-width: 768px) {
  .onlineconsultation__button--reserve,.onlineconsultation__button--registration {
    width: 320px;
    max-width: none;
    height: 64px;
  }
  .onlineconsultation__button--reserve span,.onlineconsultation__button--registration span {
    font-size: 18px;
  }
  .onlineconsultation__button--reserve {
    margin-top: 40px;
  }
  
  .onlineconsultation__button--registration {
    padding-left: 23px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.onlineconsultation__section-image01 {
  max-width: 400px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.onlineconsultation__section-image-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}

.onlineconsultation__section-image-wrap img {
  max-width: 300px;
}

.onlineconsultation__section-image-text p:first-of-type {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .onlineconsultation__section-image-wrap {
    flex-direction: row;
    gap: 30px;
    align-items: center;
    margin-bottom: 40px;
  }
  .onlineconsultation__section-image-wrap img {
    margin: auto;
  }
}

.onlineconsultation__section-last {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/***************************************************
 * ctaにLINE追加 add in 2024.12
 ***************************************************/
 section.cta.cta_line .bg_beige .cta_inner .btn_cont {
  flex-wrap: wrap;
 }
 .cta__line-button {
  flex-grow: 1;
  width: 100%;
 }
 .cta__line-button a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 170px;
  margin: auto;
 }
 .cta__line-button a img {
  filter: drop-shadow(0 3px 0 #3a2a1a);
 }
 @media screen and (min-width: 768px) {
  section.cta.cta_line .bg_beige .cta_inner .btn_cont {
    align-items: center;
   }
   section.cta.cta_line .bg_beige .cta_inner .btn_cont .icon_btn {
    width: 230px;
    height: 70px;
   }
  
   section.cta.cta_line .bg_beige .cta_inner .btn_cont a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 100%;
   }

   .cta__line-button {
    flex-grow: unset;
    width: auto;
   }
  
   .cta__line-button a {
    width: 100%;
    transform: translateY(1px);
   }
  
   .cta__line-button a img {
    width: 100%;
    height: 70px;
    object-fit: contain;
    filter: drop-shadow(0 5px 0 #3a2a1a);
    transform: translateY(-1px);
   }
 }</pre></body></html>