@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms
# Alignments
# Clearings
# Custom Style
--------------------------------------------------------------*/
html { font-size: medium; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea { color: #333; font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "游ゴシック Medium", meiryo, sans-serif; font-size: 14px; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { clear: both; margin: 0 0 18px; }

h1, h2, h3, h4 { line-height: 1.3; }

h3 { font-size: 229%; }

h4 { font-size: 200%; }

h5 { font-size: 172%; }

@media screen and (max-width: 599px) { h3 { font-size: 186%; }
  h4 { font-size: 172%; }
  h5 { font-size: 143%; } }
p { margin: 0; }

article p { line-height: 1.93; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0; }

pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 14px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 14px; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

mark, ins { background: #fff9c0; text-decoration: none; }

big { font-size: 115%; }

small { font-size: 86%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; }

body { background: #fff; /* Fallback for when there is no custom background color defined. */ }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

ul, ol { padding: 0; margin: 0; list-style: none; }

ul.disc li { padding-left: 1em; text-align: left; position: relative; }
ul.disc li:before { content: "・"; position: absolute; top: 0; left: 0; }

dl.disc dt { padding-left: 1em; text-align: left; position: relative; }
dl.disc dt:before { content: "・"; position: absolute; top: 0; left: 0; }
dl.disc dd { padding-left: 1em; }

ul.circle li { padding-left: 1em; text-align: left; position: relative; }
ul.circle li:before { content: "●"; position: absolute; top: 0; left: 0; }

ul.kome li { padding-left: 1em; text-align: left; position: relative; }
ul.kome li:before { content: "※"; position: absolute; top: 0; left: 0; }

ol.decimal { margin: 0 0 1.5em 1.5em; list-style: decimal; }
ol.decimal > li > ol { list-style: lower-roman; margin: 0.5em 0 1em 1.5em; }

li > ul.ind, li > ol.ind { margin-bottom: 0; margin-left: 1.5em; }

li, dt, dd { line-height: 1.93; }

dl, dt, dd { margin: 0; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

article img { vertical-align: top; }

embed, iframe, object { max-width: 100%; }

figure { margin: 0; /* Extra wide images within figure tags don't overflow the content area. */ }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

a { color: #fd8403; text-decoration: none; }
a:visited { color: #b25d01; }
a:hover, a:focus, a:active { color: #fea94f; }
a:focus, a:hover, a:active { outline: 0; }
a:hover { opacity: .7; }

a.linkArrow { color: #333; }
a.linkArrow:before { content: ""; display: inline-block; border: solid transparent; border-left-color: inherit; border-width: 3.5px 0 3.5px 6px; width: 0; height: 0; margin-right: 0.3em; vertical-align: middle; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; background: transparent; color: #333; padding: 0; outline: none; cursor: pointer; }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { opacity: .7; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ddd; padding: 8px 0.8em; }
input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, input[type="range"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="week"]::placeholder, input[type="time"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="color"]::placeholder, textarea::placeholder { color: #bbb; }
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="range"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; }
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; }
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="range"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="color"]::-moz-placeholder, textarea::-moz-placeholder { color: #bbb; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; }
#fs_Register input[type="text"], #fs_Register input[type="email"], #fs_Register input[type="url"], #fs_Register input[type="password"], #fs_Register input[type="search"], #fs_Register input[type="number"], #fs_Register input[type="tel"], #fs_Register input[type="range"], #fs_Register input[type="date"], #fs_Register input[type="month"], #fs_Register input[type="week"], #fs_Register input[type="time"], #fs_Register input[type="datetime"], #fs_Register input[type="datetime-local"], #fs_Register input[type="color"], #fs_Register textarea { padding: 13px 0.8em; }

select { border: 1px solid #ddd; padding: 8px 0.8em; }

textarea { width: 100%; }

.fs-c-inputGroup, .fs-c-inputGroup--vertical, .fs-c-inputGroup--inline { border-color: #ddd; border-radius: 0; }

.fs-c-inputGroup > button, .fs-c-inputGroup--vertical > button, .fs-c-inputGroup--inline > button { border-color: #ddd; border-radius: 0; }

.fs-c-dropdown__menu { padding: 13px 7em 13px 0.8em; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:before, .clearfix:after, .float_list:before, .float_list:after, .login_content:before, .login_content:after, #header:before, #header:after, #main:before, #main:after, #footer:before, #footer:after { content: ""; display: table; table-layout: fixed; }

.clearfix:after, .float_list:after, .login_content:after, #header:after, #main:after, #footer:after { clear: both; }

.clear { clear: both; }

/*--------------------------------------------------------------
# Custom Style
--------------------------------------------------------------*/
/*** common style ***/
.sec_inner { display: block; margin-left: auto; margin-right: auto; max-width: 1100px; width: 90%; }

.bg_stripe { background: url("../image/bg_stripe.gif"); }

.bg_beige { background: url("../image/bg_beige.jpg"); }

.h-imgLb { margin-bottom: 28px; font-size: 179%; text-align: center; }

.h-lb01 { background: url("../image/h-lb01__bg.jpg"); border-radius: 6px; color: #57290d; padding: 14px 12px 12px 65px; margin: 0; font-size: 143%; font-weight: 400; line-height: 1.3; text-align: left; position: relative; }
.h-lb01:before { content: url("../image/h-lb01__icon.png"); display: block; width: 34px; height: 25px; position: absolute; top: 13px; left: 18px; }

.sec_content { padding: 22px 3.63% 33px; }
.sec_content p, .sec_content li, .sec_content dd { line-height: 1.5; }

.h-lb02 { background: url("../image/h-lb02__bg.jpg"); color: #fff; padding: 10px 15px 8px; margin: 0 0 22px; font-size: 115%; font-weight: 400; line-height: 1.3; text-align: left; }

.h-lb02-s { background: #876f60; color: #fff; padding: 8px 18px 7px; margin: 0 0 15px; font-size: 115%; font-weight: 400; line-height: 1.3; text-align: left; }

.h-lb03, .fs-c-registeredUsers__title { background: url("../image/h-lb03__bg.gif"); color: #57290d; padding: 5px 10px; margin: 4px 0 14px; font-size: 115%; font-weight: 400; line-height: 1.3; text-align: left; position: relative; }
.h-lb03:before, .h-lb03:after, .fs-c-registeredUsers__title:before, .fs-c-registeredUsers__title:after { content: ""; display: block; background: #d1c8bb; width: 100%; height: 1px; position: absolute; left: 0; }
.h-lb03:before, .fs-c-registeredUsers__title:before { top: -4px; }
.h-lb03:after, .fs-c-registeredUsers__title:after { bottom: -4px; }
.h-lb03 span, .fs-c-registeredUsers__title span { display: inline-block; border-left: solid 5px #fd8403; padding: 4px 0 1px 12px; }

.h-lb04 { background: url("../image/h-lb04__bg.png") 50% 100% no-repeat; color: #57290d; padding: 0 0 13px; font-size: 143%; font-weight: 400; line-height: 1.3; text-align: center; }

.h-lb04-s { background: url("../image/h-lb04-s__bg.png") 50% 100% no-repeat; color: #57290d; padding: 0 0 13px; font-size: 129%; font-weight: 400; line-height: 1.3; text-align: center; }

.h-lb05 { background: #019277 url("../image/h-lb05__bg.jpg"); border-radius: 40px; color: #fff; padding: 20px; line-height: 1; text-align: center; }

.h-lb06 { background: url("../image/line_dot_b_s.png") 0 100% repeat-x; color: #019277; padding: 0 0 12px 20px; font-size: 179%; font-weight: 400; line-height: 1.3; text-align: left; position: relative; }
.h-lb06:before, .h-lb06:after { content: ""; display: block; border-radius: 50%; position: absolute; }
.h-lb06:before { background: #fd8403; width: 15px; height: 15px; top: 8px; left: 0; }
.h-lb06:after { background: #fff; width: 7px; height: 7px; top: 12px; left: 4px; }

.h-lb07, .fs-c-newUsers__title, .fs-c-featuredProduct__title { color: #57290d; border-bottom: solid 4px #9f897b; padding-bottom: 8px; font-size: 115%; font-weight: 400; line-height: 1.3; }

.h-arrow { padding-left: 20px !important; position: relative; }
.h-arrow:before, .h-arrow:after { content: "" !important; display: block; position: absolute; }
.h-arrow:before { background: #fd8403; border-radius: 4px; width: 13px; height: 13px; top: 3px; left: 0; }
.h-arrow:after { border: solid transparent; border-left-color: #fff; border-width: 3px 0 3px 4px; width: 0; height: 0; top: 6.5px; left: 5px; }

a.h-arrow { color: inherit; text-decoration: none !important; line-height: 1.3; }
a.h-arrow:before { top: 2px; }
a.h-arrow:after { top: 5.5px; }

.lead_box_big p { font-size: 115%; line-height: 1.69; }

.catch { font-size: 143%; line-height: 1.5; text-align: center; }

.check_list li { min-height: 27px; padding: 4px 0 0 37px; margin-bottom: 8px; position: relative; }
.check_list li:before { content: url("../image/icon_check.png"); display: block; width: 28px; height: 27px; position: absolute; top: 0; left: 0; }

.table_dl { display: table; border-collapse: collapse; width: 100%; }
.table_dl > dl { display: table-row; }
.table_dl > dl > dt, .table_dl > dl > dd { display: table-cell; border: solid 1px #ddd; vertical-align: middle; padding: 5px 16px 4px; }
.table_dl > dl > dt { background: #f2ede4; }
.table_dl > dl > dd { background: #fff; }

.about_dl > dl + dl { margin-top: 18px; }
.about_dl > dl dt, .about_dl > dl dd { line-height: 1.5; }
.about_dl > dl > dt { background: url("../image/line_dot_b.png") 0 100% repeat-x; padding: 0 0 5px 1.3em; margin: 0 0 8px; position: relative; }
.about_dl > dl > dt:before { content: "■"; position: absolute; top: 0; left: 0; }

.shop-list { margin: 15px -2% -20px 0; overflow: hidden; }
.shop-list li { float: left; width: 18%; margin: 0 2% 20px 0; }
.shop-list li figcaption { text-align: center; padding: 4px 0; }
.shop-list li img { width: 100%; }
@media screen and (max-width: 767px) { .shop-list { margin: 15px -3% 0 0; }
.shop-list li { width: 47%; margin: 0 3% 7px 0; } }

.service_dl > dl > dt { background: #e6ded6; padding: 7px 10px 5px 30px; margin-bottom: 10px; line-height: 1.3; position: relative; }
.service_dl > dl > dt:before, .service_dl > dl > dt:after { content: ""; display: block; border-radius: 50%; position: absolute; }
.service_dl > dl > dt:before { background: #57290d; width: 13px; height: 13px; top: 9px; left: 10px; }
.service_dl > dl > dt:after { background: #e6ded6; width: 5px; height: 5px; top: 13px; left: 14px; }
.service_dl > dl > dd { margin-bottom: 15px; }
.service_dl > dl > dd, .service_dl > dl > dd dt, .service_dl > dl > dd dd, .service_dl > dl > dd li { line-height: 1.5; }

.float_dl { overflow: hidden; }
.float_dl > dt, .float_dl > dd { float: left; }
.float_dl > dt { clear: both; }

.table1 th, .table1 td { border: solid 1px #ddd; height: 45px; padding: 5px 14px; text-align: left; line-height: 1.3; }
.table1 th { background: #fcf9df; font-weight: 400; }
.table1 td { background: #fff; }

.fig_kado_y { border: solid 6px #fcc401; border-radius: 11px; overflow: hidden; }
.fig_kado_y img { width: 100%; vertical-align: top; }

.fig_kado_g { border: solid 6px #5cc54b; border-radius: 11px; overflow: hidden; }
.fig_kado_g img { width: 100%; vertical-align: top; }

.fig_kado_b { border: solid 6px #68c1ff; border-radius: 11px; overflow: hidden; }
.fig_kado_b img { width: 100%; vertical-align: top; }

.fig_kado { border-radius: 10px; overflow: hidden; }
.fig_kado img { width: 100%; vertical-align: top; }

.fig_maru { border-radius: 50%; overflow: hidden; }
.fig_maru img { width: 100%; vertical-align: top; }

.fig_maru_w { border: solid 4px #fff; border-radius: 50%; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); overflow: hidden; }
.fig_maru_w img { width: 100%; vertical-align: top; }

.figcap { padding: 2px 0; margin-top: 5px; text-align: center; font-size: 129%; line-height: 1.3; }

.map { text-align: center; }
.map iframe { width: 100%; vertical-align: top; }

#maps { width: 100%; height: 0; padding-top: 500px; }

.iblock { display: inline-block; }

.hide_box { overflow: hidden; }

.for_sp, .for_sp_i, .for_tab-sp, .for_tab-sp_i { display: none !important; }

/* 404 & search */
.error404 .page-content .widget-title, .search-no-results .page-content .widget-title { font-size: 143%; }

.search-form { margin: 10px 0 20px; }

@media screen and (max-width: 959px) { .for_pc { display: none !important; }
  .for_tab-sp { display: block !important; }
  .for_tab-sp_i { display: inline !important; } }
@media screen and (max-width: 599px) { .for_pc-tab { display: none !important; }
  .for_sp { display: block !important; }
  .for_sp_i { display: inline !important; }
  .h-imgLb { font-size: 143%; }
  .h-lb01 { padding-left: 55px; font-size: 122%; }
  .h-lb01:before { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
  .h-lb02 { font-size: 108%; }
  .h-lb04 { font-size: 129%; }
  .h-lb04-s { font-size: 115%; }
  .h-lb05 { padding: 15px 6%; }
  .h-lb05 img { vertical-align: baseline; }
  .h-lb06 { padding-bottom: 8px; font-size: 143%; }
  .h-lb06:before { top: 5px; }
  .h-lb06:after { top: 9px; }
  .lead_box_big p { font-size: 108%; }
  .catch { font-size: 122%; }
  .check_list li { padding-left: 25px; }
  .check_list li:before { -webkit-transform: scale(0.77); transform: scale(0.77); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
  .table_dl > dl > dt, .table_dl > dl > dd { padding: 4px 10px 2px !important; }
  .figcap { margin: 2px 0 5px; font-size: 115%; }
  .map iframe { height: 280px; }
  #maps { padding-top: 280px; }
  /* 404 & search */
  .error404 .page-content .widget-title, .search-no-results .page-content .widget-title { font-size: 122%; }
  .search-form .search-field { padding: 6px .4em; } }
.float_list li { float: left; }

.flex_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.red, .fs-c-requiredMark::before { color: #cf1848; }

.ored { color: #f31f03; }

.blown { color: #57290d; }

.orange { color: #fd8403; }

.yellow { color: #fcc401; }

.kon { color: #000033; }

.n { font-weight: 400; }

.b { font-weight: 700; }

.txt12 { font-size: 86%; }

.txt14 { font-size: 100%; }

.txt16 { font-size: 115%; }

.txt17 { font-size: 122%; }

.txt18 { font-size: 129%; }

.txt20 { font-size: 143%; }

.txt24 { font-size: 172%; }

.tume { letter-spacing: -0.03em; }

.tume2 { letter-spacing: -0.1em; }

.t_tume { margin-top: 0; }

.t_tumeHalf { margin-top: 14px; }

.line-h_tume { line-height: 1.5; }

.bt0 { margin-bottom: 0; }

.bt5 { margin-bottom: 5px; }

.bt10 { margin-bottom: 10px; }

.bt15 { margin-bottom: 15px; }

.bt20 { margin-bottom: 20px; }

.bt25 { margin-bottom: 25px; }

.bt30 { margin-bottom: 30px; }

.bt40 { margin-bottom: 40px; }

.bt50 { margin-bottom: 50px; }

.bt60 { margin-bottom: 60px; }

.bt70 { margin-bottom: 70px; }

.bt80 { margin-bottom: 80px; }

.tp0 { margin-top: 0; }

.tp5 { margin-top: 5px; }

.tp10 { margin-top: 10px; }

.tp15 { margin-top: 15px; }

.tp20 { margin-top: 20px; }

.tp25 { margin-top: 25px; }

.tp30 { margin-top: 30px; }

.fleft { float: left; }

.center { display: block; margin-left: auto; margin-right: auto; }

.fright { float: right; }

.tleft { text-align: left; }

.tcenter { text-align: center; }

.tright { text-align: right; }

/*** header ***/
#tokutei { display: block; }

#estimate03, #tokutei { padding-top: 80px; margin-top: -80px; }

.fs-l-page { padding-top: 80px; overflow: hidden; }

#hd_logo { display: inline-block; padding: 20px 0 0 20px; margin: 0; }

#header { background: #fff; width: 100%; height: 80px; position: fixed; top: 0; left: 0; z-index: 999; }
#header .btn_box { position: absolute; top: 0; right: 80px; }
#header .link_list { display: inline-block; vertical-align: top; font-size: 0; padding: 22px 0 0 0; }
#header .link_list li { display: inline-block; vertical-align: middle; font-size: 12px; margin: 0 0 0 25px; }
#header .link_list a img { vertical-align: top; }
#header .mp_list { display: inline-block; vertical-align: top; font-size: 0; padding: 0 42px 0 35px; }
#header .mp_list li { display: inline-block; vertical-align: top; font-size: 12px; margin: 0 0 0 7px; }
#header .mp_list li.login.my-true, #header .mp_list li.logout.my-false { display: none; }
#header .mp_list a { display: block; background: #57290d; border-radius: 0 0 6px 6px; color: #fff; width: 63px; height: 50px; padding-top: 2px; }
#header .mp_list a img { display: block; margin: 7px auto; }

#toggle_btn { display: block; background: transparent; color: #000; width: 80px; height: 80px; padding: 0; position: absolute; right: 0; top: 0; cursor: pointer; }
#toggle_btn span { display: block; width: 37px; margin-left: -17px; font-family: Calibri; font-size: 12px; line-height: 40px; left: 50%; top: 40%; }
#toggle_btn span, #toggle_btn span:before, #toggle_btn span:after { background: #000; height: 2px; position: absolute; transition: all .6s; }
#toggle_btn span:before, #toggle_btn span:after { content: ""; width: 100%; left: 0; }
#toggle_btn span:before { top: 400%; }
#toggle_btn span:after { top: -400%; }

#toggle_menu_left, #toggle_menu_right { display: none; color: #fff; width: 50%; height: 100%; text-align: center; position: fixed; top: 0; }
#toggle_menu_left a, #toggle_menu_right a { color: #fff; text-decoration: none; }

.toggle_inner { width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; position: relative; }

#toggle_menu_left { background: #57290d; left: 0; }
#toggle_menu_left .toggle_inner { display: table; width: 100%; height: 100%; }
#toggle_menu_left .logo { display: table-cell; text-align: center; vertical-align: middle; }

#toggle_menu_right { background: #fd8403 url("../image/gnv__bg.png") 100% 100% no-repeat; text-align: center; right: 0; }
#toggle_menu_right .toggle_inner { padding: 80px 0 70px; }
#toggle_menu_right .lb { margin-bottom: 10px; }
#toggle_menu_right .sns li { display: inline-block; vertical-align: middle; margin: 10px; }

#gnv { margin-bottom: 25px; font-size: 18px; }
#gnv a { display: block; }
#gnv .nav_cleaning { display: inline-block; background: url("../image/line_dot_w.png") 0 100% repeat-x, url("../image/line_dot_w.png") 0 0 repeat-x; padding: 17px 10px 10px; margin: 1.25em auto 1em; position: relative; }
#gnv .nav_cleaning > a { background: #fd8403; width: 10em; opacity: 1; position: absolute; top: 0; left: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#gnv .rcm { display: inline-block; padding: 0 11px; position: relative; }
#gnv .rcm a { color: #57290d; }
#gnv .rcm:before, #gnv .rcm:after { content: ""; background: 50% 100% no-repeat; display: block; width: 8px; height: 13px; position: absolute; bottom: 5px; }
#gnv .rcm:before { background-image: url("../image/gnv__rcm_deco1.png"); left: 0; }
#gnv .rcm:after { background-image: url("../image/gnv__rcm_deco2.png"); right: 0; }
#gnv .rcm .icon { position: absolute; right: -15px; bottom: 16px; }

.gnvOpen { overflow: hidden; }
.gnvOpen #toggle_btn { color: #fff; z-index: 1000; }
.gnvOpen #toggle_btn span { background: transparent; }
.gnvOpen #toggle_btn span:before, .gnvOpen #toggle_btn span:after { background: #fff; top: 0; }
.gnvOpen #toggle_btn span:before { -webkit-transform: rotate(-45deg) translateY(0px); transform: rotate(-45deg) translateY(0px); }
.gnvOpen #toggle_btn span:after { -webkit-transform: rotate(45deg) translateY(0px); transform: rotate(45deg) translateY(0px); }

/* Page Header */
#page-header { background: url("../image/bg_canvas2.jpg"); position: relative; }
#page-header:after { content: url("../image/pageHd__chara.png"); display: block; width: 174px; height: 99px; margin-left: -87px; position: absolute; left: 50%; bottom: -9px; }
#page-header .sec_inner { background: url("../image/pageHd__p01.png") 0 100% no-repeat, url("../image/pageHd__p02.png") 100% 100% no-repeat; max-width: 900px; height: 280px; padding-top: 14px; overflow: hidden; }

#page-title { display: table; background: url("../image/pageHd__bal01.png") 50% 50% no-repeat; width: 418px; height: 274px; margin: 0 auto; position: relative; }
#page-title:after { content: url("../image/pageHd__bal02.png"); display: block; width: 123px; height: 99px; position: absolute; right: -15px; bottom: 14px; }
#page-title .inner { display: table-cell; text-align: center; vertical-align: middle; padding-bottom: 32px; }

#bread { background: #fd8403; color: #fff; padding: 11px 0 7px; text-align: center; }
#bread li { display: inline-block; font-size: 12px; }
#bread li:before { content: ">"; margin: 0 .5em; }
#bread li:first-child:before { display: none; }
#bread a { color: #fff; }
#bread .fs-c-breadcrumb__list { display: block; margin-left: auto; margin-right: auto; max-width: 1100px; width: 90%; padding: 0; }

/* Page Content */
#page-content { padding: 70px 0; }

@media screen and (min-width: 960px) { .gnvOpen #toggle_btn { right: 17px; } }
@media screen and (max-width: 959px) { .fs-l-page { padding-top: 140px; }
  #header .btn_box { position: static; right: 0; }
  #header .link_list { padding-top: 0; position: absolute; top: 0; right: 80px; }
  #header .link_list li { margin: 0; }
  #header .link_list a { display: block; padding: 24.5px 18px; }
  #header .mp_list { display: table; width: 100%; padding: 0; position: absolute; top: 80px; left: 0; }
  #header .mp_list li { display: table-cell; width: 33.33%; margin: 0; }
  #header .mp_list a { border-radius: 0; width: 100%; height: 60px; line-height: 60px; padding-top: 0; text-align: center; }
  #header .mp_list a img { display: inline; vertical-align: middle; margin: 0 5px; }
  #toggle_menu_left { display: none; width: 0 !important; }
  #toggle_menu_right { width: 100%; }
  /* Page Header */
  #page-header { background: url("../image/pageHd__bg__sp.png"); }
  #page-header:after { display: none; }
  #page-header .sec_inner { background: none; height: auto; padding: 35px 0 40px; }
  #page-title { display: block; background: none; width: auto; height: auto; }
  #page-title:after { display: none; }
  #page-title .inner { display: block; padding: 0; } }
@media screen and (max-width: 599px) { #estimate03, #tokutei { padding-top: 110px; margin-top: -110px; }
  .fs-l-page { padding-top: 110px; }
  #hd_logo { max-width: 200px; padding: 15px 0 0 12px; }
  #header { height: 60px; }
  #header .link_list { right: 60px; }
  #header .link_list a { padding: 14.5px 10px; }
  #header .mp_list { top: 60px; }
  #header .mp_list a { height: 50px; line-height: 50px; }
  #toggle_btn { width: 60px; height: 60px; }
  #toggle_btn span { width: 31px; }
  #toggle_menu_right { background-size: 45%; }
  #toggle_menu_right .toggle_inner { padding: 60px 0 50px; }
  #toggle_menu_right .lb { -webkit-transform: scale(0.8); transform: scale(0.8); }
  #gnv { font-size: 16px; }
  #gnv a { padding: 10px; }
  #gnv .rcm { margin-top: 10px; }
  #gnv .rcm:before, #gnv .rcm:after { bottom: 15px; }
  #gnv .rcm .icon { bottom: 28px; }
  /* Page Header */
  #page-header .sec_inner { padding: 12px 0 18px; }
  #page-title { -webkit-transform: scale(0.85); transform: scale(0.85); }
  /* Page Content */
  #page-content { padding: 50px 0; } }
.fs-preview-header { display: none; }

/* Page Footer */
#page-footer { background: url("../image/bg_canvas2.jpg"); position: relative; }
#page-footer:after { content: ""; display: block; background: url("../image/top-blog__line2.png") 50% 100% no-repeat; background-size: cover; width: 100%; height: 0; padding-top: 13px; padding-top: 0.93%; position: absolute; left: 0; bottom: 0; }
#page-footer .sec_inner { padding: 32px 0 42px; position: relative; }
#page-footer .bnr_trial { width: 19.18%; margin: 0; position: absolute; left: 0; bottom: -11px; z-index: 1; }
#page-footer .bnr_list { float: right; width: 100%; padding-left: 19.18%; margin: 0 -0.56%; font-size: 0; text-align: center; }
#page-footer .bnr_list li { display: inline-block; width: 47.76%; margin: 1.12%; font-size: 14px; }

/*** footer ***/
#footer_line { background: #57290d; color: #fff; text-align: center; }
#footer_line a { color: #fff; text-decoration: none; }
#footer_line .box_inner { display: block; margin-left: auto; margin-right: auto; max-width: 1200px; width: 90%; padding: 38px 0; position: relative; }
#footer_line .sns { margin-bottom: 20px; }
#footer_line .sns li { display: inline-block; vertical-align: middle; margin: 0 8px; }
#footer_line .bnr { max-width: 600px; margin: 0 auto -20px; font-size: 0; }
#footer_line .bnr li { display: inline-block; vertical-align: middle; font-size: 14px; width: 46%; margin: 0 2% 20px; }
#footer_line .bnr li img { vertical-align: top; }

#pagetop { position: absolute; right: -3.99%; top: -154px; }

.fs-p-footerUtilityMenu__list { margin-bottom: 17px; }
.fs-p-footerUtilityMenu__list li { display: inline-block; padding: 0 2em 0 1em; }
.fs-p-footerUtilityMenu__list li:before { content: "/"; display: inline-block; font-size: 158%; -webkit-transform: translate(-1em, 0.1em); transform: translate(-1em, 0.1em); }
.fs-p-footerUtilityMenu__list li:first-child:before { display: none; }

#copy { padding: 10px 10px 20px; text-align: center; }

@media screen and (min-width: 960px) { /* Page Footer */
  #page-footer .bnr_list { text-align: right; }
  #page-footer .bnr_list li { width: 23.6%; margin: 5px 0.56%; }
  /*** footer ***/
  #footer_line .bnr { max-width: none; margin: 0 auto; }
  #footer_line .bnr li { width: 23%; margin: 0; }
  #footer_line .bnr li + li { margin-left: 2.66%; }
  .fs-p-footerUtilityMenu__list { padding-left: 1em; } }
@media screen and (min-width: 960px) and (max-width: 1399px) { /* Page Footer */
  #page-footer .bnr_list { padding-right: 100px; } }
@media screen and (min-width: 1400px) { #pagetop { right: -90px; } }
@media screen and (min-width: 600px) and (max-width: 959px) { /* Page Footer */
  #page-footer .bnr_trial { width: 27%; bottom: 50%; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); }
  #page-footer .bnr_list { padding: 0 21% 0 27%; } }
@media screen and (max-width: 599px) { /* Page Footer */
  #page-footer:after { padding-top: 7px; }
  #page-footer .bnr_trial { width: 100%; text-align: center; top: -11px; bottom: auto; }
  #page-footer .bnr_list { float: none; max-width: 440px; padding: 200px 0 35px; margin: 0 auto; }
  /*** footer ***/
  #footer_line .bnr { margin-bottom: -15px; }
  #footer_line .bnr li { width: 100%; margin: 0 0 15px; text-align: center; }
  .fs-p-footerUtilityMenu__list { margin: 15px 0 20px; }
  .fs-p-footerUtilityMenu__list li { padding: 0 .2em 0 .1em; font-size: 8px; font-size: 2.5vw; }
  .fs-p-footerUtilityMenu__list li:before { -webkit-transform: translate(-0.1em, 0.1em); transform: translate(-0.1em, 0.1em); }
  #pagetop { max-width: 100px; top: -70px; } }