@charset "UTF-8";
/*
* 適用するCSSのプロパティ
* アニメーションの時間
* 変化のパターンを選択 ease / linear / ease-in / ease-out / ease-in-out / cubic-bezier(数値, 数値, 数値, 数値)
* 変化がはじまるまでの時間を設定
*/
/*
* タイトル等で両端にボーダーを指定する
* タイトル部分を中央寄せにする場合はCenter寄せを指定したdivでラッピングする
*/
/*
* タイトル
* 左にアイコンを設置する
*/
/*
* タイトル
* 上下にボーダーを引く
*/
/*
* 番号
* ナンバリングを行うスタイル
*/
/*
* ホバーしたときにアンダーラインがアニメーション表示
* mode : center 時は中央からラインが表示
*/
/* アニメーション
*/
.bpservice-recomend__box, .bpservice-cat__box, .bpservice4__box, .bpservice4__box::after { -webkit-transition: all 0.25s 0s linear; transition: all 0.25s 0s linear; }

.bpservice-recomend .container--spnopadding { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
@media only screen and (min-width: 768px) { .bpservice-recomend .container--spnopadding { width: 750px; } }
@media only screen and (min-width: 992px) { .bpservice-recomend .container--spnopadding { width: 970px; } }
@media only screen and (min-width: 1200px) { .bpservice-recomend .container--spnopadding { width: 1200px; } }
.bpservice-recomend .container--spnopadding::before, .bpservice-recomend .container--spnopadding::after { clear: both; content: ''; }

.bpservice-recomend__box, .bpservice-recomend__list, .bpservice-recomend__tags, .bpservice-recomend__price, .bpservice-cat__list, .bpservice-cat__box, .bpservice-archive__list, .bpservice-contact, .bpservice-contact-single__inner, .bpservice1__box, .bpservice1__box--reverse, .bpservice3__list, .bpservice4__list, .bpservice-editor_both__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-diretion: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
/* 継承スタイルの打ち消し */
h2, h3, h4, h5, h6 { font-size: inherit; margin: 0; padding: 0; line-height: inherit; border: inherit; position: inherit; border: inherit; }

h2::after { display: none; }

p, div, li { font-size: 16px; line-height: 1.5; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; margin: 0; }

/* bpservice */
.bpservice { font-size: 16px; margin-top: -30px; margin-bottom: 100px; }
@media only screen and (max-width: 575px) { .bpservice { margin-top: 0; margin-bottom: 50px; } }

.bpservice-ttl { margin: 50px 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }

.bpservice-mainttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; text-align: center; font-size: 36px; margin: 60px 0 40px 0; }
.bpservice-mainttl::after { display: none; }
@media only screen and (max-width: 991px) { .bpservice-mainttl { margin: 30px 0 30px 0; font-size: 30px; } }
@media only screen and (max-width: 767px) { .bpservice-mainttl { font-size: 24px !important; } }

.bpservice-mainttl__sub { display: block; font-size: 50%; margin-top: -0.2em; }

@media only screen and (max-width: 767px) { h2.bpservice-mainttl:first-letter { font-size: 100% !important; } }

.bpservice-recomend__ttl, .bpservice-cat__ttl, .bpservice-archive__ttl, .bpservice3__ttl, .bpservice3__list-item, .bpservice4__ttl, .bpservice4__list-item, .bpservice-editor_both-ttl, .bpservice-editor-ttl { font-size: 30px; text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; font-weight: bold; }
.bpservice-recomend__ttl > span, .bpservice-cat__ttl > span, .bpservice-archive__ttl > span, .bpservice3__ttl > span, .bpservice3__list-item > span, .bpservice4__ttl > span, .bpservice4__list-item > span, .bpservice-editor_both-ttl > span, .bpservice-editor-ttl > span { display: inline-block; position: relative; }
.bpservice-recomend__ttl > span::before, .bpservice-cat__ttl > span::before, .bpservice-archive__ttl > span::before, .bpservice3__ttl > span::before, .bpservice3__list-item > span::before, .bpservice4__ttl > span::before, .bpservice4__list-item > span::before, .bpservice-editor_both-ttl > span::before, .bpservice-editor-ttl > span::before { content: ''; position: absolute; left: 0; top: 100%; height: 1px; width: 100%; background-color: #000; }
@media only screen and (max-width: 767px) { .bpservice-recomend__ttl, .bpservice-cat__ttl, .bpservice-archive__ttl, .bpservice3__ttl, .bpservice3__list-item, .bpservice4__ttl, .bpservice4__list-item, .bpservice-editor_both-ttl, .bpservice-editor-ttl { font-size: 20px !important; text-align: center; } }
.bpservice-recomend__ttl:first-letter, .bpservice-cat__ttl:first-letter, .bpservice-archive__ttl:first-letter, .bpservice3__ttl:first-letter, .bpservice3__list-item:first-letter, .bpservice4__ttl:first-letter, .bpservice4__list-item:first-letter, .bpservice-editor_both-ttl:first-letter, .bpservice-editor-ttl:first-letter { font-size: 100% !important; }

.bpservice-read__main { line-height: 2; }

.bpservice-subvisual { margin-top: -60px; }
@media only screen and (max-width: 767px) { .bpservice-subvisual { margin-left: -15px; margin-right: -15px; } }
@media only screen and (max-width: 575px) { .bpservice-subvisual { margin-top: -20px; } }

.bpservice-recomend { margin-top: 70px; }
@media only screen and (max-width: 767px) { .bpservice-recomend { margin-top: 15px; } }
@media only screen and (max-width: 575px) { .bpservice-recomend .container--spnopadding { padding: 0; } }
.bpservice-recomend__ttl { margin-bottom: 50px; }
@media only screen and (max-width: 575px) { .bpservice-recomend__ttl { margin-bottom: 30px; } }

.bpservice-recomend__subttl { font-size: 24px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; font-weight: bold; }
@media only screen and (min-width: 768px) { .bpservice-recomend__subttl { border-bottom: 1px solid #777; margin-bottom: 15px; } }
@media only screen and (max-width: 767px) { .bpservice-recomend__subttl { text-align: center; margin-bottom: 15px; font-size: 22px; }
  .bpservice-recomend__subttl > span { display: inline-block; position: relative; }
  .bpservice-recomend__subttl > span::before, .bpservice-recomend__subttl > span::after { content: ''; height: 1px; width: 9999px; background-color: #777; position: absolute; top: 50%; }
  .bpservice-recomend__subttl > span::before { right: calc(100% + 15px); }
  .bpservice-recomend__subttl > span::after { left: calc(100% + 15px); } }

.bpservice-recomend__box { padding: 15px; border-bottom: 1px dashed #CCC; height: 100%; }
.bpservice-recomend__box:hover { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }
@media only screen and (min-width: 992px) { .bpservice-recomend__box { padding-right: 30px; } }

/* ---------- */
.bpservice-recomend__box-sub, .bpservice-recomend__box-sub--hasicon { width: 200px; }
@media only screen and (max-width: 767px) { .bpservice-recomend__box-sub, .bpservice-recomend__box-sub--hasicon { width: 125px; } }
@media only screen and (max-width: 575px) { .bpservice-recomend__box-sub, .bpservice-recomend__box-sub--hasicon { width: 100%; margin-bottom: 10px; } }

.bpservice-recomend__box-sub--hasicon { position: relative; }
.bpservice-recomend__box-sub--hasicon::before { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 60px 60px 0 0; border-color: #ff0000 transparent transparent transparent; }

/* ---------- */
.bpservice-recomend__box-subicon, .bpservice-recomend__box-subicon--2col { position: absolute; left: 3px; top: 11px; z-index: 100; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); color: #FFF; font-size: 14px; }

@media only screen and (min-width: 576px) { .bpservice-recomend__box-subicon--2col { font-size: 11px; left: 0px; top: 7px; } }

.bpservice-recomend__box-main, .bpservice-recomend__box-main--2col { width: calc(100% - 200px); padding-left: 30px; }
@media only screen and (max-width: 767px) { .bpservice-recomend__box-main, .bpservice-recomend__box-main--2col { width: calc(100% - 125px); padding-left: 15px; } }
@media only screen and (max-width: 575px) { .bpservice-recomend__box-main, .bpservice-recomend__box-main--2col { width: 100%; padding-left: 0; } }

@media only screen and (min-width: 768px) { .bpservice-recomend__box-main--2col { width: calc(100% - 125px); } }

.bpservice-recomend__boxttl, .bpservice-recomend__boxttl--sphidden, .bpservice-recomend__boxttl--spvisible { font-size: 22px; margin-bottom: 5px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; text-align: left; font-weight: bold; }
@media only screen and (max-width: 767px) { .bpservice-recomend__boxttl, .bpservice-recomend__boxttl--sphidden, .bpservice-recomend__boxttl--spvisible { font-size: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }
@media only screen and (max-width: 575px) { .bpservice-recomend__boxttl, .bpservice-recomend__boxttl--sphidden, .bpservice-recomend__boxttl--spvisible { margin-top: 10px; } }

@media only screen and (max-width: 575px) { .bpservice-recomend__boxttl--sphidden { display: none; } }

@media only screen and (min-width: 576px) { .bpservice-recomend__boxttl--spvisible { display: none; } }

.bpservice-recomend__boxttl--spvisible { font-size: 20px; border-bottom: 1px solid #777; margin-bottom: 10px; width: 100%; }

.bpservice-recomend__list { padding-top: 1px; }

@media only screen and (min-width: 768px) { .bpservice-recomend__list { border-top: 1px dashed #CCC; } }

.bpservice-recomend__list-item, .bpservice-recomend__col2 .bpservice-recomend__list-item { margin-top: 1px; width: 100%; margin-bottom: 1px; padding-bottom: 1px; position: relative; }
.bpservice-recomend__list-item > i, .bpservice-recomend__col2 .bpservice-recomend__list-item > i { display: inline-block; position: absolute; right: 2px; top: calc(50% - 0.7em); font-size: 30px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
@media only screen and (max-width: 991px) { .bpservice-recomend__list-item > i, .bpservice-recomend__col2 .bpservice-recomend__list-item > i { display: none; } }

.bpservice-recomend__catblock:not(:first-child) { margin-top: 30px; }
@media only screen and (max-width: 767px) { .bpservice-recomend__catblock:not(:first-child) { margin-top: 30px; } }

.bpservice-recomend__catlist { margin: 0 -1px; display: inline-block; margin-right: 5px; vertical-align: bottom; }
.bpservice-recomend__catlist > span { vertical-align: middle; }

.bpservice-recomend__tags { margin: 0 -1px; }

.bpservice-recomend__taglist-item { background-color: #8E2940; color: #FFF; height: 25px; border-radius: 15px; padding: 3px 10px 0 10px; margin: 0 1px; margin-bottom: 3px; font-size: 14px; display: inline-block; }

.bpservice-recomend__catlist-item { background-color: #333333; display: inline-block; color: #FFF; height: 25px; padding: 3px 7px 0 7px; margin: 0 1px; margin-bottom: 3px; font-size: 14px; margin-right: 1px; text-align: center; white-space: nowrap; }
@media only screen and (max-width: 767px) { .bpservice-recomend__catlist-item { display: block; } }

.bpservice-recomend__text { margin-top: 15px; }

.bpservice-recomend__price { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 15px; background-color: #F3F3F3; padding: 15px; }

.bpservice-recomend__price-main { color: #FF0000; font-size: 20px; padding-right: 15px; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }

.bpservice-recomend__price-sub { font-size: 13px; }

.bpservice-recomend__read { margin-bottom: 30px; }

/* two colum layout */
.bpservice-recomend__col2 .bpservice-recomend__list { border-top: none; }
.bpservice-recomend__col2 .bpservice-recomend__list-item { width: 50%; padding: 0 15px; }
@media only screen and (max-width: 767px) { .bpservice-recomend__col2 .bpservice-recomend__list-item { width: 100%; } }
.bpservice-recomend__col2 .bpservice-recomend__list { margin: 0 -15px; }
@media only screen and (min-width: 992px) { .bpservice-recomend__col2 .bpservice-recomend__box-sub { width: 125px; } }
@media (min-width: 768px) and (max-width: 991px) { .bpservice-recomend__col2 .bpservice-recomend__box-sub { width: 100%; } }
@media only screen and (min-width: 992px) { .bpservice-recomend__col2 .bpservice-recomend__box-sub--hasicon { width: 125px; } }
@media (min-width: 768px) and (max-width: 991px) { .bpservice-recomend__col2 .bpservice-recomend__box-sub--hasicon { width: 100%; } }
@media only screen and (min-width: 992px) { .bpservice-recomend__col2 .bpservice-recomend__box-sub--hasicon::before { border-width: 40px 40px 0 0; } }
@media only screen and (min-width: 768px) { .bpservice-recomend__col2 .bpservice-recomend__box-main { width: calc(100% - 125px); } }
@media (min-width: 768px) and (max-width: 991px) { .bpservice-recomend__col2 .bpservice-recomend__box-main { width: 100%; padding-left: 0; } }
@media only screen and (max-width: 991px) { .bpservice-recomend__col2 .bpservice-recomend__box { padding-right: 15px; } }
@media (min-width: 768px) and (max-width: 991px) { .bpservice-recomend__col2 .fontello-1-arrow1-w0-up { display: none; } }

.bpservice-cat { margin-top: 50px; }
.bpservice-cat__ttl { margin-bottom: 35px; }

.bpservice-cat__list { margin: 0 -7.5px; margin-bottom: 15px; }

.bpservice-cat__list-item { width: 50%; padding: 0 7.5px; margin-bottom: 15px; min-height: 125px; }
@media only screen and (max-width: 767px) { .bpservice-cat__list-item { width: 100%; }
  .bpservice-cat__list-item:not(:last-child) { margin-bottom: 10px; } }

.bpservice-cat__box { border: 1px solid #777; position: relative; height: 100%; }
.bpservice-cat__box:hover { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }

.bpservice-cat__box-sub { width: 150px; background-size: cover; background-position: center; background-repeat: no-repeat; }
@media only screen and (max-width: 575px) { .bpservice-cat__box-sub { width: 100%; height: 200px; } }

.bpservice-cat__box-main { width: calc(100% - 150px); padding: 15px; padding-right: 25px; }
@media only screen and (max-width: 575px) { .bpservice-cat__box-main { width: 100%; padding-right: 15px; padding-bottom: 25px; } }

.bpservice-cat__subttl { font-size: 22px; margin-bottom: 3px; font-weight: bold; }

.bpservice-cat__text { font-size: 13px; }

.bpservice-cat__link { width: 20px; height: 40px; background-color: #333; position: absolute; right: -1px; top: calc(50% - 20px); }
@media only screen and (max-width: 575px) { .bpservice-cat__link { width: 40px; height: 20px; top: calc(100% - 19px); right: calc(50% - 20px); } }
.bpservice-cat__link::after { content: ''; position: absolute; right: 7px; top: calc(50% - 5px); width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #FFF; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
@media only screen and (max-width: 575px) { .bpservice-cat__link::after { right: 16px; top: calc(50% - 4px); } }

.bpservice-cat__read { margin-bottom: 30px; }

/* bpservice-archive */
.bpservice-archive { margin-top: 50px; }
.bpservice-archive__ttl { margin-bottom: 50px; }
@media only screen and (max-width: 575px) { .bpservice-archive__ttl { margin-bottom: 30px; } }

.bpservice-archive__list { margin: 0 -15px; }
.bpservice-archive__list li { padding: 0 15px; }
@media only screen and (min-width: 768px) { .bpservice-archive__list li { width: calc(100% / 3); }
  .bpservice-archive__list li:nth-of-type(1) a { border-top: 1px dashed #CCC; }
  .bpservice-archive__list li:nth-of-type(2) a { border-top: 1px dashed #CCC; }
  .bpservice-archive__list li:nth-of-type(3) a { border-top: 1px dashed #CCC; } }
@media only screen and (max-width: 767px) { .bpservice-archive__list li { width: calc(100% / 2); }
  .bpservice-archive__list li:nth-of-type(1) a { border-top: 1px dashed #CCC; }
  .bpservice-archive__list li:nth-of-type(2) a { border-top: 1px dashed #CCC; } }
.bpservice-archive__list a { display: block; padding: 15px 0; font-size: 16px; border-bottom: 1px dashed #CCC; text-align: center; cursor: pointer; }
.bpservice-archive__list a:hover { color: #8e2940; }

.bpservice-contact { background-color: #F3F3F3; border: 1px solid #cccccc; }

.bpservice-contact-single__text, .bpservice-contact__text { width: calc(100% - 450px); padding: 30px 0; text-align: center; }
@media only screen and (max-width: 1199px) { .bpservice-contact-single__text, .bpservice-contact__text { width: calc(100% - 400px); } }
@media only screen and (max-width: 767px) { .bpservice-contact-single__text, .bpservice-contact__text { width: 100%; padding: 15px 15px 10px 15px; } }
.bpservice-contact-single__text > p, .bpservice-contact__text > p { font-size: 24px; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; margin-top: 10px; }
.bpservice-contact-single__text > p > br, .bpservice-contact__text > p > br { display: none; }
@media only screen and (max-width: 991px) { .bpservice-contact-single__text > p > br, .bpservice-contact__text > p > br { display: inherit; } }
@media only screen and (max-width: 767px) { .bpservice-contact-single__text > p > br, .bpservice-contact__text > p > br { display: none; } }
@media only screen and (max-width: 1199px) { .bpservice-contact-single__text > p, .bpservice-contact__text > p { font-size: 20px; } }
@media only screen and (max-width: 991px) { .bpservice-contact-single__text > p, .bpservice-contact__text > p { font-size: 18px; margin-top: 0; } }

.bpservice-contact__btn { width: 450px; padding: 30px 0; }
@media only screen and (max-width: 1199px) { .bpservice-contact__btn { width: 400px; } }
@media only screen and (max-width: 767px) { .bpservice-contact__btn { width: 100%; text-align: center; padding: 0 15px 15px 15px; } }

.bpservice-contact__btn-main { -webkit-transition: all .5s ease; transition: all .5s ease; color: #fff; border: 1px solid #8e2940; background: #8e2940; font-weight: bold; padding: 8px 40px; display: inline-block; font-size: 22px; border-radius: 5px; position: relative; top: 0; left: 0; box-shadow: 3px 3px 0 #333; }
@media only screen and (max-width: 1199px) { .bpservice-contact__btn-main { font-size: 20px; } }
@media only screen and (max-width: 767px) { .bpservice-contact__btn-main { padding: 8px 15px; font-size: 16px; } }

.bpservice-contact-single { background-color: #F3F3F3; border: 1px solid #cccccc; }

.bpservice-contact-single__inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
@media only screen and (max-width: 767px) { .bpservice-contact-single__inner { display: block; } }

.bpservice-contact-single__text, .bpservice-contact__btn { width: auto; }

.bpservice-contact-single__text { padding-right: 10px; }
.bpservice-contact-single__text > p { font-size: 24px; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }
@media only screen and (min-width: 768px) { .bpservice-contact-single__text > p { margin-top: 10px; } }
.bpservice-contact-single__text > p > br { display: none; }
@media only screen and (max-width: 991px) { .bpservice-contact-single__text > p > br { display: inherit; } }
@media only screen and (max-width: 767px) { .bpservice-contact-single__text > p > br { display: none; } }
@media only screen and (max-width: 1199px) { .bpservice-contact-single__text > p { font-size: 20px; } }
@media only screen and (max-width: 991px) { .bpservice-contact-single__text > p { font-size: 18px; } }

.bpservice-contact-single__btn { padding: 30px 0; padding-left: 10px; }
@media only screen and (max-width: 767px) { .bpservice-contact-single__btn { padding: 0 0 15px 0; text-align: center; } }

.bpservice-contact-single__btn-main { -webkit-transition: all .5s ease; transition: all .5s ease; color: #fff; border: 1px solid #8e2940; background: #8e2940; font-weight: bold; padding: 8px 40px; display: inline-block; font-size: 22px; border-radius: 5px; position: relative; top: 0; left: 0; max-width: 400px; box-shadow: 3px 3px 0 #333; }
@media only screen and (max-width: 1199px) { .bpservice-contact-single__btn-main { font-size: 20px; } }
@media only screen and (max-width: 767px) { .bpservice-contact-single__btn-main { padding: 8px 15px; font-size: 16px; max-width: 100%; } }

/* ここからコンテンツ部分 */
/* bpservice1 */
.bpservice1 { margin: 30px 0; }
@media only screen and (max-width: 575px) { .bpservice1__box, .bpservice1__box--reverse { display: block; } }

.bpservice1__box--reverse { -webkit-flex-flow: row-reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; }

.bpservice1__sub { width: 400px; }
@media only screen and (max-width: 991px) { .bpservice1__sub { width: 300px; } }
@media only screen and (max-width: 767px) { .bpservice1__sub { width: 200px; } }
@media only screen and (max-width: 575px) { .bpservice1__sub { width: inherit; margin-bottom: 15px; } }

.bpservice1__main, .bpservice1__main--reverse { width: calc(100% - 400px); }
@media only screen and (max-width: 991px) { .bpservice1__main, .bpservice1__main--reverse { width: calc(100% - 300px); } }
@media only screen and (max-width: 767px) { .bpservice1__main, .bpservice1__main--reverse { width: calc(100% - 200px); } }
@media only screen and (max-width: 575px) { .bpservice1__main, .bpservice1__main--reverse { width: inherit; } }

@media only screen and (min-width: 576px) { .bpservice1__main { padding-left: 30px; } }
@media only screen and (min-width: 576px) { .bpservice1__main--reverse { padding-right: 30px; } }

.bpservice1__mainttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; margin-bottom: 40px; font-size: 32px; font-weight: bold; text-align: center; }
@media only screen and (max-width: 575px) { .bpservice1__mainttl { font-size: 20px; margin-bottom: 15px; text-align: left; } }

.bpservice1__ttl, .bpservice1__ttl--sphidden, .bpservice1__ttl--spvisible { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; margin-bottom: 15px; font-size: 20px; font-weight: bold; }
@media only screen and (max-width: 575px) { .bpservice1__ttl, .bpservice1__ttl--sphidden, .bpservice1__ttl--spvisible { font-size: 18px; } }

@media only screen and (max-width: 575px) { .bpservice1__ttl--sphidden { display: none; } }

@media only screen and (min-width: 576px) { .bpservice1__ttl--spvisible { display: none; } }

.bpservice1__text { line-height: 2; }

/* bpservice3 */
.bpservice3 { background-color: #F3F3F3; padding: 50px 0; }
.bpservice3__ttl { margin-bottom: 30px; }

.bpservice3__read { margin-bottom: 30px; text-align: center; }

.bpservice3__read-inner { display: inline-block; text-align: left; }

.bpservice3__list { margin: 0 -7.5px; margin-bottom: -15px; }
@media only screen and (max-width: 575px) { .bpservice3__list { display: block; margin: inherit; } }

.bpservice3__list-item { width: calc(100% / 3); padding: 0 7.5px; margin-bottom: 15px; }
@media only screen and (max-width: 767px) { .bpservice3__list-item { width: calc(100% / 2); } }
@media only screen and (max-width: 575px) { .bpservice3__list-item { width: inherit; padding: inherit; } }

.bpservice3__box { background-color: #FFF; padding: 30px 30px; }

.bpservice3__box-subttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; margin: 15px 0 10px 0; text-align: center; font-size: 18px; font-weight: bold; }
@media only screen and (max-width: 991px) { .bpservice3__box-subttl { font-size: 16px; } }

.bpservice3__box-text { font-size: 14px; }

.bpservice3__box-point { text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; font-size: 24px; margin-bottom: 5px; line-height: 1em; margin-bottom: 15px; color: #8E2940; }

/* bpservice4 */
.bpservice4 { padding: 50px 0; }
.bpservice4__ttl { margin-bottom: 30px; }

.bpservice4__read { font-size: 16px; margin-bottom: 30px; text-align: center; line-height: 2; }

.bpservice4__read-inner { display: inline-block; text-align: left; }
@media only screen and (max-width: 575px) { .bpservice4__read-inner > br { display: none; } }

.bpservice4__list { margin: 0 -7.5px; margin-bottom: -15px; }
@media only screen and (max-width: 575px) { .bpservice4__list { display: block; margin: inherit; } }

.bpservice4__list-item { width: calc(100% / 3); padding: 0 7.5px; margin-bottom: 15px; }
@media only screen and (max-width: 767px) { .bpservice4__list-item { width: calc(100% / 2); } }
@media only screen and (max-width: 575px) { .bpservice4__list-item { width: inherit; padding: inherit; } }

.bpservice4__box { background-color: #FFF2F6; padding: 30px 15px 50px 15px; display: block; border: 2px solid transparent; box-shadow: 0px 2px 5px #ccc; position: relative; }
.bpservice4__box::after { font-family: 'fontello'; content: "\e824"; position: absolute; bottom: 5px; left: calc(50% - 0.5em); }
.bpservice4__box:hover { border: 2px solid #d87792; }
.bpservice4__box:hover::after { bottom: 0; }

.bpservice4__box-subttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; text-align: center; font-weight: bold; }

.bpservice4__box-subttl { margin: -10px 0 10px 0; color: #8E2940; line-height: 1.3; }
.bpservice4__box-subttl--sub { display: block; font-size: 20px; }
.bpservice4__box-subttl--main { display: block; font-size: 30px; }
@media only screen and (max-width: 991px) { .bpservice4__box-subttl--main { font-size: 16px; } }

.bpservice4__box-text { font-size: 14px; }

.bpservice4__box-point { text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; font-size: 24px; margin-bottom: 5px; line-height: 1em; margin-bottom: 15px; color: #8E2940; }

/* bpservice-editor_both */
.bpservice-editor_both { margin: 30px 0; }
.bpservice-editor_both-ttl { margin-bottom: 30px; }

.bpservice-editor_both__box { margin: -15px; }

.bpservice-editor_both__box-left, .bpservice-editor_both__box-right { width: 50%; padding: 15px; }
@media only screen and (max-width: 767px) { .bpservice-editor_both__box-left, .bpservice-editor_both__box-right { width: 100%; } }

/* bpservice-editor */
.bpservice-editor { margin: 30px 0; }
.bpservice-editor-ttl { margin-bottom: 30px; }
@media only screen and (max-width: 767px) { .bpservice-editor-ttl { margin-bottom: 15px; } }

/* bpservice__post */
.bpservice__post { font-size: 16px; }
.bpservice__post ul { list-style-type: disc; margin-left: 1em; margin-bottom: 30px; }
.bpservice__post ol { list-style-type: decimal; margin-left: 1em; margin-bottom: 30px; }
.bpservice__post h1 { margin-bottom: 30px; font-size: 32px; font-weight: bold; }
@media only screen and (max-width: 767px) { .bpservice__post h1 { font-size: 24px; } }
.bpservice__post h2 { margin-bottom: 30px; font-size: 30px; font-weight: bold; }
@media only screen and (max-width: 767px) { .bpservice__post h2:first-letter { font-size: 20px !important; } }
@media only screen and (max-width: 767px) { .bpservice__post h2 { font-size: 20px; } }
.bpservice__post h3 { margin-bottom: 30px; font-size: 28px; font-weight: bold; text-align: center; }
@media only screen and (max-width: 767px) { .bpservice__post h3 { font-size: 20px; } }
.bpservice__post h4 { margin-bottom: 15px; font-size: 26px; font-weight: bold; }
@media only screen and (max-width: 767px) { .bpservice__post h4 { font-size: 18px; } }
.bpservice__post h5 { margin-bottom: 15px; font-size: 24px; }
@media only screen and (max-width: 767px) { .bpservice__post h5 { font-size: 18px; } }
.bpservice__post h6 { margin-bottom: 15px; font-size: 22px; }
@media only screen and (max-width: 767px) { .bpservice__post h6 { font-size: 16px; } }
.bpservice__post img.alignright { /* 配置位置 右 */ display: block; margin-left: auto; padding: 0 0 15px 15px; }
.bpservice__post img.alignleft { /* 配置位置 左 */ display: block; margin-right: auto; padding: 0 15px 15px 0; }
.bpservice__post img.aligncenter { /* 配置位置 中央 */ display: block; margin: 0 auto; padding: 0 0 15px 0; }
.bpservice__post table { border-top: 1px solid #777; border-left: 1px solid #777; }
.bpservice__post th, .bpservice__post td { border-bottom: 1px solid #777; border-right: 1px solid #777; padding: 10px; }
.bpservice__post th { background-color: #F3F3F3; }
.bpservice__post p { margin-bottom: 1em; }
.bpservice__post hr { border-bottom: 1px solid #777; }
.bpservice__post .table-responsive { overflow: auto; white-space: nowrap; }
.bpservice__post ul.list-style-kome { list-style-type: none; margin-left: 0em; }
.bpservice__post ul.list-style-kome > li { position: relative; padding-left: 1.3em; margin-bottom: 5px; }
.bpservice__post ul.list-style-kome > li::before { content: '※'; position: absolute; left: 0; }

@media only screen and (max-width: 767px) { .bpservice-editor-ttl { font-size: 20px !important; } }

@media only screen and (max-width: 575px) { .bpservice-recomend__box-sub { text-align: center; }
  .bpservice-recomend__box-sub img { max-width: 150px !important; } }

/*# sourceMappingURL=beauty-park-mall.css.map */