@charset "UTF-8";
/* ===================================================================
reset
====================================================================== */
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;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/* ===================================================================
basic
====================================================================== */
html {
  font-size: 62.5%;
  height: 100%;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}
body {
  color: #333;
  font-family: "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3",
    "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  font-size: 1.4rem;
  line-height: 1.7;
  font-weight: 500;
  min-width: 1130px;
}

.min {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

a {
  color: #000;
  text-decoration: none;
}
b {
  font-weight: bold;
}
img {
  vertical-align: top;
}

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

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

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

.l_wrapper {
  padding-top: 10px;
}
.l_inner {
  margin: 0 auto;
  width: 1020px;
}
.l_main {
  width: 740px;
  float: left;
}
.l_side {
  width: 243px;
  float: right;
  margin-bottom: 80px;
  margin: 14px -2px;
}
.pageContent {
  width: 750px;
  float: left;
  margin-bottom: 80px;
}
#bodyContent {
  float: left;
  width: 750px;
}

/* リンク付き画像hover時、不透明度を落とす */
.imghov img {
  -webkit-transition: 1s;
  transition: 1s;
}
.imghov:hover img {
  opacity: 0.6;
}

.font10 {
  font-size: 10px;
}
.font11 {
  font-size: 11px;
}
.font12 {
  font-size: 11px;
}
.font14 {
  font-size: 14px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 18px;
}

.lt1 {
  letter-spacing: -1px;
}
.lt2 {
  letter-spacing: -2px;
}
.lt3 {
  letter-spacing: -3px;
}

.acenter {
  text-align: center;
}
.aright {
  text-align: right;
}

.red {
  color: #cc3300;
}
.gray {
  color: #666666;
}
.blue {
  color: #2a6cbb;
}
.orange {
  color: #ff4810;
}

.strike {
  text-decoration: line-through;
}
.uline {
  text-decoration: underline;
}
.greenb {
  color: #31776c;
  font-weight: bold;
}
.redb {
  color: #cc0000;
  font-weight: bold;
}
.bold {
  font-weight: bold;
}

.lineDot {
  border-bottom: 1px dotted #cccccc;
}
.lineSolid {
  border-bottom: 1px solid #cccccc;
}
.no-border {
  border: 0 !important;
}

/*OLD REST*/
/* clearfix */
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
  display: block;
}

.block {
  display: block;
}
.none {
  display: none;
}

.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}

.mg0 {
  margin: 0 !important;
}
.mauto {
  margin-right: auto;
  margin-left: auto;
}

.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}

.mr0 {
  margin-right: 0 !important;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr25 {
  margin-right: 30px;
}

.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}

.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.ml30 {
  margin-left: 30px;
}

.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}

.pr5 {
  padding-right: 5px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr30 {
  padding-right: 30px;
}

.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb40 {
  padding-bottom: 40px;
}

.pl5 {
  padding-left: 5px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl25 {
  padding-left: 25px;
}
.pl30 {
  padding-left: 30px;
}
.pl40 {
  padding-left: 40px;
}

.w10 {
  width: 10px;
}
.w20 {
  width: 20px;
}
.w30 {
  width: 30px;
}
.w40 {
  width: 40px;
}
.w50 {
  width: 50px;
}
.w60 {
  width: 60px;
}
.w70 {
  width: 70px;
}
.w80 {
  width: 80px;
}
.w90 {
  width: 90px;
}
.w100 {
  width: 100px;
}
.w120 {
  width: 120px;
}
.w150 {
  width: 150px;
}
.w200 {
  width: 200px;
}
.w250 {
  width: 250px;
}
.w300 {
  width: 300px;
}
.w400 {
  width: 400px;
}
.w500 {
  width: 500px;
}
.w600 {
  width: 600px;
}
.w700 {
  width: 700px;
}

.w95p {
  width: 95%;
}
.w100p {
  width: 100%;
}

/* ===================================================================
HOVER EFFECT　不用時削除
====================================================================== */
.ef,
a:after,
a:before {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.f_pagetop a:hover::before {
  top: 6px;
}
.f_pagetop a:hover::after {
  top: 6px;
}
/* ===================================================================
header
====================================================================== */
#header {
  background-image: none !important;
}
.mainVarea {
  padding: 1px 10px;
  text-align: center;
  font-size: 21px;
  font-weight: 600;
  display: inline-block;
  background: #fff;
  position: absolute;
  border: 1px solid #9d7b58;
  margin: 0;
}

.l_header {
  background-repeat: repeat-x;
}

.h_upperC {
  background: #efefef;
}
.h_upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 1rem;
  padding-top: 0.2em;
  width: 1020px;
  margin: 0 auto;
}
.h_upper h1 {
  font-weight: bold;
  color: #808080;
  padding: 5px 0;
}
.h_utility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.h_utility_item {
  font-size: 1.3rem;
  padding-left: 11px;
  color: #333;
  position: relative;
  margin: 3px 0 0 10px;
}
.h_utility_item a {
  text-decoration: none;
  margin-left: 3px;
}
.h_utility_item a:hover {
  text-decoration: none;
}
.h_utility_item a::before {
  content: "";
  width: 10px;
  height: 10px;
  -webkit-border-radius: 25%;
  border-radius: 50%;
  background: #f8540d;
  position: absolute;
  left: 0;
  top: 6px;
}
.h_utility_item a::after {
  content: "";
  left: 4px;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #fff;
  position: absolute;
  top: 8px;
}

.h_lower {
  height: 73px;
  position: relative;
}
.h_lower .logo {
  position: absolute;
  left: 4px;
  top: 18px;
  width: 23%;
}
.h_lower .logo img {
  width: 100%;
  height: auto;
}
.h_lower .header_info {
  position: absolute;
  left: 540px;
  top: 17px;
  font-size: 13px;
  font-weight: bold;
  color: #3e3a39;
  line-height: 1.4;
}
.h_lower .header_info span.orange {
  font-size: 16px;
  color: #ff642e;
}
.h_lower .header_tel {
  position: absolute;
  right: 0;
  top: 17px;
}
.gnav {
  background: url(../img/common/nav_bg_all.png) center top repeat-x;
  z-index: 100;
  font-size: 1.5rem;
  margin: 0 0 0 0;
  height: 57px;
  position: relative;
  z-index: 200;
}

.gnav_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  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;*/
}

.gnav_item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  position: relative;
  /*  background: url(../img/common/nav_bg_btn2.png) center top repeat-x;*/
  border-right: 1px solid #a89785;
  /*  border-left: 2px solid #fff;*/
  height: 30px;
  padding: 15px 0;
  margin-top: 15px;
  box-sizing: border-box;
  /*  font-family: 'Noto Sans Japanese';*/
}
.gnav_item:nth-child(6),
.gnav_item:nth-child(7),
.gnav_item:nth-child(7) {
  border-right: 0px solid #a89785;
  border-left: 0px solid #a89785;
}
.gnav_item:nth-child(1) {
  border-left: 1px solid #a89785;
}
.gnav_item_link:nth-child(7) {
}

.gnav_item_contact {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 188px;
  flex: 0 0 188px;
  margin: -19px 0 0 0;
  background-repeat: no-repeat;
}
.gnav_item_contact a {
  -webkit-transition: 1s;
  transition: 1s;
  display: block;
}
.gnav_item_contact a:hover {
  opacity: 0.7;
}
.gnav_item_contact .gnav_item_link:hover {
  background-image: none;
}
.gnav_item_contact .gnav_child {
  background-color: #f2610e;
  margin: 13px 0 0 4px;
  width: 189px;
}
.gnav_item_contact .gnav_child a {
  -webkit-transition: 0;
  transition: 0;
  display: block;
}
.gnav_item_contact .gnav_child a:hover {
  opacity: 1;
}
.gnav_item .gnav_item_link {
  padding: 0px 0 0;
  height: 54px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.gnav_item:nth-of-type(6) .gnav_item_link {
  padding: 0;
  border-right: 0px solid #a4e0f7;
}
.gnav_item:nth-of-type(7) .gnav_item_link {
  padding: 0;
  border-right: 0px solid #a4e0f7;
}
.gnav_item_link:hover {
  text-decoration: none;
  opacity: 0.8;
}
.gnav_item_link span {
  color: #fff;
  width: 100%;
  line-height: 18px;
  display: inline-block;
  padding: 0px 10px 55px;
  letter-spacing: 1px;
}
.gnav_item_link:nth-of-type(2) span {
  border-left: 1px solid #ccc;
  width: 100%;
  line-height: 1;
  display: inline-block;
  padding: 5px;
}

/* ↓ ドロップダウンメニューがないときは不要 ↓ */
.gnav_child {
  position: absolute;
  background-color: #603813;
  z-index: 1000;
  display: none;
  top: -999px;
  margin: -12px 0 0 0;
}
.gnav_child_item {
  border-bottom: 1px solid #fff;
}
.gnav_child_item:last-child {
  border-bottom: none;
}

.gnav_child_item_link {
  display: block;
  padding: 10px 10px 10px 20px;
  /*background-image: url(../img/common/nav_ico_child.png);*/
  background-repeat: no-repeat;
  background-position: 10px 50%;
  line-height: 1.2;
  color: #fff;
  font-size: 1.3rem;
  width: 300px;
}
.gnav_child_item_link:hover {
  text-decoration: underline;
}
.gnav_item:nth-of-type(6) .gnav_child_item {
  width: 140px;
}

/* ↑ ドロップダウンメニューがないときは不要 ↑ */

/* ===================================================================
footer
====================================================================== */
.l_footer {
  background-color: #efefef;
  background-repeat: repeat-x;
  position: relative;
  padding: 38px 0 0;
  margin: 80px 0 0 0;
}

.f_upper {
  font-size: 1.2rem;
}

.f_upper_inner {
  position: relative;
  padding: 10px 0 20px;
  border-bottom: 1px solid #a6a6a6;
}
.f_upper_left_box {
  float: left;
  padding: 0 0 0 26px;
  width: 291px;
}
.f_upper_left_box .footer_logo {
  margin-bottom: 25px;
}
.f_upper_left_box .footer_sub_menu {
  margin: 0 auto;
  letter-spacing: -0.4em;
}
.f_upper_left_box .footer_sub_menu li {
  display: inline-block;
  margin: 0 4px;
  letter-spacing: normal;
}
.f_upper_left_box .footer_sub_menu li:first-of-type {
  margin: 0 2px 0 0;
}
.f_upper_left_box .footer_sub_menu li:last {
  margin: 0 0 0 8px;
}
.f_upper_left_box .footer_sub_menu li a {
  background-image: url(../img/common/footer_ico01.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 8px;
  color: #221815;
  font-size: 11px;
  text-decoration: underline;
}
.f_upper_left_box .footer_sub_menu li a:hover {
  text-decoration: none;
}
.f_upper_right_box {
  float: right;
  width: 637px;
}

.f_upper_left_box .footer_sub_menu li.usage_inner {
  float: left;
  margin: 0 0 0 7px !important;
}

.f_upper_right_box .link_top_page {
  margin-bottom: 20px;
}
.f_upper_right_box .link_top_page a {
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 26px;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: underline;
}
.f_upper_right_box .link_top_page a:hover {
  text-decoration: none;
}
.f_upper_right_menu_box {
  float: left;
  width: 190px;
}
.f_upper_right_menu_box:first-of-type {
  margin-left: 17px;
  width: 224px;
}
.f_upper_right_menu_box li {
  background-image: url(../img/common/footer_ico02.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 19px;
}
.f_upper_right_menu_box li a {
  color: #333;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 181%;
  text-decoration: underline;
}
.f_upper_right_menu_box li a:hover {
  text-decoration: none;
}

.f_pagetop {
  position: absolute;
  right: 0;
  top: -69px;
  background: #efefef;
  padding: 5px 10px 5px 20px;
  border: 1px solid #aaa;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.f_pagetop a::before {
  content: "";
  width: 12px;
  height: 12px;
  -webkit-border-radius: 25%;
  border-radius: 50%;
  background: #ff4810;
  position: absolute;
  left: 6px;
  top: 9px;
}
.f_pagetop a::after {
  content: "";
  left: 9px;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-bottom: 5px solid #fff;
  position: absolute;
  top: 9px;
}

.f_lower {
  padding: 30px 0 120px;
  font-size: 1.2rem;
}

.f_lower_item {
  background-color: #e2e2e2;
  float: left;
  padding: 18px;
  width: 728px;
  color: #333;
  font-size: 1rem;
  line-height: 170%;
  border-radius: 5px;
}
.f_lower_item .f_lower_item_copy {
  margin-bottom: 8px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333;
}
.f_lower_privacy {
  float: right;
  width: 250px;
  text-align: center;
}
.f_lower_privacy span {
  display: block;
  padding: 15px 0 0;
  font-size: 1rem;
}
.f_sticky {
  background-image: url(../img/common/footer_bg_f_sticky.jpg);
  background-repeat: repeat-x;
  position: fixed;
  bottom: 0;
  width: 100%;
  --padding: 10px 0 0;
  min-width: 1160px;
  border-top: 5px solid #ea5415;
  background-color: #fff;
  z-index: 10;
  box-shadow: 0px -2px 10px #00000030;
  background: -webkit-gradient(
    linear,
    center bottom,
    center top,
    from(#fbf3e8),
    color-stop(25%, #fff)
  );
}
.f_sticky_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  --justify-content: space-between;
  position: relative;
  margin: 0 auto;
  width: 1100px;
}

.f_sticky .f_sticky_inner ul li {
  float: left;
}
.f_sticky .f_sticky_inner ul li img.logo {
  width: 177px;
  height: auto;
}
.f_sticky .f_sticky_inner .pt05 {
  margin-top: 5px;
  margin-right: 10px;
}
.f_sticky .f_sticky_inner .pt04 {
  margin: 10px 20px 0 0;
}
.f_sticky .f_sticky_inner ul .footBtncontact {
  margin-left: 5px;
}
.f_sticky_img {
  padding: 5px 0 0 10px;
  margin-top: 5px;
}
.f_sticky_img02 {
  padding: 15px 10px 0px;
}
.foot__noteTax {
  border-top: 5px solid #ea5415;
}

.foot-privacy {
  display: inline-block;
  margin-left: 20px;
  padding: 18px 15px 18px 65px;
  border: 2px solid #ddd;
  background-color: #fff;
  font-size: 13px;
  position: relative;
  border-radius: 4px;
}
.foot-privacy a img {
  position: absolute;
  margin-top: -21px;
  top: 50%;
  left: 10px;
}
.foot-privacy p {
  font-size: 0.85em;
}
.foot-privacy p strong {
  display: block;
}
.foot-privacy p a {
  display: block;
  font-size: 0.9em;
  color: #666;
  text-decoration: underline;
}
.foot-privacy.foot-privacy-page {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  margin: 3px 0 10px 10px;
  padding: 13px 13px 13px 50px;
}
.foot-privacy.foot-privacy-page a img {
  width: 30px;
  height: 31px;
  margin-top: -16px;
}
.foot-privacy + span {
  margin: 5px 0 0 25px;
}

/* ===================================================================
for mobile devices
====================================================================== */
.mobileBottom {
  background: #fb5f13 none;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 999;
  -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.2);
}
.mobileBottom img {
  display: block;
  margin: 0 auto;
  width: 90%;
  height: auto;
}

.mobileBottomInner {
  margin: 0 15px;
  padding: 20px 0;
  overflow: hidden;
}
.mobileBottomInner .mbBtnMobileSite,
.mobileBottomInner .mbBtnTel {
  display: block;
  width: calc(50% - 10px);
}
.mobileBottomInner .mbBtnMobileSite {
  float: left;
}
.mobileBottomInner .mbBtnTel {
  float: right;
}
.mobileBottomInner .mbBtnMobileSite a,
.mobileBottomInner .mbBtnTel a {
  background-color: #fff;
  border-radius: 18px;
  display: block;
  width: 100%;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.mobileBottomInner .mbBtnMobileSite a {
  background: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    color-stop(2%, #f4f6f8),
    color-stop(80%, #d2d5d7),
    to(#ccced1)
  );
  background: linear-gradient(
    to bottom,
    #fff 0%,
    #f4f6f8 2%,
    #d2d5d7 80%,
    #ccced1 100%
  );
}
.mobileBottomInner .mbBtnTel a {
  background: #80cd7c;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#80cd7c),
    color-stop(2%, #3cb236),
    color-stop(80%, #359e30),
    to(#33982e)
  );
  background: linear-gradient(
    to bottom,
    #80cd7c 0%,
    #3cb236 2%,
    #359e30 80%,
    #33982e 100%
  );
}

/* ===================================================================
side
====================================================================== */
.s_btn_top {
  margin-bottom: 10px;
  position: relative;
}
.s_btn_top .urgent {
  position: absolute;
  bottom: 12px;
  left: 9px;
}
.s_btn_top .catalog {
  position: absolute;
  bottom: 10px;
  left: 9px;
}
.s_btn {
}
.s_btn li {
}
.s_btn.no_radius {
  border-radius: 0;
}
.s_media {
  background: #3e3a39 url(../img/common/side_media_ico.png) right 0 no-repeat;
  border-radius: 8px;
  padding: 7px;
  margin: 0 0 20px;
}
.s_media01 {
  font-size: 18px;
  font-weight: bold;
  padding: 0px 0 5px;
  text-align: center;
  color: #fff;
}
.s_mediaBox {
  background: #fff;
  padding: 3px;
}
.s_mediaImg {
  margin: 0 0 10px;
}
.s_media02 {
  padding: 0 10px;
}
.s_media03 {
  margin: 0 0 5px;
  border-bottom: 1px solid #aaa;
}
.s_media03 span {
  background: #3e3a39;
  color: #fff;
  font-weight: bold;
  padding: 3px 5px;
  line-height: 1em;
  border-radius: 5px;
  margin: 0 0 0px;
  display: inline-block;
}
.s_media03 b {
  font-size: 16px;
}
.s_media04 {
  font-weight: 500;
  line-height: 1.3em;
  margin: 0 0 10px;
}
.s_reason {
  margin-bottom: 20px;
}

.s_staff {
  border: 3px solid #cbcccc;
  margin-bottom: 20px;
  width: 240px;
}
.s_staff_inner {
  background-color: #fff;
}
.s_staff_list {
  margin-top: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 10px;
}

.s_staff_item {
  padding-bottom: 7px;
}

.s_staff_txt {
  margin: 0;
}

.s_about {
  margin-top: 20px;
}

.s_about_list {
  margin-bottom: 20px;
  background: #fcebd4;
  border-bottom: 3px solid #946134;
  border-top: 3px solid #946134;
}

.s_about_item {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #aaa;
  padding: 7px 10px;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 2px 2px 3px #ffffff;
  position: relative;
}
.s_about_item a::before {
  content: "";
  width: 14px;
  height: 14px;
  -webkit-border-radius: 25%;
  border-radius: 50%;
  background: #946134;
  position: absolute;
  left: 89%;
  top: 35%;
}
.s_about_item a::after {
  content: "";
  left: 91%;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 3px solid transparent;
  border-left: 5px solid #fff;
  position: absolute;
  top: 43%;
}

.s_about_link {
  display: block;
  margin-bottom: 3px;
  color: #606060;
}
.side-privacy {
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 13px;
  text-align: center;
  border-radius: 0px;
}
.side-privacy {
  background: #fff;
  border: 1px solid #dbdbdb;
}
.side-privacy p {
  margin: 0 15px 10px;
  font-size: 0.88em;
}
.side-privacy .side-privacy-tit {
  color: #014099;
  font-weight: 700;
  font-size: 1em;
}
.side-privacy img {
  display: block;
  margin: 0 auto 15px;
}
.gsl {
  margin: 0 0 10px 0;
  padding: 10px;
  font-size: 12px;
  border: 1px solid #dbdbdb;
}
.gsl div {
  float: left;
  margin: 0 12px 0 0;
  width: 60px;
}
.agreement_link {
  background-image: url(../img/common/arrow_btn.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 10px;
  margin: -8px 0px 10px 129px;
}

/* ===================================================================
BOTTOM
====================================================================== */
.option {
  width: 1000px;
  margin: 30px auto 50px;
}
.option_inner {
}
.option_box {
  border: 1px solid #ddd;
  background: #fff;
  width: 32%;
  float: left;
  margin: 0 20px 0 0;
}
.option_box:last-child {
  border: 1px solid #ddd;
  background: #fff;
  width: 32%;
  float: left;
  margin: 0;
}
.option_box_in {
  padding: 15px 15px 5px;
}
.option_ttl {
  border-bottom: 4px solid #eee;
  padding: 0 0 6px 0;
  margin: 0 0 10px 0;
}
.option_list {
}
.option_list li {
  padding: 0 0 5px 10px;
  margin: 0 0 5px 0;
  border-bottom: 1px dotted #ddd;
  position: relative;
}
.option_list li a::after {
  content: "";
  left: 0;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 5px solid #ff4810;
  position: absolute;
  top: 7px;
}

.option_link {
  text-align: right;
  background: #efefef;
  padding: 5px 10px;
  position: relative;
}
.option_link a {
  color: #555;
  text-decoration: underline;
}
.option_link a:hover {
  text-decoration: none;
}
.option_link a::before {
  content: "";
  width: 16px;
  height: 16px;
  -webkit-border-radius: 25%;
  border-radius: 50%;
  background: #ff4810;
  position: absolute;
  left: 67%;
  top: 24%;
}
.option_link a::after {
  content: "";
  left: 69%;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 6px solid #fff;
  position: absolute;
  top: 37%;
}
.f_sticky_btn {
  padding-top: 11px;
}

.side_privacy {
  padding: 5px 0 0 20px;
  font-size: 10px;
}
.footerTelArea {
  display: -webkit-box;
  display: -ms-flexbox;
  /* display: flex; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 20px;
  /* align-items: center; */
  text-align: left;
  width: 330px;
  margin-top: 15px;
}
.footerTelArea .notes {
  margin-top: 2px;
  font-size: 10px;
}
.s_btn_top dt {
  height: 185px;
  overflow: hidden;
  border-bottom: 3px solid #70512d;
}

@charset "UTF-8";

/* ===================================================================
common
====================================================================== */
.l_wrapper {
  margin: -20px auto 0;
  width: 1000px;
}

.common_ttl {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  background: url(../img/common_ttl.png) 0 0 no-repeat;
  text-align: center;
}

/* ===================================================================
mainvisual
====================================================================== */
/*body{
	background: url(../img/mv_bg2.png) #fefefe center 600px repeat-x;
}*/
.mainVBgAll {
  /*	background: #f8f6ef;*/
  background: url(../img/mv_bg.png) center top repeat-x;
}
.mainVBg_in {
  background: url(../img/mv_bg_hito_n.png) 51% top no-repeat;
}
.mainVBg_in02 {
  background: url(../img/mv_bg_bar.png) center 351px repeat-x;
}
.mainV {
  width: 1020px;
  margin: 0 auto;
  padding: 15px 0;
}
.mainVS {
  width: 1000px;
  margin: -81px auto 20px;
  padding: 17px 0 1px;
}
.mainTxt {
  margin-left: -10px;
}

/* ===================================================================
conversion_index
====================================================================== */
.conversion_index {
  background: url(../img/common/cv_top_bg.png) 28px 0 no-repeat;
  width: 1080px;
  height: 320px;
  margin: 20px auto 10px;
  position: relative;
}
.conversion_index div {
  display: inline-block;
  top: 190px;
  left: 682px;
  position: absolute;
}
.conversion_index p {
  display: inline-block;
  top: 268px;
  left: 357px;
  position: absolute;
  font-size: 18px;
  font-weight: bold;
}
.conversion_index p span.time_output {
  color: #0e8b0e;
}
.conversion_contents {
  background: url(../img/common/cv_top_cont.png);
  width: 761px;
  height: 315px;
  margin: 35px 0 35px -21px;
  position: relative;
}
.conversion_contents div {
  display: inline-block;
  top: 240px;
  left: 50px;
  position: absolute;
}
.conversion_contents p {
  display: inline-block;
  width: 200px;
  top: 100px;
  left: 400px;
  position: absolute;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
}
.conversion_contents p span {
  color: #0ca103;
}

/* ===================================================================
check
====================================================================== */
#check {
}
#check .checkBox {
  position: relative;
  width: 740px;
  height: 691px;
  margin-top: 12px;
}
#check .checkBox p.btn {
  position: absolute;
  bottom: 44px;
  left: 44px;
}
#check .checkBox p.btn a:hover {
  opacity: 0.8;
}

/* ===================================================================
price
====================================================================== */
#price {
  padding-bottom: 25px;
}
#price h2 {
  margin-bottom: 15px;
}
.priceBox {
  position: relative;
  width: 740px;
  height: 360px;
}
.priceBox p {
  position: absolute;
  bottom: 53px;
  left: 25px;
  width: 687px;
  color: #fff;
}
.priceBg {
  background: url("../img/price_bg.png") repeat-y 0 0;
  padding: 20px 20px 25px 20px;
}

.priceBg .priceTtl {
  color: #fff;
  font-size: 26px;
  height: 51px;
  line-height: 52px;
  font-weight: bold;
  background: url(../img/price_ttl01.png) 0 0 no-repeat;
  text-align: center;
  padding-left: 60px;
}
.priceBg h4 {
  font-size: 22px;
  font-weight: bold;
  line-height: 42px;
  padding: 0 0 10px;
  margin: 5px 3px 0;
  border-bottom: 2px solid #666666;
}
.priceBg h4 span {
  padding-right: 5px;
}
.priceBg .priceCredit {
  position: relative;
  width: 700px;
  height: 167px;
  margin-top: 15px;
}
.priceBg .priceCredit p.note {
  position: absolute;
  bottom: 12px;
  left: 18px;
  font-size: 12px;
  color: #999;
}

#price ul {
  display: table;
  width: 700px;
  margin: 15px 3px 0;
  box-sizing: border-box;
}
#price ul li {
  display: table-cell;
}

/* ===================================================================
flow
====================================================================== */
#flow {
  margin-top: -60px;
}
#flow h2 {
  text-align: center;
}
.flow_step {
  border: 2px solid #fed65a;
  background: -webkit-linear-gradient(top, #fcf5e5 0%, #fff 50%);
  background: -moz-linear-gradient(top, #fcf5e5 0%, #fff 50%);
  background: linear-gradient(to bottom, #fcf5e5 0%, #fff 50%);
  padding: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
.flow_step .flow_ttl {
  padding-bottom: 10px;
  border-bottom: 1px solid #f4f3f1;
}

.flow_step .step_icon {
  margin-right: 10px;
  float: left;
}
.flow_step .step_icon2 {
  margin-top: 8px;
  margin-right: 10px;
  float: left;
}
.flow_step h3 {
  color: #333;
  font-size: 26px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -2px;
  float: left;
}
.flow_step h3 span {
  color: #ff6201;
  font-size: 46px;
  font-weight: bold;
  line-height: 59px;
}
.flow_step p.txt {
  padding: 10px 0 0;
  margin-top: 5px;
  border-top: 1px solid #f4f3f1;
}
.flow_txt {
  width: 65%;
  margin-left: 3%;
  overflow: hidden;
  float: left;
}
.flow_txt .txtImg {
  margin-top: -15px;
  margin-left: -10px;
}
.flow_txt p {
  text-align: justify;
  clear: both;
}
.flow_img {
  float: right;
}
.flow_arrow {
  margin: 0 auto 10px;
  text-align: center;
}

/* ===================================================================
recommend
====================================================================== */
#characteristic {
}
#characteristic .characteristicBox {
  background: #f0f2ef;
  padding-bottom: 20px;
}
#characteristic .virusBox {
  display: flex;
}
#characteristic .virusBox div {
  width: 50%;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
}
#characteristic .virusBox:nth-child(even) div {
  border-bottom: none;
}
#characteristic .virusBox div:nth-child(1) {
  border-right: 1px dotted #999;
}
#characteristic .virusBox h4 {
  font-size: 24px;
  color: #936035;
  font-weight: bold;
  line-height: 20px;
  margin: 15px 0;
}
#characteristic .virusBox p.txt {
  text-align: left;
}
#characteristic .recommendTtl2 h2 {
  margin-top: 20px;
}
#characteristic .recommendTtl2 p {
  padding: 20px;
}
#characteristic .recommendTtl3 {
  position: relative;
  width: 740px;
  height: 146px;
}
#characteristic .recommendTtl3 p.txt {
  position: absolute;
  top: 98px;
  left: 55px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -2px;
  line-height: 33px;
  text-shadow: #fff 2px 2px 1px, #fff -2px 2px 1px, #fff 2px -2px 1px,
    #fff -2px -2px 1px;
  text-align: center;
}

/* ===================================================================
usefulList
====================================================================== */
#usefulList .cmnTit02 {
  margin-bottom: 10px;
}
#usefulList ul {
  margin-bottom: 35px;
  padding: 15px 15px 5px 10px;
  background: #f8e7df;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#usefulList li {
  flex-basis: 49%;
  background: #fff;
  font-size: 12px;
  line-height: 1.5em;
  margin-bottom: 2%;
  position: relative;
}
#usefulList li a {
  padding: 14px 14px 14px 47px;
  display: block;
}
#usefulList li a:before {
  position: absolute;
  top: 8px;
  left: 8px;
}
#usefulList li a.ico.ico01:before {
  content: url(/common/accets/useful/img/common/ico_nomi01.png);
  width: 32px;
  height: 32px;
}
#usefulList li a.ico.ico02:before {
  content: url(/common/accets/useful/img/common/ico_baikin01.png);
}
#usefulList li a.ico.ico03:before {
  content: url(/common/accets/useful/img/common/ico_spray01.png);
}
#usefulList li a.ico.ico04:before {
  content: url(/common/accets/useful/img/common/ico_insect01.png);
}
#usefulList li a.ico.ico05:before {
  content: url(/common/accets/useful/img/common/ico_cat01.png);
}
#usefulList li a.ico.ico06:before {
  content: url(/common/accets/useful/img/common/ico_insect02.png);
}
#usefulList li a.ico.ico07:before {
  content: url(/common/accets/useful/img/common/ico_attention01.png);
}
#usefulList li a.ico.ico08:before {
  content: url(/common/accets/useful/img/common/ico_human01.png);
}
#usefulList li a.ico.ico09:before {
  content: url(/common/accets/useful/img/common/ico_building01.png);
}
#usefulList li a.ico.ico10:before {
  content: url(/common/accets/useful/img/common/ico_question01.png);
}
#usefulList li a.ico.ico11:before {
  content: url(/common/accets/useful/img/common/ico_emergency01.png);
}
#usefulList li a.ico.ico12:before {
  content: url(/common/accets/useful/img/common/ico_clean01.png);
}
#usefulList li a.ico.ico13:before {
  content: url(/common/accets/useful/img/common/ico_home01.png);
}
#usefulList li a.ico.ico14:before {
  content: url(/common/accets/useful/img/common/ico_bright01.png);
}
#usefulList li a.ico.ico15:before {
  content: url(/common/accets/useful/img/common/ico_insect03.png);
}

/* ===================================================================
cont_voice
====================================================================== */
#cont_voice {
  margin-bottom: 25px;
}
#cont_voice h2 {
  margin-bottom: 15px;
}
.cont_voice_list {
  border: 1px solid #ccc;
  padding: 5px 5px 0 5px;
}
.cont_voice_list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px 10px;
}
.cont_voice_list li {
  width: 50%;
  border-bottom: 1px dashed #ccc;
  padding: 15px 10px;
  overflow: hidden;
}
.cont_voice_list li:nth-child(1),
.cont_voice_list li:nth-child(3) {
  border-right: 1px dashed #ccc;
}
.cont_voice_list li:nth-child(3),
.cont_voice_list li:nth-child(4) {
  border-bottom: 0;
}
.cont_voice_blank {
  width: 2%;
  border-bottom: 0 !important;
}
.cont_voice_img {
  width: 25%;
  margin-right: 2%;
  display: block;
  float: left;
}
.cont_voice_list li p {
  width: 73%;
  float: left;
}
.cont_voice_list li .group_womens {
  background: #cc0606;
  color: #fff;
  padding: 5px 10px;
  line-height: 2.5em;
  font-weight: 600;
}
.cont_voice_list li .group_mens {
  background: #0745a3;
  color: #fff;
  padding: 5px 10px;
  line-height: 2.5em;
  font-weight: 600;
}
.cont_voice_list li p a {
  text-decoration: underline;
}
.cont_voice_btn {
  background: #f7f7f7;
  padding: 10px 0;
  margin-bottom: 5px;
}
.cont_voice_btn p {
  width: 50%;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  background: linear-gradient(#eeeeee 50%, #e2e2e2 50%);
  border: 2px solid #e2e2e2;
  border-radius: 5px;
  box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.3);
  margin: 0 auto;
}
.cont_voice_btn a {
  display: block;
  padding: 8px 0;
}
.voice_btn_arrow {
  display: inline-block;
  background: url(../img/arrow01.png);
  width: 17px;
  height: 17px;
  margin: 0 0 -3px 5px;
}
#cont_voice .naviBtn {
  background: #f7f7f7;
  padding-bottom: 20px;
}

/* ===================================================================
faq
====================================================================== */
#faq {
  margin-bottom: 25px;
}
#faq h2 {
  width: 740px;
  height: 54px;
  margin-bottom: 15px;
  background: url(../img/faq_ttl.png) no-repeat;
  text-align: right;
  padding: 16px 16px 0 0;
}
#faq h2 a {
  text-decoration: underline;
}
.faq_arrow {
  display: inline-block;
  background: url(../img/arrow03.png);
  width: 17px;
  height: 16px;
  margin: 0 6px -2px 0;
}
#faq ul {
  width: 100%;
  margin-bottom: 2%;
  border: 1px solid #ccc;
  padding: 15px 0 0 15px;
}
#faq ul:last-child {
  margin-bottom: 0;
}
#faq ul li {
  width: 31%;
  display: flex;
  align-items: center;
  float: left;
  font-size: 14px;
  background: #efefef;
  margin: 0 2% 2% 0;
}
#faq ul li p a {
  text-decoration: underline;
}
#faq ul li::before {
  content: url(../img/faq_icon.png);
  display: inline-block;
  margin: 10px 10px 7px -5px;
}
#faq .last-child {
  margin: 0;
}
#faq ul li p {
  display: inline-block;
}

/* ===================================================================
example
====================================================================== */

#example {
  margin-bottom: 25px;
}
#example h2 {
  margin-bottom: 15px;
}
.example_list {
  background: url(../img/example_bg.png);
  padding: 15px;
}
.example_list ul li {
  background: #fff;
  width: 49%;
  min-height: 81px;
  margin: 0 2% 2% 0;
  padding: 1%;
  display: flex;
  align-items: center;
  float: left;
  border-radius: 5px;
}
.example_list ul li.last-child {
  margin-right: 0;
}
/*.example_list ul li .thumb{
	background: #333;
	border-radius: 60px;
	width: 60px;
	height: 60px;
	float: left;
}*/
.example_list .caseBox {
  width: 250px;
  float: left;
  margin-left: 15px;
}
.example_list .caseBox p {
  line-height: 18px;
  font-size: 12px;
  display: block;
  padding-top: 5px;
  text-align: justify;
}
.example_list .name {
  font-size: 15px;
  font-weight: bold;
  color: #ca0e01;
}
.example_list ul li p a {
  color: #333;
  font-size: 14px;
  text-decoration: underline;
}
#example .naviBtn {
  background: url(../img/example_bg.png);
  padding: 0 0 25px;
}

/* ===================================================================
info
====================================================================== */
#info {
  padding-bottom: 20px;
}
#info .infoBorderBox {
  margin-top: 20px;
  padding: 20px 20px 10px;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.2);
}
#info .infoBox {
  width: 740px;
  display: table;
}
#info .infoBox ul {
  display: table-cell;
}
#info .infoBox ul li {
  width: 310px;
}
#info .infoBox ul li a {
  display: block;
  width: 310px;
  line-height: 30px;
  padding: 0px 22px 3px;
  position: relative;
  text-decoration: underline;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#info .infoBox ul li a:hover {
  text-decoration: none;
}
#info .infoBox ul li a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  color: #2ea2e0;
  font-size: 15px;
  font-weight: 900;
  text-shadow: #fff -1px -1px 0px, #fff 0px -1px 0px, #fff -1px 1px 0px,
    #fff 1px 1px 0px;
  position: absolute;
  top: 0;
  left: 10px;
  text-decoration: none;
}
.more {
  text-align: right;
  margin-top: 15px;
  font-size: 14px;
}

/* ===================================================================
area
====================================================================== */
.l_main .new-area-menu h2 {
  display: none;
}
#area ul {
  padding: 15px 15px 10px 20px;
  background: url(../img/area_bg_body.png);
}
#area ul li:last-child {
  padding-right: 0;
}
#area ul li:last-child:before {
  display: none;
}

#area ul li {
  float: left;
  margin-bottom: 5px;
  padding-right: 20px;
  font-size: 0.95em;
  position: relative;
}
#area ul li:before {
  content: "";
  width: 1px;
  background-color: #ccc;
  position: absolute;
  top: 3px;
  right: 10px;
  bottom: 3px;
}
#area ul li a {
  color: #222;
  text-decoration: underline;
}
#area ul li a:hover {
  color: #666;
}

.area_footer {
  background: url(../img/area_bg_footer.png);
  height: 5px;
}

/* ===================================================================
naviBtn
====================================================================== */
.naviBtn {
  text-align: center;
  padding-top: 20px;
}
.naviBtn a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  width: 400px;
  height: 50px;
  line-height: 50px;
  border: 2px solid #d6d6d6;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  background: -webkit-linear-gradient(
    top,
    #eee 0%,
    #eee 50%,
    #e2e2e2 50%,
    #e2e2e2 100%
  );
  background: -moz-linear-gradient(
    top,
    #eee 0%,
    #eee 50%,
    #e2e2e2 50%,
    #e2e2e2 100%
  );
  background: linear-gradient(
    to bottom,
    #eee 0%,
    #eee 50%,
    #e2e2e2 50%,
    #e2e2e2 100%
  );
}
.naviBtn a:hover {
  opacity: 0.8;
}
.naviBtn span {
  text-shadow: #fff -1px -1px 0px, #fff 0px -1px 0px, #fff -1px 1px 0px,
    #fff 1px 1px 0px;
  font-size: 16px;
  font-weight: 500;
  color: #555;
}
.naviBtn a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f144";
  color: #555;
  font-size: 15px;
  font-weight: 900;
  text-shadow: #fff -1px -1px 0px, #fff 0px -1px 0px, #fff -1px 1px 0px,
    #fff 1px 1px 0px;
  position: absolute;
  top: 0;
  left: 92%;
  /*    transform: translateY(-55%);
    -webkit- transform: translateY(-55%);*/
}

.naviBtn2 {
  text-align: center;
  margin-top: 20px;
}
.naviBtn2 a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  width: 170px;
  height: 50px;
  line-height: 50px;
  border: 2px solid #d6d6d6;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  background: -webkit-linear-gradient(
    top,
    #eee 0%,
    #eee 50%,
    #e2e2e2 50%,
    #e2e2e2 100%
  );
  background: -moz-linear-gradient(
    top,
    #eee 0%,
    #eee 50%,
    #e2e2e2 50%,
    #e2e2e2 100%
  );
  background: linear-gradient(
    to bottom,
    #eee 0%,
    #eee 50%,
    #e2e2e2 50%,
    #e2e2e2 100%
  );
}

.naviBtnBlue {
  text-align: center;
  margin-top: 20px;
}
.naviBtnBlue a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  width: 300px;
  height: 50px;
  line-height: 50px;
  border: 2px solid #0b43b0;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  background: url(../img/navi_btn_blue_bg.png) repeat-x 0 0;
}
.naviBtnBlue a:hover {
  opacity: 0.8;
}
.naviBtnBlue span {
  font-size: 17px;
  font-weight: 500;
  color: #fff;
}
.naviBtnBlue a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f144";
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 92%;
  /*    transform: translateY(-55%);
    -webkit- transform: translateY(-55%);*/
}

.naviBtnOrenge {
  text-align: center;
  padding-top: 15px;
}
.naviBtnOrenge a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  width: 400px;
  height: 50px;
  line-height: 45px;
  border: 2px solid #ff7b0a;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  background: -webkit-linear-gradient(
    top,
    #ff953f 0%,
    #ff953f 50%,
    #ff7b0f 50%,
    #ff7b0f 100%
  );
  background: -moz-linear-gradient(
    top,
    #ff953f 0%,
    #ff953f 50%,
    #ff7b0f 50%,
    #ff7b0f 100%
  );
  background: linear-gradient(
    to bottom,
    #ff953f 0%,
    #ff953f 50%,
    #ff7b0f 50%,
    #ff7b0f 100%
  );
}
.naviBtnOrenge a:hover {
  opacity: 0.8;
}
.naviBtnOrenge span {
  text-shadow: #ff7b0a -1px -1px 0px, #ff7b0a 0px -1px 0px, #ff7b0a -1px 1px 0px,
    #ff7b0a 1px 1px 0px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}
.naviBtnOrenge a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f144";
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  /*	text-shadow:#fff -1px -1px 0px,#fff 0px -1px 0px,#fff -1px 1px 0px, #fff 1px 1px 0px;*/
  position: absolute;
  top: 0;
  left: 92%;
  /*    transform: translateY(-55%);
    -webkit- transform: translateY(-55%);*/
}

.naviBtnS {
  text-align: center;
  margin-top: 10px;
}
.naviBtnS a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  width: 206px;
  height: 36px;
  line-height: 30px;
  border: 2px solid #d6d6d6;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  background: -webkit-linear-gradient(
    top,
    #eee 0%,
    #eee 50%,
    #e2e2e2 50%,
    #e2e2e2 100%
  );
  background: -moz-linear-gradient(
    top,
    #eee 0%,
    #eee 50%,
    #e2e2e2 50%,
    #e2e2e2 100%
  );
  background: linear-gradient(
    to bottom,
    #eee 0%,
    #eee 50%,
    #e2e2e2 50%,
    #e2e2e2 100%
  );
}
.naviBtnS a:hover {
  opacity: 0.8;
}
.naviBtnS span {
  text-shadow: #fff -1px -1px 0px, #fff 0px -1px 0px, #fff -1px 1px 0px,
    #fff 1px 1px 0px;
  font-size: 14px;
  font-weight: 500;
  color: #555;
}
.naviBtnS a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f144";
  color: #555;
  font-size: 11px;
  font-weight: 900;
  text-shadow: #fff -1px -1px 0px, #fff 0px -1px 0px, #fff -1px 1px 0px,
    #fff 1px 1px 0px;
  position: absolute;
  top: 0;
  left: 92%;
  /*    transform: translateY(-55%);
    -webkit- transform: translateY(-55%);*/
}

/* ===================================================================
footer
====================================================================== */

.textContentsBoxOut {
  width: 1000px;
  margin: 0 auto 70px;
}
.textContentsBoxOut .textContentsBox:nth-child(2n) {
  /*   margin-right:0 !important; */
}
.textContentsBoxOut .textContentsBox {
  /*
  float:left;
  margin:0 20px 20px 0;
  width:490px;
*/
  overflow: hidden;
  text-align: left;

  margin-bottom: 20px;
  border: 3px solid #d4d4d4;
  border-radius: 8px;

  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.textContentsBoxOut .textContentsBox h2 {
  background: #8e6435;
  color: #fff;
  display: block;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  overflow: hidden;
  padding: 9px 20px 7px;
  -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.textContentsBoxIn {
  background-color: #fff;
  padding: 15px 20px;
}
.textContentsBoxIn h3 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3em;
  padding: 4px 0 1px 18px;
  border-bottom: 1px solid #b84f16;
  background: url(/common/accets/useful/img/common/ico_dot01.png) no-repeat left
    center;
  margin-bottom: 15px;
}
.textContentsBoxIn .caution {
  padding: 4px 0 2px 30px;
  background: url(/common/accets/useful/img/common/ico_caution01.png) no-repeat
    left 2px;
}
.textContentsBoxIn ul {
  font-size: 13px;
  margin-bottom: 10px;
}
.textContentsBoxIn .bold {
  font-weight: bold;
}
.textContentsBoxIn p {
  font-size: 13px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.textContentsBoxIn table {
  width: 100%;
  border: 3px solid #ccc;
  font-size: 13px;
  line-height: 1.5em;
  margin-bottom: 15px;
}
.textContentsBoxIn th {
  border: 2px solid #ccc;
  background: #fff9de;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.textContentsBoxIn td {
  border: 2px solid #ccc;
  vertical-align: middle;
}
.textContentsBoxIn .name {
  width: 10%;
  font-weight: bold;
  text-align: center;
}
.textContentsBoxIn .image {
  width: 22%;
}
.textContentsBoxIn .image img {
  width: 100%;
}
.textContentsBoxIn .sub01,
.textContentsBoxIn .sub02,
.textContentsBoxIn .sub03,
.textContentsBoxIn .sub04 {
  width: 6%;
  text-align: center;
}
.textContentsBoxIn .sub05 {
  width: 40%;
  padding: 5px;
}
.textContentsBoxIn .txtBox {
  background: #fff9f3;
  border: 1px solid #fbe8d9;
  border-radius: 5px;
  padding: 15px 20px 5px;
  margin: 20px 0 10px;
  clear: both;
}
.textContentsBoxIn .image_left {
  float: left;
  margin: 0 15px 15px 0;
}
.textContentsBoxIn .image_right {
  float: right;
  margin: 0 0 15px 15px;
}
.textContentsBoxIn .table-cell {
  font-size: 13px;
  vertical-align: top;
  padding-bottom: 15px;
  display: table-cell;
}
.textContentsBoxIn .table-cell .inline {
  display: inline;
}
.textContentsBoxIn .bg_yellow {
  font-size: 20px;
  width: 311px;
  margin: 0 auto;
  margin-bottom: 0px;
  padding: 56px 0;
  background: url(/common/accets/useful/img/way/bg_yellow01.png) no-repeat
    center top;
  text-align: center;
  font-weight: bold;
  margin: 30px auto 0;
}
.textContentsBoxIn .nomi_list {
  float: left;
  font-size: 13px;
  margin-bottom: 20px;
}
.textContentsBoxIn .nomi_solution {
  width: 100%;
  border: 3px solid #efcebc;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.textContentsBoxIn .nomi_solution .sub {
  flex-basis: 100%;
  border-bottom: 1px dotted #ccc;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.textContentsBoxIn .nomi_solution .point {
  margin: 0 10px;
}
.textContentsBoxIn .nomi_step {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 3px 12px;
  -webkit-background-size: 30px 30px;
  -moz-background-size: 30px 30px;
  background-size: 30px 30px;
  background-color: #f09348;
  background-image: -webkit-gradient(
    linear,
    0 0,
    100% 100%,
    color-stop(0.25, #ea9754),
    color-stop(0.25, transparent),
    color-stop(0.5, transparent),
    color-stop(0.5, #ea9754),
    color-stop(0.75, #ea9754),
    color-stop(0.75, transparent),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    -45deg,
    #ea9754 25%,
    transparent 25%,
    transparent 50%,
    #ea9754 50%,
    #ea9754 75%,
    transparent 75%,
    transparent
  );
  background-image: -moz-linear-gradient(
    -45deg,
    #ea9754 25%,
    transparent 25%,
    transparent 50%,
    #ea9754 50%,
    #ea9754 75%,
    transparent 75%,
    transparent
  );
  background-image: -ms-linear-gradient(
    -45deg,
    #ea9754 25%,
    transparent 25%,
    transparent 50%,
    #ea9754 50%,
    #ea9754 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    -45deg,
    #ea9754 25%,
    transparent 25%,
    transparent 50%,
    #ea9754 50%,
    #ea9754 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    -45deg,
    #ea9754 25%,
    transparent 25%,
    transparent 50%,
    #ea9754 50%,
    #ea9754 75%,
    transparent 75%,
    transparent
  );
  border-radius: 5px;
}

.region__head .mainVBg_in {
  position: relative;
  width: 100%;
  height: 452px;
  background: url(/resource/img/region_mv_bg.png) center top no-repeat #efe7e0;
  z-index: 0;
}
.region__head .mainVBg_in02 {
  background-position: center bottom;
}
.region__head .mainV {
  width: 1020px;
  margin: 0 auto;
  padding: 85px 0 5px;
  position: relative;
}
.region__head .mainV .img__maintxt {
  margin-top: 10px;
  margin-left: -150px;
}
.region__head .mainVS {
  width: 1000px;
  margin: 0 auto;
  padding: 7px 0 1px;
}
.region__head .txt_head {
  position: absolute;
  top: 18px;
  left: 4px;
  color: #956132;
  line-height: 1;
  letter-spacing: 0.05rem;
  font-size: 42px;
  font-weight: 900;
  text-shadow: -3px -3px 0 #fff, -3px -2px 0 #fff, -3px -1px 0 #fff,
    -3px 0px 0 #fff, -3px 1px 0 #fff, -3px 2px 0 #fff, -3px 3px 0 #fff,
    -2px -3px 0 #fff, -2px -2px 0 #fff, -2px -1px 0 #fff, -2px 0px 0 #fff,
    -2px 1px 0 #fff, -2px 2px 0 #fff, -2px 3px 0 #fff, -1px -3px 0 #fff,
    -1px -2px 0 #fff, -1px -1px 0 #fff, -1px 0px 0 #fff, -1px 1px 0 #fff,
    -1px 2px 0 #fff, -1px 3px 0 #fff, 0px -3px 0 #fff, 0px -2px 0 #fff,
    0px -1px 0 #fff, 0px 0px 0 #fff, 0px 1px 0 #fff, 0px 2px 0 #fff,
    0px 3px 0 #fff, 1px -3px 0 #fff, 1px -2px 0 #fff, 1px -1px 0 #fff,
    1px 0px 0 #fff, 1px 1px 0 #fff, 1px 2px 0 #fff, 1px 3px 0 #fff,
    2px -3px 0 #fff, 2px -2px 0 #fff, 2px -1px 0 #fff, 2px 0px 0 #fff,
    2px 1px 0 #fff, 2px 2px 0 #fff, 2px 3px 0 #fff, 3px -3px 0 #fff,
    3px -2px 0 #fff, 3px -1px 0 #fff, 3px 0px 0 #fff, 3px 1px 0 #fff,
    3px 2px 0 #fff, 3px 3px 0 #fff;
}
.region__head .txt_head span {
  font-size: 56px;
}
.cvPolicy {
  position: relative;
  display: inline-block;
}
.cvPolicy::before {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #ff6301;
  position: absolute;
  top: 7px;
  left: -10px;
}
.cvPolicy a {
  text-decoration: underline;
}
.cvPolicy + .cvPolicy {
  margin-left: 25px;
}
.conversionIndex {
  background: url(../../sekisui_house/img/cv_top_bg.png) 40px 0 no-repeat;
  width: 1080px;
  height: 320px;
  margin: 20px auto 10px;
  position: relative;
}
.conversionIndex .conversionIndex__mail {
  display: inline-block;
  top: 190px;
  left: 682px;
  position: absolute;
}
.conversionIndex .conversionIndex__note {
  display: inline-block;
  top: 246px;
  left: 357px;
  position: absolute;
  font-size: 18px;
  font-weight: bold;
}
.conversionIndex .conversionIndex__note .txt--time {
  color: #0e8b0e;
}
.announcement__box {
  margin: 50px auto 20px !important;
}
.conversionContents {
  background: url(../img/common/cv_top_cont.png);
  width: 740px;
  height: 300px;
  margin: 35px 0 35px 0px;
  position: relative;
}
.conversionContents .conversionContents__mail {
  display: inline-block;
  top: 225px;
  left: 30px;
  position: absolute;
}
.conversionContents .conversionContents__note {
  display: inline-block;
  width: 215px;
  top: 86px;
  left: 378px;
  position: absolute;
  font-size: 15px;
  line-height: 1.6em;
  font-weight: bold;
}
.conversionContents .conversionContents__note .txt--time {
  color: #0e8b0e;
}
.conversion__policy {
  position: absolute;
  top: 100%;
  left: 5%;
}
.area_conversion_policy {
  display: block;
  width: 980px;
  margin: 3px auto;
}
.area_sub_conversion_policy {
  display: block;
  margin-top: 2px;
  margin-left: 10px;
}
.pagePrice__policy {
  position: absolute;
  top: 183px;
  right: 56px;
}
.pageWhat__policy {
  position: absolute;
  bottom: 0;
  right: 30px;
}
.simpleHead__policy {
  margin-bottom: 5px;
  text-align: right;
}
.homePrice {
  margin-bottom: -25px;
}
.homePrice__place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 687px;
  position: absolute;
  top: 200px;
  left: 25px;
}
.homePrice__placeText {
  display: block;
  width: calc(687px / 3);
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.homeDiyContent {
  position: relative;
}
.homeDiyContent__cv {
  position: absolute;
  left: 14px;
  bottom: 10px;
}
.homeDiyContent__cv__policy {
  margin-top: 6px;
  padding-left: 10px;
}
.baisyoContents {
  position: relative;
  margin: 40px 0 40px;
  border: 3px solid #d6d6d6;
  background-color: #fff;
}
.baisyoContents__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 10px;
  margin: 15px 12px 10px;
  padding: 0 8px 10px;
  border-bottom: 1px solid #fcc;
  font-size: 22px;
}
.baisyoContents__titleTxt {
  padding-left: 10px;
  font-weight: bold;
  line-height: 1.4;
}
.baisyoContents__detail {
  padding: 7px 160px 15px 20px;
  font-size: 18px;
  font-weight: bold;
}
.baisyoContents__detail .txtStrong {
  color: #f03;
  font-size: 20px;
}
.baisyoContents__detailImg {
  position: absolute;
  bottom: 0;
  right: 15px;
}
.homeFlow {
  padding-top: 60px;
  margin-bottom: 45px;
}
.homeFlow .kome {
  color: #333;
  font-size: 22px;
  line-height: 1;
  position: relative;
  top: -0.9em;
}
.homeFlow .commentary {
  display: block;
  margin-top: 5px;
  font-size: 0.85em;
}
.homeFlow .naviBtnOrenge {
  padding-top: 5px;
}
.homeStep__title {
  padding: 7px 0;
  text-align: center;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#feb454),
    color-stop(50%, #feb454),
    color-stop(50%, #fa9b20),
    to(#fa9b20)
  );
  background: linear-gradient(
    to bottom,
    #feb454 0%,
    #feb454 50%,
    #fa9b20 50%,
    #fa9b20 100%
  );
}
.homeStep__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 17px;
  margin-bottom: 10px;
}
.homeStep__detItem {
  position: relative;
  width: 230px;
  border: 3px solid #fa9b20;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.homeStep__detItem:not(:last-of-type)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -22px;
  width: 0;
  height: 0;
  border-left: 19px solid #fa9b20;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.homeStep__detItem__contents {
  padding: 10px;
}
.homeStep__detItem__title {
  font-size: 18px;
  font-weight: bold;
}
.homeStep__detItem__sentence {
  padding-top: 7px;
  font-size: 16px;
}
.homeStep__detItem__sentence .strong {
  color: #e60012;
}
.homeSurvey {
  margin-top: 35px;
  padding: 20px;
  border: 8px solid #e2e2e2;
  position: relative;
}
.homeSurvey__sentence {
  position: absolute;
  top: 180px;
  left: 230px;
}
.homeCharacter {
  margin-bottom: 35px;
}
.homeCharacter__title {
  text-align: center;
  z-index: 1;
}
.homeCharacter__detail {
  background-color: #f0f2ef;
  margin-top: -50px;
  padding: 60px 20px 20px;
}
.homeCharacter__detItem {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.homeCharacter__detItem:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.homeCharacter__detItem__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 10px;
}
.homeCharacter__detItem__contents {
  margin-left: 20px;
  margin-right: 10px;
}
.homeCharacter__detItem__title {
  color: #946134;
  font-size: 20px;
  font-weight: bold;
}
.homeCharacter__detItem__title:first-letter {
  margin-left: -0.5em;
}
.homeCharacter__detItem__sentence {
  margin-top: 14px;
  font-size: 16px;
}
.homeFaq {
  margin-bottom: 25px;
}
.homeFaq .naviBtn {
  background: #f7f7f7;
  padding-bottom: 20px;
}
.homeFaq__title {
  margin-bottom: 15px;
}
.homeFaq__list {
  border: 1px solid #ccc;
  padding: 15px 0 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  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;
}
.homeFaq__item {
  width: calc(100% / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  background: #efefef;
  margin: 0 2% 2% 0;
}
.homeFaq__item::before {
  content: url(../img/top/faq_icon.png);
  display: inline-block;
  margin: 10px 10px 7px -5px;
}
.homeFaq__item__link {
  display: block;
  margin-right: 10px;
  text-decoration: underline;
}
.naviBtn a::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #555;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 92%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.naviBtn a::after {
  content: "";
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #e2e2e2;
  position: absolute;
  top: 50%;
  left: 370px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.naviBtnOrenge a::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 92%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.naviBtnOrenge a::after {
  content: "";
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #ff6301;
  position: absolute;
  top: 50%;
  left: 370px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.commonFaq {
  margin-top: 40px;
  margin-bottom: 25px;
}
.commonFaq .commonFaq__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 15px;
  padding: 15px 15px 15px;
  background-color: #f7f7f7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.commonFaq .commonFaq__wrap.underLayer {
  padding: 15px;
}
.commonFaq .commonFaq__item {
  width: calc(50% - 5px);
  padding: 10px;
  background-color: #fff;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.commonFaq .commonFaq__item:nth-of-type(n + 3) {
  margin-top: 10px;
}
.commonFaq .commonFaq__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.commonFaq .commonFaq__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 6px 0 8px;
  padding: 0 8px;
  line-height: 1.5;
  min-height: 48px;
}
.commonFaq .commonFaq__questionNote {
  padding-left: 12px;
  color: #373737;
  font-weight: bold;
}
.commonFaq .commonFaq__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 10px 8px;
  border-top: 2px dotted #cecece;
}
.commonFaq .commonFaq__answerNote {
  padding-left: 12px;
  line-height: 1.5;
}
.commonFaq .commentary {
  display: block;
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
}
.commonFaq .naviBtn {
  background: #f7f7f7;
  padding-bottom: 20px;
  text-align: center;
  padding-top: 20px;
}
.lazy {
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 0;
}
.lazy.is-loaded {
  opacity: 1;
}
.home {
  width: 100%;
  float: none;
}
.home .conversionIndex {
  margin-left: -42px;
  margin-bottom: 50px;
}
.home .conversion__policy {
  position: relative;
}
.home .naviBtn span {
  font-weight: bold;
}
.home .homeCheck {
  margin-top: 20px;
}
.home .priceBox {
  width: 100%;
  height: 423px;
}
.home .priceBox p {
  width: 960px;
  font-size: 16px;
  left: 20px;
  bottom: 60px;
}
.home .homePrice__place {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 960px;
  top: 245px;
  left: 20px;
}
.home .homePrice__placeText {
  width: calc(960px / 3 - 10px);
}
.home .priceBg {
  background: #ececec;
  padding: 20px 20px 25px;
}
.home .priceBg h4 {
  margin: 14px 0 0;
}
.home .priceBg .priceTtl {
  background: url(../img/frontpage/price_ttl01.png) 0 0 no-repeat;
  padding-left: 0;
}
.home .priceBg .priceBg__img {
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
}
.home .priceList {
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 15px 0 0 !important;
}
.home .priceCredit {
  width: 100%;
}
.home ul.cmnBtn {
  width: 100% !important;
  margin: 15px 0 0 !important;
}
.home .naviBtnOrenge span {
  font-weight: bold;
}
.home .baisyoContents {
  margin: 40px 0 30px;
  border: 4px solid #d6d6d6;
  background-color: #fff;
  position: relative;
  border-radius: 8px;
}
.home .baisyoContents .baisyoContents__title {
  width: 770px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  margin: 10px 12px;
  border-bottom: 2px solid #fcc;
  font-size: 20px;
  font-weight: bold;
  background: none;
}
.home .baisyoContents .baisyoContents__title .baisyoContents__titleImg {
  margin-right: 8px;
}
.home .baisyoContents .baisyoContents__title .baisyoContents__titleTxt {
  padding: 0;
}
.home .baisyoContents .baisyoContents__detail {
  width: 850px;
  padding: 10px 30px 16px;
  font-size: 18px;
}
.home .baisyoContents .baisyoContents__detail .txtStrong {
  color: #f03;
}
.home .baisyoContents .baisyoContents__detailImg {
  position: absolute;
  bottom: 0;
  right: 10px;
}
.home .homeStep__detItem {
  width: 306px;
}
.home .homeStep__detItem__img {
  width: 300px;
  margin-top: -1px;
}
.home .homeSurvey__sentence {
  top: 190px;
  left: 350px;
  font-size: 16px;
}
.home .usefulList__list {
  background: #ececec !important;
}
.home .homeArea ul {
  background: #fff !important;
  border: 5px solid #ececec;
}
.homeNews {
  width: 1000px;
  margin: 20px auto 40px;
}
.homeNews .homeNews__ttl {
  text-align: center;
}
.homeNews .homeNews__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.homeNews .homeNewsList__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 240px;
}
.homeNews .homeNewsList__items .thumbnail {
  display: block;
  margin-bottom: 10px;
  width: 240px;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
}
.homeNews .homeNewsList__items .homeNewsList__itemTitle {
  font-size: 16px;
  text-decoration: underline;
}

@charset "utf-8";

/******* 2015.12.3 STR *******/
#sideContent .side-privacy {
  background: #faf5e3;
  border: 1px solid #e7cf8a;
}
/* ------ .side-privacy ------ */
#sideContent .side-privacy {
  margin-bottom: 15px;
  padding-top: 15px;
  padding-bottom: 10px;
  font-size: 13px;
  text-align: center;
  border-radius: 6px;
}
#sideContent .side-privacy img {
  display: block;
  margin: 0 auto 15px;
}
#sideContent .side-privacy .side-privacy-tit {
  color: #014099;
  font-weight: 700;
  font-size: 1em;
}
#sideContent .side-privacy p {
  margin: 0 15px 10px;
  font-size: 0.88em;
}
/* ------ .foot-privacy ------ */
#footer .foot-privacy {
  display: block;
  margin-top: 5px;
  padding: 18px 15px 18px 65px;
  border: 2px solid #ddd;
  background-color: #fff;
  font-size: 13px;
  position: relative;
  border-radius: 4px;
}
#footer .foot-privacy a img {
  position: absolute;
  margin-top: -21px;
  top: 50%;
  left: 10px;
}
#footer .foot-privacy p {
  font-size: 0.85em;
}
#footer .foot-privacy p strong {
  display: block;
}
#footer .foot-privacy p a {
  display: block;
  font-size: 0.9em;
  color: #666;
}
/* page */
#footer .foot-privacy.foot-privacy-page {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  margin: 3px 0 10px 10px;
  padding: 13px 13px 13px 50px;
}
#footer .foot-privacy.foot-privacy-page a img {
  width: 30px;
  height: 31px;
  margin-top: -16px;
}
/* ------ .form-privacy ------ */
.form-privacy {
  width: 530px;
  margin: 0 auto;
  padding-bottom: 30px;
  color: #333;
  font-size: 13px;
  text-align: left;
}
.form-privacy a {
  float: left;
  margin-right: 30px;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 1px;
}
.form-privacy .bold {
  margin-bottom: 6px;
  font-size: 1.05em;
}
/******* 2015.12.3 END *******/

/*==============================
  Common style
------------------------------*/
* {
  margin: 0;
  padding: 0;
}
a {
  outline: 0;
}
a:hover img.alp {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=70);
}
img {
  border: none;
}
li {
  list-style: none;
}
li img {
  display: block;
}
form {
  display: inline;
  margin: 0px;
  padding: 0px;
}
/* clearfix */
.cf:before,
.cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  zoom: 1;
  display: block;
}
.block {
  display: block;
}
.clear {
  clear: both;
}
.right {
  float: right;
}
.left {
  float: left;
}
.center {
  text-align: center;
}
.aright {
  text-align: right;
}
.f10 {
  font-size: 10px;
}
.f11 {
  font-size: 11px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.red {
  color: #cc3300;
}
.gray {
  color: #666666;
}
.blue {
  color: #229cfd;
}
.strike {
  text-decoration: line-through;
}
.uline {
  text-decoration: underline;
}
.greenb {
  color: #31776c;
  font-weight: bold;
}
.redb {
  color: #cc0000;
  font-weight: bold;
}
.bold {
  font-weight: bold;
}
.pt5 {
  padding-top: 5px;
}
.pr5 {
  padding-right: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.pl5 {
  padding-left: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pr10 {
  padding-right: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
.pl10 {
  padding-left: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pr15 {
  padding-right: 15px;
}
.pb15 {
  padding-bottom: 15px;
}
.pl15 {
  padding-left: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pr20 {
  padding-right: 20px;
  float: left;
  padding-bottom: 15px;
  width: 300px;
}
.pr20:last-child {
  padding-right: 20px;
  float: left;
  margin-left: -1px;
  width: 300px;
}
.pr20 dt {
  background: #fff4d4;
  font-weight: bold;
  text-align: center;
  border: 1px solid #feeaaf;
}
.pb20 {
  padding-bottom: 20px;
}
.pl20 {
  padding-left: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pr30 {
  padding-right: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.pl30 {
  padding-left: 30px;
}
.pb40 {
  padding-bottom: 40px;
}
.pl40 {
  padding-left: 40px;
}
.mt5 {
  margin-top: 5px;
}
.mr5 {
  margin-right: 5px;
}
.mb5 {
  margin-bottom: -2px;
  padding-top: 7px;
}
.ml5 {
  margin-left: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mr10 {
  margin-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mr20 {
  margin-right: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mg0 {
  margin: 0px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.none {
  display: none;
}
.w10 {
  width: 10px;
}
.w20 {
  width: 20px;
}
.w30 {
  width: 30px;
}
.w40 {
  width: 40px;
}
.w50 {
  width: 50px;
}
.w60 {
  width: 60px;
}
.w70 {
  width: 70px;
}
.w80 {
  width: 80px;
}
.w90 {
  width: 90px;
}
.w100 {
  width: 100px;
}
.w120 {
  width: 120px;
}
.w150 {
  width: 150px;
}
.w200 {
  width: 200px;
}
.w250 {
  width: 250px;
}
.w300 {
  width: 300px;
}
.w400 {
  width: 400px;
}
.w500 {
  width: 500px;
}
.w600 {
  width: 600px;
}
.w700 {
  width: 700px;
}
.w95p {
  width: 95%;
}
.w100p {
  width: 100%;
}
.mauto {
  margin-right: auto;
  margin-left: auto;
}
.lineDot {
  border-bottom: dotted 1px #cccccc;
}
.lineSolid {
  border-bottom: solid 1px #cccccc;
}
.lineNone {
  border: none;
}
a:link,
a:visited {
  /*color: #0163D4;*/
  color: #333333;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: none;
}
.commonTbl {
  background: #ccc;
}
.commonTbl th {
  width: 150px;
  font-weight: normal;
  text-align: left;
  background: #f7f7f7;
  padding: 10px;
  font-weight: bold;
}
.commonTbl td {
  background: #fff;
  width: 470px;
  padding: 10px;
}
.errorMessage {
  background: #fff3f3;
  border: solid 1px #ffecec;
  margin: 5px 5px 10px 5px;
  padding: 8px;
}
#require {
  display: block;
  line-height: normal;
  padding-bottom: 10px;
}
.require {
  color: #f00;
}
.arr {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
}
.arr:hover {
}
body {
  color: #000;
  font: 13px/1.7 "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",
    "Hiragino Kaku Gothic Pro", Osaka;
  clear: both;
} /*==============================
  Head
------------------------------*/
#head {
  width: 950px;
  margin: 0px auto;
  height: 82px;
}
#logoArea {
  height: 62px;
  float: left;
  margin-top: 20px;
}
#logoArea a {
  display: block;
  float: left;
}
#logoNum {
  float: left;
  height: 60px;
  width: 147px;
  line-height: normal;
  color: #694604;
  padding-top: 2px;
}
#headRight {
  float: right;
  width: 482px;
  z-index: 120px;
}
#headTel {
  display: block;
  float: left;
}
#headFavorite {
  height: 24px;
  width: 123px;
  float: left;
  font-weight: bold;
  color: #e77200;
  text-align: center;
  padding-top: 25px;
  line-height: normal;
  display: block;
}
#headFavorite:hover {
  cursor: pointer;
}
#hRBottom {
  clear: both;
  height: 29px;
  padding-left: 18px;
  margin-top: 4px;
  display: block;
}
#hRBottom li {
  float: left;
  padding: 0px;
  margin: 0px;
  display: block;
}
#hRBottom li a {
  display: block;
}
#globalMenu {
  clear: both;
  height: 45px;
  z-index: 100;
  position: relative;
}
#globalMenu ul {
  width: 677px;
  margin: 0px auto;
  display: block;
  padding-left: 273px;
  height: 45px;
  clear: both;
}
#globalMenu ul li {
  display: block;
  float: left;
  margin-top: 10px;
  position: relative;
}
#globalMenu ul li a {
  display: block;
}
#globalMenu ul li a img {
  display: block;
}
#kodawari ul {
  margin: 0px;
  width: 120px;
  position: absolute;
  top: -999em;
  left: 8px;
  height: 243px;
  padding: 28px 0px 0px;
  display: none;
}
#kodawari ul li {
  float: none;
  margin: 0px;
  line-height: 22px;
  height: 22px;
  border: none;
}
#kodawari ul li a {
  display: block;
  border: none;
  padding: 0px 20px;
}
/*==============================
  Body
------------------------------*/
#sMHistory {
  padding-bottom: 7px;
  margin-bottom: 8px;
}
#sMHistoryBody {
}
.sMHistoryItem {
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  line-height: normal;
  margin: 0px 7px 0px 5px;
}
.sMHistoryItem img {
  display: block;
  float: left;
  width: 70px;
  margin-right: 10px;
}
.sMHistoryItem .wNotFound {
  float: left;
  margin-right: 10px;
}
.sMHistoryRight {
  width: 100px;
  float: right;
}
.cRankingIcon {
  display: block;
  line-height: normal;
  height: 12px;
  font-size: 10px;
  margin-bottom: 3px;
}
.num1 {
  padding-left: 18px;
  color: #d86b1b;
}
.num2 {
  padding-left: 18px;
}
.num3 {
  padding-left: 18px;
}
.mItemName {
  font-size: 10px;
  font-weight: normal;
  line-height: normal;
  padding-top: 5px;
  display: block;
}
.mItemPrice {
  color: #c33117;
  font-weight: bold;
  margin-right: 5px;
  line-height: normal;
}
.mItemPrice strong {
  font-size: 14px;
  line-height: normal;
}
.mItemLayout {
  font-size: 10px;
  line-height: normal;
}
.mItemWalk {
  font-size: 10px;
  font-style: normal;
  line-height: normal;
}
.mItemRight {
  float: right;
  width: 100px;
} /* 画像コピー防止用  */
.itemPhoto {
  position: relative;
}
.itemPhoto_img {
  position: absolute;
  top: 0px;
  left: 0px;
} /*==============================
  Foot
------------------------------*/
#foot {
  clear: both;
  margin-top: 20px;
}
#footerTop {
  width: 950px;
  margin: 0px auto;
  z-index: 100;
  height: 24px;
  position: relative;
}
#footerTop a {
  right: 0px;
  top: 1px;
  position: absolute;
}
#footerLink {
}
#footerLink ul {
  margin: 0px auto;
  width: 970px;
  height: 32px;
  line-height: 32px;
  padding-left: 5px;
}
#footerLink ul li {
  float: left;
  display: block;
  margin: 0px 8px;
}
#footerLink ul li a {
  color: #fff;
  font-size: 10px;
  text-decoration: none;
}
#footerDesc {
  margin: 0px auto;
  width: 940px;
  padding: 10px 5px;
}
#footerDesc h2 {
  font-size: 10px;
  font-weight: bold;
  color: #777777;
  margin-bottom: 5px;
}
#footerDesc p {
  font-size: 10px;
  color: #777777;
}
#footerArea {
  background: #fee;
  color: #777777;
  padding: 10px;
}
#footerArea dl {
  font-size: 10px;
  margin: 0px auto;
  width: 950px;
}
#footerArea dl dt {
  font-weight: bold;
  float: left;
  margin-right: 10px;
  clear: left;
  width: 100px;
  display: block;
}
#footerArea dl dd {
  display: block;
  float: left;
  width: 60em;
}
#footerContact {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #f4c9c9;
  padding-top: 8px;
  padding-bottom: 12px;
  clear: both;
}
#footerContact p {
  font-size: 10px;
  color: #666;
  margin: 0px auto;
  width: 950px;
}
#bnrArea {
  margin: 0px auto;
  width: 950px;
  height: 59px;
}
#bnrArea img {
  display: block;
  float: left;
}
#copyright {
  clear: both;
  background: #ff2a28;
  text-align: center;
  color: #fff;
  line-height: 25px;
  height: 25px;
}
#error404 {
  height: 107px;
  width: 906px;
  padding-top: 223px;
  padding-left: 44px;
}
#error404 a {
  display: block;
  width: 400px;
}
.wNotFound {
  border: 1px solid #ddd;
}
.imageNotFound {
  border: 3px solid #fff;
}
.wNotFound .alt65 {
}
.wNotFound .alt100 {
}
.wNotFound .alt150 {
} /* --------------------------------------
/* 最近更新の物件
/* -------------------------------------*/
#sMResentBody {
}
#sMResentBodyIn {
  height: 300px;
  width: 205px;
  overflow-y: auto;
}
.sMResentItem {
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  line-height: normal;
  margin: 0px 7px 0px 5px;
}
.sMResentItem img {
  display: block;
  float: left;
  width: 60px;
  margin-right: 5px;
}
.sMResentItem .wNotFound {
  float: left;
  margin-right: 10px;
}
.sMRecentRight {
  width: 90px;
  float: right;
}
.mRecentItemPrice {
  color: #c33117;
  font-weight: bold;
  font-size: 12px;
  margin-right: 2px;
  line-height: normal;
}
.pageContent h1 {
  margin: 30px 0 20px 0;
  padding: 0 0 5px 0;
  display: block;
  width: 100%;
  font-size: 24px;
  text-align: left;
  background-repeat: no-repeat;
  color: #000;
}
.pageContent .voiceLabel01 {
  margin: 0 0 5px 0;
  padding: 3px 5px;
  line-height: 17px;
  color: #ffffff;
  font-size: 11px;
  background: none repeat scroll 0 0 #83b4e1;
  width: 60px;
  text-align: center;
  font-weight: bold;
}
.pageContent .voiceLabel02 {
  margin: 0 0 5px 0;
  padding: 5px 5px;
  line-height: 17px;
  color: #ffffff;
  font-size: 11px;
  background: none repeat scroll 0 0 #83b4e1;
  width: 60px;
  text-align: center;
  float: left;
  font-weight: bold;
  margin-top: 11px;
  margin-right: 10px;
}
.pageContent .blueArrow {
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 15px;
  display: inline-block;
}
.pageContent .grayArrow {
  background-image: url(/common/img/common_icon04.png);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 15px;
  display: inline-block;
}
.pageContent {
  color: #333;
}
.pageTitle {
  color: #3f3f3f;
  margin-left: 1px;
  margin-bottom: 15px;
  padding: 0px 0 8px;
  display: block;
  width: 100%;
  font-size: 24px;
  text-align: left;
  background: url(/common/img/common_h_line.png) 0 bottom repeat-x transparent;
}
.topBox07 a > img {
  margin-left: 10px;
}
.topBox07 a > img:hover {
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.topBox07 a {
  text-decoration: none;
}
.btnNew_01 ul li > a > img:hover {
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha(opacity=80);
  opacity: 0.8;
}
.btnNew_02 ul li > a > img:hover {
  -ms-filter: "alpha( opacity=80 )";
  filter: alpha(opacity=80);
  opacity: 0.8;
}
div.formArea th div.cf {
  width: 206px;
}
div.formArea input {
  height: 16px;
}
div.formArea input[type="file"] {
  height: 20px;
}
div.formArea span.addr input,
div.formArea span.wpcf7-form-control-wrap.mailaddress input {
  width: 374px;
}
div.formArea span.wpcf7-form-control-wrap.comment textarea {
  max-width: 554px;
}
div.formArea tr.privacyArea div.iframe {
  width: 535px !important;
}
div.formArea span.wpcf7-list-item.first.last input {
  vertical-align: middle;
}
.dashicons.dashicons-star-filled {
  height: 25px;
  width: 20px;
  color: #fff;
  /*     text-indent: -9999px; */
}
.dashicons.dashicons-star-half {
  height: 25px;
  width: 20px;
  color: #fff;
  background: url(/common/img/half-star.png) no-repeat center center;
}