@charset "UTF-8";

/* -----------------------------------------------
Table of Contents (common css) [Thought of SMACSS + original]
--------------------------------------------------
0. Foundation
	 0-1. Reset (normalize.css + original)
	 0-2. Base
	 0-3. Config
1. Layout
	 1-1. #l_document
	 1-2. #l_header
	 1-3. #l_container
				1-3-1. #l_main
				1-3-2. #l_sub
	 1-4. #l_footer
	 1-5. #l_nav-global
2. Object
	 2-1. Component a.k.a Module [Thought of BEM + original]
				2-1-1.  Wrap     [wrp_***]
				2-1-2.  Box      [box_***]
				2-1-3.  Table    [tbl_***]
				2-1-4.  Headings [hdg_lv*]
				2-1-5.  Nav      [nav_***]
				2-1-6.  List     [lst_***]
				2-1-7.  Button   [btn_***]
				2-1-8.  Anchor   [acr_***]
				2-1-9.  Text     [txt_***]
				2-1-10. Icon     [icn_***]
				2-1-11. Label    [lbl_***]
				2-1-12. Form     [frm_***]
				2-1-13. Error    [err_***]
				2-1-14. UI
	 2-2. Utility
				2-2-1. clearfix
				2-2-2. margin,padding [mb10,pt20]
				2-2-3. Object-Oriented CSS
				2-2-4. Grid System [grid_***]
				2-2-5. WebFont [FontAwesome] http://fortawesome.github.io/Font-Awesome/icons/
	 2-3. State [is_***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project


	 -------------------------------------------------- */

/* -----------------------------------------------
 [0. Foundation]
 -------------------------------------------------- */

/* 0-1. Reset
-------------------------------------------------- */

html {
  font-family: "Noto Sans JP", sans-serif;
}

body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

html,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
em,
img,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

article,
aside,
footer,
header,
small,
nav,
section,
figure,
figcaption,
main {
  margin: 0;
  padding: 0;
  display: block;
  vertical-align: baseline;
  list-style: none;
  background-color: transparent;
  outline: none;
}

audio,
canvas,
video {
  display: inline-block;
}

ul,
ol {
  list-style-type: none;
}

table {
  border: none;
  border-collapse: collapse;
  border_spacing: 0;
}

img {
  line-height: 1;
  vertical-align: bottom;
  outline: none;
  border: none;
}

a img,
map {
  border: none;
  outline: none;
}

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

hr {
  box-sizing: content-box;
  height: 0;
}

dt,
dd,
li,
th,
td,
input,
textarea {
  text-align: left;
  vertical-align: top;
}

button {
  border: none;
}

input,
textarea,
button {
  margin: 0;
  padding: 0;
}

input {
  border: 1px solid #dad7d3;
  padding: 2px 5px;
}

textarea {
  border: 1px solid #dad7d3;
  resize: none;
}

button,
label {
  background-color: transparent;
  cursor: pointer;
}

button,
select {
  text-transform: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: content-box;
  padding: 0;
  vertical-align: middle;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

small {
  font-size: 0.8em;
  display: inline;
}

:focus {
  outline: none;
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* 0-2. Base
-------------------------------------------------- */

html {
  overflow-y: scroll;
  font-size: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: bold;
}

table {
  width: 100%;
}

input,
textarea,
button,
select {
  font-family: "Noto Sans JP", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3",
    "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "helvetica", "arial", sans-serif;
  font-size: 100%;
}

html[lang="en"] input,
html[lang="en"] textarea,
html[lang="en"] button,
html[lang="en"] select {
  font-family: Arial, Helvetica, sans-serif;
}

strong,
em {
  font-weight: bold;
}

h5 em,
h4 em,
h3 em,
h2 em,
h1 em {
  color: #a4002c;
  font-weight: bold;
  font-style: normal;
}

p em {
  color: #a4002c;
  font-weight: bold;
  font-style: normal;
}

sup {
  vertical-align: super;
  font-size: 50%;
}

sub {
  vertical-align: baseline;
  font-size: 50%;
}

/* 0-3. Config
-------------------------------------------------- */

body {
  font-size: 15px;
  color: #333;
  background-color: #fff;
}

html,
body {
  font-family: "Noto Sans JP", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3",
    "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "helvetica", "arial", sans-serif;
}

a {
  color: #333;
  /* ベースのリンク文字の色を指定 */
  text-decoration: none;
  /* ベースのリンク文字の下線の有無を指定 */
}

a:visited {
  color: #333;
}

a:hover,
a:active {
  color: #a4002c;
  text-decoration: none;
  /* ベースのリンク文字の下線の有無を指定 */
}

a:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.4;
  /* ベースの行間を指定 */
  line-height: 1.76;
}

p {
  line-height: 1.571428;
  /* ベースの行間を指定 */
  line-height: 1.76;
  /* ベースの行間を指定 */
}

dt,
dd,
li,
th,
td,
input,
textarea,
button {
  line-height: 1.5;
  /* ベースの行間を指定 */
}

hr {
  border: 0;
  margin: 0;
  border-bottom: 1px solid #ddd;
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
}

/* -----------------------------------------------
 [1. Layout]
 -------------------------------------------------- */

/* 1-1. #l_document
-------------------------------------------------- */

#l_document.is_fixed {
  padding-top: 160px;
}

@media (max-width: 767px) {
  #l_document,
  #l_document.is_fixed {
    padding-top: 50px;
  }
  .page_property #l_document {
    padding-top: 50px;
  }
}

/* 1-2. #l_header
-------------------------------------------------- */

.l_header {
  font-size: 14px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  position: fixed;
  width: 100%;
  padding: 9px 0 0 0;
  z-index: 1000;
  /*
	top: -100%;
	transition: top 0.4s;
	padding-top: 40px;
	*/
}

.l_header__inner {
  position: relative;
  z-index: 100;
}

@media (min-width: 768px) {
  .l_header__content01 {
    float: left;
    width: 192px;
    padding: 0 0 0 18px;
  }
}

.l_header__sns {
  float: left;
  width: 30%;
}

.l_header__topnavi {
  float: left;
  width: 30%;
  margin-top: 4px;
  text-align: right;
}

.l_header__topnavi li {
  display: inline-block;
}

.l_header__topnavi li .fa:before {
  color: #666;
}

.l_header__topnavi li a:hover .fa:before {
  color: #a4002c;
}

.l_header__btn {
  display: none;
}

/*-----------------*/

.l_header__top {
  overflow: hidden;
  padding-bottom: 10px;
}

.l_header__top ul {
  display: inline-block;
  float: right;
}

.l_header__top ul li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.l_header__top ul li:last-child {
  margin-left: 12px;
}

.l_header__top ul li .fa:before {
  color: #333;
}

.l_header__items {
  display: inline-block;
  background: #525559;
  color: #fff;
  border-radius: 5px;
  padding: 0 8px;
  min-width: 30px;
  display: none;
}

.bookmark_info {
  background: #2d3339;
  position: fixed;
  left: 0;
  right: 0;
  top: -100px;
  width: 100%;
  z-index: 9999;
  color: #fff;
  text-align: left;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.6s;
}

.bookmark_info.is_show {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.bookmark_info .fa:before {
  color: #fff;
}

/*
#l_container.l_container_bookmark{
	padding-top: 90px;
}
*/

#js_favorite_content {
  display: none;
}

.box_3dex_outline {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .l_header__top {
    display: none;
  }
  .l_header_bookmark .bookmark {
    text-indent: 0;
    font-size: 12px;
    text-align: center;
  }
  .l_header_bookmark #nav_local {
  }
  .l_header_bookmark .bookmark__counts {
    display: block;
    font-size: 14px;
    font-weight: bold;
  }
  .l_header_bookmark .bookmark img {
    margin-top: 4px;
    display: block;
    text-align: center;
    padding: 0 0 0 4px;
  }
  #l_container.l_container_bookmark {
    padding-top: 0;
  }
  .bookmark_info {
    padding: 15px;
  }
}

/* -------------------------------------------------- */

.l_header__sns li {
  display: inline-block;
  margin-right: 3px;
}

.media_sns .fa {
  background: #a4002c;
  color: #fff;
  text-align: center;
  width: 24px;
  height: 24px;
  display: table-cell;
  vertical-align: middle;
  border-radius: 50%;
  line-height: 0;
}

.media_sns .fa:before {
  background: #a4002c;
  color: #fff;
  margin-right: 0;
  font-size: 14px;
}

/* -------------------------------------------------- */

@media screen and (max-width: 767px) {
  .l_header {
    top: 0;
    width: 100%;
    z-index: 999;
    padding-top: 0;
    border-bottom: 0;
  }
  .l_header .l_header__inner {
    padding: 0;
  }
  .l_header__sitelogo img {
    width: auto;
    height: 14px;
  }
  .l_header__sitelogo {
    width: auto;
    display: block;
    line-height: 0;
    margin: 0 10px 17px;
    padding-top: 17px;
  }
  .l_header__sns,
  .l_header__topnavi {
    display: none;
  }
  .l_header__nav .btn_contact {
    text-align: center;
    padding: 10px;
  }
  .l_header__nav .btn_contact .btn {
    display: inline-block;
    text-align: center;
    padding: 13px 15px;
  }
  .l_header__content01 {
    margin: 0;
    height: 49px;
    border-bottom: 1px solid #ddd;
  }
  .l_header_simple,
  .l_header_simple.is_fixed {
    padding: 0;
    border-bottom: 1px solid #ddd;
  }
}

@media (min-width: 768px), print {
  .l_header.is_fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    padding-top: 0;
  }
  .l_header.is_fixed .l_header__inner {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }
  .l_header.is_fixed .l_header__sns,
  .l_header.is_fixed .l_header__topnavi {
    display: none;
  }
  .l_header.is_fixed .l_header__content01 {
    padding: 0;
    margin: 22px 0;
    float: left;
    width: 28%;
  }
  .l_header.is_fixed .l_header__sitelogo {
    width: auto;
  }
  .l_header.is_fixed .l_header__sitelogo img {
    height: 24px;
    width: auto;
  }
  .l_header.is_fixed #nav_global {
    float: right;
    width: 71%;
    margin-bottom: 0;
  }
  .l_header.is_fixed #nav_global ul {
    table-layout: initial;
    float: right;
    width: auto;
  }
  .isSafari .l_header.is_fixed #nav_global ul {
    width: 100%;
  }
  .l_header.is_fixed #nav_global li a {
    font-size: 14px;
    padding: 0 15px;
  }
  .l_header.is_fixed #nav_global .nav_global__find a {
    padding: 8px 15px;
  }
  .l_header.is_fixed #nav_global ul > li:first-child:after,
  .l_header.is_fixed #nav_global ul > li + li:after {
    border-left: 1px solid #ddd;
    position: absolute;
    height: 20px;
    content: "";
    top: 50%;
    margin-top: -10px;
    left: 0;
  }
}

.l_header_simple,
.l_header_simple.is_fixed {
  border-bottom: 1px solid #ddd;
  padding: 40px 0;
}

.l_header_simple .l_header__sitelogo {
  text-align: left;
  float: none;
  width: 100%;
  margin: 0;
}

.page-landing .l_header_simple .l_header__sitelogo {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .l_header_simple,
  .l_header_simple.is_fixed {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    position: absolute;
  }
  .l_header_simple .l_header__sitelogo {
    padding-top: 0;
  }
  .l_header_simple .l_header__inner {
    padding: 0 10px;
  }
}

/* -------------------------------------------------- */

.l_header__btn {
  position: absolute;
  right: 0;
  top: 0;
  display: table;
  table-layout: fixed;
}

.l_header__btn ul {
  display: table;
  table-layout: fixed;
}

.l_header__btn ul li {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  height: 50px;
  width: 50px;
  text-indent: -9999px;
  overflow: hidden;
}

.l_header__btn li.menu {
  background: #a4002c url("/resource/img/cmn_icn_menu01.png") no-repeat center;
  background-size: auto 30px;
}

.l_header__btn li.search {
  background: #7e001a url("/resource/img/cmn_icn_seach01.png") no-repeat center;
  background-size: auto 30px;
}

.l_header__btn li a:hover,
.l_header__btn li a:active {
  text-decoration: none;
}

.l_header__btn li.is_active {
  background: #a4002c url("/resource/img/cmn_icn_close01.png") no-repeat center;
  background-size: auto 30px;
}

.l_header__btn li.search.is_active {
  background-color: #93c6e8;
}

.l_header__btn ul li a {
  font-size: 10px;
  height: 50px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 50px;
  display: table-cell;
}

.l_header__btn ul li .fa {
  font-size: 16px;
}

.icn_search.is_active .fa-search:before {
  content: "\f00d";
}

.l_header__btn ul li a img,
.l_header__btn ul li a span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
}

.l_header__content02 .box_search {
  padding: 10px;
}

/*-------Header Bookmark----------*/

.l_header_bookmark .l_header__btn li.menu {
  background: #fff url(/resource/img/cmn_icn_menu02.png) no-repeat center;
  background-size: auto 50px;
  height: 49px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.l_header_bookmark .l_header__btn ul li a {
  height: 49px;
}

.l_header_bookmark .l_header__btn li.menu.is_active {
  background: #a4002c url(/resource/img/cmn_icn_close01.png) no-repeat center;
  background-size: auto 30px;
  border-bottom: 1px solid #a4002c;
}

.l_header_bookmark .l_header__btn li.bookmark {
  border-left: 1px solid #ddd;
}

.l_header_bookmark .l_header__btn li.search {
  background: url(/resource/img/cmn_icn_seach02.png) no-repeat center;
  background-size: auto 50px;
}

.l_header_bookmark .l_header__btn li.search.is_active {
  background: #a4002c url(/resource/img/cmn_icn_close01.png) no-repeat center;
  background-size: auto 30px;
}

@media (min-width: 768px), print {
  .l_header__btn {
    display: none;
  }
  .l_header__content02 .box_search {
    padding: 0 0 0 20px;
  }
  .l_header_bookmark .l_header__content01 {
    height: 50px;
    margin-top: -10px;
  }
}

.sub_category_navi {
  border: 1px #ccc;
  border-top-style: solid;
  margin: 100px 0 0;
  clear: both;
  padding: 0 15px;
}

.sub_category_navi > .inner {
  margin: auto;
  width: auto;
  max-width: 1170px;
}

.sub_category_navi.category_wood > .inner {
  max-width: 770px;
}

.sub_category_navi.category_wood > .inner {
}

.sub_category_navi .lst_media {
  margin: 40px -15px 10px;
}

.sub_category_navi .lst_media li {
  margin: 0;
}

.sub_category_navi .box_menu__content {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  padding: 12% 5px 0;
  background-color: transparent;
  text-align: center;
  box-sizing: border-box;
}

.category_equipment .box_menu__content {
  padding: 18% 5px 0;
}

.sub_category_navi .box_menu__title {
  font-size: 20px !important;
}

.sub_category_navi.category_equipment .box_menu__title {
  font-size: 16px !important;
  line-height: 1.4em;
}

.category_standard .box_menu__content {
  padding: 12% 5px 0;
}

.category_standard .box_menu__content .icon-vr {
  position: absolute;
  display: block;
  width: 60px;
  height: auto;
  left: 0;
  right: 0;
  top: 20px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .sub_category_navi {
    border: 1px #ccc;
    border-top-style: solid;
    margin: 50px 0 0;
    clear: both;
  }
  .sub_category_navi > .inner {
    margin: auto;
    width: auto;
    max-width: none;
  }
  .sub_category_navi.category_wood > .inner {
    max-width: none;
  }
  .sub_category_navi .lst_media {
    margin: 20px -10px 10px;
  }
  .sub_category_navi .lst_media li {
    margin: 0 0 10px;
  }
  .sub_category_navi .box_menu__content {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 10% 2px 0;
    background-color: transparent;
    text-align: center;
    box-sizing: border-box;
  }
  .sub_category_navi .box_menu__title {
    font-size: 13px !important;
    line-height: 1.2em;
    margin: 0 0 5px !important;
  }
  .sub_category_navi.category_wood .box_menu__title {
    font-size: 11px !important;
    line-height: 1.2em;
  }
  .sub_category_navi .hdg_lv3 {
    margin: 30px 0 5px;
  }
  .category_quality .box_menu__content,
  .category_wood .box_menu__content {
    padding: 15% 2px 0;
  }
  .category_standard .box_menu__content {
    padding: 15% 2px 0;
  }
  .sub_category_navi.category_standard .box_menu__title {
    font-size: 12px !important;
    line-height: 1.2em;
    margin: 0 0 5px !important;
  }
  .category_standard .box_menu__content .icon-vr {
    position: absolute;
    display: block;
    width: 40px;
    height: auto;
    left: 0;
    right: 0;
    top: 5px;
    margin: auto;
  }
}

/* 1-3. #l_container
-------------------------------------------------- */

#l_container,
#l_container_02 {
  /*max-width: 1600px;*/
  margin: 0 auto;
}

@media (min-width: 768px), print {
  #l_container {
    padding-top: 89px;
  }
  #l_container_02 {
    padding-top: 129px;
      overflow-x: hidden;
  }
  .localnavi + #l_container {
    padding-top: 129px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1120px) {
  #l_container {
    padding-top: 128px;
  }
  #l_container_02 {
    padding-top: 168px;
  }
  .localnavi + #l_container {
    padding-top: 170px;
  }
}

@media (min-width: 1602px) {
  #l_container,
  #l_container_02 {
    /*
        border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
        */
  }
}

@media screen and (max-width: 767px) {
  #l_container {
    padding-top: 0px;
  }
  #l_container_02 {
    padding-top: 40px;
  }
}

/* 1-3-1. #l_main
-------------------------------------------------- */

#l_container.has_sub #l_main {
  width: 80%;
  float: left;
  padding: 0 30px 0 0;
  box-sizing: border-box;
}

#l_container.has_sub > .wrp_container {
  display: block;
  overflow: hidden;
}

@media (max-width: 767px) {
  #l_container.has_sub #l_main {
    padding: 0;
    float: none;
    width: 100%;
  }
}

/* 1-3-2. #l_sub
-------------------------------------------------- */

#l_sub {
  float: left;
  width: 20%;
  padding: 0;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  #l_container.has_sub #l_main {
    display: block;
    max-width: none;
  }
  #l_container.has_sub > .wrp_container {
    display: block;
  }
  #l_sub {
    display: block;
    width: 100%;
    padding: 0;
    float: none;
  }
}

/* 1-4. #l_footer
-------------------------------------------------- */

#l_footer {
  position: relative;
  margin-top: 40px;
}

.l_footer__content02 {
  background: #f5f5f2;
  padding: 30px 0;
}

.l_footer__content03 {
  background: #2d3339;
  color: #fff;
  text-align: center;
  padding: 25px 0 30px;
}

.l_footer__slider {
  display: none;
}

.l_footer__direction {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}

.l_footer__direction a .fa {
  background: #2d3339;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 0;
  position: relative;
  top: -2px;
}

.l_footer__direction a .fa:before {
  color: #fff;
  margin: 0;
  font-size: 14px;
}

.l_footer__direction .arc_back {
  float: left;
}

.l_footer__direction .arc_pagetop {
  float: right;
}

.l_footer_simple .l_footer__content03 {
  padding: 25px 0;
}

@media screen and (max-width: 767px) {
  .l_footer__content02 {
    padding: 20px 0;
  }
  .l_footer__content03 {
    padding: 0 0 15px;
  }
  .l_footer_simple .l_footer__content03 {
    padding: 15px 0;
  }
  .l_footer__banner {
    display: none;
  }
  .l_footer__direction {
    text-transform: none;
    padding: 10px 0;
  }
}

/* 1-5. #l_nav-global
-------------------------------------------------- */

#nav_bottom {
  background: #f5f5f2;
  display: none;
}

@media screen and (max-width: 767px) {
  #nav_bottom {
    display: block;
    padding-top: 10px;
  }
  .nav_bottom__inner li {
    margin-bottom: 10px;
  }
  .nav_bottom__inner li a {
    background: #fff;
    padding: 10px 5px;
    display: block;
    box-sizing: border-box;
    font-size: 12px;
  }
}

/* -----------------------------------------------
 [2. Object]
 -------------------------------------------------- */

/* 2-1. Component a.k.a Module
-------------------------------------------------- */

/*2-1-1.  Wrap     [wrp_***]*/

.wrp_container {
  padding: 0 10px;
  margin: 0 auto;
}

.wrp_heading {
  padding: 30px 0;
}

.wrp_heading_image .hdg_lv1,
.wrp_heading_image .txt_head,
.wrp_heading_image .txt_lead,
.wrp_heading_image .nav_breadcrumb,
.wrp_heading_image .nav_breadcrumb a {
  color: #fff;
}

.wrp_heading_high_quality {
  background: url(/resource/img/technology/technology_high_quality_bg_head.jpg)
    no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_production {
  background: url(/resource/img/technology/technology_production_bg_head.jpg)
    no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_thermal_insulation {
  background: url(/resource/img/technology/technology_thermal_insulation_bg_head.jpg)
    no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_quality {
  background: url(/resource/img/value/quality/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_eco {
  background: url(/resource/img/value/quality/eco/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_endurance {
  background: url(/resource/img/technology/technology_endurance_bg_head.jpg)
    no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_earthquake_resistant {
  background: url(/resource/img/value/quality/earthquake-resistant/main.jpg)
    no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_living_environment {
  background: url(/resource/img/value/environment_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_index {
  background: url(/resource/img/value/value_bg_main01.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_wood {
  background: url(/resource/img/value/wood/wood_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_wood_reason {
  background: url(/resource/img/value/wood/reason/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_wood_town_design {
  background: url(/resource/img/value/wood/town-design/main.jpg) no-repeat
    center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_reduction {
  background: url(/resource/img/value/reduction_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_products {
  background: url(/resource/img/products/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_feature {
  background: url(/resource/img/products/feature/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_standard {
  background: url(/resource/img/products/standard/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_standard_merit {
  background: url(/resource/img/construct/pct_main_select.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_standard_plan {
  background: url(/resource/img/products/standard/plan-example/main.jpg)
    no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_standard_works {
  background: url(/resource/img/products/standard/works/main.jpg) no-repeat
    center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_standard_modelhouse {
  background: url(/resource/img/products/standard/modelhouse/main.jpg) no-repeat
    center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_standard_financial {
  background: url(/resource/img/products/standard/financial-plan/main.jpg)
    no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_equipment {
  background: url(/resource/img/equipment_bg_main01.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_service {
  background: url(/resource/img/service_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_schedule {
  background: url(/resource/img/service_schedule_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_maintenance {
  background: url(/resource/img/service_maintenance_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_guarantee {
  background: url(/resource/img/service_guarantee_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_plan {
  background: url(/resource/img/service_plan_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_care {
  background: url(/resource/img/service_care_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_calendar {
  background: url(/resource/img/service_calendar_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_cwf {
  background: url(/resource/img/service/club-woodfriends/pct_main.jpg) no-repeat
    center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_design {
  background: url(/resource/img/value/design_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_design_material {
  background: url(/resource/img/value/design_material_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_design_forest {
  background: url(/resource/img/value/design_forest_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_design_urban {
  background: url(/resource/img/value/design_urban_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_buy {
  background: url(/resource/img/buy/buy_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_land {
  background: url(/resource/img/land/bg_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_loan {
  background: url(/resource/img/loan-simulator/bg_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_online {
  background: url(/resource/img/online/bg_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_greenpoint {
  background: url(/resource/img/subsidy/greenpoint/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_propose {
  background: url(/resource/img/value/propose/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_value {
  background: url(/resource/img/value/value_bg_main01.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 460px;
}

.wrp_heading_style-n {
  background: url(/resource/img/lineup/stylen/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 460px;
}

.wrp_heading_style-u {
  background: url(/resource/img/lineup/styleu/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 460px;
}

.wrp_heading_style-p {
  background: url(/resource/img/lineup/stylep/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 460px;
}

.wrp_heading_style-nihon {
  background: url(/resource/img/lineup/nihon/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 460px;
}

.wrp_heading_lineup {
  background: url(/resource/img/lineup/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_reform {
  background: url(/resource/img/service/reform/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_estimate {
  background: none;
  height: auto;
  padding: 20px 0 0;
}

.wrp_heading_design .nav_breadcrumb,
.wrp_heading_design .nav_breadcrumb a {
  /*color:#333333;*/
}

.wrp_heading_design_index .nav_breadcrumb {
  /*color:#333333;*/
  margin: 0 0 10px;
}

.wrp_heading_design_index .nav_breadcrumb a {
  /*color:#333333;*/
}

.wrp_heading_design_index .hdg_lv1_2 {
  margin: 20px auto 19px;
}

.wrp_heading_design .txt_head {
  font-size: 40px;
  font-weight: 300;
}

.wrp_heading_design h1 span,
.wrp_heading_design p {
  /*color:#333333 !important;*/
}

.wrp_heading_design h1 span {
  /*border-color:#333333;*/
}

.wrp_heading_design_material h1 span,
.wrp_heading_design_material p {
  color: #333333 !important;
}

.wrp_heading_design_material h1 span {
  border-color: #333333;
}

/*
.wrp_heading_plan .txt_head,
.wrp_heading_guarantee .txt_head,
.wrp_heading_maintenance .txt_head,
.wrp_heading_living_environment .txt_head,
.wrp_heading_reduction .txt_head{
	color: #333333
}
.wrp_heading_plan .hdg_lv1_2 span,
.wrp_heading_guarantee .hdg_lv1_2 span,
.wrp_heading_maintenance .hdg_lv1_2 span,
.wrp_heading_living_environment .hdg_lv1_2 span,
.wrp_heading_reduction .hdg_lv1_2 span{
	border: 1px solid #333333;
	color: #333333
}
*/

.wrp_tabs {
  margin: 0 auto;
  max-width: 1170px;
}

.wrp_block {
  margin-bottom: 15px;
}

.wrp_tab__content {
  display: none;
}

@media (min-width: 768px), print {
  .wrp_container {
    max-width: 1170px;
    padding: 0 15px;
  }
  .wrp_container_sm {
    max-width: 970px;
    margin: 0 auto;
  }
  .wrp_container_full {
    max-width: none;
    width: auto;
    margin: 0 auto;
  }
  .wrp_heading {
    padding: 20px 0 50px;
      position: relative;
  }
  .wrp_heading_care .hdg_lv1_2 {
    margin-top: 80px;
  }
  .wrp_heading_estimate {
    padding: 20px 0 0;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1060px) {
  .wrp_heading_online {
    background: url(/resource/img/online/bg_main_tb.jpg) no-repeat center;
    background-size: cover;
    box-sizing: border-box;
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .wrp_heading_index,
  .wrp_heading_schedule,
  .wrp_heading_care,
  .wrp_heading_calendar,
  .wrp_heading_quality,
  .wrp_heading_eco,
  .wrp_heading_high_quality,
  .wrp_heading_production,
  .wrp_heading_thermal_insulation,
  .wrp_heading_endurance,
  .wrp_heading_earthquake_resistant,
  .wrp_heading_living_environment,
  .wrp_heading_wood,
  .wrp_heading_wood_reason,
  .wrp_heading_wood_town_design,
  .wrp_heading_reduction,
  .wrp_heading_buy,
  .wrp_heading_products,
  .wrp_heading_feature,
  .wrp_heading_standard,
  .wrp_heading_standard_merit,
  .wrp_heading_standard_plan,
  .wrp_heading_standard_works,
  .wrp_heading_standard_modelhouse,
  .wrp_heading_standard_financial,
  .wrp_heading_equipment,
  .wrp_heading_service,
  .wrp_heading_maintenance,
  .wrp_heading_cwf,
  .wrp_heading_guarantee,
  .wrp_heading_plan,
  .wrp_heading_land,
  .wrp_heading_online,
  .wrp_heading_greenpoint,
  .wrp_heading_propose,
  .wrp_heading_value,
  .wrp_heading_style-n,
  .wrp_heading_style-u,
  .wrp_heading_style-p,
  .wrp_heading_style-nihon,
    .wrp_heading_lineup,
    .wrp_heading_reform,
  .wrp_heading_loan {
    height: 225px;
  }
  .wrp_heading_estimate {
    padding: 0;
    margin: 0 0 58px;
  }
  .wrp_heading_design,
  .wrp_heading_design_material,
  .wrp_heading_design_forest,
  .wrp_heading_design_urban {
    height: 180px;
  }
  .wrp_heading_design .hdg_lv1_2 {
    margin: 10px auto 14px;
  }
  .wrp_heading_design .txt_head {
    font-size: 19px;
  }
  .wrp_heading_care .hdg_lv1_2 {
    margin-top: 40px;
  }
  .wrp_heading_loan {
    background: url(/resource/img/loan-simulator/bg_main_sp.jpg) no-repeat
      center;
    background-size: cover;
    box-sizing: border-box;
  }
  .wrp_heading_online {
    background: url(/resource/img/online/bg_main_sp.jpg) no-repeat center;
    background-size: cover;
    box-sizing: border-box;
  }
  .wrp_heading_propose {
    background-position: center right;
  }
}

.wrp_note_right {
  float: right;
  color: #666;
  font-size: 12px;
  margin: 0 0 10px;
}

.wrp_note_right span {
  font-size: 15px;
}

.wrp_table {
  margin-bottom: 30px;
}

.wrp_table::-webkit-scrollbar {
  -webkit-appearance: none;
}

.wrp_table::-webkit-scrollbar:vertical {
  width: 12px;
}

.wrp_table::-webkit-scrollbar:horizontal {
  height: 12px;
}

.wrp_table::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #fff;
}

.wrp_table::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

@media only screen and (max-width: 767px) {
  .wrp_table {
    width: 100%;
    overflow: auto;
  }
  .wrp_table table {
    width: 980px;
  }
}

/*2-1-2.  Box      [box_***]*/

.box {
  border: 1px solid #ddd;
  margin-bottom: 20px;
}

.box .hdg_lv3:first-child {
  margin: 0 0 30px;
}

.box__title .fa-info-circle:before {
  color: #fff;
  font-size: 18px;
}

.box__inner {
  padding: 30px 20px;
  box-sizing: border-box;
}

.box__inner2 {
  padding: 10px 20px 30px 20px;
  box-sizing: border-box;
  color: #a4002c;
}

/* ----------------------------------------------- */

.box_slide {
  background: #f5f5f2;
  padding-top: 20px;
  margin-top: 40px;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.box_slide__content {
  overflow: hidden;
}

.box_slide__content li {
  padding: 0 5px;
  float: left;
  box-sizing: border-box;
}

.box_slide .lst_media .lst_media__content .lst_media__title {
  text-align: left;
  font-size: 16px;
}

.box_slide .bx-wrapper {
  overflow: visible !important;
  position: relative;
  max-width: 100% !important;
}

.box_slide .bx-viewport {
  height: 100% !important;
}

.box_slide .bx-controls.bx-has-controls-direction {
  position: absolute;
  top: 15%;
  width: 100%;
}

.box_slide .bx-controls.bx-has-controls-direction .bx-prev {
  left: -25px;
  position: absolute;
  font-size: 30px;
}

.box_slide .bx-controls.bx-has-controls-direction .bx-next {
  right: -30px;
  position: absolute;
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .box_slide .lst_media .lst_media__content .lst_media__title {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
  }
  .box_slide .lst_media .lst_media__content .lst_media__title .fa:before {
    font-weight: bold;
  }
  .box_slide .bx-controls.bx-has-controls-direction .bx-prev,
  .box_slide .bx-controls.bx-has-controls-direction .bx-next {
    background: rgba(45, 51, 57, 0.7);
    padding: 10px;
  }
  .box_slide .bx-controls.bx-has-controls-direction .bx-prev {
    left: 0;
  }
  .box_slide .bx-controls.bx-has-controls-direction .bx-next {
    right: 0;
  }
  .box_slide .bx-controls.bx-has-controls-direction .bx-prev .fa:before,
  .box_slide .bx-controls.bx-has-controls-direction .bx-next .fa:before {
    color: #fff;
    margin: 0 0 5px;
  }
  .box_slide .bx-viewport {
    overflow: visible !important;
    width: 240px !important;
    margin: 0 auto;
  }
  .box_slide .bx-wrapper {
    text-align: center;
    margin: 0 auto;
    max-width: 100% !important;
  }
  .box_slide__content {
    margin: 0 auto;
  }
  .box_slide__content li {
    margin: 0 auto;
  }
}

/* ----------------------------------------------- */

.box_caution {
  border: 1px solid #a4002c;
}

.box_caution p {
  color: #a4002c;
}

.box_caution .box__inner {
  padding: 15px 19px;
}

.box_caution02 {
  border: 1px solid #a4002c;
}

.box_caution02 .box__title {
  padding: 15px;
  background: #a4002c;
  color: #fff;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .box__inner {
    padding: 18px 10px;
  }
  .box__title {
    padding: 12px 10px;
    background: #a4002c;
  }
  .box .hdg_lv3:first-child {
    margin: 0 0 15px;
  }
  .box_caution .box__inner {
    padding: 12px 10px;
  }
}

/* ----------------------------------------------- */

.box_noscript {
  padding: 24px;
  background: #3a3a3a;
  box-sizing: border-box;
}

.box_noscript p {
  text-shadow: 0 0 1px #fff;
  color: #fff;
}

/* ----------------------------------------------- */

@media (min-width: 768px), print {
  .box_media {
    display: table;
  }
  .box_media li {
    margin-bottom: 15px;
  }
  .box_media__txt,
  .box_media__pic {
    display: table-cell;
    vertical-align: top;
  }
  .box_media__pic {
    padding-right: 10px;
    text-align: center;
  }
  .box_media__pic img {
    vertical-align: bottom;
  }
}

/* ----------------------------------------------- */

.box_contents01 {
  padding: 40px 0;
  border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 767px) {
  .box_contents01 {
    padding: 20px 0;
  }
}

/* ----------------------------------------------- */

.box_tab {
  table-layout: fixed;
  display: table;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 55px;
}

.box_tab li {
  display: table-cell;
  text-align: center;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-bottom: 0;
  border-left: 0;
}

.box_tab li:first-child {
  border-left: 1px solid #ddd;
}

.box_tab li a {
  display: block;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 20px;
}

.wrp_tab__content {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: -1px;
  position: relative;
  z-index: 1;
  padding: 40px 70px;
}

.box_tab a {
  color: #333;
}

.box_tab li:last-child a {
  margin-right: 0;
}

.box_tab a:hover {
  opacity: 1;
  text-decoration: none;
}

.box_tab li .is_active {
  background: #fff;
  z-index: 2;
  position: relative;
  color: #a4002c;
}

@media screen and (max-width: 767px) {
  .box_tab {
    padding: 0 10px;
    max-width: 100%;
  }
  .box_tab li a {
    font-size: 12px;
    padding: 15px 10px;
  }
  .box_tab li .is_active {
    padding: 15px 10px;
  }
  .accordion_wrap {
    border-bottom: 1px solid #ddd;
  }
  .accordion_title {
    font-size: 16px;
    font-weight: bold;
    border-top: 1px solid #ddd;
  }
  .accordion_title a {
    display: block;
    padding: 15px 20px;
  }
  .accordion_title .is_active {
    color: #a4002c;
  }
  .accordion_title .fa.icn_right {
    float: right;
  }
  .wrp_tab__content.accordion_content {
    padding: 20px 0;
  }
  .wrp_tab__content {
    padding: 20px 10px;
  }
  .accordion_wrap .wrp_tab__content {
    border-bottom: none;
  }
}

/* ----------------------------------------------- */

.box_info__ttl {
  font-size: 18px;
  font-weight: bold;
}

.box_info__txt {
  margin: 23px 0 20px;
}

.box_info .fa {
  background: #2d3339;
  width: 12px;
  height: 12px;
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
  text-align: center;
  margin-right: 10px;
  padding: 1px;
  box-sizing: border-box;
}

.box_info .fa:before {
  color: #fff;
  margin: 0;
  font-size: 10px;
}

/* ----------------------------------------------- */

.box_secured {
  overflow: hidden;
  display: table;
  width: 100%;
  margin-bottom: 40px;
}

.box_secured__pic,
.box_secured__txt {
  display: table-cell;
  vertical-align: top;
}

.box_secured__txt {
  padding-left: 20px;
}

/* ----------------------------------------------- */

.box_pager {
  text-align: center;
  margin: 0 auto 40px;
  width: 100%;
  display: table;
}

.box_pager__list,
.box_pager__prev,
.box_pager__next {
  display: table-cell;
  vertical-align: middle;
}

.box_pager__list {
  font-size: 0;
}

.box_pager__list li {
  display: inline-block;
  position: relative;
}

.box_pager__list li:after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  background: #cfcfcf;
  position: absolute;
  right: 0;
  top: 5px;
}

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

.box_pager__list li a {
  font-weight: bold;
  padding: 0 20px;
  font-size: 18px;
}

.box_pager__list li:last-child {
  border: none;
}

.box_pager__prev,
.box_pager__next {
  display: table-cell;
  vertical-align: middle;
}

.box_pager__prev {
  text-align: left;
}

.box_pager__next {
  text-align: right;
}

.box_pager__prev .btn,
.box_pager__next .btn {
  width: 200px;
  background-color: #2d3339;
  color: #fff;
  border-radius: 3px;
  font-size: 18px;
  padding: 15px 10px;
}

.box_pager__prev .fa:before,
.box_pager__next .fa:before {
  color: #fff;
  font-size: 18px;
}

.box_pager__next .fa:before {
  margin-right: 0;
  margin-left: 10px;
}

.box_pager__prev .fa:before {
  margin-right: 10px;
}

@media (min-width: 768px), print {
  .box_pager a {
    font-family: "BenchNine", sans-serif;
  }
}

@media screen and (max-width: 767px) {
  .box_pager {
    margin-bottom: 20px;
  }
  .box_pager .box_pager__list.visible_sp {
    display: table-cell !important;
  }
  .box_pager__list {
    margin: 8px auto 5px;
  }
  .box_pager__list li {
    display: none;
  }
  .box_pager__list li:after {
    display: none;
  }
  .box_pager__list li:first-child {
    display: inline-block;
  }
  .box_pager__list li a {
    font-size: 14px;
    font-weight: normal;
  }
  .box_pager__prev .visible_pc,
  .box_pager__next .visible_pc {
    display: none;
  }
  .box_pager__prev .btn,
  .box_pager__next .btn {
    font-size: 14px;
    width: 40px;
    height: 40px;
    min-width: initial;
    box-sizing: border-box;
    padding: 10px;
  }
  .box_pager__prev .fa:before,
  .box_pager__next .fa:before {
    margin: 0;
  }
}

/* ----------------------------------------------- */

.box_list h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  .box_list p {
    margin-bottom: 10px;
  }
  .box_list img {
    width: 100%;
  }
}

/* ----------------------------------------------- */

.box_news {
  display: table;
  width: 100%;
}

.box_news__detail,
.box_news__link {
  display: table-cell;
  padding: 15px 10px 10px;
  vertical-align: middle;
  vertical-align: top;
}

.box_news__link .fa:before {
  color: #333;
}

.box_news__link a:hover .fa:before {
  color: #a4002c;
}

.box_news__detail {
  width: 222px;
}

.box_news__detail .lbl {
  margin-left: 35px;
}

.box_news__link {
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .box_news {
    display: block;
  }
  .box_news__detail,
  .box_news__link {
    display: block;
    padding: 10px;
  }
  .box_news__detail {
    width: auto;
    padding-bottom: 0;
    color: #666;
    font-size: 12px;
    padding-top: 15px;
  }
  .box_news__detail .lbl {
    margin: 0 0 1px 10px;
  }
  .box_news__link {
    padding: 5px 10px 15px 10px;
  }
}

/* ----------------------------------------------- */

.box_banner {
  text-align: center;
  margin-bottom: 30px;
}

/* ----------------------------------------------- */

.box_reasonnav {
  background: #2d3339;
  padding: 35px 0 40px;
  overflow: hidden;
}

.box_reasonnav .hdg_lv3 > span > em {
  font-size: 48px;
  position: relative;
  top: 10px;
  font-style: normal;
}

.box_reasonnav__content {
  position: relative;
}

.box_reasonnav__inner {
  position: relative;
}

.box_reasonnav .hdg_lv3 {
  color: #fff;
}

.box_reasonnav__link {
  text-align: center;
  margin: 40px auto 0;
  width: 100%;
  overflow: hidden;
}

.box_reasonnav__link li {
  border-left: 1px solid #606061;
  text-align: center;
  font-size: 18px;
  float: left;
}

.box_reasonnav__link li:first-child {
  border-left: 0;
}

.box_reasonnav__link li a {
  color: #fff;
  margin: 0 20px;
}

.box_reasonnav .button {
  display: none;
}

@media screen and (max-width: 767px) {
  .box_reasonnav {
    padding: 20px 0 12px;
  }
  .box_reasonnav__content {
    border-top: 1px solid #575c61;
  }
  .box_reasonnav .hdg_lv3 {
    padding-bottom: 20px;
    margin-bottom: 0;
    font-size: 12px;
  }
  .box_reasonnav .hdg_lv3 > span {
    display: block;
    font-size: 24px;
  }
  .box_reasonnav .hdg_lv3 > span > em {
    font-size: 24px;
    top: 0;
  }
  .box_reasonnav__inner {
    box-sizing: border-box;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .box_reasonnav__link {
    width: 100%;
    z-index: 1;
    margin: 0 auto;
    padding: 14px 20px;
    overflow: visible;
  }
  .box_reasonnav__link li {
    font-size: 14px;
    float: none;
    display: inline-block;
    line-height: 1;
  }
  .box_reasonnav .button_next {
    right: 0;
    background: #2d3339;
  }
  .box_reasonnav .button_prev {
    left: 0;
    background: #2d3339;
  }
  .box_reasonnav .button {
    width: 20px;
    height: 22px;
    content: "";
    position: absolute;
    z-index: 2;
    top: 11px;
    display: block;
  }
  .box_reasonnav .button .icon {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto 0;
    text-align: center;
  }
  .box_reasonnav .button .icon:before {
    color: #fff;
    font-size: 18px;
  }
  .box_reasonnav .button.disabled {
    opacity: 0.1;
  }
}

/* ----------------------------------------------- */

.box_menu {
  margin-bottom: 35px;
}

.box_menu__image {
  position: relative;
}

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

.box_menu__content {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 25px 10px 35px;
  background: rgba(0, 0, 0, 0.2);
  text-align: center;
  box-sizing: border-box;
}

.box_menu__title {
  font-size: 22px;
  font-weight: normal;
  display: block;
  color: #fff;
  margin-bottom: 10px;
}

.grid_6 .box_menu__title {
  font-size: 22px;
  font-weight: normal;
  display: block;
  color: #fff;
  /*line-height: 1.6em;*/
  margin-bottom: 10px;
}

.box_menu .btn_more {
  box-sizing: border-box;
}

.box_menu .btn_more .fa:before {
  color: #fff;
}

.box_menu__caption {
  padding: 15px 20px;
}

.box_menu__caption02 {
  padding: 25px 10px 15px;
  text-align: center;
  font-size: 17px;
  line-height: 1.77em;
}

@media screen and (max-width: 767px) {
  .box_menu {
    margin-bottom: 0;
  }
  .box_menu__title {
    font-size: 16px;
  }
  .grid_6 .box_menu__title {
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 10px;
  }
  .box_menu__content {
    padding: 10px 10px 15px;
  }
  .box_menu__caption {
    padding: 15px 0;
  }
  .box_menu__caption02 {
    padding: 15px 0 20px;
    font-size: 15px;
    line-height: 1.5em;
  }
}

.box_menu_02 {
  display: table;
  width: 100%;
  margin-bottom: 40px;
  border: 1px solid #ddd;
}

.box_menu_02 .box_menu__content,
.box_menu_02 .box_menu__image {
  display: table-cell;
  vertical-align: top;
}

.box_menu_02 .box_menu__image {
  width: 200px;
  font-size: 0;
}

.box_menu_02 .box_menu__content {
  position: static;
  border-left: 0;
  background: transparent;
  width: auto;
  text-align: left;
  padding: 15px 20px;
}

.box_menu_02 .box_menu__title {
  color: #333;
  font-size: 18px;
}

.box_menu_02 .box_menu__caption {
  padding: 0;
  margin-bottom: 20px;
}

.box_menu_02 .box_menu__title .fa {
  display: none;
}

@media screen and (max-width: 767px) {
  .box_menu_02 {
    margin-bottom: 0;
    padding: 19px 0;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
  }
  .lst_menu_02 li:first-child .box_menu_02 {
    border-top: 1px solid #ddd;
  }
  .box_menu_02 .box_menu__image {
    width: 94px;
  }
  .box_menu_02 .box_menu__content {
    border: 0;
    padding: 0 10px;
  }
  .box_menu_02 .box_menu__caption {
    margin-bottom: 0;
  }
  .box_menu_02 .box_menu__title .fa {
    display: inline-block;
    vertical-align: middle;
    background: #a4002c;
    width: 15px;
    height: 15px;
    line-height: 0;
    text-align: center;
    box-sizing: border-box;
    padding: 1px;
    margin-right: 5px;
  }
  .box_menu_02 .box_menu__title .fa:before {
    color: #fff;
    font-size: 12px;
    margin: 0;
  }
  .box_menu_02 .box_menu__button {
    display: none;
  }
}

.box_aticle {
  border: 1px solid #ddd;
  margin: 10px 0 20px;
}

.box_aticle_bottom {
  margin: 20px 0 80px;
}

.box_aticle .box_aticle__content {
  padding: 20px 15px 20px 40px;
}

.box_aticle .box_aticle__content .strong {
  color: #a4002c;
}

.box_aticle .box_aticle__content02 {
  padding: 15px 15px 15px 40px;
}

.box_aticle__caption {
  font-size: 15px;
  padding: 0 0 10px;
  line-height: 1.571428;
}

.box_aticle__caption.caption_small {
  font-size: 14px;
  line-height: 1.571428;
}

@media screen and (max-width: 767px) {
  .box_aticle_bottom {
    margin: 20px 0 40px;
  }
  .box_aticle .box_aticle__content {
    padding: 20px;
  }
  .box_aticle__caption {
    font-size: 15px;
    line-height: 1.571428;
  }
}

/* ----------------------------------------------- */

.box_contact {
  background: url("/resource/img/cmn_bg_inquiry01.png") right -30px bottom no-repeat;
  border: 1px solid #ddd;
  padding: 25px 20px;
  margin: 80px 0 0;
}

.box_contact h3 {
  font-size: 18px;
  margin: 0 0 15px;
}

.box_contact__phone {
  margin-top: 12px;
}

.box_contact__phone h4,
.box_contact__phone .txt_phone {
  display: inline;
}

.box_contact__phone h4 {
  font-size: 18px;
}

@media (min-width: 768px), print {
  .box_contact__phone .txt_phone .btn {
    background: none;
    padding: 0;
    box-shadow: none;
    min-width: 0;
    font-size: inherit;
  }
  .box_contact__phone .txt_phone .btn:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  .box_contact {
    background-image: none;
    padding: 14px;
    margin-top: 40px;
  }
  .box_contact__phone {
    margin-top: 20px;
  }
  .box_contact__phone h4 {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
  }
  .box_contact .btn {
    display: inline-block;
    width: 270px;
  }
  .box_contact__phone .txt_phone .btn {
    color: #fff;
    font-family: "Noto Sans JP", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
      "helvetica", "arial", sans-serif;
    margin-bottom: 10px;
  }
  .btnDownloadPdf {
    position: absolute;
    bottom: 15px;
  }
  .pstRelative {
    position: relative;
  }
  .imgCatalog {
    padding-bottom: 50px !important;
    margin-top: -30px;
  }
}

/* ----------------------------------------------- */

.box_line_t {
  border: 1px solid #dddddd;
}

/* ----------------------------------------------- */

.box_accordion {
  margin: 0 0 20px;
}

.box_accordion .js_accordion_icon {
  position: absolute;
  right: 10px;
  top: 10px;
}

.box_accordion .fa:before {
  color: #5c4934;
}

.box_accordion__title.is_active .js_accordion_icon:before {
  color: #fff;
}

.box_accordion .js_accordion_trigger02 {
  background: #f5f5f2;
}

.box_accordion .js_accordion_trigger02.is_active {
  background: #fff;
}

.box_accordion .box_accordion__title {
  padding: 10px 30px 10px 10px;
  border: 1px solid #ddd;
  position: relative;
  background: #fff;
}

.box_accordion .box_accordion__title.is_active {
  background: #a4002c;
  border: 1px solid #a4002c;
  color: #fff;
}

.box_accordion ul ul {
  border-top: 1px solid #ddd;
}

.box_accordion ul li {
  border: 1px solid #ddd;
  border-top: 0;
  position: relative;
}

.box_accordion ul li li {
  border-left: 0;
  border-right: 0;
}

.box_accordion ul li li:last-child {
  border-bottom: 0;
}

.box_accordion ul li a {
  padding: 10px;
  display: block;
}

.box_accordion > .js_accordion_content > li > a {
  color: #5c4934;
  font-weight: bold;
}

.box_accordion ul li li a {
  padding: 10px 30px 10px 30px;
}

/* ----------------------------------------------- */

.box_input {
  text-align: center;
  position: relative;
  max-width: 440px;
  width: 100%;
  margin: 30px auto;
}

.box_input input {
  padding: 8px 40px 9px 25px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 20px;
}

.box_input .fa:before {
  color: #5c4934;
  margin-right: 0;
}

.box_input__submit {
  position: absolute;
  right: 5px;
  top: 3px;
}

.box_input__submit button {
  padding: 5px 10px;
}

/* ----------------------------------------------- */

.box_design_image {
  width: auto;
}

.box_design_image > div {
  width: 50%;
  float: left;
  margin: 20px 0 0;
}

@media only screen and (max-width: 767px) {
  .box_design_image > div {
    width: auto;
    float: none;
    margin: 0;
  }
}

/* ----------------------------------------------- */

.box_has_border {
  border: 1px #ddd solid;
  margin: 0 0 20px;
}

.box_has_border h4 {
  background-color: #f5f5f2;
  margin: 0;
  padding: 15px 10px;
}

/* ----------------------------------------------- */

.box_border_top {
  border-top: 1px solid #ddd;
  clear: both;
}

/*2-1-3.  Table    [tbl_***]*/

.tbl_base {
  width: 100%;
  border: 0;
  border-collapse: collapse;
  margin-bottom: 30px;
}

.tbl_base {
  text-align: left;
}

.tbl_base th {
  background-color: #f5f5f2;
  font-weight: bold;
  width: 14.53%;
  padding: 12px 10px;
}

.tbl_base tbody tr {
  border-top: 1px dotted #ccc;
}

.tbl_base tbody tr:first-child {
  border-top: 1px solid #ccc;
}

.tbl_base tbody tr:last-child {
  border-bottom: 1px solid #ccc;
}

.tbl_base th,
.tbl_base td {
  vertical-align: top;
  line-height: 1.8em;
}

.tbl_base td {
  padding: 12px 20px;
}

@media screen and (max-width: 767px) {
  .tbl_base {
    margin-bottom: 15px;
  }
  .tbl_base thead {
    display: none;
  }
  .tbl_base tr {
    display: block;
    padding: 10px 0;
  }
  .tbl_base th,
  .tbl_base td {
    display: block;
    background: transparent;
  }
  .tbl_base th {
    width: auto;
    font-size: 16px;
    vertical-align: middle;
    padding: 0 10px;
  }
  .tbl_base thead th {
    background-color: #263238;
    text-align: center;
    color: #fff;
    padding: 12px 10px;
    font-size: 12px;
  }
  .tbl_base tbody td {
    padding: 0 10px;
  }
}

.tbl_base.table_date th {
  width: 215px;
  background: none;
}

/* ----------------------------------------------- */

.tbl_data {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
  margin-bottom: 40px;
}

.tbl_data tr {
  border-bottom: 1px solid #ddd;
}

.tbl_data th {
  font-size: 18px;
  padding: 19px;
  width: 270px;
  font-weight: normal;
}

.tbl_data th .lbl {
  font-size: 14px;
}

.tbl_data td {
  padding: 20px 0 20px 20px;
}

@media screen and (max-width: 767px) {
  .tbl_data {
    margin-bottom: 20px;
  }
  .tbl_data,
  .tbl_data tbody,
  .tbl_data th,
  .tbl_data tr,
  .tbl_data td {
    display: block;
  }
  .tbl_data td {
    padding: 0 10px 20px;
    box-sizing: border-box;
  }
  .tbl_data th {
    padding: 19px 10px;
    font-size: 16px;
    width: auto;
  }
  .tbl_data th .lbl {
    font-size: 12px;
    padding: 4px 12px;
    margin-right: 10px;
  }
}

/* ----------------------------------------------- */

.tbl_data_02 th {
  font-weight: normal;
  width: 170px;
}

.tbl_data_02 td {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .tbl_data_02 th {
    width: 100%;
    box-sizing: border-box;
  }
}

/* ----------------------------------------------- */

.tbl_service,
.tbl_service th,
.tbl_service td {
  border: 1px solid #ddd;
}

.tbl_service th {
  background: #2e3339;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-weight: bold;
}

.tbl_service th,
.tbl_service td {
  padding: 15px 10px;
}

@media screen and (max-width: 767px) {
  .tbl_service th,
  .tbl_service td {
    padding: 5px 10px;
  }
}

/*2-1-4.  Headings [hdg_lv*]*/

.hdg_lv1 {
  font-size: 40px;
  font-weight: bold;
  margin: 25px 0;
  text-align: center;
}

.hdg_lv1_2 {
  margin: 20px auto 29px;
  text-align: center;
}

.hdg_lv1_2 span {
  display: inline-block;
  font-weight: normal;
  font-size: 17px;
  margin: 0;
  padding: 5px 30px 4px;
  text-align: center;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 1);
}

.hdg_lv1_2.bg_trans {
  margin: 35px auto 35px;
  text-align: center;
}

.hdg_lv1_2.bg_trans span {
  color: #333;
  border: 1px solid rgba(0, 0, 0, 1);
}

.wrp_heading .hdg_lv1 {
  font-size: 24px;
  margin: 0 0 20px;
}

.hdg_lv1_3 {
  font-size: 40px;
  font-weight: normal;
  text-align: center;
  padding: 13px 0 30px;
}

.hdg_lv2 {
  font-size: 35px;
  margin: 80px 0 30px;
  color: #a4002c;
  position: relative;
  font-weight: 300;
  text-align: center;
}

.hdg_lv2.txt_black {
  color: #333333;
}

.hdg_lv2_1 {
  font-size: 28px;
  margin: 85px 0 20px;
  color: #a4002c;
  position: relative;
  font-weight: 300;
  text-align: center;
}

.hdg_lv2_design {
  font-size: 32px;
  margin: 80px 0 25px;
  position: relative;
  font-weight: 300;
  text-align: center;
}

.hdg_lv2_mt40 {
  margin: 40px 0 30px;
}

.hdg_lv3 {
  font-size: 24px;
  margin: 40px 0 20px;
  position: relative;
  font-weight: bold;
  text-align: center;
}

.hdg_lv3_2 {
  font-size: 16px;
  margin: 60px 0 10px;
  position: relative;
  font-weight: bold;
  text-align: center;
}

.hdg_lv3_2 span {
  display: inline-block;
  font-weight: normal;
  margin: 0;
  padding: 5px 30px 4px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 1);
}

.hdg_lv3_4 {
  font-size: 25px;
  margin: 60px 0 0;
  padding: 0 0 10px;
  position: relative;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px #ddd solid;
}

.hdg_lv4 {
  font-size: 17px;
  margin: 20px 0 10px;
  font-weight: bold;
  text-align: center;
}

.hdg_lv5 {
  font-weight: normal;
  margin-bottom: 5px;
}

.hdg_lv5:before {
  content: "◆";
}

@media (max-width: 767px) {
  .hdg_lv1 {
    margin: 30px 0 20px;
    font-size: 28px;
  }
  .hdg_lv1_2 {
    margin: 10px auto 14px;
    text-align: center;
  }
  .hdg_lv1_2 span {
    font-size: 12px;
    margin: 0;
    padding: 3px 17px 2px;
  }
  .hdg_lv1_2.bg_trans {
    margin: 10px auto 20px;
    text-align: center;
  }
  .hdg_lv2_design {
    font-size: 20px;
    margin: 35px 0 25px;
    line-height: 1em;
  }
  .wrp_container_sm .hdg_lv1 {
    text-align: left;
    font-size: 24px;
    margin: 15px 0 25px;
    line-height: 1.2;
  }
  .wrp_heading .hdg_lv1 {
    font-size: 16px;
  }
  .hdg_lv2 {
    font-size: 20px;
    margin: 40px 0 15px;
  }
  .hdg_lv2_1 {
    font-size: 1.5em;
    margin: 0px 0 15px;
  }
  .box_3dex_outline {
    margin-top: 0;
  }
  .hdg_lv3 {
    font-size: 19px;
    margin: 45px 0 5px;
  }
  .hdg_lv4 {
    font-size: 14px;
    margin: 10px 0 10px;
  }
  .hdg_lv5 {
    margin: 30px 0 0;
  }
  .layout_box .layout_box__inner .hdg_lv4 {
    margin: 20px 0 12px;
  }
}

/*2-1-5.  Nav      [nav_***]*/

.nav {
  background: #f5f5f5;
  z-index: 99;
}

.nav li {
  padding: 0 10px;
  border-bottom: 1px solid #e8e8e8;
}

.nav li a {
  display: block;
  padding: 10px 0;
  text-align: left;
}

@media (min-width: 768px), print {
  .nav li a {
    padding: 0;
    text-align: center;
  }
}

/* ----------------------------------------------- */

.nav_header,
.nav_header_sub {
  display: none;
}

.nav_header.is_active,
.nav_header_sub.is_active {
  display: block;
}

@media (min-width: 768px), print {
  .nav_header li:last-child {
    padding-right: 0;
  }
}

/* ----------------------------------------------- */

#nav_global ul > li a {
  font-size: 14px;
  display: block;
  padding: 0 10px;
}

.btn_global__find {
  display: none;
}

@media (min-width: 768px), print {
  #nav_global {
    display: inline-block !important;
    float: right;
    margin-left: -15px;
  }
  #nav_global ul {
    margin-left: 0;
    letter-spacing: -0.4em;
    display: block;
    width: 768px;
  }
  #nav_global ul > li {
    position: relative;
    display: inline-block;
    letter-spacing: normal;
    padding: 0 10px 0 12px;
  }
  #nav_global ul > li:first-child {
    padding: 0 10px 0 0;
  }
  #nav_global ul > li a span {
    position: relative;
    padding: 0 0 25px;
    display: inline-block;
  }
  #nav_global ul > li a.is_active span:after {
    border-bottom: 3px solid #a4002c;
    width: 100%;
    content: "";
    bottom: -1px;
    left: 0;
    position: absolute;
  }
  #nav_global ul > li a {
    font-size: 14px;
    display: block;
    padding: 0 1px;
  }
}

@media screen and (min-width: 768px) and (max-width: 949px) {
  #nav_global ul > li.nav_global__find {
    display: none;
  }
  .btn_global__find {
    display: block;
    width: 130px;
    float: right;
    text-align: center;
  }
  .btn_global__find a {
    background: #a4002c;
    display: block;
    color: #fff;
    padding: 3px 5px;
    border: 0;
    text-align: center;
  }
  .btn_global__find .fa:before {
    color: #ffffff;
  }
}

@media screen and (min-width: 768px) and (max-width: 1120px) {
  #nav_global {
    display: inline-block !important;
    float: right;
    margin-left: 0;
    clear: both;
  }
}

@media (min-width: 950px) {
  #nav_global ul {
    margin-left: 0;
    width: 100%;
  }
}

#nav_global ul {
  width: 100%;
  overflow: hidden;
}

#nav_global ul > li {
  text-align: center;
  vertical-align: middle;
  position: relative;
  float: left;
}

#nav_global ul > li + li:after {
  border-left: 1px solid #ddd;
  position: absolute;
  height: 20px;
  content: "";
  top: 0;
  margin-top: 0;
  left: 0;
}

#nav_global ul > li:first-child:after {
  display: none;
}

#nav_global ul .nav_global__find {
  width: 130px;
  vertical-align: top;
  border-left: 0;
  padding: 0 4px 0 4px;
}

#nav_global ul .nav_global__find a {
  background: #a4002c;
  display: block;
  color: #fff;
  padding: 3px 5px;
  border: 0;
}

#nav_global ul .nav_global__find.nav_global__modelhouse a {
    background-color: #2d3339;
}

.isIE11 #nav_global ul .nav_global__find a {
  /*padding: 6px 5px 3px;*/
}

.isIE11 #nav_global ul > li {
  vertical-align: bottom;
}

#nav_global ul .nav_global__find:after {
  display: none;
}

#nav_global ul .nav_global__contact {
}

#nav_global ul .nav_global__find a .fa:before {
  color: #fff;
}

@media screen and (min-width: 767px) {
  #banner_oricon {
    display: inline-block;
    position: relative;
    width: 21%;
    height: 58px;
  }
  #banner_oricon img {
    position: absolute;
    right: 10px;
    bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  #banner_oricon {
    display: none !important;
  }
  #nav_global {
    position: absolute;
    width: 100%;
    display: none;
    background: #a4002c;
    margin: 0;
    z-index: 1500;
  }
  #nav_global > ul {
    padding: 0 10px 10px;
    display: block;
    width: auto;
  }
  #nav_global > ul > li {
    display: block;
    float: none;
  }
  #nav_global > ul > li:after {
    display: none;
  }
  #nav_global > ul > li a {
    display: block;
    color: #fff;
    padding: 18px 0 17px;
    border-top: 1px solid #b2264b;
  }
  #nav_global > ul > li:first-child a {
    border-top: 0;
  }
  #nav_global ul .nav_global__find {
    display: none;
  }
  #nav_global ul .nav_global__contact {
    display: block;
  }
  #nav_global ul .nav_global__contact a {
    display: block;
    border-top: 0;
    background: #fff;
    border-radius: 5px;
    color: #a4002c;
  }
  #nav_global ul .nav_global__sns {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-top: 10px;
  }
  #nav_global ul .nav_global__sns span {
    display: inline-block;
    width: 33%;
  }
  #nav_global ul .nav_global__sns a {
    display: block;
    width: 50px;
    margin: 0 auto;
    border: 0;
    text-indent: -9999px;
  }
  #nav_global ul .nav_global__sns .nav_icn_instagram {
    background: url(/resource/img/cmn_icn_instagram.png) no-repeat center;
    background-size: 50px auto;
  }
  #nav_global ul .nav_global__sns .nav_icn_line {
    background: url(/resource/img/cmn_icn_line.png) no-repeat center;
    background-size: 50px auto;
  }
  #nav_global ul .nav_global__sns .nav_icn_mail {
    background: url(/resource/img/cmn_icn_mail.png) no-repeat center;
    background-size: 50px auto;
  }
}

/* ----------------------------------------------- */

#nav_local {
  background: #f5f5f2;
  padding: 9px 0;
  border-top: 1px solid #ddd;
  text-align: center;
}

#nav_local ul li {
  display: inline-block;
  padding: 0 17px;
  position: relative;
}

#nav_local ul li:first-child {
  padding-left: 0;
}

#nav_local li:after {
  content: "";
  display: block;
  width: 1px;
  height: 13px;
  background: #e4e4e3;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: -1px;
}

#nav_local li:last-child:after {
  display: none;
}

#nav_local li a.is_active {
  color: #a4002c;
}

@media (min-width: 768px), print {
  #nav_local ul {
    width: auto !important;
  }
  #nav_local .button_prev,
  #nav_local .button_next {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #nav_local {
    width: 100%;
    padding: 9px 0 0;
    position: relative;
    overflow: hidden;
    min-height: 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #dddddd;
    z-index: 1;
  }
  #nav_local .l_header__inner {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
  #nav_local .button_prev {
    width: 20px;
    height: 22px;
    content: "";
    position: absolute;
    z-index: 200;
    top: 11px;
    left: 0;
    display: block;
    background: #f5f5f2;
  }
  #nav_local .button_next {
    width: 20px;
    height: 22px;
    content: "";
    position: absolute;
    z-index: 200;
    top: 11px;
    right: 0;
    display: block;
    background: #f5f5f2;
  }
  #nav_local .l_header__inner ul {
    display: table;
    margin: 0 20px;
  }
  #nav_local .l_header__inner li {
    display: table-cell;
    white-space: nowrap;
  }
  #nav_local .button.disabled {
    opacity: 0.1;
  }
}

/* --------------------------------------------------*/

#nav_search {
  display: none;
  background: #27739d;
  text-align: center;
}

.nav_search__content {
  background: #93c6e8 url("/resource/img/cmn_bg_about01.png") no-repeat center
    bottom;
  background-size: cover;
  padding: 57px 10px 0;
  box-sizing: border-box;
  min-height: 320px;
  position: relative;
}

.nav_search__btn {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
}

.nav_search__btn .btn {
  display: block;
  max-width: 290px;
  margin: 0 auto;
}

#nav_search h3 {
  margin-bottom: 17px;
}

/*
@media (max-width: 480px){
	.nav_search__content{
		min-height: 290px;
	}
}
*/

@media (min-width: 768px), print {
  #nav_search {
    display: none !important;
  }
}

/* --------------------------------------------------*/

@media screen and (max-width: 767px) {
  .nav_breadcrumb {
    display: none;
  }
}

@media (min-width: 768px), print {
  .nav_breadcrumb {
    color: #666;
    font-size: 12px;
    text-align: left;
    float: right;
    margin: 20px 0 16px;
  }
  .wrp_heading .nav_breadcrumb {
    margin-top: 0;
  }
  .nav_breadcrumb li a:hover {
    color: #a4002c;
  }
  .nav_breadcrumb li {
    display: inline-block;
  }
  .nav_breadcrumb li:after {
    content: ">";
    height: 1em;
    padding: 0 0.1em;
    vertical-align: top;
    width: 1em;
  }
  .nav_breadcrumb li.current::after {
    display: none;
  }
}

@media (min-width: 768px), print {
  .nav {
    background: none;
  }
  .nav li {
    border-bottom: 0;
    padding: 0;
    position: relative;
  }
  #nav-global a.is_active span:after,
  #nav-global a:hover span:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #006d52;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #nav-global a.is_active span:before,
  #nav-global a:hover span:before {
    bottom: 3px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: #fff;
    border-bottom-color: #006d52;
    border-width: 6px;
    margin-left: -3px;
  }
}

/* ----------------------------------------------- */

.nav_sitemap {
  margin-bottom: 25px;
}

.nav_sitemap li {
  display: inline-block;
  padding: 0 17px;
  position: relative;
}

.nav_sitemap li:after {
  content: "";
  display: block;
  width: 2px;
  height: 13px;
  background: #4e4f4f;
  position: absolute;
  top: 3px;
  right: -1px;
}

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

.nav_sitemap li a {
  color: #fff;
  display: block;
}

.nav_sitemap li a .fa {
  display: none;
}

@media screen and (max-width: 767px) {
  .nav_sitemap {
    margin-bottom: 20px;
  }
  .nav_sitemap li {
    width: 50%;
    float: left;
    border-bottom: 1px solid #42484d;
    box-sizing: border-box;
    padding: 0;
  }
  .nav_sitemap li:nth-of-type(2n + 1):last-child {
    width: 100%;
  }
  .nav_sitemap li:after {
    display: none;
  }
  .nav_sitemap li a {
    padding: 10px 0;
    font-size: 12px;
  }
  .nav_sitemap li a .fa {
    display: inline-block;
  }
  .nav_sitemap li a .fa:before {
    color: #fff;
  }
}

/* ----------------------------------------------- */

.nav_kanren {
  border-top: 1px solid #41474c;
}

.nav_kanren .ttl_kanren {
  padding: 26px 0 0;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
}

.nav_kanren nav {
  text-align: center;
}

.nav_kanren nav ul {
  display: inline-block;
  margin: 0 0 18px;
  position: relative;
  padding: 0 0 65px;
}

.nav_kanren nav ul li {
  float: left;
  margin: 15px 0 0;
  padding: 0 13px 0 15px;
  line-height: 1;
  border-left: 1px solid #4e4f4f;
}

.nav_kanren nav ul li:first-child {
  border-left: none;
}

.nav_kanren nav ul li a {
  color: #ffffff;
}

.nav_kanren nav ul li .fa:before {
  color: #ffffff;
}

.nav_kanren nav ul li .fa:nth-of-type(2) {
  margin-left: 5px;
}

.nav_kanren #nav_kanren_corporate {
  position: absolute;
  box-sizing: border-box;
  width: 210px;
  padding: 0;
  border: 1px solid #4e4f4f;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}

.nav_kanren #nav_kanren_corporate a {
  display: block;
  padding: 10px 5px;
}

@media screen and (max-width: 767px) {
  .nav_kanren {
    border-top: none;
  }
  .nav_kanren .ttl_kanren {
    padding: 18px 0 14px;
  }
  .nav_kanren nav {
    width: 100%;
  }
  .nav_kanren nav ul {
    border-top: 1px solid #42484d;
    width: 100%;
    padding: 0 0 55px;
  }
  .nav_kanren nav ul li {
    width: 100%;
    float: none;
    border: none;
    border-bottom: 1px solid #42484d;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  .nav_kanren nav ul li a {
    display: block;
    padding: 10px 0;
    font-size: 12px;
  }
  .nav_kanren #nav_kanren_corporate {
    position: absolute;
    box-sizing: border-box;
    width: 210px;
    padding: 0;
    border: 1px solid #4e4f4f;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
  }
  .nav_kanren #nav_kanren_corporate a {
    display: block;
    padding: 10px 5px;
  }
}

/* ----------------------------------------------- */

.nav_footer {
  margin-bottom: 20px;
}

.nav_footer li {
  margin-bottom: 10px;
}

.nav_footer li a {
  display: block;
  background: #fff;
  border: 1px solid #ddd;
  padding: 15px;
}

.nav_footer li a .fa:before {
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .nav_footer {
    margin-bottom: 0;
  }
  .nav_footer li {
    margin-bottom: 0;
  }
  .nav_footer li a {
    border-bottom: 0;
    padding: 10px 15px;
  }
  .nav_footer li:last-child a {
    border-bottom: 1px solid #ddd;
  }
  .nav_footer li a .fa:before {
    margin-right: 10px;
    color: #333;
  }
}

/*2-1-6.  List     [lst_***]*/

.lst_menu li {
  padding: 0;
}

.lst_menu.lst_menu_standard li {
  padding: 0 0 30px;
}

.lst_menu_02 {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .lst_menu {
    margin-bottom: 20px;
  }
}

/* ----------------------------------------------- */

.lst_symbol {
  margin-top: 10px;
}

.lst_symbol li {
  color: #666;
}

.lst_symbol li:before {
  content: "◎";
}

/* ----------------------------------------------- */

.lst_fav {
  overflow: hidden;
  margin: 0 -5px;
}

.lst_fav > li {
  width: 50%;
  box-sizing: border-box;
  float: left;
  padding: 0 5px;
  margin-bottom: 10px;
}

.lst_fav .lst_fav__inner {
  border: 1px solid #ddd;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.lst_fav__check {
  display: table-cell;
  width: 40px;
  vertical-align: middle;
  background: #f5f5f2;
  text-align: center;
  border-right: 1px solid #ddd;
}

.lst_fav .lst_fav__inner .box_media {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
  width: 100%;
}

.lst_fav .lst_fav__inner .box_media__inner {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.lst_fav .box_media .box_media__pic {
  width: 37%;
  min-width: 100px;
}

.lst_fav .box_media .list_content_title {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.lst_fav .box_media .lst_icon .fa {
  display: none;
}

.lst_fav__btn {
  display: block;
}

.lst_fav__btn > span {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  float: left;
  padding: 0 5px;
  margin-top: 5px;
}

.lst_fav__btn .lst_fav__btn__del {
  border: 1px solid #ddd;
  text-align: center;
  padding: 6px 10px;
  cursor: pointer;
  box-sizing: border-box;
}

.lst_fav__btn__del .fa:before {
  margin-right: 0;
  color: #333;
}

.lst_fav__btn .btn {
  background: #a4002c;
  color: #fff;
  padding: 7px 20px;
  min-width: 0;
  border-radius: 0;
}

@media (min-width: 768px), print {
  .lst_fav .box_media .lst_icon li {
    text-indent: 0;
  }
}

@media screen and (max-width: 767px) {
  .lst_fav {
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #ddd;
  }
  .lst_fav > li {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
  }
  .lst_fav .box_media .lst_icon .fa {
    display: initial;
  }
  .lst_fav__check {
    width: 28px;
  }
  .lst_fav .lst_fav__inner .box_media {
    display: table;
    position: relative;
    padding: 50px 10px;
    box-sizing: border-box;
  }
  .lst_fav .box_media .box_media__pic,
  .lst_fav .box_media .box_media__text {
    display: table-cell;
    vertical-align: top;
  }
  .lst_fav .box_media .box_media__pic {
    position: relative;
    padding-right: 10px;
  }
  .lst_fav .lst_fav__btn {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 100%;
  }
  .lst_fav .lst_fav__inner {
    box-sizing: border-box;
    border-bottom: 0;
  }
  .lst_fav .list_content_title {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 97%;
  }
  .lst_fav__btn .btn {
    padding: 9px 10px;
    font-size: 12px;
    border-radius: 3px;
  }
  .lst_fav__btn {
    display: block;
  }
  .lst_fav__btn__del {
    padding: 6px 7px;
    border-radius: 3px;
  }
}

/* ----------------------------------------------- */

.lst_icon {
  overflow: hidden;
}

.lst_icon li,
.lst_media .lst_icon li {
  display: block;
  margin-bottom: 5px;
  text-indent: -8px;
  padding-left: 16px;
}

.lst_icon li .fa:before {
  color: #999;
}

.box_slide .lst_icon li,
.box_slide .lst_media .lst_icon li {
  text-indent: 0;
  padding-left: 0;
  margin-left: 0;
}

.box_slide .lst_icon li .fa,
.box_slide .lst_media .lst_icon li .fa {
  display: none;
}

@media screen and (max-width: 767px) {
  .lst_icon li,
  .lst_media .lst_icon li {
    font-size: 12px;
    margin-bottom: 2px;
  }
}

/* ----------------------------------------------- */

.lst_category {
  margin: 20px 0;
}

.lst_category li {
  color: #333;
  border: 1px solid #ddd;
  font-weight: bold;
  font-size: 14px;
}

/* ----------------------------------------------- */

.lst_article {
  margin-bottom: 30px;
}

.lst_article__item {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.lst_article li:last-child .lst_article__item {
  margin-bottom: 0;
}

.lst_article__img,
.lst_article__content {
  display: table-cell;
  vertical-align: top;
}

.lst_article__img {
  width: 100%;
  text-align: center;
  position: relative;
}

.lst_article .grid_6 .lst_article__link {
  padding: 20px 0 20px;
}

.lst_article__date {
  font-size: 10px;
  margin-bottom: 5px;
}

.lst_article__content {
  padding: 18px 20px;
  text-align: left;
}

.lst_article-02 .lst_article_title {
  color: #333;
  font-size: 18px;
}

.lst_article-02 .lst_article__caption {
  margin-bottom: 20px;
}

.lst_article__img-left,
.lst_article__content-right {
  display: table-cell;
  vertical-align: top;
}

.lst_article__img-left {
  width: 35.088%;
}

.lst_article__content-right {
  padding: 18px 20px;
  background: #fff;
}

.lst_article__img,
.lst_article__content {
  display: block;
}

@media screen and (max-width: 767px) {
  .lst_article_title {
    font-size: 19px;
    margin-bottom: 5px;
  }
  .lst_article-02 .lst_article_title {
    font-size: 16px;
  }
  .lst_article__content-right {
    padding: 0 10px;
  }
  .lst_article__img-left {
    width: 31.12%;
  }
  .lst_article .grid_6 .lst_article__link,
  .lst_article__link {
    display: block;
    padding: 15px 0;
  }
  .lst_article__img img {
    width: 100%;
  }
}

/* ----------------------------------------------- */

.lst_media,
.lst_media_02 {
  margin: 20px -15px 10px 0px;
}

.lst_media li {
  overflow: hidden;
  margin-bottom: 30px;
}

.lst_media li .txt_explain {
  /*
	font-size: 15px;
    line-height: 1.67em;
	*/
}

.lst_media__title {
  margin: 0 0 10px;
  font-size: 16px;
}

.lst_media__title .fa:before {
  font-weight: bold;
}

.lst_media__title span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -4px 8px 0 0;
  padding: 0;
  line-height: 20px;
  background: #a4002c;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size: 12px;
}

.lst_manufact {
  padding-top: 30px;
}

.lst_manufact .lst_media__title {
  border: 1px #ddd;
  border-bottom-style: solid;
  padding: 0 0 10px;
}

.lst_manufact li {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .lst_media__img img {
    width: 100%;
    height: auto;
  }
  .lst_media .lst_media__title {
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    margin: 0 0 7px;
    font-weight: bold;
  }
}

.lst_media .lst_media__content {
  padding: 14px 0 0;
}

.lst_media__caption {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .lst_media,
  .lst_media_02 {
    margin: 10px 0 10px;
  }
  .lst_media li,
  .lst_media_02 li {
    overflow: hidden;
    margin-bottom: 20px;
  }
  .lst_media_02 {
    padding: 0;
  }
  .lst_media_02 li {
    width: 50%;
    padding: 0 10px;
  }
  .lst_media_02 .lst_media__content {
    padding: 8px 0;
    margin-bottom: 10px;
  }
  .lst_media__caption {
    font-size: 12px;
  }
  .lst_media .lst_media__content {
    padding: 5px 0 0;
  }
  .lst_article > div,
  .lst_article > li {
    margin-bottom: 20px;
  }
  .lst_article__img {
    margin-bottom: 20px;
  }
}

.lst_issue {
  margin: 20px 0;
}

.lst_issue__title {
  margin: 20px 0 10px;
  text-align: center;
  font-size: 18px;
}

.lst_issue .fa:before {
  color: #5c4934;
}

.lst_issue .js_anchor_expanded {
  cursor: pointer;
}

.lst_issue.lst_search_theme {
  margin-top: -20px;
}

.lst_search_theme li {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .lst_issue__title {
    font-weight: normal;
    font-size: 11px;
    text-align: center;
    margin: 10px 0;
  }
  .lst_issue__title .fa {
    display: none;
  }
  .lst_issue.lst_search_theme {
    margin-top: 20px;
  }
  .lst_search_theme li {
    margin-top: 0;
  }
}

/* ----------------------------------------------- */

.lst_shortcut {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 25px 0;
}

.lst_shortcut li {
  border-bottom: 1px solid #ddd;
}

.lst_shortcut li:last-child {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .lst_shortcut li a {
    display: block;
    padding: 10px 0;
    position: relative;
  }
}

@media (min-width: 768px), print {
  .lst_shortcut {
    text-align: center;
  }
  .lst_shortcut li {
    display: inline-block;
    border-bottom: none;
    padding-left: 0;
  }
  .lst_shortcut li a {
    display: block;
    padding: 10px;
    position: relative;
  }
  .lst_shortcut li a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #ddd;
    top: 50%;
    margin-top: -7px;
    right: 0;
  }
  .lst_shortcut li:last-child a:after {
    display: none;
  }
}

/* ----------------------------------------------- */

.lst_news {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
  min-height: 491px;
}

.lst_news li {
  border-bottom: 1px dotted #ddd;
}

.lst_news li:last-child {
  border-bottom: 0;
}

@media screen and (max-width: 767px) {
  .lst_news {
    margin-bottom: 20px;
  }
}

/* ----------------------------------------------- */

.lst_dot li:before {
  content: "・";
  position: relative;
}

.lst_dot li {
  padding-left: 1em;
  text-indent: -1em;
}

/* ----------------------------------------------- */

.lst_link {
  margin-bottom: 30px;
}

.lst_link li {
  margin-bottom: 5px;
}

.lst_link a .fa:before {
  color: #333;
}

.link_full_order {
  clear: both;
  padding: 20px 0 10px;
}

.link_full_order li {
  text-align: center;
}

.link_full_order li a {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4em;
}

.link_full_order .fa:before {
  color: #a4002c !important;
  font-size: 22px;
}

.link_full_order .fa-external-link:before {
  color: #333 !important;
  font-size: 18px;
  line-height: 1em;
  vertical-align: middle;
}

.link_full_order a:hover .fa-external-link:before {
  color: #a4002c !important;
}

@media screen and (max-width: 767px) {
  .lst_link {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-bottom: 20px;
  }
  .lst_link li a {
    display: block;
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
  }
  .link_full_order {
    clear: both;
    padding: 20px 0 0;
  }
  .link_full_order li {
    text-align: center;
  }
  .link_full_order li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4em;
  }
  .link_full_order .fa:before {
    color: #a4002c !important;
    font-size: 18px;
  }
}

/* ----------------------------------------------- */

.lst_number {
  list-style: decimal;
  padding-left: 1.8em;
}

.lst_number > li {
  margin-bottom: 10px;
}

.lst_number ol {
  margin-top: 5px;
}

.lst_number_2 {
  list-style: none;
}

.lst_number_2 > li {
  margin-bottom: 25px;
}

.lst_title {
  padding-left: 28px !important;
  position: relative;
}

.lst_num {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  background: #a4002c;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size: 12px;
  box-sizing: border-box;
}

/* ----------------------------------------------- */

.lst_step {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0 auto 40px;
  box-sizing: border-box;
  overflow: hidden;
}

.lst_step li {
  display: table-cell;
  width: 33.333333333333%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #f5f5f2;
}

.lst_step li p {
  padding: 15px 0 15px 30px;
  height: 60px;
  box-sizing: border-box;
}

.lst_step li:before,
.lst_step li:after {
  position: absolute;
  content: "";
  top: 50%;
  width: 0;
  height: 0;
}

.lst_step li:before {
  margin-top: -31px;
  right: -32px;
  z-index: 4;
  border-style: solid;
  border-width: 31px 0 31px 32px;
  border-color: transparent transparent transparent #ddd;
}

.lst_step li:after {
  margin-top: -29px;
  right: -30px;
  z-index: 5;
  border-style: solid;
  border-width: 29px 0 29px 30px;
  border-color: transparent transparent transparent #f5f5f2;
}

.lst_step li:first-child {
  border-left: 1px solid #ccc;
}

.lst_step li:last-child {
  border-right: 1px solid #ccc;
}

.lst_step li:last-child:after,
.lst_step li:last-child:before {
  display: none;
}

.lst_step .current {
  background: #a4002c;
  color: #fff;
  border-top: 1px solid #a4002c;
  border-bottom: 1px solid #a4002c;
}

.lst_step li:first-child.current {
  border-left: 1px solid #a4002c;
}

.lst_step li:last-child.current {
  border-right: 1px solid #a4002c;
}

.lst_step li.current:after {
  border-color: transparent transparent transparent #a4002c;
}

.lst_step li.current:before {
  border-color: transparent transparent transparent #a4002c;
  right: -31px;
}

@media (min-width: 768px), print {
  .lst_step li .visible_pc {
    display: inline !important;
  }
}

@media screen and (max-width: 767px) {
  .lst_step {
    padding: 0;
  }
  .lst_step li {
    font-weight: normal;
    font-size: 16px;
  }
  .lst_step li p {
    padding: 10px 0 10px 20px;
    height: 50px;
  }
  .lst_step li:after {
    margin-top: -25px;
    right: -20px;
    border-width: 25px 0 25px 20px;
  }
  .lst_step li:before {
    margin-top: -26px;
    right: -21px;
    border-width: 26px 0 26px 21px;
  }
  .lst_step li.current:before {
    right: -21px;
  }
  .btn_property_back {
    white-space: normal !important;
  }
}

/* ----------------------------------------------- */

.box_design_series {
  border: 1px #ccc;
  border-top-style: solid;
  margin: 100px 0 0;
}

.box_design_series > .inner {
  margin: auto;
  width: auto;
  max-width: 770px;
}

.lst_design_series {
  width: auto;
  text-align: center;
  padding: 60px 0 0;
}

.lst_design_other {
  padding: 30px 0 0;
}

.lst_design_series li {
  margin-bottom: 4px;
}

.lst_design_series li .box_design_inner {
  height: 400px;
  text-align: center;
}

.lst_design_other li {
  width: 50%;
  float: left;
}

.lst_design_other li .box_design_inner {
  height: 160px;
  text-align: center;
}

.lst_design_other li:nth-child(1) .box_design_inner {
  margin: 0 20px 0 0;
}

.lst_design_other li:nth-child(2) .box_design_inner {
  margin: 0 0 0 20px;
}

/*
.lst_design_series li.box_design_material .box_design_inner {
	color:#663300;
	background: url(/resource/img/value/design_material_main.jpg) no-repeat center;
	background-size: cover;
	box-sizing: border-box;
}
*/

.lst_design_series li.box_design_forest .box_design_inner {
  background: url(/resource/img/value/design_forest_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
}

.lst_design_series li.box_design_urban .box_design_inner {
  background: url(/resource/img/value/design_urban_main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
}

.lst_design_series li h3 {
  font-size: 20px;
  font-weight: 200;
  line-height: 1.1em;
  padding: 50px 0 20px;
  color: #fff;
}

.lst_design_other li h3 {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.1em;
  padding: 50px 0 20px;
}

.lst_design_series li h3 span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2em;
}

/*
.lst_design_series li a {
	color:#FFFFFF;
	display:inline-block;
	background-color:#999999;
	border-radius: 4px;
	padding:10px 20px;
	opacity:0.7;
}

.lst_design_series li a {
	padding:5px 20px;
}

.lst_design_series li a:hover {
	opacity:0.5;
}

.lst_design_series li.box_design_material a {
	background-color:#996600;
}

.lst_design_series li.box_design_forest a {
	background-color:#003300;
}

.lst_design_series li.box_design_urban a {
	background-color:#333333;
}
*/

@media only screen and (max-width: 767px) {
  .lst_design_series {
    width: auto;
    text-align: center;
    padding: 30px 0 0;
  }
  .lst_design_other {
    padding: 10px 0 0;
  }
  .lst_design_series li .box_design_inner {
    height: 250px;
  }
  .lst_design_other li .box_design_inner {
    height: 150px;
    text-align: center;
  }
  .lst_design_other li:nth-child(1) .box_design_inner {
    margin: 0 5px 0 0;
  }
  .lst_design_other li:nth-child(2) .box_design_inner {
    margin: 0 0 0 5px;
  }
  .lst_design_series li h3 {
    font-size: 24px;
    line-height: 1.1em;
    padding: 70px 0 20px;
  }
  .lst_design_other li h3 {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.1em;
    padding: 50px 0 10px;
  }
  .lst_design_series li h3 span {
    font-size: 12px;
  }
  .lst_design_series li a {
    font-size: 9px;
    padding: 7px 15px;
  }
  .lst_design_other li a {
    font-size: 9px;
    padding: 4px 10px;
  }
}

/*2-1-7.  Button   [btn_***]*/

.btn {
  background-color: #2d3339;
  border: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 14px;
  padding: 12px 15px;
  min-width: 170px;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.4);
}

.btn:hover,
.btn:active {
  text-decoration: none;
}

.btn:hover {
  color: #ffffff;
  opacity: 0.7;
}

.btn:visited {
  color: #fff;
}

.btn .fa:before {
  color: #fff;
}

.btn_back .fa:before {
  color: #666666;
}

.btn_more {
  background-color: #a4002c;
  box-shadow: 0px 1px 0 #530117;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-family: "BenchNine", sans-serif;
  font-size: 14px;
  height: 21px;
  padding: 0 15px;
  text-align: center;
  width: 80px;
}

a.btn_more,
.btn_more .fa:before {
  color: #fff;
}

.btn_more:hover {
  color: #fff;
}

.btn_small {
  width: auto;
  min-width: 290px;
  padding: 22px 14px;
  font-size: 16px;
  font-weight: normal;
}

.btn_medium {
  font-size: 16px;
  font-weight: normal;
  min-width: 270px;
  padding: 22px 15px;
  width: auto;
}

.btn_large {
  padding: 20px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
}

.btn_large_02 {
  padding: 20px 60px;
  font-size: 16px;
  font-weight: normal;
}

.btn_primary {
  background-color: #a4002c;
}

.btn_primary .fa:before {
  color: #fff;
}

.btn_back {
  background: #ffffff;
  border: 1px solid #dddddd;
  color: #666666;
  box-shadow: none;
  padding: 20px 20px;
  min-width: auto;
}

.btn_back:visited {
  color: #666666;
}

.is_disable,
.is_disable:hover,
.is_disable:active,
.btn:disabled {
  color: #999 !important;
  background: #ddd !important;
  cursor: default !important;
  opacity: 1 !important;
  box-shadow: none;
}

.wrp_button {
  margin-top: 15px;
}

.wrp_button .btn {
  margin-right: 20px;
}

.btn:hover,
.btn_more:hover,
.btn_primary:hover {
  color: #ffffff;
  opacity: 0.7;
}

.btn_back:hover {
  color: #666666;
}

@media screen and (max-width: 767px) {
  .btn {
    min-width: 198px;
  }
  .btn_medium {
    min-width: 248px;
  }
  .btn_small {
    min-width: 290px;
  }
  .wrp_button {
    text-align: center;
    margin-top: 10px;
  }
  .wrp_button .btn {
    margin: 0 5px;
  }
}

@media (min-width: 768px), print {
  .btn-tel {
    cursor: default;
  }
  .btn-tel:hover {
    opacity: 1;
  }
}

/*2-1-8.  Anchor   [acr_***]*/

.arc_strong {
  font-size: 16px;
  font-weight: bold;
}

.brightover:hover {
  opacity: 0.7;
}

.zoomover {
  overflow: hidden;
}

.zoomover .zoomover__img {
  transition: all 0.6s;
}

.zoomover:hover .zoomover__img {
  transform: scale(1.1);
}

.arc_back .fa {
  margin-right: 10px;
}

.arc_pagetop .fa {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .arc_back .fa {
    margin-right: 5px;
  }
  .arc_pagetop .fa {
    margin-left: 5px;
  }
}

/*2-1-9.  Text     [txt_***]*/

.txt_head {
  font-size: 35px;
  font-weight: 400;
  line-height: 1.714em;
  text-align: center;
}

.txt_head_2 {
  margin: 0 0 10px;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}

.txt_head_3 {
  margin: 0;
  font-size: 35px;
  line-height: 1.7em;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}

.txt_heading_time {
  padding-top: 20px;
  float: left;
}

.txt_lead {
  text-align: center;
  margin: 20px 0 45px;
  font-size: 17px;
  line-height: 2em;
}

.txt_lead_large {
  text-align: center;
  margin: 20px 0 45px;
  font-size: 21px;
  line-height: 2em;
}

.txt_lead_large strong {
  color: #a4002c;
}

.txt_title_lead {
  font-size: 18px;
  margin: 0 0 40px;
  text-align: center;
}

.wrp_heading .txt_lead {
  margin: 43px 0 25px;
}

.txt_copyright small {
  font-size: 14px;
  color: #cacccd;
}

.txt_green {
  color: #6eba38;
}

.txt_grey {
  color: #b5b6b6;
}

.txt_black {
  color: #595757;
}

.txt_note {
  color: #666;
  font-size: 13px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.76;
  margin-top: 10px;
}

.txt_note02 {
  text-align: right;
  text-indent: 0;
  padding: 0 60px;
}

.txt_note:before {
  content: "※";
}

.txt_note02 {
  font-size: 75%;
}

.txt_ann {
  color: red;
  font-size: 12px;
}

.txt_phone {
  font-size: 36px;
  line-height: 1.2;
}

.txt_phone a {
  color: #a4002c;
}

.txt_phone a.disable:hover {
  cursor: default;
  color: #a4002c;
}

.txt_english {
  /*font-family: 'BenchNine',sans-serif;*/
}

.txt_english02 {
  font-family: "Roboto", sans-serif;
}

.txt_lead_design {
  text-align: center;
  margin: 20px 0;
  font-size: 17px;
  font-weight: normal;
  line-height: 2em;
}

.txt_lead_design strong {
  font-weight: bold;
  color: #a4002c;
}

.txt_lead_design_series {
  text-align: center;
  margin: 60px 0 20px;
  font-size: 17px;
  font-weight: normal;
  line-height: 2em;
}

.txt_design_material {
  color: #663300;
}

.txt_design_forest {
  color: #003300;
}

.txt_design_urban {
  color: #333333;
}

@media (max-width: 767px) {
  .txt_lead_large {
    text-align: center;
    margin: 15px 0 25px;
    font-size: 16px;
    line-height: 1.67em;
  }
  .txt_title_lead {
    font-size: 14px;
    margin: 0 0 20px;
    text-align: left;
  }
  .txt_head {
    font-size: 18px;
  }
  .wrp_heading_standard .txt_head {
    font-size: 14px;
  }
  .txt_head_2 {
    margin: 0 0 3px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
  }
  .txt_head_3 {
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
  }
  .txt_lead {
    margin: 15px 0;
    font-size: 16px;
    line-height: 1.67em;
  }
  .txt_lead--sp-left {
    text-align: left;
    font-size: 14px;
  }
  .wrp_heading .txt_lead {
    margin: 20px 0;
    font-size: 14px;
  }
  .txt_note {
    margin-top: 15px;
  }
  .txt_note02 {
    text-align: left;
    padding: 0;
    text-indent: -1em;
    padding-left: 1em;
  }
  .txt_copyright small {
    font-size: 12px;
  }
  .txt_lead_design {
    font-size: 14px;
    margin: 15px 0;
    line-height: 1.67em;
    text-align: left;
  }
  .txt_lead_design_series {
    margin: 15px 0;
    font-size: 14px;
    line-height: 1.67em;
    text-align: left;
  }
}

/*2-1-10. Icon     [icn_***]*/

.icn-right:before {
  margin: 0 0 0 5px;
}

/*2-1-11. Label    [lbl_***]*/

label {
  cursor: default;
}

.lbl {
  padding: 4px 6px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  font-size: 12px;
}

.lbl_small {
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 10px;
  margin-right: 15px;
}

.isIE11 .lbl_small {
  padding: 8px 10px 2px;
}

.ie9 .lbl_small {
  padding: 5px 10px 2px;
}

@media screen and (max-width: 767px) {
  .lbl {
    padding: 2px 3px;
    font-size: 10px;
  }
}

.lbl_red {
  background-color: #a4002c;
  color: #fff;
}

.lbl_grey{
  background-color: #606061;
  color: #fff;
}

.lbl_blue {
  background-color: #006699;
}

.lbl_white {
  border: 1px solid #ddd;
  background: #fff;
}

.lbl_darkgreen {
  background: #00873c;
  border: 1px solid #00873c;
  color: #fff;
}

.lbl_lightgreen {
  background: #f0f8eb;
  border: 1px solid #d9ede2;
  color: #00873c;
}

.lbl_news {
  background-color: #574939;
  width: 60px;
}

/* Anchor Module
-------------------------------------------------- */

.ie8 .rollover:hover,
.ie8 .rollover:hover img {
  -ms-filter: "alpha(opacity=60)";
}

.rollover:hover,
.rollover:hover img {
  opacity: 0.7;
}

.ui-datepicker-trigger {
  margin-bottom: 3px;
}

.ui-datepicker-trigger:hover {
  opacity: 0.7;
  cursor: pointer;
}

.js_anchor_expanded img:hover {
  opacity: 0.7;
  cursor: pointer;
}

/*2-1-12. Form     [frm_***]*/

.frm_contact {
  width: 100%;
  margin: 0 auto 50px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .frm_contact {
    padding: 0;
  }
}

.input_box {
  width: auto;
  min-width: 300px;
  font-size: 18px;
  box-sizing: border-box;
  padding: 8px;
  background: #fff;
  border: 1px solid #ccc;
  -ms-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

.input_box2 {
  width: auto;
  font-size: 18px;
  box-sizing: border-box;
  padding: 8px;
  background: #fff;
  border: 1px solid #ccc;
  -ms-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  vertical-align: middle;
}

.input_box:focus,
.input_box2:focus,
.textarea_box:focus {
  background-color: #ffc !important;
}

.select_box2,
.select_box {
  position: relative;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  -ms-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
}

.select_box:after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -7px;
  z-index: 10;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #333;
  content: "\f0d7";
  pointer-events: none;
}

.select_box2 {
  vertical-align: middle;
}

.ie9 .select_box {
  width: 300px;
  overflow: hidden;
}

.select_box > select {
  width: auto;
  min-width: 300px;
  box-sizing: border-box;
  padding: 8px 30px 8px 9px;
  font-size: 18px;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
}

.select_box2 > select {
  width: auto;
  min-width: auto;
  box-sizing: border-box;
  padding: 8px 30px 8px 9px;
  font-size: 18px;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
}

.select_box > select::-ms-expand {
  display: none;
}

.ie9 .select_box > select {
  width: 350px;
}

/*
.select_box2:after,
.select_box:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	color: #333;
	content: "\f0d7";
	pointer-events: none;
	background: #fff;
	box-sizing: border-box;
	padding: 7px 0;
}
*/

.textarea_box {
  width: 100%;
  height: 160px;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid #ccc;
  -ms-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}

.cal_btn {
  display: none;
}

@media screen and (max-width: 767px) {
  .select_box2 .select_box {
    display: block;
  }
  /*
	.select_box2:after,
	.select_box:after{
		background: #2d3339;
		color: #fff;
		width: 40px;
		height: 40px;
		box-sizing: border-box;
		padding: 13px 16px;
		top: 7px;
		right: 0;
		text-align: center;
		vertical-align: middle;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	*/
  .select_box > select,
  .input_box {
    width: 100%;
    min-width: 280px;
    font-size: 16px;
    border-radius: 2px;
    height: 40px;
  }
  .input_box2 {
    width: 100%;
    font-size: 16px;
    border-radius: 2px;
    height: 40px;
  }
  .select_box2 > select {
    width: 100%;
    font-size: 14px;
    border-radius: 2px;
    height: 40px;
  }
  .textarea_box {
    font-size: 16px;
    height: 100px;
    border-radius: 2px;
  }
}

.submit_box {
  position: relative;
  text-align: center;
  margin-top: 40px;
}

.submit_box .btn {
  font-size: 18px;
  padding: 20px 15px;
}

.submit_box .btn_back {
  position: absolute;
  top: 0;
  left: 0;
}

.submit_box .btn .fa:before {
  color: #fff;
}

.submit_box .btn_back .fa:before {
  color: #666666;
}

@media screen and (max-width: 767px) {
  .submit_box {
    margin-top: 20px;
  }
  .submit_box .btn {
    font-size: 16px;
    padding: 20px 30px;
    margin: 5px 0;
  }
  .submit_box .btn_back {
    position: relative;
    top: 0;
    left: 0;
    margin: 5px 0;
  }
}

@media (max-width: 767px) {
  #search {
    font-size: 16px;
  }
}

/*2-1-13. Error    [err_***]*/

/*2-1-14. UI*/

.movie {
  width: 100%;
  height: 360px;
}

@media screen and (max-width: 767px) {
  .movie {
    width: 100%;
    height: auto;
  }
}

/* 2-2. Utility
-------------------------------------------------- */

/*2-2-1. clearfix [ModernType]*/

#l_header:after,
.wrp_header:after,
#l_container:after,
#l_main:after,
#l_sub:after,
#l_footer:after,
.nav ul:after,
.wrp_container:after,
.lst_menu:after,
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/*2-2-2. margin,padding [mb10,pt20]*/

/* margin  */

.m0 {
  margin: 0 !important;
}

.m5 {
  margin: 5px !important;
}

.m10 {
  margin: 10px !important;
}

.m15 {
  margin: 15px !important;
}

.m20 {
  margin: 20px !important;
}

.m25 {
  margin: 25px !important;
}

.m30 {
  margin: 30px !important;
}

.m35 {
  margin: 35px !important;
}

.m40 {
  margin: 40px !important;
}

.m45 {
  margin: 45px !important;
}

.m50 {
  margin: 50px !important;
}

.m55 {
  margin: 55px !important;
}

.m60 {
  margin: 60px !important;
}

.m65 {
  margin: 65px !important;
}

.m70 {
  margin: 70px !important;
}

.m75 {
  margin: 75px !important;
}

.m80 {
  margin: 80px !important;
}

.m85 {
  margin: 85px !important;
}

.m90 {
  margin: 90px !important;
}

.m95 {
  margin: 95px !important;
}

.m100 {
  margin: 100px !important;
}

/* margin-top */

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

/* margin-right */

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

/* margin-bottom */

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

/* margin-left */

.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

/* padding */

.p0 {
  padding: 0 !important;
}

.p5 {
  padding: 5px !important;
}

.p10 {
  padding: 10px !important;
}

.p15 {
  padding: 15px !important;
}

.p20 {
  padding: 20px !important;
}

.p25 {
  padding: 25px !important;
}

.p30 {
  padding: 30px !important;
}

.p35 {
  padding: 35px !important;
}

.p40 {
  padding: 40px !important;
}

.p45 {
  padding: 45px !important;
}

.p50 {
  padding: 50px !important;
}

.p55 {
  padding: 55px !important;
}

.p60 {
  padding: 60px !important;
}

.p65 {
  padding: 65px !important;
}

.p70 {
  padding: 70px !important;
}

.p75 {
  padding: 75px !important;
}

.p80 {
  padding: 80px !important;
}

.p85 {
  padding: 85px !important;
}

.p90 {
  padding: 90px !important;
}

.p95 {
  padding: 95px !important;
}

.p100 {
  padding: 100px !important;
}

/* padding-top */

.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

/* padding-right */

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

/* padding-bottom */

.pb0 {
  padding-bottom: 0 !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

/* padding-left */

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.mlrauto {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  /* margin  */
  .m0_sp {
    margin: 0 !important;
  }
  .m5_sp {
    margin: 5px !important;
  }
  .m10_sp {
    margin: 10px !important;
  }
  .m15_sp {
    margin: 15px !important;
  }
  .m20_sp {
    margin: 20px !important;
  }
  .m25_sp {
    margin: 25px !important;
  }
  .m30_sp {
    margin: 30px !important;
  }
  .m35_sp {
    margin: 35px !important;
  }
  .m40_sp {
    margin: 40px !important;
  }
  .m45_sp {
    margin: 45px !important;
  }
  .m50_sp {
    margin: 50px !important;
  }
  .m55_sp {
    margin: 55px !important;
  }
  .m60_sp {
    margin: 60px !important;
  }
  .m65_sp {
    margin: 65px !important;
  }
  .m70_sp {
    margin: 70px !important;
  }
  .m75_sp {
    margin: 75px !important;
  }
  .m80_sp {
    margin: 80px !important;
  }
  .m85_sp {
    margin: 85px !important;
  }
  .m90_sp {
    margin: 90px !important;
  }
  .m95_sp {
    margin: 95px !important;
  }
  .m100_sp {
    margin: 100px !important;
  }
  /* margin-top */
  .mt0_sp {
    margin-top: 0 !important;
  }
  .mt-5_sp {
    margin-top: -5px !important;
  }
  .mt-10_sp {
    margin-top: -10px !important;
  }
  .mt-15_sp {
    margin-top: -15px !important;
  }
  .mt-20_sp {
    margin-top: -20px !important;
  }
  .mt-25_sp {
    margin-top: -25px !important;
  }
  .mt-30_sp {
    margin-top: -30px !important;
  }
  .mt-35_sp {
    margin-top: -35px !important;
  }
  .mt-40_sp {
    margin-top: -40px !important;
  }
  .mt-45_sp {
    margin-top: -45px !important;
  }
  .mt-50_sp {
    margin-top: -50px !important;
  }
  .mt-55_sp {
    margin-top: -55px !important;
  }
  .mt-60_sp {
    margin-top: -60px !important;
  }
  .mt-65_sp {
    margin-top: -65px !important;
  }
  .mt-70_sp {
    margin-top: -70px !important;
  }
  .mt-75_sp {
    margin-top: -75px !important;
  }
  .mt-80_sp {
    margin-top: -80px !important;
  }
  .mt-85_sp {
    margin-top: -85px !important;
  }
  .mt-90_sp {
    margin-top: -90px !important;
  }
  .mt-95_sp {
    margin-top: -95px !important;
  }
  .mt-100_sp {
    margin-top: -100px !important;
  }
  .mt5_sp {
    margin-top: 5px !important;
  }
  .mt10_sp {
    margin-top: 10px !important;
  }
  .mt15_sp {
    margin-top: 15px !important;
  }
  .mt20_sp {
    margin-top: 20px !important;
  }
  .mt25_sp {
    margin-top: 25px !important;
  }
  .mt30_sp {
    margin-top: 30px !important;
  }
  .mt35_sp {
    margin-top: 35px !important;
  }
  .mt40_sp {
    margin-top: 40px !important;
  }
  .mt45_sp {
    margin-top: 45px !important;
  }
  .mt50_sp {
    margin-top: 50px !important;
  }
  .mt55_sp {
    margin-top: 55px !important;
  }
  .mt60_sp {
    margin-top: 60px !important;
  }
  .mt65_sp {
    margin-top: 65px !important;
  }
  .mt70_sp {
    margin-top: 70px !important;
  }
  .mt75_sp {
    margin-top: 75px !important;
  }
  .mt80_sp {
    margin-top: 80px !important;
  }
  .mt85_sp {
    margin-top: 85px !important;
  }
  .mt90_sp {
    margin-top: 90px !important;
  }
  .mt95_sp {
    margin-top: 95px !important;
  }
  .mt100_sp {
    margin-top: 100px !important;
  }
  /* margin-right */
  .mr0_sp {
    margin-right: 0 !important;
  }
  .mr5_sp {
    margin-right: 5px !important;
  }
  .mr10_sp {
    margin-right: 10px !important;
  }
  .mr15_sp {
    margin-right: 15px !important;
  }
  .mr20_sp {
    margin-right: 20px !important;
  }
  .mr25_sp {
    margin-right: 25px !important;
  }
  .mr30_sp {
    margin-right: 30px !important;
  }
  .mr35_sp {
    margin-right: 35px !important;
  }
  .mr40_sp {
    margin-right: 40px !important;
  }
  .mr45_sp {
    margin-right: 45px !important;
  }
  .mr50_sp {
    margin-right: 50px !important;
  }
  .mr55_sp {
    margin-right: 55px !important;
  }
  .mr60_sp {
    margin-right: 60px !important;
  }
  .mr65_sp {
    margin-right: 65px !important;
  }
  .mr70_sp {
    margin-right: 70px !important;
  }
  .mr75_sp {
    margin-right: 75px !important;
  }
  .mr80_sp {
    margin-right: 80px !important;
  }
  .mr85_sp {
    margin-right: 85px !important;
  }
  .mr90_sp {
    margin-right: 90px !important;
  }
  .mr95_sp {
    margin-right: 95px !important;
  }
  .mr100_sp {
    margin-right: 100px !important;
  }
  /* margin-bottom */
  .mb0_sp {
    margin-bottom: 0 !important;
  }
  .mb5_sp {
    margin-bottom: 5px !important;
  }
  .mb10_sp {
    margin-bottom: 10px !important;
  }
  .mb15_sp {
    margin-bottom: 15px !important;
  }
  .mb20_sp {
    margin-bottom: 20px !important;
  }
  .mb25_sp {
    margin-bottom: 25px !important;
  }
  .mb30_sp {
    margin-bottom: 30px !important;
  }
  .mb35_sp {
    margin-bottom: 35px !important;
  }
  .mb40_sp {
    margin-bottom: 40px !important;
  }
  .mb45_sp {
    margin-bottom: 45px !important;
  }
  .mb50_sp {
    margin-bottom: 50px !important;
  }
  .mb55_sp {
    margin-bottom: 55px !important;
  }
  .mb60_sp {
    margin-bottom: 60px !important;
  }
  .mb65_sp {
    margin-bottom: 65px !important;
  }
  .mb70_sp {
    margin-bottom: 70px !important;
  }
  .mb75_sp {
    margin-bottom: 75px !important;
  }
  .mb80_sp {
    margin-bottom: 80px !important;
  }
  .mb85_sp {
    margin-bottom: 85px !important;
  }
  .mb90_sp {
    margin-bottom: 90px !important;
  }
  .mb95_sp {
    margin-bottom: 95px !important;
  }
  .mb100_sp {
    margin-bottom: 100px !important;
  }
  /* margin-left */
  .ml0_sp {
    margin-left: 0 !important;
  }
  .ml5_sp {
    margin-left: 5px !important;
  }
  .ml10_sp {
    margin-left: 10px !important;
  }
  .ml15_sp {
    margin-left: 15px !important;
  }
  .ml20_sp {
    margin-left: 20px !important;
  }
  .ml25_sp {
    margin-left: 25px !important;
  }
  .ml30_sp {
    margin-left: 30px !important;
  }
  .ml35_sp {
    margin-left: 35px !important;
  }
  .ml40_sp {
    margin-left: 40px !important;
  }
  .ml45_sp {
    margin-left: 45px !important;
  }
  .ml50_sp {
    margin-left: 50px !important;
  }
  .ml55_sp {
    margin-left: 55px !important;
  }
  .ml60_sp {
    margin-left: 60px !important;
  }
  .ml65_sp {
    margin-left: 65px !important;
  }
  .ml70_sp {
    margin-left: 70px !important;
  }
  .ml75_sp {
    margin-left: 75px !important;
  }
  .ml80_sp {
    margin-left: 80px !important;
  }
  .ml85_sp {
    margin-left: 85px !important;
  }
  .ml90_sp {
    margin-left: 90px !important;
  }
  .ml95_sp {
    margin-left: 95px !important;
  }
  .ml100_sp {
    margin-left: 100px !important;
  }
  /* padding */
  .p0_sp {
    padding: 0 !important;
  }
  .p5_sp {
    padding: 5px !important;
  }
  .p10_sp {
    padding: 10px !important;
  }
  .p15_sp {
    padding: 15px !important;
  }
  .p20_sp {
    padding: 20px !important;
  }
  .p25_sp {
    padding: 25px !important;
  }
  .p30_sp {
    padding: 30px !important;
  }
  .p35_sp {
    padding: 35px !important;
  }
  .p40_sp {
    padding: 40px !important;
  }
  .p45_sp {
    padding: 45px !important;
  }
  .p50_sp {
    padding: 50px !important;
  }
  .p55_sp {
    padding: 55px !important;
  }
  .p60_sp {
    padding: 60px !important;
  }
  .p65_sp {
    padding: 65px !important;
  }
  .p70_sp {
    padding: 70px !important;
  }
  .p75_sp {
    padding: 75px !important;
  }
  .p80_sp {
    padding: 80px !important;
  }
  .p85_sp {
    padding: 85px !important;
  }
  .p90_sp {
    padding: 90px !important;
  }
  .p95_sp {
    padding: 95px !important;
  }
  .p100_sp {
    padding: 100px !important;
  }
  /* padding-top */
  .pt0_sp {
    padding-top: 0 !important;
  }
  .pt5_sp {
    padding-top: 5px !important;
  }
  .pt10_sp {
    padding-top: 10px !important;
  }
  .pt15_sp {
    padding-top: 15px !important;
  }
  .pt20_sp {
    padding-top: 20px !important;
  }
  .pt25_sp {
    padding-top: 25px !important;
  }
  .pt30_sp {
    padding-top: 30px !important;
  }
  .pt35_sp {
    padding-top: 35px !important;
  }
  .pt40_sp {
    padding-top: 40px !important;
  }
  .pt45_sp {
    padding-top: 45px !important;
  }
  .pt50_sp {
    padding-top: 50px !important;
  }
  .pt55_sp {
    padding-top: 55px !important;
  }
  .pt60_sp {
    padding-top: 60px !important;
  }
  .pt65_sp {
    padding-top: 65px !important;
  }
  .pt70_sp {
    padding-top: 70px !important;
  }
  .pt75_sp {
    padding-top: 75px !important;
  }
  .pt80_sp {
    padding-top: 80px !important;
  }
  .pt85_sp {
    padding-top: 85px !important;
  }
  .pt90_sp {
    padding-top: 90px !important;
  }
  .pt95_sp {
    padding-top: 95px !important;
  }
  .pt100_sp {
    padding-top: 100px !important;
  }
  /* padding-right */
  .pr0_sp {
    padding-right: 0 !important;
  }
  .pr5_sp {
    padding-right: 5px !important;
  }
  .pr10_sp {
    padding-right: 10px !important;
  }
  .pr15_sp {
    padding-right: 15px !important;
  }
  .pr20_sp {
    padding-right: 20px !important;
  }
  .pr25_sp {
    padding-right: 25px !important;
  }
  .pr30_sp {
    padding-right: 30px !important;
  }
  .pr35_sp {
    padding-right: 35px !important;
  }
  .pr40_sp {
    padding-right: 40px !important;
  }
  .pr45_sp {
    padding-right: 45px !important;
  }
  .pr50_sp {
    padding-right: 50px !important;
  }
  .pr55_sp {
    padding-right: 55px !important;
  }
  .pr60_sp {
    padding-right: 60px !important;
  }
  .pr65_sp {
    padding-right: 65px !important;
  }
  .pr70_sp {
    padding-right: 70px !important;
  }
  .pr75_sp {
    padding-right: 75px !important;
  }
  .pr80_sp {
    padding-right: 80px !important;
  }
  .pr85_sp {
    padding-right: 85px !important;
  }
  .pr90_sp {
    padding-right: 90px !important;
  }
  .pr95_sp {
    padding-right: 95px !important;
  }
  .pr100_sp {
    padding-right: 100px !important;
  }
  /* padding-bottom */
  .pb0_sp {
    padding-bottom: 0 !important;
  }
  .pb5_sp {
    padding-bottom: 5px !important;
  }
  .pb10_sp {
    padding-bottom: 10px !important;
  }
  .pb15_sp {
    padding-bottom: 15px !important;
  }
  .pb20_sp {
    padding-bottom: 20px !important;
  }
  .pb25_sp {
    padding-bottom: 25px !important;
  }
  .pb30_sp {
    padding-bottom: 30px !important;
  }
  .pb35_sp {
    padding-bottom: 35px !important;
  }
  .pb40_sp {
    padding-bottom: 40px !important;
  }
  .pb45_sp {
    padding-bottom: 45px !important;
  }
  .pb50_sp {
    padding-bottom: 50px !important;
  }
  .pb55_sp {
    padding-bottom: 55px !important;
  }
  .pb60_sp {
    padding-bottom: 60px !important;
  }
  .pb65_sp {
    padding-bottom: 65px !important;
  }
  .pb70_sp {
    padding-bottom: 70px !important;
  }
  .pb75_sp {
    padding-bottom: 75px !important;
  }
  .pb80_sp {
    padding-bottom: 80px !important;
  }
  .pb85_sp {
    padding-bottom: 85px !important;
  }
  .pb90_sp {
    padding-bottom: 90px !important;
  }
  .pb95_sp {
    padding-bottom: 95px !important;
  }
  .pb100_sp {
    padding-bottom: 100px !important;
  }
  /* padding-left */
  .pl0_sp {
    padding-left: 0 !important;
  }
  .pl5_sp {
    padding-left: 5px !important;
  }
  .pl10_sp {
    padding-left: 10px !important;
  }
  .pl15_sp {
    padding-left: 15px !important;
  }
  .pl20_sp {
    padding-left: 20px !important;
  }
  .pl25_sp {
    padding-left: 25px !important;
  }
  .pl30_sp {
    padding-left: 30px !important;
  }
  .pl35_sp {
    padding-left: 35px !important;
  }
  .pl40_sp {
    padding-left: 40px !important;
  }
  .pl45_sp {
    padding-left: 45px !important;
  }
  .pl50_sp {
    padding-left: 50px !important;
  }
  .pl55_sp {
    padding-left: 55px !important;
  }
  .pl60_sp {
    padding-left: 60px !important;
  }
  .pl65_sp {
    padding-left: 65px !important;
  }
  .pl70_sp {
    padding-left: 70px !important;
  }
  .pl75_sp {
    padding-left: 75px !important;
  }
  .pl80_sp {
    padding-left: 80px !important;
  }
  .pl85_sp {
    padding-left: 85px !important;
  }
  .pl90_sp {
    padding-left: 90px !important;
  }
  .pl95_sp {
    padding-left: 95px !important;
  }
  .pl100_sp {
    padding-left: 100px !important;
  }
  .mlrauto_sp {
    margin-left: auto;
    margin-right: auto;
  }
}

/* width */

.w1per {
  width: 1% !important;
}

.w2per {
  width: 2% !important;
}

.w3per {
  width: 3% !important;
}

.w4per {
  width: 4% !important;
}

.w5per {
  width: 5% !important;
}

.w6per {
  width: 6% !important;
}

.w7per {
  width: 7% !important;
}

.w8per {
  width: 8% !important;
}

.w9per {
  width: 9% !important;
}

.w10per {
  width: 10% !important;
}

.w11per {
  width: 11% !important;
}

.w12per {
  width: 12% !important;
}

.w13per {
  width: 13% !important;
}

.w14per {
  width: 14% !important;
}

.w15per {
  width: 15% !important;
}

.w16per {
  width: 16% !important;
}

.w17per {
  width: 17% !important;
}

.w18per {
  width: 18% !important;
}

.w19per {
  width: 19% !important;
}

.w20per {
  width: 20% !important;
}

.w21per {
  width: 21% !important;
}

.w22per {
  width: 22% !important;
}

.w23per {
  width: 23% !important;
}

.w24per {
  width: 24% !important;
}

.w25per {
  width: 25% !important;
}

.w26per {
  width: 26% !important;
}

.w27per {
  width: 27% !important;
}

.w28per {
  width: 28% !important;
}

.w29per {
  width: 29% !important;
}

.w30per {
  width: 30% !important;
}

.w31per {
  width: 31% !important;
}

.w32per {
  width: 32% !important;
}

.w33per {
  width: 33% !important;
}

.w34per {
  width: 34% !important;
}

.w35per {
  width: 35% !important;
}

.w36per {
  width: 36% !important;
}

.w37per {
  width: 37% !important;
}

.w38per {
  width: 38% !important;
}

.w39per {
  width: 39% !important;
}

.w40per {
  width: 40% !important;
}

.w41per {
  width: 41% !important;
}

.w42per {
  width: 42% !important;
}

.w43per {
  width: 43% !important;
}

.w44per {
  width: 44% !important;
}

.w45per {
  width: 45% !important;
}

.w46per {
  width: 46% !important;
}

.w47per {
  width: 47% !important;
}

.w48per {
  width: 48% !important;
}

.w49per {
  width: 49% !important;
}

.w50per {
  width: 50% !important;
}

.w51per {
  width: 51% !important;
}

.w52per {
  width: 52% !important;
}

.w53per {
  width: 53% !important;
}

.w54per {
  width: 54% !important;
}

.w55per {
  width: 55% !important;
}

.w56per {
  width: 56% !important;
}

.w57per {
  width: 57% !important;
}

.w58per {
  width: 58% !important;
}

.w59per {
  width: 59% !important;
}

.w60per {
  width: 60% !important;
}

.w61per {
  width: 61% !important;
}

.w62per {
  width: 62% !important;
}

.w63per {
  width: 63% !important;
}

.w64per {
  width: 64% !important;
}

.w65per {
  width: 65% !important;
}

.w66per {
  width: 66% !important;
}

.w67per {
  width: 67% !important;
}

.w68per {
  width: 68% !important;
}

.w69per {
  width: 69% !important;
}

.w70per {
  width: 70% !important;
}

.w71per {
  width: 71% !important;
}

.w72per {
  width: 72% !important;
}

.w73per {
  width: 73% !important;
}

.w74per {
  width: 74% !important;
}

.w75per {
  width: 75% !important;
}

.w76per {
  width: 76% !important;
}

.w77per {
  width: 77% !important;
}

.w78per {
  width: 78% !important;
}

.w79per {
  width: 79% !important;
}

.w80per {
  width: 80% !important;
}

.w81per {
  width: 81% !important;
}

.w82per {
  width: 82% !important;
}

.w83per {
  width: 83% !important;
}

.w84per {
  width: 84% !important;
}

.w85per {
  width: 85% !important;
}

.w86per {
  width: 86% !important;
}

.w87per {
  width: 87% !important;
}

.w88per {
  width: 88% !important;
}

.w89per {
  width: 89% !important;
}

.w90per {
  width: 90% !important;
}

.w91per {
  width: 91% !important;
}

.w92per {
  width: 92% !important;
}

.w93per {
  width: 93% !important;
}

.w94per {
  width: 94% !important;
}

.w95per {
  width: 95% !important;
}

.w96per {
  width: 96% !important;
}

.w97per {
  width: 97% !important;
}

.w98per {
  width: 98% !important;
}

.w99per {
  width: 99% !important;
}

.w100per {
  width: 100% !important;
}

.wauto {
  width: auto !important;
}

@media screen and (max-width: 767px) {
  .w1per_sp {
    width: 1% !important;
  }
  .w2per_sp {
    width: 2% !important;
  }
  .w3per_sp {
    width: 3% !important;
  }
  .w4per_sp {
    width: 4% !important;
  }
  .w5per_sp {
    width: 5% !important;
  }
  .w6per_sp {
    width: 6% !important;
  }
  .w7per_sp {
    width: 7% !important;
  }
  .w8per_sp {
    width: 8% !important;
  }
  .w9per_sp {
    width: 9% !important;
  }
  .w10per_sp {
    width: 10% !important;
  }
  .w11per_sp {
    width: 11% !important;
  }
  .w12per_sp {
    width: 12% !important;
  }
  .w13per_sp {
    width: 13% !important;
  }
  .w14per_sp {
    width: 14% !important;
  }
  .w15per_sp {
    width: 15% !important;
  }
  .w16per_sp {
    width: 16% !important;
  }
  .w17per_sp {
    width: 17% !important;
  }
  .w18per_sp {
    width: 18% !important;
  }
  .w19per_sp {
    width: 19% !important;
  }
  .w20per_sp {
    width: 20% !important;
  }
  .w21per_sp {
    width: 21% !important;
  }
  .w22per_sp {
    width: 22% !important;
  }
  .w23per_sp {
    width: 23% !important;
  }
  .w24per_sp {
    width: 24% !important;
  }
  .w25per_sp {
    width: 25% !important;
  }
  .w26per_sp {
    width: 26% !important;
  }
  .w27per_sp {
    width: 27% !important;
  }
  .w28per_sp {
    width: 28% !important;
  }
  .w29per_sp {
    width: 29% !important;
  }
  .w30per_sp {
    width: 30% !important;
  }
  .w31per_sp {
    width: 31% !important;
  }
  .w32per_sp {
    width: 32% !important;
  }
  .w33per_sp {
    width: 33% !important;
  }
  .w34per_sp {
    width: 34% !important;
  }
  .w35per_sp {
    width: 35% !important;
  }
  .w36per_sp {
    width: 36% !important;
  }
  .w37per_sp {
    width: 37% !important;
  }
  .w38per_sp {
    width: 38% !important;
  }
  .w39per_sp {
    width: 39% !important;
  }
  .w40per_sp {
    width: 40% !important;
  }
  .w41per_sp {
    width: 41% !important;
  }
  .w42per_sp {
    width: 42% !important;
  }
  .w43per_sp {
    width: 43% !important;
  }
  .w44per_sp {
    width: 44% !important;
  }
  .w45per_sp {
    width: 45% !important;
  }
  .w46per_sp {
    width: 46% !important;
  }
  .w47per_sp {
    width: 47% !important;
  }
  .w48per_sp {
    width: 48% !important;
  }
  .w49per_sp {
    width: 49% !important;
  }
  .w50per_sp {
    width: 50% !important;
  }
  .w51per_sp {
    width: 51% !important;
  }
  .w52per_sp {
    width: 52% !important;
  }
  .w53per_sp {
    width: 53% !important;
  }
  .w54per_sp {
    width: 54% !important;
  }
  .w55per_sp {
    width: 55% !important;
  }
  .w56per_sp {
    width: 56% !important;
  }
  .w57per_sp {
    width: 57% !important;
  }
  .w58per_sp {
    width: 58% !important;
  }
  .w59per_sp {
    width: 59% !important;
  }
  .w60per_sp {
    width: 60% !important;
  }
  .w61per_sp {
    width: 61% !important;
  }
  .w62per_sp {
    width: 62% !important;
  }
  .w63per_sp {
    width: 63% !important;
  }
  .w64per_sp {
    width: 64% !important;
  }
  .w65per_sp {
    width: 65% !important;
  }
  .w66per_sp {
    width: 66% !important;
  }
  .w67per_sp {
    width: 67% !important;
  }
  .w68per_sp {
    width: 68% !important;
  }
  .w69per_sp {
    width: 69% !important;
  }
  .w70per_sp {
    width: 70% !important;
  }
  .w71per_sp {
    width: 71% !important;
  }
  .w72per_sp {
    width: 72% !important;
  }
  .w73per_sp {
    width: 73% !important;
  }
  .w74per_sp {
    width: 74% !important;
  }
  .w75per_sp {
    width: 75% !important;
  }
  .w76per_sp {
    width: 76% !important;
  }
  .w77per_sp {
    width: 77% !important;
  }
  .w78per_sp {
    width: 78% !important;
  }
  .w79per_sp {
    width: 79% !important;
  }
  .w80per_sp {
    width: 80% !important;
  }
  .w81per_sp {
    width: 81% !important;
  }
  .w82per_sp {
    width: 82% !important;
  }
  .w83per_sp {
    width: 83% !important;
  }
  .w84per_sp {
    width: 84% !important;
  }
  .w85per_sp {
    width: 85% !important;
  }
  .w86per_sp {
    width: 86% !important;
  }
  .w87per_sp {
    width: 87% !important;
  }
  .w88per_sp {
    width: 88% !important;
  }
  .w89per_sp {
    width: 89% !important;
  }
  .w90per_sp {
    width: 90% !important;
  }
  .w91per_sp {
    width: 91% !important;
  }
  .w92per_sp {
    width: 92% !important;
  }
  .w93per_sp {
    width: 93% !important;
  }
  .w94per_sp {
    width: 94% !important;
  }
  .w95per_sp {
    width: 95% !important;
  }
  .w96per_sp {
    width: 96% !important;
  }
  .w97per_sp {
    width: 97% !important;
  }
  .w98per_sp {
    width: 98% !important;
  }
  .w99per_sp {
    width: 99% !important;
  }
  .w100per_sp {
    width: 100% !important;
  }
  .wauto_sp {
    width: auto !important;
  }
}

/*2-2-3. Object-Oriented CSS [OOCSS]*/

.no_display {
  display: none;
}

.no_br {
  white-space: nowrap;
}

.no_line-height {
  line-height: 1 !important;
}

.pull_left {
  float: left !important;
}

.pull_right {
  float: right !important;
}

.pull_off {
  float: none !important;
}

.right {
  text-align: right !important;
}

.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.top {
  vertical-align: top !important;
}

.middle {
  vertical-align: middle !important;
}

.bottom {
  vertical-align: bottom !important;
}

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

.dspB {
  display: block;
}

.dspI {
  display: inline;
}

.dspIB {
  display: inline-block;
}

.dspT {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.dspTC {
  display: table-cell;
}

.ulist01 li {
  margin: 0 0 0 1em;
  padding: 0 0 3px 0;
  text-indent: -1em;
}

.ulist01 li:before {
  content: "・";
}

@media screen and (max-width: 767px) {
  .no_display_sp {
    display: none;
  }
  .no_br_sp {
    white-space: nowrap;
  }
  .no_line-height_sp {
    line-height: 1 !important;
  }
  .pull_left_sp {
    float: left !important;
  }
  .pull_right_sp {
    float: right !important;
  }
  .right_sp {
    text-align: right !important;
  }
  .center_sp {
    text-align: center !important;
  }
  .left_sp {
    text-align: left !important;
  }
  .top_sp {
    vertical-align: top !important;
  }
  .middle_sp {
    vertical-align: middle !important;
  }
  .bottom_sp {
    vertical-align: bottom !important;
  }
  .block-center_sp {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .dspB_sp {
    display: block;
  }
  .dspI_sp {
    display: inline;
  }
  .dspIB_sp {
    display: inline-block;
  }
  .dspT_sp {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .dspTC_sp {
    display: table-cell;
  }
}

.front-image {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* for RWD */

.photo {
  border: 1px solid #eeeeee;
  max-height: 80px;
  max-width: 80px;
}

.fluid_image {
  max-width: 100%;
  /*width:100%;*/
  max-height: 100%;
}

@-moz-document url-prefix() {
  .fluid_image {
    /*width: 100%;*/
    /*max-width: -moz-max-content;*/
  }
}

.full_image {
  width: 100%;
  height: auto;
}

/* 2-2-4. Grid System [grid_***] */

.wrp_grid,
.row {
  box-sizing: border-box;
}

.wrp_grid:after,
.row:after {
  clear: both;
  content: " ";
  display: table;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_1_sp,
.grid_2_sp,
.grid_3_sp,
.grid_4_sp,
.grid_5_sp,
.grid_6_sp,
.grid_7_sp,
.grid_8_sp,
.grid_9_sp,
.grid_10_sp,
.grid_11_sp,
.grid_12_sp {
  box-sizing: border-box;
  float: left;
}

.map_search:before {
  content: "　";
}

/* Column Grid 0 - 767px
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .wrp_grid {
    margin-left: -5px;
    margin-right: -5px;
  }
  .grid_1,
  .grid_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12,
  .grid_1_sp,
  .grid_2_sp,
  .grid_3_sp,
  .grid_4_sp,
  .grid_5_sp,
  .grid_6_sp,
  .grid_7_sp,
  .grid_8_sp,
  .grid_9_sp,
  .grid_10_sp,
  .grid_11_sp,
  .grid_12_sp {
    width: 100%;
    padding: 0 5px;
  }
  .grid_1_sp {
    width: 8.33333%;
  }
  .grid_2_sp {
    width: 16.66667%;
  }
  .grid_3_sp {
    width: 25%;
  }
  .grid_4_sp {
    width: 33.3333333%;
  }
  .grid_5_sp {
    width: 41.66667%;
  }
  .grid_6_sp {
    width: 50%;
  }
  .grid_7_sp {
    width: 58.33333%;
  }
  .grid_8_sp {
    width: 66.66667%;
  }
  .grid_9_sp {
    width: 75%;
  }
  .grid_10_sp {
    width: 83.33333%;
  }
  .grid_11_sp {
    width: 91.66667%;
  }
  .grid_12_sp {
    width: 100%;
  }
}

/*  Column Grid 768px - Infinity
-----------------------------------------------------------------------------

col 1:    8.33333333333%
col 2:    16.6666666667%
col 3:    25.0%
col 4:    33.3333333333%
col 5:    41.6666666667%
col 6:    50.0%
col 7:    58.3333333333%
col 8:    66.6666666667%
col 9:    75.0%
col 10:    83.3333333333%
col 11:    91.6666666667%
col 12:    100%

----------------------------------------------------------------------------- */

@media (min-width: 768px), print {
  .wrp_grid {
    margin-left: -15px;
    margin-right: -15px;
  }
  .grid_1,
  .grid_2,
  .grid_2_2,
  .grid_3,
  .grid_4,
  .grid_5,
  .grid_6,
  .grid_7,
  .grid_8,
  .grid_9,
  .grid_10,
  .grid_11,
  .grid_12 {
    padding: 0 15px;
  }
  .grid_1 {
    width: 8.33333333333%;
  }
  .grid_2 {
    width: 16.6666666667%;
  }
  .grid_2_2 {
    width: 20%;
  }
  .grid_3 {
    width: 25%;
  }
  .grid_4 {
    width: 33.3333333333%;
  }
  .grid_5 {
    width: 41.6666666667%;
  }
  .grid_6 {
    width: 50%;
  }
  .grid_7 {
    width: 58.3333333333%;
  }
  .grid_8 {
    width: 66.6666666667%;
  }
  .grid_9 {
    width: 75%;
  }
  .grid_10 {
    width: 83.3333333333%;
  }
  .grid_11 {
    width: 91.6666666667%;
  }
  .grid_12 {
    width: 100%;
  }
}

/* 2-2-5. WebFont [FontAwesome] */

@font-face {
  font-family: "FontAwesome";
  src: url("/resource/fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("/resource/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0")
      format("embedded-opentype"),
    url("/resource/fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"),
    url("/resource/fonts/fontawesome-webfont.woff?v=4.5.0") format("woff"),
    url("/resource/fonts/fontawesome-webfont.ttf?v=4.5.0") format("truetype"),
    url("/resource/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  font-style: normal;
}

.fa:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
  color: #a4002c;
}

.sub_category_navi .fa:before {
  color: #fff;
  padding-left: 3px;
}

/* 使用するもののみ追加
https://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css
*/

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-phone:before {
  content: "\f095";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-search:before {
  content: "\f002";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-home:before {
  content: "\f015";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-video:before {
  content: "\f16a";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-lock:before {
  content: "\f023";
}

.fa-letter:before {
  content: "\f0f6";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-play:before {
  content: "\f04b";
}

.fa-comments:before {
  content: "\f086";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-check:before {
  content: "\f00c";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-train:before {
  content: "\f238";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-bus:before {
  content: "\f207";
}

.fa-jpy:before {
  content: "\f157";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-rotate-right:before {
  content: "\f01e";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa_glyph:before {
  content: "\f005";
}

.fa_zoom:before {
  content: "\f00e";
}

.fa-home:before {
  content: "\f015";
}

.fa-floor_plan:before {
  content: "\f015";
}

.fa-flag:before {
  content: "\f024";
}

.fa-close:before {
  content: "\f00d";
}

/*2-2-6. Backgrounds [bg_***]*/

.bg_light {
  background-color: #f5f5f5;
}

.bg_white {
  background-color: #fff;
}

/*2-2-7. Font size [fs_***]*/

.fs_18 {
  font-size: 18px;
}

.fs_16 {
  font-size: 16px;
}

.fs_14 {
  font-size: 14px;
}

.fs_12 {
  font-size: 12px;
}

@media (max-width: 767px) {
  .fs_18_sp {
    font-size: 18px;
  }
  .fs_16_sp {
    font-size: 16px;
  }
  .fs_14_sp {
    font-size: 14px;
  }
  .fs_12_sp {
    font-size: 12px;
  }
}

/* 2-2-8. Visibility [visible_***] */

@media (max-width: 767px) {
  .visible_inline_sp {
    display: inline-block !important;
  }
  .visible_sp {
    display: block !important;
  }
  .visible_pc,
  .visible_inline_pc {
    display: none !important;
  }
}

@media (min-width: 768px), print {
  .visible_sp,
  .visible_inline_sp {
    display: none !important;
  }
  .visible_inline_pc {
    display: inline-block !important;
  }
  .visible_pc {
    display: block !important;
  }
}

/* 2-2-6. quality  */

.tbl_quality {
  margin: 0 0 0;
}

.tbl_quality table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #dddddd;
}

.tbl_quality th {
  padding: 10px 11px 9px;
  border: 1px solid #dddddd;
  line-height: 1.3em;
  font-weight: normal;
  vertical-align: middle;
}

.tbl_quality tbody th,
.tbl_quality thead th {
  text-align: center;
}

.tbl_quality th.tbl_quality_head1 {
  background: #8dbeb8;
  color: #ffffff;
}

.tbl_quality th.tbl_quality_head2 {
  background: #91ab4c;
  color: #ffffff;
}

.tbl_quality th.tbl_quality_head3 {
  background: #da8931;
  color: #ffffff;
}

.tbl_quality th.tbl_quality_head4 {
  background: #f7d9cf;
}

.tbl_quality td {
  padding: 10px 11px 9px;
  border: 1px solid #dddddd;
  vertical-align: middle;
}

.tbl_quality td.tbl_quality_data1 {
  background: #d7efe5;
}

.tbl_quality td.tbl_quality_data2 {
  background: #f7d9cf;
}

.tbl_quality td.tbl_quality_data3 {
  background: #eeeeee;
}

span.tbl_quality_data1 {
  color: #d7efe5;
}

span.tbl_quality_data2 {
  color: #f7d9cf;
}

@media (max-width: 767px) {
  .tbl_quality {
    margin: 0 0 0;
    overflow-x: scroll;
    width: 95%;
    box-sizing: border-box;
  }
  .tbl_quality table {
    min-width: 768px;
  }
}

.hdg_quality {
  display: table;
  width: 100%;
  margin: 15px 0 0;
  padding: 0;
  border-spacing: 0;
  border: 1px solid #dddddd;
  box-sizing: border-box;
}

.hdg_quality p {
  display: table-cell;
  padding: 8px 8px 8px 8px;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  width: 10%;
  box-sizing: border-box;
}

.hdg_quality > div {
  display: table-cell;
  width: 90%;
  vertical-align: middle;
  box-sizing: border-box;
}

.hdg_quality > div > div {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  box-sizing: border-box;
}

.hdg_quality h4 {
  display: table-cell;
  padding: 8px 8px 8px 8px;
  font-weight: bold;
  font-size: 18px;
  vertical-align: middle;
  width: 60%;
  box-sizing: border-box;
}

.hdg_quality > div > div > div {
  display: table-cell;
  padding: 0 8px 0 0;
  text-align: right;
  vertical-align: middle;
  width: 40%;
  box-sizing: border-box;
}

.hdg_quality div ul {
  display: inline-block;
  letter-spacing: -0.4em;
}

.hdg_quality div ul li {
  display: inline-block;
  letter-spacing: normal;
  margin: 0 2px;
}

.hdg_quality div ul li span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #cccccc;
  border-radius: 10px;
  text-align: center;
  color: #ffffff;
}

.hdg_quality div ul li.num_quality span {
  background: #a1887c;
}

.bg_qulity_01 {
  background: #8dbeb8;
}

.bg_qulity_02 {
  background: #91ab4c;
}

.bg_qulity_03 {
  background: #da8931;
}

@media (max-width: 767px) {
  .hdg_quality p {
    width: 20%;
  }
  .hdg_quality > div {
    width: 80%;
  }
  .hdg_quality > div > div {
    display: block;
  }
  .hdg_quality h4 {
    display: block;
    padding: 7px 8px 4px 15px;
    width: 100%;
  }
  .hdg_quality > div > div > div {
    display: block;
    padding: 0 8px 4px 15px;
    text-align: left;
    width: 100%;
  }
}

.lst_quality > div:nth-of-type(2n + 1) {
  clear: both;
}

/* 2-3. State [is_***]
-------------------------------------------------- */

.is_open {
  display: block;
}

.is_error {
  background-color: #f9eceb;
}

.is_disabled {
  opacity: 0.45;
}

.is_show {
  visibility: visible;
  opacity: 1;
}

/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */

/* 2-5. Project
-------------------------------------------------- */

.js_fullbg_wrapper {
  position: relative;
}

.js_fullbg {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.js_fullbg__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.js_fullbg__bg img,
.js_show {
  visibility: hidden;
}

.js_video {
  width: 100%;
  height: 100%;
  position: absolute;
}

.layout_box__main {
  /* background: url("/resource/img/tmp_bg_main01.jpg") no-repeat center top; */
  padding-bottom: 200px;
  background-size: cover;
}

#technology_earthquake .layout_box__main {
  background: url("/resource/img/technology/technology_bg_quake01.png")
    no-repeat center top;
}

#technology_endurance .layout_box__main {
  background: url("/resource/img/technology/technology_bg_endurance01.png")
    no-repeat center top;
}

#technology_thermal_insulation .layout_box__main {
  background: url("/resource/img/technology/technology_bg_thermal_insulation01.png")
    no-repeat center top;
}

#technology_production .layout_box__main {
  background: url("/resource/img/technology/technology_bg_production01.png")
    no-repeat center top;
}

#technology_quality .layout_box__main {
  background: url("/resource/img/technology/technology_bg_quality01.png")
    no-repeat center top;
}

.layout_box__inner {
  position: relative;
  background: #fff;
  max-width: 1170px;
  padding: 30px 30px 90px;
  margin: -200px auto 0;
  box-sizing: border-box;
}

.layout_box .layout_box__inner .txt_lead {
  padding: 0 0 40px;
  margin: 0;
}

.layout_box .layout_box__inner .lst_media,
.layout_box .layout_box__inner .lst_media_02 {
  margin: 0 0 10px;
}

.layout_box .layout_box__inner .hdg_lv4,
.layout_box .layout_box__inner .hdg_lv3 {
  text-align: left;
}

.layout_box .layout_box__inner .hdg_lv4 {
  font-size: 18px;
}

.layout_box__head {
  text-align: center;
  padding: 60px 0 80px;
}

.layout_box__title,
.layout_box__head .txt_head {
  color: #fff;
  margin-top: 0;
}

.layout_box__head .txt_head {
  font-size: 36px;
}

.layout_box__head .txt_technology_head {
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .layout_box__main {
    min-height: 180px;
    width: 100%;
    padding: 30px 0;
    box-sizing: border-box;
  }
  .layout_box .layout_box__inner .hdg_lv4,
  .layout_box .layout_box__inner .hdg_lv3 {
    text-align: center;
  }
  .layout_box__head {
    padding: 0 10px;
  }
  .layout_box__inner {
    margin: 0 0 40px;
    padding: 27px 10px 0;
  }
  .layout_box__title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .layout_box .layout_box__inner .hdg_lv4 {
    font-size: 16px;
  }
  .layout_box__head .txt_head {
    font-size: 19px;
    font-weight: normal;
    line-height: 1.2;
  }
}

.fa_red {
  background: #a4002c;
  display: none;
}

.fa_red:before {
  color: #fff;
  margin-right: 0;
  width: 16px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .fa_red {
    display: inline-block;
    margin-right: 9px;
    width: 16px;
    height: 16px;
    line-height: 0;
    vertical-align: middle;
  }
}

.box_error {
  background: #ffeeee;
}

.box_error .error {
  color: #a4002c;
  display: block;
  margin-top: 18px;
}

@media screen and (max-width: 767px) {
  .box_error .error {
    margin-top: 15px;
  }
}

#inquiry_finish .submit_box .btn,
#inquiry .submit_box .btn {
  padding: 20px 25px;
  min-width: 200px;
}

#inquiry .submit_box .btn_back {
  padding: 20px 20px;
  min-width: auto;
  margin-right: 5px;
}

#inquiry_finish .hdg_lv1,
#inquiry .hdg_lv1 {
  margin: 0;
  padding: 55px 0 35px;
}

#inquiry_finish .hdg_lv3,
#inquiry .hdg_lv3 {
  margin: 60px 0 25px;
  text-align: left;
}

#inquiry .txt_lead {
  margin: 40px 0;
}

#inquiry .txt_lead_events_reserve {
  font-size: 16px;
}

#inquiry_finish .txt_lead {
  margin: 20px 0;
}

#inquiry_finish .frm_contact {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  #inquiry_finish .hdg_lv3,
  #inquiry .hdg_lv3 {
    margin: 45px 0 5px;
  }
}

#faq .hdg_lv3 {
  text-align: left;
  margin: 60px 0 30px;
}

.lst_faq {
  border-top: 1px solid #ddd;
}

.lst_faq li {
  padding: 25px 0 30px;
  border-bottom: 1px solid #ddd;
}

.lst_faq__question {
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
}

.lst_faq__question,
.lst_faq__answer {
  display: table;
}

.lst_faq__question span,
.lst_faq__answer span {
  display: table-cell;
  vertical-align: top;
}

.lst_faq__icon {
  position: relative;
  top: 3px;
  padding-right: 12px;
  font-size: 18px;
}

.lst_faq__icon img {
  vertical-align: top;
}

.lst_link_faq {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0 25px;
  margin: 40px 0 0;
}

.lst_link_faq li {
  line-height: 2.4;
  font-size: 16px;
}

.lst_link_faq .fa:before {
  color: #333;
}

@media screen and (max-width: 767px) {
  #faq .hdg_lv3 {
    margin: 35px 0 15px;
  }
}

#privacy .box,
#privacy .tbl_base {
  margin-top: 20px;
}

.lst_sitemap {
  margin-top: 30px;
  min-height: 190px;
}

.lst_sitemap li {
  padding-bottom: 10px;
  font-size: 18px;
}

#sitemap .hdg_lv3 {
  padding: 0 0 25px;
  border-bottom: 1px solid #ddd;
  margin: 40px 0 0;
}

#sitemap .hdg_lv3 .fa:before {
  color: #333;
}

@media screen and (max-width: 767px) {
  .lst_sitemap {
    margin-top: 0;
    min-height: 0;
  }
  .lst_sitemap li {
    border-bottom: 1px solid #ddd;
    padding: 10px;
  }
  #sitemap .hdg_lv3 {
    padding: 0 0 15px;
    margin: 35px 0 0;
  }
}

iframe {
  border: 0;
}

/* Popup
-------------------------------------------------- */

.img.mfp-img {
  padding: 60px 0 40px;
}

.mfp-content figure {
  background: #fff;
  padding: 20px;
  min-width: 200px;
}

.mfp-image-holder button.mfp-close {
  color: #666;
  background: url(/resource/img/icn_close.png) no-repeat center;
  width: 38px;
  height: 38px;
  cursor: pointer;
  line-height: 0;
  padding: 0;
  top: 20px;
  right: 20px;
  z-index: 99999;
  overflow: hidden;
  text-indent: -9999px;
  opacity: 1;
  font-size: 0;
}

.mfp-bottom-bar {
  margin-top: 0;
  position: absolute;
  top: 30px;
  left: 20px;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  color: #333;
  font-size: 18px;
  padding-right: 75px;
}

/* Popup
-------------------------------------------------- */

.err_contents .hdg_lv1 {
  margin: 0;
  padding: 50px 0 0;
}

.map_container {
  position: relative;
}

.modal {
  position: absolute;
  display: none;
  z-index: 100;
  left: 0;
  width: 300px;
  top: 0;
  background: #fff;
  padding-right: 132px;
  background: url("/resource/img/bg_map_modal01.png") no-repeat right 20px;
}

.modal_right {
  padding-right: 0;
  padding-left: 132px;
  background: url("/resource/img/bg_map_modal02.png") no-repeat left 20px;
}

.modal__title {
  background: #a4002c;
  padding: 7px 15px;
  color: #fff;
  border-radius: 5px 5px 0 0;
  position: relative;
  font-size: 18px;
}

.modal__title a {
  color: #fff;
}

.modal__title .fa-angle-right:before {
  color: #fff;
}

.modal__content {
  background: #fff;
  border: 1px solid #ddd;
  border-top: 0;
  padding: 15px;
  border-radius: 0 0 5px 5px;
}

.modal__content li {
  margin-bottom: 5px;
}

.modal__content .fa:before {
  color: #5c4934;
}

.modal__close {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background: url("/resource/img/icn_close02.png") no-repeat center;
}

#modal01 {
  left: -306px;
  top: 56px;
}

#modal02 {
  left: -232px;
  top: -40px;
}

#modal03 {
  left: -242px;
  top: 0;
}

#modal04 {
  left: -212px;
  top: -10px;
}

#modal05 {
  left: -140px;
  top: 16px;
}

#modal06 {
  left: -110px;
  top: 76px;
}

#modal07 {
  left: -14px;
  top: 100px;
}

#modal08 {
  left: -200px;
  top: 100px;
}

#modal09 {
  left: 140px;
  top: 124px;
}

#modal10 {
  left: 269px;
  top: 43px;
}

#modal11 {
  left: 225px;
  top: 54px;
}

#modal12 {
  left: 225px;
  top: 127px;
}

#modal13 {
  left: 270px;
  top: 127px;
}

/*property list*/

#property-list .txt_title_lead {
  text-align: left;
  margin: 0 0 11px;
}

#property-list .box_search {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
}

#property-list .box_search__title {
  display: block;
  overflow: hidden;
  padding-bottom: 10px;
}

#property-list .box_search__title .fa {
  margin-right: 15px;
}

#property-list .box_search__title .fa em {
  color: #000;
}

#property-list .box_search__content {
  border-top: 1px solid #ddd;
  background: #f5f5f2;
  display: none;
}

#property-list .box_search__title p {
  display: inline-block;
}

#property-list .btn_search {
  border: 1px solid #ddd;
  padding: 3px 20px 3px 10px;
  position: relative;
  float: right;
  cursor: pointer;
  min-width: 75px;
}

#property-list .btn_search:after {
  position: absolute;
  content: "\f107";
  font-family: "FontAwesome";
  right: 4px;
}

#property-list .btn_search.active:after {
  content: "\f106";
}

#property-list .select_box {
  position: relative;
  background: #fff;
  border-radius: 0;
  margin-left: 4px;
  box-shadow: none;
  vertical-align: middle;
}

#property-list .select_box--area {
  width: 41%;
  border: 1px solid #ddd !important;
}

#property-list .select_box--area > select,
#property-list .select_box_price > select {
  min-width: 25%;
}

#property-list .select_box--price {
  width: 28%;
  border: 1px solid #ddd !important;
}

#property-list .select_box--price > select {
  min-width: 100px;
}

#property-list .select_box {
  position: relative;
  border: 0;
}

#property-list .select_box:after {
  content: none;
}

#property-list .select_option .select_box:after,
#property-list .box-sort .select_box:after {
  content: "\f107";
  position: absolute;
  width: 15px;
  height: 15px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
  color: #333;
  z-index: 1;
  top: 13px;
  right: -3px;
  pointer-events: none;
}

#property-list .select_box .js_accordion_icon {
  top: 7px;
  right: 5px;
}

#property-list .select_box .js_accordion_icon:before {
  color: #a4002c;
}

#property-list .select_box > .js_accordion_trigger02 {
  position: relative;
  background: #fff;
  padding: 9px;
  border: 1px solid #ccc;
}

#property-list .js_accordion_content {
  position: absolute;
  background: #fff;
  left: 0;
  right: 0;
  z-index: 9;
  border-bottom: 1px solid #ddd;
}

#property-list .list_form .js_accordion_content li {
  padding: 0;
  box-sizing: border-box;
}

#property-list .select_box > select {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 25px 10px 10px;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  font-size: 14px;
}

.ie9 #property-list .select_box > select {
  padding: 6px 10px;
}

#property-list .input > input {
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 6px 10px 6px 20px;
  display: inline-block;
  width: 75%;
  box-sizing: border-box;
  float: right;
  box-shadow: none;
}

#property-list .list_form li {
  display: table;
  width: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #ddd;
}

#property-list .list_form li:last-child {
  border-bottom: none;
}

#property-list .select,
#property-list .input {
  display: table-cell;
  vertical-align: middle;
}

#property-list .input span {
  font-weight: bold;
  font-size: 18px;
}

#property-list .input span {
  display: inline-block;
  margin-top: 3px;
  width: 90px;
}

#property-list .button > button,
#property-list .button > .btn_white {
  border: 1px solid #ddd;
  padding: 6px;
  background: #2d3339;
  color: #fff;
  margin-left: 10px;
}

#property-list .button > button .fa:before {
  color: #fff;
}

#property-list .button {
  text-align: right;
}

#property-list .button .btn_white {
  background: #fff;
  color: #333;
}

#property-list .button .btn_white .fa:before {
  color: #333;
}

.box-sort {
  display: table;
  border: 1px solid #ddd;
  margin: 20px 0;
  width: 245px;
}

.box-sort p {
  border-right: 1px solid #ddd;
  display: table-cell;
  background: #f5f5f2;
  padding: 0 10px;
  vertical-align: middle;
}

.box-sort .select_box {
  display: table-cell;
}

#property-list .box-sort .select_box {
  border: 0;
  width: 150px;
  box-shadow: none;
}

#property-list .box-sort .select_box > select {
  min-width: 150px;
}

.tbl_content {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.tbl_content tr {
  border-bottom: 1px solid #ddd;
}

.tbl_content td {
  vertical-align: middle;
  text-align: center;
  padding: 20px;
}

.tbl_content .tbl_content__check {
  background: #f5f5f2;
  width: 35px;
  padding: 0;
  border-right: 1px solid #ddd;
}

.list_content_title {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  display: table;
  width: 100%;
}

.list_content_title__text {
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 15px 15px;
  text-indent: -6px;
}

.list_content_title__text a {
  padding-right: 10px;
}

.list_content_title__text:before {
  font-weight: bold;
}

.list_content_title__text em {
  font-style: normal;
  font-size: 16px;
  color: #a4002c;
  font-weight: normal;
}

.list_content_title__rank {
  font-size: 22px;
  cursor: pointer;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  padding-bottom: 15px;
}

.list_content_title__rank:before {
  color: #ddd;
}

.list_content_title__rank.active:before,
.js_booking.active .fa:before {
  color: #ff9900;
}

#property-list .box_media__pic {
  width: 29%;
}

#property-list .box_media__txt {
  width: 70%;
  padding-left: 15px;
}

.list_content_description {
  display: table;
  margin-bottom: 10px;
  width: 100%;
}

.description_link,
.description_label {
  display: table-cell;
  text-align: left;
}

.description_link {
  width: 40%;
}

.description_link em {
  font-weight: bold;
  font-size: 18px;
  color: #000;
}

.description_label {
  width: 60%;
}

.description_link p {
  margin-bottom: 13px;
  padding-left: 15px;
  text-indent: -8px;
}

.description_link p .fa:before {
  color: #999;
}

#property-list .label {
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 2px 10px;
  font-size: 12px;
  display: inline-block;
  margin-bottom: 6px;
}

#property-list .label_off {
  background: #f5f5f2;
  color: #ccc;
  border: 0;
}

#property-list .link_content {
  text-align: right;
}

#property-list .link_content a {
  color: #fff;
  background: #2d3339;
  padding: 10px 25px;
  display: inline-block;
}

#property-list .link_content a .fa:before {
  color: #fff;
}

.box_pagination {
  text-align: center;
  margin: 30px 0;
}

ul.lst_pagination {
  display: inline-block;
  padding: 0;
  margin: 0;
}

ul.lst_pagination li {
  display: inline;
}

ul.lst_pagination li a {
  color: black;
  float: left;
  padding: 8px 15px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #ddd;
  margin: 0 10px;
}

ul.lst_pagination li a .fa:before {
  margin-right: 0;
  color: #000;
}

ul.lst_pagination li a.active {
  background-color: #fff;
  color: #a4002c;
  border: 1px solid #a4002c;
}

ul.lst_pagination li a:hover:not(.active) {
  background-color: #ddd;
}

.link_bottom_wrap {
  position: relative;
}

.link_bottom {
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  position: fixed;
  z-index: 1;
  bottom: 0;
  width: 100%;
  max-width: 1600px;
  overflow: hidden;
  padding: 10px 0;
  display: none;
}

.btn_link_bottom {
  background: #a5032e;
  color: #fff;
  padding: 12px 40px;
  display: inline-block;
}

.btn_link_bottom:visited {
  color: #fff;
}

.btn_link_bottom--01 {
  background: #000;
  margin-right: 10px;
  padding-bottom: 12px;
  color: #fff;
}

.btn_link_bottom:link {
  color: #fff;
}

.custom-check {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 3px;
  background: url("/resource/img/property_list_ico_check.png") no-repeat;
  background-size: 18px 18px;
}

.custom-check.selected {
  background: url("/resource/img/property_list_ico_check-selected.png")
    no-repeat;
  background-size: 18px 18px;
}

.custom-check input[type="checkbox"] {
  margin: 1px;
  position: absolute;
  z-index: 2;
  cursor: pointer;
  outline: none;
  display: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  /* CSS hacks for older browsers */
  /* _noFocusLine: expression(this.hideFocus=true); */
}

input[type="checkbox"] {
  display: none;
}

#property_project sup {
  vertical-align: super;
}

@media screen and (max-width: 767px) {
  #property-list .box_search__title .fa {
    display: block;
    padding-left: 20px;
    text-indent: -10px;
  }
  .box_search__title .wrp_container {
    display: table;
    width: 100%;
  }
  #property-list .box_search__title p {
    display: table-cell;
    vertical-align: middle;
  }
  #property-list .btn_search:after {
    top: 50%;
    margin-top: -10px;
    display: none;
  }
  #property-list .btn_search {
    margin-right: 20px;
    width: 70px;
    padding: 3px 5px;
    text-align: center;
  }
  #property-list .select,
  #property-list .input {
    width: 100%;
    display: block;
    text-align: center;
  }
  #property-list .hasClone {
    margin-bottom: 20px;
    overflow: hidden;
  }
  #property-list .input span {
    display: block;
    text-align: center;
    margin-bottom: 12px;
  }
  #property-list .button > button,
  #property-list .button > .btn_white {
    padding: 11px;
    margin-left: 0;
    border-radius: 3px;
  }
  #property-list .button > button {
    display: inline-block;
    margin: 20px 0 0 0;
  }
  #property-list .button > button:hover {
    /*
		background: #f00;
		*/
    opacity: 0.7;
  }
  #property-list .input span {
    width: 100%;
  }
  #property-list .select_box--area {
    width: 100%;
  }
  #property-list .input > input {
    width: 100%;
  }
  #property-list .select_box:after {
    background: #fff;
    color: #ddd;
    width: 38px;
    height: 38px;
  }
  #property-list .select_box {
    margin: 0 0 10px;
  }
  #property-list .list_form li {
    padding: 12px 0 0;
    border-bottom: 1px solid #ddd;
  }
  #property-list .select_box > select {
    font-size: 12px;
  }
  #property-list .input > input {
    padding: 10px 0 10px 10px;
    font-size: 12px;
  }
  #property-list .select_box_price {
    width: 38%;
    display: inline-block;
  }
  #property-list .button {
    text-align: center;
  }
  .box-sort {
    width: 100%;
  }
  .box-sort p {
    white-space: nowrap;
    word-break: keep-all;
  }
  #property-list .box-sort .select_box > select {
    min-width: 215px;
  }
  .description_label,
  .link_content {
    display: none;
  }
  .list_content_title {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
  }
  .list_content_title__text {
    font-size: 16px;
    width: 85%;
    text-align: left;
    padding-bottom: 0;
  }
  .tbl_content .tbl_content__check {
    width: 29px;
  }
  .list_content_title__rank {
    padding-bottom: 0;
    font-size: 16px;
  }
  #property-list .box_media {
    display: table;
  }
  #property-list .box_media__txt,
  #property-list .box_media__pic {
    display: table-cell;
    vertical-align: top;
  }
  #property-list .box_media__pic {
    width: 40%;
    position: relative;
  }
  #property-list .box_media__pic img {
    vertical-align: top;
  }
  .box_media__pic .tag_kikaku {
    position: absolute;
    display: block;
    color: #ffffff;
    background-color: #e8a736;
    top: 0;
    left: 0;
    font-size: 9px;
    line-height: 1.4em;
    padding: 2px 4px;
    text-align: center;
  }
  .lst_info__pic > span > span > .tag_kikaku {
    position: absolute;
    display: block;
    color: #ffffff;
    background-color: #e8a736;
    top: 0;
    left: 0;
    font-size: 9px;
    line-height: 1.4em;
    padding: 2px 4px;
    text-align: center;
  }
  #property-list .box_media__txt {
    width: 60%;
  }
  #property-list .box_search {
    margin-bottom: 30px;
  }
  #property-list .box_search__title .fa em {
    font-weight: normal;
  }
  #property-list .box_search__content {
    padding-bottom: 12px;
  }
  .tbl_content td {
    padding: 10px;
  }
  .list_content_title__text em {
    font-size: 14px;
  }
  .description_link p {
    margin-bottom: 0;
    font-size: 12px;
  }
  .description_link em {
    font-weight: normal;
    font-size: 12px;
  }
  .btn_link_bottom {
    padding: 5px 20px;
    font-size: 12px;
    border-radius: 3px;
  }
  .btn_link_bottom--01 {
    padding-bottom: 7px;
  }
  ul.lst_pagination li a {
    margin: 5px;
    padding: 3px 10px;
  }
  .custom-check {
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
  }
  .custom-check.selected {
    background-size: 15px 15px;
  }
}

/*--------------------*/

.new_items__btn {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .new_items .hdg_lv2 {
    margin: 28px 0 20px;
    color: #313336;
  }
  .new_items .lst_media {
    display: table;
    border: 1px solid #ddd;
    border-bottom: none;
    margin-bottom: 0;
  }
  .new_items .lst_media > li {
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 10pxs 10px 10px;
    position: relative;
  }
  .new_items .lst_media > li:nth-of-type(n + 5) {
    /* display: none; */
  }
  .new_items .lst_media > li:last-child {
    border-bottom: 0;
  }
  .new_items.new_items_interior .lst_media > li:last-child {
    border-bottom: 1px solid #ddd;
  }
  .new_items .lst_media .lst_media__img,
  .new_items .lst_media .lst_media__content {
    display: table-cell;
    vertical-align: top;
    padding-top: 0;
    position: relative;
  }
  .new_items .lst_media .lst_media__img {
    width: 40%;
    padding-right: 10px;
  }
  .history_contents .lst_media .lst_media__img span .tag_kikaku {
    position: absolute;
    display: block;
    color: #ffffff;
    background-color: #e8a736;
    top: 0;
    left: 0;
    width: 60px;
    height: 28px;
    font-size: 9px;
    line-height: 1.4em;
    padding: 2px 4px;
  }
  .lst_search_new .lst_media__img > span > span > .tag_kikaku {
    position: absolute;
    display: block;
    color: #ffffff;
    background-color: #e8a736;
    top: 0;
    left: 0;
    font-size: 9px;
    line-height: 1.4em;
    padding: 2px 4px;
    text-align: center;
  }
  .new_items .lst_media .lst_media__title {
    position: relative;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
  }
  .new_items .lst_media .lst_media__title .fa,
  .new_items .lst_media .lst_media__title .fa:before {
    font-weight: bold;
  }
  .new_items__btn {
    background: #f5f5f2;
    margin: 0 -5px;
  }
  .new_items__btn .btn {
    display: block;
    color: #333;
    font-size: 14px;
    border-radius: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: none;
    box-shadow: none;
  }
  .new_items__btn:hover,
  .new_items__btn .fa:before {
    color: #333;
  }
  .new_items__register {
    background: url(/resource/img/property_bg_box-register.png) no-repeat center;
    background-size: cover;
    padding: 30px 10px 15px;
  }
  .new_items__register .hdg_lv3 {
    margin: 0 0 17px;
    color: #a4002c;
  }
  .new_items__register .btn_more {
    width: auto;
    padding: 12px 35px;
    margin-top: 25px;
    height: auto;
    font-size: 14px;
    font-weight: bold;
  }
  /* .new_items .lst_media li:n+4{
		display: none;
	} */
}

/* ---------------Property Project CSS--------------*/

.hdg_lv1_project {
  font-size: 40px;
  font-weight: 100;
  display: inline-block;
}

.hdg_lv1_project small {
  font-size: 28px;
  font-weight: 100;
}

.lbl_detail {
  font-size: 14px;
  color: #a4002c;
  vertical-align: middle;
  border: 1px solid #a4002c;
  border-radius: 12px;
  padding: 0 18px 2px;
  margin-left: 5px;
  font-weight: normal;
}

.lbl_new {
  font-size: 24px;
  font-weight: normal;
  color: #a4002c;
  margin-left: 10px;
}

.box_project_btn {
  float: right;
}

.box_fav {
  display: inline-block;
  border: 1px solid #ddd;
  margin-left: 10px;
  box-sizing: border-box;
  padding: 8px 20px 10px;
  margin-top: 6px;
  float: right;
  position: relative;
}

.fav_popup {
  position: absolute;
  display: block;
  color: #ffffff;
  background-color: #83a860;
  right: 0;
  top: 50px;
  box-sizing: border-box;
  width: 315px;
  padding: 8px 15px;
}

.fav_popup:before {
  content: "";
  position: absolute;
  top: -35px;
  left: 70%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-bottom: 35px solid #83a860;
  transform: rotate(20deg);
}

.fav_popup i {
  display: inline-block;
  color: #000000;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  position: absolute;
  margin: auto;
  right: 15px;
  top: 0;
  bottom: 0;
  background: url(../img/icon_close.gif) no-repeat center center;
  background-color: #ffffff;
}

.fav_popup i:hover {
  cursor: pointer;
}

.box_panorama {
  display: block;
  border: 1px solid #a4002c;
  box-sizing: border-box;
  padding: 8px 20px 10px;
  margin-top: 6px;
}

.box_panorama a {
  color: #a4002c;
}

.box_fav .visible_pc,
.box_panorama.visible_pc {
  display: inline-block !important;
}

.box_fav .fa:before {
  color: #333;
}

.box_panorama .fa:before {
  color: #a4002c;
}

.box_slider {
  position: relative;
}

.box_slider .tag_kikaku {
  position: absolute;
  display: block;
  color: #ffffff;
  background-color: #e8a736;
  top: 0;
  left: 0;
  font-size: 14px;
  line-height: 1.4em;
  padding: 8px 12px;
  z-index: 100;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .hdg_lv1_project {
    max-width: 90%;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 0;
    padding-bottom: 3px;
  }
  .hdg_lv1_project small {
    font-size: 12px;
    display: block;
    font-weight: 400;
  }
  .hdg_lv1_project .lbl_new {
    font-size: 14px;
    position: relative;
    bottom: -2px;
  }
  .lbl_detail {
    font-size: 12px;
    position: relative;
    vertical-align: top;
    bottom: -5px;
  }
  .box_fav {
    border: 0;
    padding: 0;
    margin-top: 13px;
  }
  .fav_popup {
    position: absolute;
    display: block;
    color: #ffffff;
    background-color: #83a860;
    right: 0;
    top: 32px;
    box-sizing: border-box;
    width: 70px;
    padding: 2px 8px 4px;
    z-index: 200;
    font-size: 12px;
  }
  .fav_popup:before {
    content: "";
    position: absolute;
    top: -22px;
    left: 93%;
    margin-left: -15px;
    border: 5px solid transparent;
    border-bottom: 20px solid #83a860;
    transform: rotate(10deg);
    z-index: 100;
  }
  .fav_popup .sp_hide {
    display: none;
  }
  .fav_popup i {
    display: inline-block;
    color: #000000;
    background-color: #ffffff;
    width: 12px;
    height: 12px;
    border-radius: 8px;
    position: absolute;
    margin: auto;
    right: 5px;
    top: 0;
    bottom: 0;
    background: url(../img/icon_close.gif) no-repeat center center;
    background-size: 10px 10px;
    background-color: #ffffff;
  }
  .box_fav .visible_pc,
  .box_panorama.visible_pc {
    display: none !important;
  }
  .box_fav .fa:before {
    color: #ccc;
    font-size: 18px;
  }
  .box_panorama {
    margin-bottom: 5px;
    border-radius: 3px;
    text-align: center;
    padding: 0;
    box-shadow: 0px 1px 0px 0px #a4002c;
    font-weight: bold;
  }
  .box_panorama a {
    display: block;
    padding: 8px 20px 10px;
  }
}

/*-----------------------*/

#property_project .section_heading {
  border-bottom: 1px solid #ddd;
  margin-bottom: 60px;
  padding-bottom: 10px;
}

#property_project.property_project_detail .section_heading {
  border-bottom: 0;
}

.img_count {
  position: absolute;
  left: 30px;
  top: 20px;
  color: #fff;
  font-size: 20px;
}

.bx_control {
  display: table;
  width: 100%;
  background-color: #f5f5f2;
  padding: 73px 0 22px;
}

@media screen and (max-width: 767px) {
  .img_count {
    font-size: 12px;
    left: 10px;
    top: 15px;
  }
  .bx_control {
    padding: 0;
  }
}

#slider_prev {
  display: table-cell;
  vertical-align: middle;
  background: url(/resource/img/cmn_arw_prev.png) no-repeat center;
  width: 11.4%;
}

#slider_next {
  display: table-cell;
  vertical-align: middle;
  background: url(/resource/img/cmn_arw_next.png) no-repeat center;
  width: 11.4%;
}

#slider_prev a,
#slider_next a {
  display: block;
  min-height: 100px;
}

#property_project .box_slider .bx_pager {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

#property_project .box_slider .bx-viewport {
  height: 502px !important;
}

@media screen and (max-width: 767px) {
  #property_project .box_slider .bx-viewport {
    height: 240px !important;
  }
}

#property_project .box_slider .bxslider {
  height: 100%;
  background-color: #fafaf8;
}

#property_project .box_slider .bxslider li {
  list-style: none;
  width: 100%;
  position: absolute;
  display: none;
  height: 100%;
}

#property_project .box_slider .bxslider li span {
  display: table-cell;
  width: 100%;
  height: 428px;
  vertical-align: middle;
}

#property_project .box_slider .bxslider li a {
  height: 428px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
  display: table;
}

@media screen and (max-width: 767px) {
  #property_project .box_slider .bxslider li a {
    height: 240px;
  }
  #property_project .box_slider .bxslider li span {
    height: 240px;
  }
}

#property_project .box_slider .bxslider li a img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
}

#property_project .bx_pager__inner {
  display: block;
  overflow: hidden;
  width: 2000%;
  position: relative;
}

#property_project .box_slider .bx_pager li {
  float: left;
  box-sizing: border-box;
  width: 88px;
  height: 78px;
  padding: 0 5px;
  position: relative;
  margin-bottom: 5px;
}

#property_project .box_slider .bx_pager li a {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 50px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  border: 1px solid #f5f5f2;
}

#property_project .box_slider .js_fullbg {
  z-index: 1;
}

#property_project .box_slider .bx_pager li img {
  border: 1px solid #ddd;
  display: none;
}

#property_project .box_slider .bx_pager li.slider_thumb {
  padding: 0 5px;
}

#property_project .box_slider .bx_pager li.slider_thumb img {
  border: 1px solid #ddd;
  display: block;
}

#property_project .box_slider .bx_pager li a.active {
  border: 1px solid #a4002c;
}

#property_project .box_slider .bx_caption {
  position: absolute;
  color: #333333;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 20px 12px 20px;
  height: 51px;
  z-index: 10;
  background-color: #f5f5f2;
}

#property_project .bx_control {
  padding-top: 0;
}

#property_project .bx-controls {
  padding-bottom: 0;
}

#property_project .bxslider li .bx_caption span {
  display: block;
  height: auto;
}

@media screen and (max-width: 767px) {
  #property_project .section_heading {
    margin-bottom: 0;
  }
  #property_project .section_content {
    overflow: hidden;
  }
  #property_project .section_content .wrp_grid {
    margin: 0;
  }
  #property_project .section_content .grid_6 {
    padding: 0;
  }
  #property_project .box_slider {
    padding-top: 10px;
    background-color: #525559;
    margin: 0 -10px 0px;
  }
  #property_project .box_slider .bx_caption {
    text-align: center;
    bottom: -50px;
    min-height: 0;
    padding: 0;
    background: #525559;
    color: #fff;
  }
  #property_project .box_slider .bx_caption span {
    padding: 5px 5px 0;
    display: block;
    font-size: 12px;
  }
  /*
	#slide_counter{
		position: absolute;
		bottom: -30px;
		text-align: center;
		display: block;
		width: 100%;
		left: 0;
		margin:0;
		margin-left:0 !important;
		padding: 5px 0;
		right: 0;
		background: #525559;
		background-color:transparent;
		color:#333333;
	}
	*/
  #slide_counter {
    position: absolute;
    bottom: -30px;
    text-align: center !important;
    display: block;
    width: 100%;
    left: 0;
    margin: 0;
    margin-left: 0 !important;
    padding: 5px 0;
    right: 0;
    background: #525559;
    color: #fff;
    float: none;
  }
  #slide_counter > strong {
    font-weight: normal;
  }
  .box_slider {
    position: relative;
  }
  .box_slider li {
    text-align: center;
  }
  .box_slider li img {
    margin: 0 auto;
  }
  .box_slider .bx_control {
    position: absolute;
    top: 35%;
  }
  .box_slider #slider_prev,
  .box_slider #slider_next {
    z-index: 99;
    position: absolute;
    background: rgba(45, 51, 57, 0.7);
    width: auto;
  }
  .box_slider #slider_prev a,
  .box_slider #slider_next a {
    position: relative;
    min-height: 0;
    padding: 20px 10px;
    text-align: center;
  }
  .box_slider #slider_prev a:before,
  .box_slider #slider_next a:before {
    position: relative;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    font-size: 24px;
  }
  .box_slider #slider_prev a:before {
    content: "\f104";
  }
  .box_slider #slider_next a:before {
    content: "\f105";
  }
  .box_slider .bx_pager {
    display: none !important;
  }
  .box_slider #slider_prev {
    left: -5px;
  }
  .box_slider #slider_next {
    right: 0;
  }
}

.txt_info {
  font-size: 15px;
  display: block;
  text-indent: -95px;
  padding: 10px 0 10px 95px;
  border-bottom: 1px dashed #ddd;
}

.txt_info_price {
  vertical-align: middle;
  display: table;
  text-indent: 0;
  box-sizing: border-box;
  width: 100%;
  text-indent: -95px;
  padding: 0 0 10px 95px;
  margin: -10px 0 0;
  table-layout: fixed;
}

.txt_info_price span {
  display: table-cell;
  text-align: left;
  font-size: 14px;
}

.txt_info_price span.txt_price {
  display: inline-block;
  padding: 0 0 0 95px;
}

.txt_info_price span.link_loan_simulator {
  display: inline-block;
  font-weight: bold;
  text-indent: 0;
  padding: 0 0 0 20px;
}

.txt_info_price span.link_loan_simulator .fa:before {
  font-size: 18px;
}

.txt_info_price span em {
  color: #333;
  font-size: 40px;
  padding: 0 2px;
}

.txt_info_price span em i {
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  font-family: "Noto Sans JP", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3",
    "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "helvetica", "arial", sans-serif;
}

.txt_info_layout {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4em;
}

.txt_info_aria {
  text-indent: 0;
  padding-left: 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
}

.txt_info_price span.lbl_info,
.lbl_info {
  background-color: #f5f5f2;
  border: 1px solid #ddd;
  box-sizing: border-box;
  display: inline-block;
  padding: 2px 5px;
  width: 80px;
  height: 20px;
  text-align: center;
  margin-right: 15px;
  text-indent: 0;
  line-height: 1;
  font-size: 14px;
  font-weight: normal;
}

.box_contact_project {
  display: table;
  width: 100%;
  padding: 20px 0 30px 0;
}

.box_contact_project p {
  display: table-cell;
  vertical-align: middle;
}

.box_contact_project__phone {
  font-size: 12px;
  text-align: center;
}

.box_contact_project__phone .fa {
  font-size: 24px;
  text-align: center;
  color: #a4002c;
}

.box_contact_project__phone .btn {
  background: none;
  box-shadow: none;
  padding: 0;
}

.box_contact_project__phone .btn .fa:before {
  color: #a4002c;
}

.box_contact_project__phone .visible_pc {
  display: inline-block !important;
}

.box_contact_project .btn_contact {
  background-color: #a4002c;
  padding: 10px 20px;
  color: #fff;
  display: block;
  text-align: center;
}

.box_contact_project .btn_contact .fa:before {
  color: #fff;
}

#property_text_wrap {
  padding: 30px 0 20px;
}

.box_apply_project {
  box-sizing: border-box;
  border: 3px #b9b9b9 solid;
  padding: 25px;
  height: auto;
  max-height: 220px;
  text-align: center;
}

.box_apply_project_bottom {
  margin-top: 60px;
  margin-bottom: 60px;
}

.box_apply_project_bottom .box_apply_project__button {
  margin-top: 12px;
}

.txt_apply_lead {
  margin: 0 0 5px;
  text-align: left;
}

.box_apply_project .btn_contact {
  width: 240px;
  margin: auto;
  background-color: #a4002c;
  padding: 20px 20px;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 16px;
}

.box_apply_project .btn_contact .fa:before {
  color: #fff;
  font-size: 20px;
}

.box_apply_project .btn_application {
  width: 240px;
  margin: auto;
  background-color: #e8a736;
  padding: 20px 20px;
  color: #fff;
  display: block;
  text-align: center;
  font-size: 16px;
}

.box_apply_project .btn_application .fa:before {
  color: #fff;
  font-size: 20px;
}

.box_apply_project .box_apply_guide__link {
  font-weight: bold;
  padding: 13px 0 0;
}

.box_apply_project_wide {
  max-width: 1170px;
  padding: 0 15px;
  margin: 50px auto;
}

.box_apply_project_wide .box_apply_project {
  position: relative;
  padding: 25px 365px 25px 25px;
}

.box_apply_project_wide .btn_contact {
  position: absolute;
  right: 45px;
  top: 0;
  bottom: 0;
  height: 25px;
}

.box_apply_project_wide .txt_apply_lead {
  line-height: 2em;
  margin: 0 0 0;
}

.box_apply_project_wide .box_apply_guide__link {
  text-align: left;
}

@media screen and (max-width: 767px) {
  .lbl_info {
    font-size: 12px;
    width: 65px;
  }
  .txt_info_price span.lbl_info {
    width: 65px;
    font-size: 12px;
  }
  .txt_info {
    padding: 10px 0 10px 80px;
    text-indent: -80px;
    font-size: 12px;
  }
  .txt_info_price,
  .txt_info_aria {
    padding-left: 0;
    text-indent: 0;
  }
  .txt_info_price span.link_loan_simulator {
    display: inline-block;
    font-weight: bold;
    text-indent: 0;
    padding: 0 0 0 80px;
  }
  .txt_info_price span.link_loan_simulator .fa:before {
    font-size: 16px;
  }
  .txt_info_price span em {
    display: block;
    font-size: 20px;
  }
  .txt_info_price span em i {
    font-size: 12px;
  }
  .txt_info_price span {
    font-size: 12px;
  }
  .txt_info_price span.txt_price {
    display: inline-block;
    padding: 0;
  }
  .box_contact_project {
    padding: 15px 0 25px 0;
    table-layout: fixed;
  }
  .box_contact_project p {
    line-height: 0;
  }
  .box_contact_project .btn_contact {
    padding: 18px 10px;
    font-size: 12px;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.75);
    white-space: nowrap;
  }
  .box_contact_project .btn_contact .fa:before {
    display: none;
  }
  .box_contact_project__phone .btn {
    min-width: 0;
    font-size: 12px;
    padding: 10px 8px 12px;
    background: #313336;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.75);
  }
  .box_contact_project__phone {
    width: 50px;
  }
  .box_contact_project__phone .btn .fa:before {
    color: #fff;
    vertical-align: bottom;
  }
  .box_contact_project__phone .fa {
    font-size: 12px;
  }
  .box_contact_project__phone .fa:before {
    font-size: 14px;
  }
  .box_contact_project__button .fa:before {
    margin-right: 0;
  }
  .box_apply_project {
    box-sizing: border-box;
    border: 3px #b9b9b9 solid;
    padding: 15px;
    height: auto;
    max-height: none;
    text-align: center;
  }
  .box_apply_project_bottom {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .box_apply_project_bottom .box_apply_project__button {
    margin-top: 8px;
  }
  .txt_apply_lead {
    margin: 0 0 15px;
    text-align: left;
    font-size: 13px;
    line-height: 1.4em;
  }
  .box_apply_project .btn_contact {
    width: 240px;
    margin: auto;
    background-color: #a4002c;
    padding: 10px 10px;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 14px;
  }
  .box_apply_project .btn_contact .fa:before {
    color: #fff;
    font-size: 20px;
  }
  .box_apply_project .btn_application {
    width: 240px;
    margin: auto;
    background-color: #e8a736;
    padding: 10px 10px;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 14px;
  }
  .box_apply_project .btn_application .fa:before {
    color: #fff;
    font-size: 20px;
  }
  .box_apply_project .box_apply_guide__link {
    font-weight: bold;
    padding: 10px 0 0;
    font-size: 13px;
  }
  .box_apply_project_wide {
    max-width: none;
    padding: 0 15px;
    margin: 20px auto;
  }
  .box_apply_project_wide .box_apply_project {
    position: relative;
    padding: 15px;
  }
  .box_apply_project_wide .btn_contact {
    position: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
    height: auto;
  }
  .box_apply_project_wide .txt_apply_lead {
    line-height: 1.4em;
    margin: 0 0 15px;
  }
  .box_apply_project_wide .box_apply_guide__link {
    text-align: center;
  }
}

.box_contact_project__button {
  padding-left: 10px;
  width: 33.33%;
  text-align: right;
}

#property_project .hdg_lv2 {
  color: #333;
}

.lst_info {
  margin: 0 -5px;
  display: block;
  position: relative;
}

.lst_info > li {
  width: 50%;
  display: block;
  float: left;
  padding: 0 5px 10px;
  box-sizing: border-box;
}

.lst_info__content {
  box-sizing: border-box;
  border: 1px solid #ddd;
  display: table;
  width: 100%;
  min-height: 160px;
  position: relative;
}

.lst_info__text {
  display: table-cell;
  vertical-align: middle;
}

.lst_info__ttl {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

.lst_info__pic {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
  width: 34.5%;
  text-align: center;
}

.lst_info__ttl .list_content_title__rank {
  display: inline-block;
  float: right;
  margin-right: 15px;
}

.section_info {
  margin-bottom: 30px;
}

.section_tabs .box_tab {
  max-width: 1200px;
  padding: 0 15px;
}

.hdg_lv3_3 {
  font-size: 24px;
  padding: 25px 0 10px;
  border-bottom: 1px solid #ddd;
}

.section_contact .wrp_grid {
  margin-top: 35px;
}

.section_contact .hdg_lv3_3 {
  margin: 0 0 20px;
  padding: 0 0 10px;
}

.section_contact .box_media {
  margin-bottom: 60px;
  width: 100%;
}

.section_contact .box_media .box_media__pic {
  width: 30%;
  box-sizing: border-box;
  padding: 0;
}

/*
.section_contact .box_media .box_media__pic img{
	border: 1px solid #ddd;
}
*/

.section_contact .box_media .box_media__txt {
  padding-left: 20px;
}

.lst_features {
  display: block;
  position: relative;
  padding: 10px 0 0;
}

.lst_features > li {
  display: block;
  box-sizing: border-box;
  width: 25%;
  position: relative;
  float: left;
  padding-left: 15px;
  margin-bottom: 5px;
}

.lst_features > li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #a4002c;
  border-radius: 50%;
  left: 0;
  top: 10px;
}

#property_project .wrp_tab__content {
  padding: 0;
}

#property_project .wrp_tab__content li p {
  position: relative;
}

.lbl_info_large {
  width: 100px;
}

.section_tabs .box_enviroment {
  border-bottom: 1px solid #ddd;
}

.lst_enviroment {
  padding-top: 20px;
}

.lst_enviroment > li {
  margin-bottom: 20px;
}

#slide_counter {
  display: inline-block;
  float: right;
  margin-left: 5px;
}

#property_project .box_contact__pic {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #ddd;
  text-align: center;
}

#property_project .box_contact__pic__zoom {
  position: absolute;
  font-size: 24px;
  right: 10px;
  bottom: 10px;
}

.com_map #map_honsha {
  margin-top: 10px;
  width: 450px;
  height: 300px;
}

.box_slider .tag_kikaku {
  position: absolute;
  display: block;
  color: #ffffff;
  background-color: #e8a736;
  top: 0;
  left: 0;
  font-size: 15px;
  line-height: 1.4em;
  padding: 10px 15px;
  z-index: 100;
  text-align: center;
}

.btn_kikaku_info {
  text-align: center;
  padding: 30px 0;
}

.btn_kikaku_info a {
  display: block;
  box-sizing: border-box;
  width: 292px;
  margin: 0 auto;
  padding: 8px 10px;
  color: #ffffff;
  background-color: #2d3339;
}

.btn_kikaku_info a .fa:before {
  color: #ffffff;
}

.property_map_pc {
  display: block;
}

.property_map_sp {
  display: none;
}

@media (min-width: 768px), print {
  .det_madori {
    position: relative;
    box-sizing: border-box;
    text-align: center;
  }
  .det_madori img {
    max-width: 568px !important;
    max-height: 426px !important;
  }
  .proj_mapimg {
    position: relative;
    box-sizing: border-box;
    text-align: center;
  }
  .proj_mapimg img {
    max-width: 568px !important;
    max-height: 426px !important;
  }
  .lst_info__pic > li:nth-of-type(2n + 1) {
    clear: both;
  }
  .lst_info__pic img {
    max-width: 169px;
    max-height: 128px;
  }
}

@media screen and (max-width: 767px) {
  .com_map #map_honsha {
    margin-top: 10px;
    width: 100%;
    height: 250px;
  }
  .lst_info {
    margin: 0;
  }
  .lst_info > li {
    width: 100%;
    display: block;
    padding: 0;
  }
  .lst_info__content {
    min-height: auto;
  }
  .lst_features {
    font-size: 12px;
  }
  .lst_features > li {
    width: 50%;
  }
  .box_contact_project__phone .visible_pc {
    display: none !important;
  }
  .box_contact_project__phone .visible_sp {
    display: inline-block !important;
    vertical-align: middle;
  }
  .box_contact_project__phone .fa,
  .box_contact_project__phone .fa:before {
    color: #fff;
  }
  #property_project .box_contact__pic__zoom {
    font-size: 16px;
  }
  .section_contact .box_media {
    display: table;
    width: 100%;
    margin-bottom: 0;
  }
  .section_contact .box_media__pic {
    display: table-cell;
    vertical-align: middle;
    width: 31%;
  }
  .section_contact .box_media .box_media__pic img {
    border: none;
  }
 
  .section_contact .box_media__txt {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
  }
  box_media__noti
  .lst_info__ttl {
    font-size: 18px;
    margin-bottom: 5px;
  }
  #property_project .box_tab li a {
    font-size: 14px;
  }
  .lst_enviroment {
    padding: 0 0 10px;
  }
  .lst_enviroment > li {
    margin-bottom: 10px;
  }
  .lst_info__ttl .list_content_title__rank {
    margin-right: 0;
  }
  .lst_info__pic {
    padding: 10px;
    width: 36.67%;
  }
  .lst_info__text {
    font-size: 12px;
    padding: 10px 10px 10px 0;
  }
  .section_tabs .box_enviroment {
    border-bottom: none;
    padding: 0;
  }
  .box_slider_enviroment {
    background: #f5f5f2;
  }
  .box_slider .tag_kikaku {
    position: absolute;
    display: block;
    color: #ffffff;
    background-color: #e8a736;
    top: 0;
    left: 0;
    font-size: 12px;
    line-height: 1.4em;
    padding: 8px 10px;
    z-index: 100;
    text-align: center;
  }
  .box_tab.tab_property {
    display: none;
  }
  .property_map_pc {
    display: none;
  }
  .property_map_sp {
    display: block;
  }
}

/*---------------------------*/

.box_property_detail {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

.lst_detail li {
  display: table;
  border-bottom: 1px dashed #ddd;
}

.lst_detail li p {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding: 8px 0;
}

.lst_detail li p span {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}

.lst_detail li p .lst_detail__title {
  width: 30%;
  font-weight: bold;
}

.detai_relative {
  border-top: 1px solid #ddd;
  margin-bottom: 40px;
}

.detai_relative .lst_info {
  margin: 20px 0 30px;
}

.contact_info .hdg_lv3_3 {
  margin-bottom: 20px;
}

.content_detail .section_content {
  margin-bottom: 40px;
}

.content_detail .section_tabs .lst_features > li {
  width: 50%;
}

.content_detail .contact_info {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .detai_relative .btn {
    border-radius: 3px;
  }
  .hdg_lv3_3 {
    font-size: 19px;
    margin-bottom: 5px;
  }
  .section_contact .hdg_lv3_3 {
    padding: 15px 0 10px;
    margin-bottom: 10px;
  }
  .box_property_detail {
    margin-bottom: 20px;
  }
  .lst_detail li {
    border-bottom: 0;
  }
  .lst_detail li p span {
    padding-left: 5px;
    box-sizing: border-box;
  }
  .lst_detail li p {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
  }
  .lst_detail li p:after {
    content: "";
    clear: both;
    display: block;
  }
  .lst_detail li p .lst_detail__title {
    font-weight: normal;
    padding-left: 0;
  }
  .contact_info .hdg_lv3_3 {
    margin-bottom: 10px;
  }
  .content_detail .section_content {
    margin-bottom: 20px;
  }
  .content_detail .contact_info {
    margin-top: 20px;
  }
  .lbl_info_large {
    width: 85px;
  }
  .btn_kikaku_info {
    text-align: center;
    padding: 10px 0 10px;
  }
  .btn_kikaku_info a {
    display: inline-block;
    box-sizing: border-box;
    min-width: 240px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1em;
    padding: 12px 15px;
    color: #ffffff;
    background-color: #2d3339;
    border-radius: 3px;
  }
  .btn_kikaku_info a .fa:before {
    color: #ffffff;
  }
}

#property_project_map,
#property_project_map_sp {
  position: relative;
  width: 100%;
  height: 400px;
}

.box_slider_enviroment {
  padding: 20px 0;
  overflow: hidden;
}

.box_slider_enviroment .bx-wrapper {
  display: block;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

.box_slider_enviroment .bx-prev {
  position: absolute;
  display: inline-block;
  left: -30px;
  top: 30px;
  font-size: 30px;
}

.box_slider_enviroment .bx-next {
  position: absolute;
  display: inline-block;
  right: -30px;
  top: 30px;
  font-size: 30px;
}

.bx-prev.disabled,
.bx-next.disabled {
  cursor: default;
}

.bx-prev.disabled .fa:before,
.bx-next.disabled .fa:before {
  color: #ddd;
}

.box_slider_enviroment .bx_caption {
  display: block;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .box_slider_enviroment .bx_caption {
    font-size: 12px;
  }
  .box_slider_enviroment .bx-wrapper {
    padding: 0;
    overflow: visible !important;
    max-width: 100% !important;
  }
  .box_slider_enviroment .bx-viewport {
    width: 200px !important;
    margin: 0 auto;
    overflow: visible !important;
  }
  .box_slider_enviroment .bx-prev {
    background: rgba(45, 51, 57, 0.7);
    padding: 5px 8px 10px 6px;
    left: 0;
  }
  .box_slider_enviroment .bx-next {
    background: rgba(45, 51, 57, 0.7);
    padding: 5px 5px 10px 10px;
    right: 0;
  }
  .box_slider_enviroment .bx-prev .fa:before,
  .box_slider_enviroment .bx-prev.disabled .fa:before,
  .box_slider_enviroment .bx-next .fa:before,
  .box_slider_enviroment .bx-next.disabled .fa:before {
    color: #fff;
  }
  #property_project_map,
  #property_project_map_sp {
    height: 200px;
  }
}

/*------Popup------*/

/* Outer */

.popup {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1001;
  overflow-y: auto;
}

.popup__button {
  position: relative;
  display: block;
  top: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  height: 70px;
  text-align: right;
  padding: 10px 20px 0;
}

/* Inner */

.popup__inner {
  position: relative;
  top: 0;
  line-height: 0;
  margin: 0 auto;
  border-radius: 3px;
  background: transparent;
}

/* Close Button */

.popup__close {
  width: 40px;
  height: 60px;
  display: inline-block;
  background: transparent url(/resource/img/icn_modal_close.png) no-repeat
    center;
}

/* List Button */

.popup__list {
  width: 40px;
  height: 60px;
  display: inline-block;
  background: transparent url(/resource/img/icn_modal_list.png) no-repeat center;
}

.popup__list.popup-icon {
  background: transparent url(/resource/img/icn_modal_list2.png) no-repeat
    center;
}

.popup__close:hover {
  text-decoration: none;
}

.popup_list_inner {
  margin-top: 60px;
  display: none;
  padding: 0 10px;
  box-sizing: border-box;
}

.lst_popup_img {
  margin: 0 -5px;
  overflow: hidden;
}

.lst_popup_img > li {
  box-sizing: border-box;
  float: left;
  width: 20%;
  height: auto;
  overflow: hidden;
  text-align: center;
  position: relative;
}

.lst_popup_img > li:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.lst_popup_img > li a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 98%;
  height: 98%;
  margin: auto;
  background-size: cover;
  background-position: center;
}

.lst_popup_img > li img {
  width: auto;
  height: 100%;
  max-width: none;
  display: none;
}

.lst_popup_img > li img.vertical-img {
  width: 100%;
  height: auto;
}

.popup_slide_inner {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.lst_slide_img {
  position: relative;
  list-style: none;
}

.lst_slide_img > li {
  display: block;
  float: left;
  text-align: center;
  box-sizing: border-box;
}

a.control_box__prev .fa:before,
a.control_box__next .fa:before {
  color: #fff;
  font-size: 34px;
  margin-right: 0;
}

a.control_box__prev,
a.control_box__next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  width: auto;
  height: auto;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_box__prev,
a.control_box__next {
  padding: 20px 10px;
  background: rgba(45, 51, 57, 0.8);
}

a.control_box__prev:hover,
a.control_box__next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_box__prev {
  border-radius: 0 2px 2px 0;
  left: 10px;
}

a.control_box__next {
  right: 10px;
  border-radius: 2px 0 0 2px;
}

@media screen and (max-width: 999px) {
  a.control_box__prev {
    left: 0;
  }
  a.control_box__next {
    right: 0;
  }
}

.lst_slide_img__caption {
  position: absolute;
  width: 100%;
  min-height: 70px;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
  padding: 25px 20px 20px;
}

.slide_lifecycle a .zoomarea {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  padding: 10px 100px 10px;
}

.slide_lifecycle a .zoomarea img {
  position: relative;
  top: 0 !important;
  transform: none !important;
}

.lst_slide_img__caption2 {
  position: absolute;
  width: 100%;
  min-height: 70px;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.4em;
  color: #333;
  background-color: #fff;
  box-sizing: border-box;
  margin-top: -78px;
  padding: 25px 20px 20px;
}

@media screen and (max-width: 767px) {
  .popup__button {
    padding: 0;
    height: 50px;
  }
  .popup__button span {
    display: inline-block;
  }
  .popup__list {
    width: 50px;
    height: 50px;
  }
  .popup__close {
    width: 50px;
    height: 50px;
  }
  .lst_popup_img > li {
    width: 33.33333%;
  }
  a.control_box__prev .fa:before,
  a.control_box__next .fa:before {
    font-size: 20px;
  }
  a.control_box__prev,
  a.control_box__next {
    padding: 20px 10px;
    background: rgba(45, 51, 57, 0.8);
  }
  a.control_box__prev {
    left: 0;
  }
  a.control_box__next {
    right: 0;
  }
  .lst_slide_img__caption {
    font-size: 16px;
    min-height: 50px;
    padding: 15px 15px 10px;
  }
  .popup_list_inner {
    margin-top: 0;
  }
  .slide_lifecycle a .zoomarea {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    padding: 10px 40px 20px;
  }
  .slide_lifecycle a .zoomarea img {
    position: relative;
    top: 0 !important;
    transform: none !important;
  }
  .lst_slide_img__caption2 {
    position: absolute;
    width: 100%;
    min-height: 70px;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
    color: #333;
    background-color: #fff;
    box-sizing: border-box;
    margin-top: -62px;
    padding: 20px 20px 20px;
  }
}

/*-------Page favorite--------*/

#page_favorite {
}

#page_favorite .hdg_lv1 {
  font-weight: normal;
}

.favorite_help {
  margin-bottom: 20px;
  overflow: hidden;
}

.fav_help_head {
  text-align: center;
  display: none;
}

.fav_help_note {
  padding: 10px 0;
  text-align: center;
  color: #a4002c;
  display: none;
}

.favorite_help__left {
  float: left;
}

.favorite_help__right {
  float: right;
  cursor: pointer;
}

.favorite_help__right .fa:before {
  color: #333;
}

.no_items {
  width: 100% !important;
  float: none 100% !important;
  text-align: center;
}

.section_favorite_help {
  margin-top: 45px;
  display: none;
}

.section_favorite_help ul {
  overflow: hidden;
}

.section_favorite_help h5 {
  font-size: 24px;
  text-align: center;
  padding-bottom: 25px;
}

.section_favorite_help li {
  border-left: 1px solid #ddd;
}

.section_favorite_help li:first-child {
  border-left: 0;
}

.section_favorite_help__content {
  padding: 10px 0 25px;
}

.favorite_help__left .visible_pc {
  display: inline-block !important;
}

.section_favorite .lst_fav li:nth-of-type(2n + 1) {
  clear: both;
}

@media screen and (max-width: 767px) {
  .favorite_help__left .count_items {
    font-weight: bold;
  }
  .favorite_help__left .visible_pc {
    display: none !important;
  }
  .fav_help_head {
    display: none !important;
  }
  .fav_help_note {
    padding: 10px 0 0;
    text-align: left;
  }
  .section_favorite_help li {
    border-left: 0;
  }
  .section_favorite_help h5 {
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 19px;
  }
  .section_favorite_help p {
    margin-bottom: 15px;
  }
}

.info_favorite {
  height: 60px;
  position: relative;
  margin-top: 15px;
}

.info_favorite__content {
  background-color: rgba(0, 0, 0, 0.4);
  max-width: 100% !important;
}

.info_favorite .box_fav {
  display: inline-block;
  vertical-align: middle;
  background-color: #2d3339;
  color: #fff;
  border: none;
}

.info_favorite .box_fav_contact {
  display: inline-block;
  float: right;
}

.info_favorite .box_fav_button {
  float: left;
  margin-top: 12px;
}

.box_fav_button a,
.box_fav_button a:hover,
.box_fav_button .fa:before {
  color: #fff;
}

.box_fav_button a {
  display: block;
}

.box_fav_button .active .fa:before {
  color: #ff9900;
}

.info_favorite .box_contact_project {
  color: #fff;
  vertical-align: middle;
  padding: 8px 0 8px;
}

.info_favorite .box_contact_project__phone .fa,
.info_favorite .box_contact_project__phone .fa:before {
  color: #fff;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .projects .box_fav_contact,
  .property_project_detail .box_fav_contact {
    width: 100%;
  }
  .info_favorite {
    height: 54px;
  }
  .box_fav_button {
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 4px;
    padding: 8px 10px 10px;
    box-sizing: border-box;
    margin-top: 20px;
  }
  .box_fav_button a,
  .box_fav_button a:hover,
  .box_fav_button .fa:before {
    color: #313336;
  }
  .info_favorite .box_contact_project__phone .fa,
  .info_favorite .box_contact_project__phone .fa:before {
    font-size: 12px;
  }
  .btn_address {
    min-width: auto;
  }
}

#property_project .box_slide {
  margin-top: 0;
}

#property_project .hdg_lv2 {
  margin-top: 30px;
}

.history_contents .lst_media .lst_media__content p {
  font-size: 12px;
}

.bukken_sold_out a {
  cursor: default;
}

.bukken_sold_out a:hover {
  color: #333;
}

.bukken_sold_out a .fa:before {
  display: none;
}

.bukken_sold_out .lst_info__pic:after {
  content: " ";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/resource/img/ico_sold_out.png) center center no-repeat;
}

.bukken_sold_out .lst_info__pic img {
  opacity: 0.5;
}

.bukken_sold_out .list_content_title__rank {
  display: none;
}

.bukken_sold_out .lst_info__text * {
  color: #999999 !important;
}

@media (min-width: 768px), print {
  .history_contents .lst_media .lst_media__img {
    display: table;
    width: 176px;
    height: 126px;
  }
  .history_contents .lst_media .lst_media__img span {
    position: relative;
    display: table-cell;
    width: 176px;
    height: 126px;
    text-align: center;
    vertical-align: middle;
  }
  .history_contents .lst_media .lst_media__img span:before {
    content: ".";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 176px;
    height: 126px;
    box-sizing: border-box;
    border: 1px solid #eee;
    background: #fafaf8;
    font-size: 0.1px;
    color: #fafaf8;
    z-index: -1;
  }
  .history_contents .lst_media .lst_media__img span img {
    max-width: 176px;
    max-height: 127px;
  }
  .history_contents .lst_media .lst_media__img span .tag_kikaku {
    position: absolute;
    display: block;
    color: #ffffff;
    background-color: #e8a736;
    top: 0;
    left: 0;
    width: 60px;
    height: 28px;
    font-size: 10px;
    line-height: 1.4em;
    padding: 4px 6px;
  }
  .lst_search_new .lst_media__img > span {
    display: table;
    width: 270px;
    height: 202px;
  }
  .lst_search_new .lst_media__img > span > span {
    position: relative;
    display: table-cell;
    width: 270px;
    height: 202px;
    text-align: center;
    vertical-align: middle;
  }
  .lst_search_new .lst_media__img > span > span:before {
    content: ".";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    height: 202px;
    box-sizing: border-box;
    border: 1px solid #eee;
    background: #fafaf8;
    font-size: 0.1px;
    color: #fafaf8;
    z-index: -1;
  }
  .lst_search_new .lst_media__img > span > span img {
    max-width: 270px;
    max-height: 202px;
    max-width: 268px;
    max-height: 200px;
  }
  .lst_media__img {
    position: relative;
  }
  .lst_media__img .tag_kikaku {
    position: absolute;
    display: block;
    color: #ffffff;
    background-color: #e8a736;
    top: 0;
    left: 0;
    font-size: 11px;
    line-height: 1.4em;
    padding: 8px 12px;
  }
  .js_env_photo .env_photo {
    display: table;
    width: 170px;
    height: 127px;
  }
  .js_env_photo .env_photo > span {
    position: relative;
    display: table-cell;
    width: 170px;
    height: 127px;
    text-align: center;
    vertical-align: middle;
  }
  .js_env_photo .env_photo > span:before {
    content: ".";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 170px;
    height: 127px;
    box-sizing: border-box;
    border: 1px solid #eee;
    background: #fafaf8;
    font-size: 0.1px;
    color: #fafaf8;
    z-index: -1;
  }
  .js_env_photo .env_photo > span img {
    max-width: 170px;
    max-height: 127px;
  }
  .list_bukken .box_media__pic > span {
    display: table;
    width: 320px;
    height: 240px;
  }
  .list_bukken .box_media__pic > span > span {
    position: relative;
    display: table-cell;
    width: 320px;
    height: 240px;
    text-align: center;
    vertical-align: middle;
  }
  .list_bukken .box_media__pic > span > span:before {
    content: ".";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 240px;
    box-sizing: border-box;
    border: 1px solid #eee;
    background: #fafaf8;
    font-size: 0.1px;
    color: #fafaf8;
    z-index: -1;
  }
  .box_media__pic {
    position: relative;
  }
  .box_media__pic .tag_kikaku {
    position: absolute;
    display: block;
    color: #ffffff;
    background-color: #e8a736;
    top: 0;
    left: 0;
    font-size: 11px;
    line-height: 1.4em;
    padding: 8px 12px;
  }
  .lst_info__pic .tag_kikaku {
    position: absolute;
    display: block;
    color: #ffffff;
    background-color: #e8a736;
    top: 0;
    left: 0;
    font-size: 11px;
    line-height: 1.4em;
    padding: 8px 12px;
  }
  .list_bukken .box_media__pic > span > span img {
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
  }
  .lst_fav__inner .box_media__pic > span {
    display: table;
    width: 178px;
    height: 128px;
  }
  .lst_fav__inner .box_media__pic > span > span {
    position: relative;
    display: table-cell;
    width: 178px;
    height: 128px;
    text-align: center;
    vertical-align: middle;
  }
  .lst_fav__inner .box_media__pic > span > span:before {
    content: ".";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 178px;
    height: 128px;
    box-sizing: border-box;
    border: 1px solid #eee;
    background: #fafaf8;
    font-size: 0.1px;
    color: #fafaf8;
    z-index: -1;
  }
  .lst_fav__inner .box_media__pic > span > span img {
    max-width: 178px;
    max-height: 128px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
  }
  .lst_info__pic {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
    width: 34.5%;
    text-align: center;
  }
  .lst_info__pic > span {
    display: table;
    width: 167px;
    height: 128px;
  }
  .lst_info__pic > span > span {
    position: relative;
    display: table-cell;
    width: 167px;
    height: 128px;
    text-align: center;
    vertical-align: middle;
  }
  .lst_info__pic > span > span:before {
    content: ".";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 167px;
    height: 128px;
    box-sizing: border-box;
    border: 1px solid #eee;
    background: #fafaf8;
    font-size: 0.1px;
    color: #fafaf8;
    z-index: -1;
  }
  .lst_info__pic > span > span img {
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
  }
}

.map_honsha {
  width: 450px;
  height: 300px;
}

@media screen and (max-width: 767px) {
  .lst_search_new {
    height: auto !important;
    padding: 10px !important;
  }
  .map_honsha {
    width: 100%;
    height: 250px;
  }
  .js_env_photo .env_photo {
    display: table;
    width: 200px;
    height: 127px;
  }
  .js_env_photo .env_photo > span {
    position: relative;
    display: table-cell;
    width: 200px;
    height: 127px;
    text-align: center;
    vertical-align: middle;
  }
  .js_env_photo .env_photo > span:before {
    content: ".";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 127px;
    box-sizing: border-box;
    border: 1px solid #eee;
    background: #fafaf8;
    font-size: 0.1px;
    color: #fafaf8;
    z-index: -1;
  }
  .js_env_photo .env_photo > span img {
    max-width: 200px;
    max-height: 127px;
  }
  .history_contents .lst_media .lst_media__img {
    display: table;
    width: 230px;
    height: 126px;
  }
  .history_contents .lst_media .lst_media__img span {
    position: relative;
    display: table-cell;
    width: 230px;
    height: 126px;
    text-align: center;
    vertical-align: middle;
  }
  .history_contents .lst_media .lst_media__img span:before {
    content: ".";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    height: 126px;
    box-sizing: border-box;
    border: 1px solid #eee;
    background: #fafaf8;
    font-size: 0.1px;
    color: #fafaf8;
    z-index: -1;
  }
  .history_contents .lst_media .lst_media__img span img {
    max-width: 230px;
    max-height: 127px;
  }
}

@media (max-width: 319px) {
  .mb10_sp1 {
    margin-bottom: 10px !important;
  }
}

/* Special 3d-ex
-------------------------------------------------- */

.wrp_heading_3dex {
  background: url(/resource/img/special/3dex-bg-main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

.wrp_heading_3dex .nav_breadcrumb,
.wrp_heading_3dex .nav_breadcrumb a
/*
.wrp_heading_design .nav_breadcrumb,
.wrp_heading_design .nav_breadcrumb a */ {
  color: #333333;
}

.wrp_heading_3dex h1 span {
  border-color: #333333;
}

.wrp_heading_3dex h1 span,
.wrp_heading_3dex p {
  color: #333333 !important;
}

.wrp_heading_3dex h1 span {
  border-color: #333333;
}

.wrp_heading_3dex .txt_head br {
  display: none;
}

.hdg_lv2_3dex {
  font-size: 32px;
  margin: 80px 0 25px;
  position: relative;
  font-weight: 300;
  text-align: center;
}

.txt_lead_3dex {
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}

.txt_3dex_note {
  color: #a4002c;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  padding: 25px 0 0;
}

.txt_shop_appeal {
  color: #a4002c;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.11em;
  padding: 10px 0 0;
}

.box_3dex_outline .btn,
.box_3dex_shops .btn {
  background-color: #a4002c;
}

.btn_gmap {
  display: none;
}

.box_3dex_video {
  width: 100%;
  max-width: 854px;
  margin: 0 auto;
  text-align: center;
  padding: 40px 0 0;
}

.box_3dex_video .inner {
  position: relative;
  height: 34px;
  padding: 30px 0 52.25%;
  overflow: hidden;
}

.box_3dex_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lst_3dex_shops {
  margin: 0;
  padding: 40px 0 78px;
}

.lst_3dex_shops li {
  width: 33.33333333%;
  float: left;
  margin: 0 0 10px 0;
}

.lst_3dex_shops li p {
  margin: 0 5px;
  position: relative;
}

.lst_3dex_shops li img {
  width: 100%;
  height: auto;
}

.lst_3dex_shops li span {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px #a4002c solid;
}

.lst_3dex_shops li:hover span {
  display: block;
}

.box_shop_information {
  border: 1px #dddddd;
  border-bottom-style: solid;
  padding: 0 0 40px;
  margin-bottom: 40px;
}

.box_shop_information h3 {
  font-size: 24px;
  line-height: 1.25em;
  margin-bottom: 20px;
}

.box_shop_information > p {
  text-align: center;
}

.box_shop_information div p {
  margin-bottom: 20px;
}

.box_shop_map {
  clear: both;
  position: relative;
  padding-top: 500px;
  height: 0;
  overflow: hidden;
  margin: 30px 5px 30px;
}

.box_shop_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
}

#box_shop_sakae {
  clear: both;
}

.icn_freedial {
  background: url(/resource/img/cmn_icon_freedial.png) no-repeat left center;
  padding: 0 0 0 2em;
}

@media only screen and (max-width: 767px) {
  .wrp_heading_3dex {
    background: url(/resource/img/special/3dex-bg-main.jpg) no-repeat center;
    background-size: cover;
    box-sizing: border-box;
    height: 180px;
    padding: 10px 0 30px;
  }
  .wrp_heading_3dex .txt_head br {
    display: block;
  }
  .hdg_lv2_3dex {
    margin: 35px 0 25px;
    font-size: 20px;
    line-height: 1em;
  }
  .txt_lead_3dex {
    font-size: 14px;
    line-height: 1.25em;
    text-align: left;
  }
  .txt_3dex_note {
    font-size: 14px;
    line-height: 1.25em;
    text-align: left;
  }
  .txt_shop_appeal {
    color: #a4002c;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.11em;
    padding: 10px 0 0;
  }
  .lst_3dex_shops {
    padding: 40px 0 30px;
  }
  .lst_3dex_shops li {
    width: 50%;
  }
  .box_shop_information {
    border: none;
    padding: 0 0 0;
    margin-bottom: 0;
    font-size: 13px;
  }
  .box_shop_information h3 {
    font-size: 16px;
    line-height: 1.25em;
    margin-bottom: 10px;
  }
  .box_shop_information > p {
    text-align: center;
  }
  .box_shop_information div p {
    margin-bottom: 10px;
  }
  .box_shop_map {
    display: none;
  }
  .btn_gmap {
    display: block;
  }
  .btn_gmap .btn {
    background-color: #525559;
  }
}

@media only screen and (max-width: 767px) {
  .care_iframe iframe {
    margin-top: 10px;
    width: 100%;
    height: auto;
  }
}

.box-contentslink ul li a {
  display: block;
  height: 100%;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  padding: 27px 19px;
}

.box-contentslink--owner ul li div {
  width: 100%;
  height: 195px;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  line-height: 190px;
}

.box-contentslink ul li a:hover {
  border: 1px solid #a4002c;
}

.box-contentslink ul li a:hover h3 {
  color: #a4002c;
}

.box-contentslink ul li a:hover h3 .fa {
  background: #a4002c;
}

.box-contentslink ul li a:hover li {
  color: #333333;
}

.box-contentslink ul li a h3 span {
  font-size: 20px;
}

.box-contentslink ul li a .fa {
  background: #2d3339;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 0;
  position: relative;
  top: -2px;
  margin-right: 10px;
}

.box-contentslink ul li a .fa:before {
  color: #fff;
  margin: 0;
  font-size: 14px;
}

.box-contentslink ul li ul {
  margin: 20px 0 0;
}

.box-contentslink ul li ul li {
  margin: 5px 0 0 1em;
  text-indent: -1em;
}

.box-contentslink ul li ul li:before {
  content: "・";
}

.box-contentslink--owner dl dt {
  margin-top: 20px;
  font-size: 18px;
  font-weight: bold;
}

.box-contentslink--owner dl dd {
  position: relative;
  padding-left: 14px;
}

.box-contentslink--owner dl dd:before {
  content: "・";
  position: absolute;
  left: 0;
}

.box-contentslink--owner dl dd.disable-disc:before {
  display: none;
}

.box-contentslink .modal_product {
  cursor: pointer;
}

.box-contentslink .modal_product img {
  max-width: 100%;
  max-height: 190px;
  vertical-align: middle !important;
}

.next_event_info tr:first-child {
  border-top: 1px solid #ccc;
}

.next_event_info tr:last-child {
  border-bottom: 1px solid #ccc;
}

.next_event_info .middle_cell {
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
}

.next_event_info th {
  min-width: 28px;
  background-color: #f5f5f2;
}

.next_event_info th,
td {
  padding: 15px;
}

.next_event_info .date {
  display: block;
  position: relative;
  left: 55px;
  max-width: calc(100% - 55px);
}

.next_event_info .date span {
  position: absolute;
  top: 0;
  left: -55px;
}

.lst_media--fluid .lst_media__img {
  width: 100%;
}

.lst_media--fluid .lst_media__img img {
  width: 100%;
  height: auto;
}

.box_interior-fes__title {
  margin: 60px 0 30px;
}

.interior-fes_main-visual {
  position: relative;
  height: 400px;
  box-sizing: border-box;
  background: url("/resource/img/special_interior-fes_main.jpg") no-repeat
    center;
  background-size: cover;
}

.interior-fes_main-visual .nav_breadcrumb {
  padding: 0 15px 0 0;
  color: #fff;
}

.interior-fes_main-visual .nav_breadcrumb a {
  color: #fff;
}

.interior-fes_main-visual .wrp_heading-message {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 560px;
  height: 220px;
  margin: auto;
  padding: 20px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.75);
}

.interior-fes_main-visual .heading_interior-fes_txt {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #a4002c;
  box-sizing: border-box;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #a4002c;
}

.interior-fes_main-visual .txt_head {
  padding: 30px 0 0 0;
  line-height: 46px;
  font-size: 36px;
  letter-spacing: -0.06em;
}

.hdg_lv2--about-interior-fes {
  margin: 0 0 40px;
}

.hdg_lv2--about-interior-appli {
  font-size: 25px;
  color: #333333;
  margin: 60px 0 15px;
}

.hdg_lv2--about-interior-appli span {
  display: inline-block;
  font-size: 35px;
  color: #a4002c;
  position: relative;
}

/*
.hdg_lv2--about-interior-appli span:before,
.hdg_lv2--about-interior-appli span:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 40px;
  bottom: 8px;
  background-color: #a4002c;
}

.hdg_lv2--about-interior-appli span:before {
  left: -20px;
  transform: rotate(-45deg);
}

.hdg_lv2--about-interior-appli span:after {
  right: -20px;
  transform: rotate(45deg);
}
*/

.vacation-label {
  max-width: 800px;
  margin: 60px auto 0 auto;
  padding: 30px 20px;
  border-top: 4px solid #ddd;
  border-bottom: 4px solid #ddd;
  box-sizing: border-box;
}

.vacation-label .hdg_lv3 {
  margin: 0 auto;
  font-size: 18px;
}

.vacation-label .txt_lead {
  margin: 20px 0 0 0;
  font-size: 16px;
}

.vacation-label .txt_lead span.block {
  display: block;
  padding: 14px 0;
}

.wrp-floor-map {
  padding: 50px 0;
  box-sizing: border-box;
  background-image: url(/resource/img/interior_fes_floor_map_bg.png);
}

.box-floor-map-merit,
.box-floor-map-info {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}

.box-floor-map-info {
  margin: 90px auto 0 auto;
}

.box-merit-card {
  width: 100%;
  padding: 8px 0;
  box-sizing: border-box;
  background-color: #fff;
}

.box-merit-card__inner {
  padding: 30px 45px;
  border-top: 2px dashed #d95050;
  border-bottom: 2px dashed #d95050;
  box-sizing: border-box;
}

.lst-interior-fes-merit {
  width: auto;
  max-width: 900px;
  margin: auto;
}

.lst-interior-fes-merit__item {
  margin-bottom: 20px;
  padding-left: 30px;
  font-size: 18px;
}

.lst-interior-fes-merit__item:last-child {
  margin-bottom: 0px;
}

.lst-interior-fes-merit__item:before {
  content: "";
  margin-left: -28px;
  padding-right: 10px;
  font-weight: bold;
  color: #d95050;
}

.lst-interior-fes-merit__item:nth-child(1):before {
  content: "1.";
}

.lst-interior-fes-merit__item:nth-child(2):before {
  content: "2.";
}

.lst-interior-fes-merit__item:nth-child(3):before {
  content: "3.";
}

.lst-interior-fes-merit__item:nth-child(4):before {
  content: "4.";
}

.lst-interior-fes-merit__item:nth-child(5):before {
  content: "5.";
}

.lst-interior-fes-merit__item > span {
  font-size: 14px;
}

.box-floor-map-info .fluid_image.floor-image-map {
  width: 100%;
}

.box-floor-map-description {
  padding: 0 15px 0 0;
}

.box-floor-map-description__hdg-txt {
  position: relative;
  margin-bottom: 20px;
  padding: 5px 0 5px 35px;
  border-bottom: 2px dashed #d95050;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
}

.box-floor-map-description__hdg-txt:before {
  content: counter(num);
  position: absolute;
  left: 0px;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 50%;
  text-align: center;
  font-weight: normal;
  background-color: #d95050;
  color: #fff;
  line-height: 1.5em;
}

.box-floor-map-description__hdg-txt .floor-map-tag {
  display: inline-block;
  padding: 0 5px;
  border: 2px solid #d95050;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 12px;
  background-color: #fff;
  color: #d95050;
}

.box-interior-fes-calender {
  box-sizing: border-box;
  padding: 0 95px;
}

.interior-fes-calender-info {
  width: auto;
  margin: 0 0 0 150px;
}

.interior-fes-calender-info > dt {
  width: 12em;
  clear: both;
  float: left;
  text-align: center;
  color: #ffffff;
  margin: 10px 0 0;
}

.interior-fes-calender-info > dt.fes {
  background-color: #d47f1e;
}

.interior-fes-calender-info > dt.biz {
  background-color: #65ad89;
}

.interior-fes-calender-info > dd {
  margin: 0 0 0 13em;
  padding: 10px 0 0;
}

.googleCalendar {
  margin-top: 40px;
}

.googleCalendar iframe {
  width: 100%;
  height: 400px;
}

@media all and (min-width: 768px) {
  .googleCalendar iframe {
    height: 600px;
  }
}

.box-interior-fes-access {
  background-color: #f5f5f2;
  padding: 70px 0 90px;
  margin-top: 90px;
}

.box-interior-fes-access .inner {
  width: auto;
  max-width: 1170px;
  margin: auto;
}

.interior-fes-access-info {
  margin-top: 50px;
  font-size: 17px;
}

.interior-fes-access-info dt {
  width: auto;
  max-width: 7em;
  background-color: #b98b59;
  text-align: center;
  color: #ffffff;
  font-size: 15px;
}

.interior-fes-access-info dd {
  margin-top: 10px;
  line-height: 1.85em;
}

.counter_target {
  counter-increment: num;
}

.product-modal {
  display: none;
  position: fixed;
  z-index: 201;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.75);
}

.product-modal__inner {
  position: absolute;
  z-index: 202;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 800px;
  margin: auto;
  padding: 10px;
  box-sizing: border-box;
}

.product-modal__inner img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .box-floor-map-merit .btn_small {
    vertical-align: top;
    font-size: 12px;
  }
  .box_interior-fes__title {
    margin: 40px 0 10px;
  }
  .hdg_lv2--about-interior-appli {
    font-size: 14px;
    margin: 30px 0 15px;
  }
  .hdg_lv2--about-interior-appli span {
    display: inline-block;
    font-size: 18px;
  }
    
    /*
  .hdg_lv2--about-interior-appli span:before,
  .hdg_lv2--about-interior-appli span:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 26px;
    bottom: 4px;
    background-color: #a4002c;
  }
  .hdg_lv2--about-interior-appli span:before {
    left: -12px;
    transform: rotate(-30deg);
  }
  .hdg_lv2--about-interior-appli span:after {
    right: -12px;
    transform: rotate(30deg);
  }
    */
    
  .lst-interior-fes-merit__item {
    font-size: 16px;
  }
  .lst-interior-fes-merit__item > span {
    font-size: 12px;
  }
  .box-floor-map-description {
    padding: 0 10px;
  }
  .box-floor-map-description__hdg-txt {
    margin-bottom: 10px;
    padding: 5px 0 5px 25px;
    font-size: 14px;
  }
  .box-floor-map-description__hdg-txt .floor-map-tag {
    line-height: 16px;
  }
  .box-floor-map-description__hdg-txt:before {
    width: 20px;
    height: 20px;
    top: 4px;
  }
  .box-floor-map-description__main-txt {
    font-size: 12px;
  }
  .box-merit-card__inner {
    padding: 30px 20px;
  }
  .product-modal__inner img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    height: auto;
    max-height: 70%;
    margin: auto;
  }
  .box-interior-fes-calender {
    box-sizing: border-box;
    padding: 0 15px;
  }
  .interior-fes-calender-info {
    width: auto;
    margin: 0;
    padding: 5px 0 0;
    font-size: 12px;
  }
  .interior-fes-calender-info > dt {
    width: 11em;
    clear: both;
    float: none;
    text-align: center;
    color: #ffffff;
    margin: 10px 0 0;
  }
  .interior-fes-calender-info > dt.fes {
    background-color: #f4511e;
  }
  .interior-fes-calender-info > dt.biz {
    background-color: #33b679;
  }
  .interior-fes-calender-info > dd {
    margin: 0 0 0 0;
    padding: 5px 0 0;
  }
  .googleCalendar {
    margin-top: 20px;
  }
  .box-interior-fes-access {
    background-color: #f5f5f2;
    padding: 20px 15px 40px;
    margin-top: 40px;
  }
  .box-interior-fes-access .inner {
    width: auto;
    max-width: 1170px;
    margin: auto;
  }
  .interior-fes-access-info {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.67em;
  }
  .interior-fes-access-info dt {
    width: auto;
    max-width: 7em;
    background-color: #b98b59;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    margin-top: 10px;
  }
  .interior-fes-access-info dd {
    margin-top: 10px;
    line-height: 1.67em;
  }
}

.product-modal__close {
  position: absolute;
  z-index: 202;
  top: 10px;
  right: 20px;
  width: 40px;
  height: 60px;
  background: transparent url("/resource/img/icn_modal_close.png") no-repeat
    center;
  cursor: pointer;
}

.box_interior-fes {
  padding: 40px 0 0 0;
  box-sizing: border-box;
}

.box_order-house {
  padding: 0 0 40px 0;
  margin-top: 20px;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .bnr_order_house {
    padding: 0 0 20px 0;
  }
  .box_interior-fes {
    padding: 20px 0 0;
    box-sizing: border-box;
  }
}

@media (min-width: 768px), print {
  .box-contentslink {
    margin-top: 40px;
  }
  .box-contentslink--owner {
    margin-top: 20px;
  }
  .box-contentslink--owner dl dt {
    margin-top: 10px;
  }
  .box-contentslink > ul > li {
    margin-bottom: 20px;
  }
  .pagelink01 {
    margin-top: 40px;
    padding: 0 20px;
  }
  .pagelink01 li {
    padding: 10px;
    border-right: 1px solid #dddddd;
    text-align: center;
    font-size: 16px;
  }
  .pagelink01 li:nth-of-type(4n + 1) {
    border-left: 1px solid #dddddd;
  }
}

@media only screen and (max-width: 767px) {
  .box-contentslink > ul > li {
    margin-bottom: 10px;
  }
  .box-contentslink ul li a {
    padding: 13px 15px;
  }
  .box-contentslink > ul > li ul {
    margin-top: 10px;
  }
  .box-contentslink--owner {
    margin-bottom: 20px;
  }
  .box-contentslink--owner > ul > li {
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .box-contentslink--owner dl dt {
    margin-top: 5px;
  }
  .pagelink01 {
    margin-top: 20px;
  }
  .pagelink01 li {
    padding: 10px 0;
    border-bottom: 1px solid #dddddd;
  }
  .pagelink01 li:nth-of-type(1) {
    border-top: 1px solid #dddddd;
  }
  .hdg_lv2--about-interior-fes {
    margin: 60px 0 15px;
  }
  .interior-fes_main-visual {
    height: 175px;
  }
  .interior-fes_main-visual .wrp_heading-message {
    width: 260px;
    height: 110px;
    padding: 10px;
  }
  .interior-fes_main-visual .heading_interior-fes_txt {
    padding: 0 0 5px 0;
    font-size: 16px;
  }
  .interior-fes_main-visual .txt_head {
    padding: 10px 0 0 0;
    font-size: 18px;
    line-height: 1.3;
  }
  .vacation-label {
    margin: 30px auto 0 auto;
    padding: 15px 20px;
  }
  .vacation-label .hdg_lv3 {
    font-size: 14px;
  }
  .vacation-label .txt_lead {
    margin: 11px 0 0 0;
    font-size: 14px;
  }
  .vacation-label .txt_lead span.block {
    padding: 8px 0;
  }
  .vacation-label .txt_lead span {
    display: inline-block;
  }
  .vacation-label .txt_lead br {
    font-size: 7px;
  }
}

.display_checkbox {
  display: inline-block !important;
}

/**/

.condition_price {
  float: left;
  width: 30% !important;
}

.condition_type {
  float: left;
  width: 42% !important;
}

/* .condition_type div {
    float: left;
} */

.condition_type_property {
  margin-right: 10px;
  float: left;
  width: 45px;
  /* line-height: 3;
    width: 45px; */
}

.mrt20 {
  margin-top: 20px;
}

.mr_20 {
  margin-right: 20px;
}

.info_pdf a {
  width: 370px;
}
.w40 {
  width: 40%;
}
.w60 {
  width: 60%;
}

@media (max-width: 767px) {
  .mr_20_ctn {
    flex-direction: column;
  }
  .condition_price {
    float: left;
    width: 100% !important;
  }
  .condition_type {
    float: left;
    width: 100% !important;
    margin-bottom: 20px;
  }
  /* .condition_type div {
        float: left;
        width: 70% !important;
    } */
  .mr_20 {
    margin-right: 0;
  }
  .condition_type_property {
    margin-right: 10px;
    margin-left: 30px;
    float: left;
    width: 45px;
    /* line-height: 6 !important;
        width: 45px; */
  }
  .mrt20:last-child {
    margin-top: 0;
  }
  .info_pdf a {
    width: 100%;
  }
  .w40 {
    width: 100%;
  }
  .w60 {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .pdf_rulebook {
    display: block;
  }
}

.google_map .fa:before {
  color: #333333;
}

.google_map .fa:hover:before {
  color: #a4002c;
}

.google_map .google_map_link a {
  color: #fff;
  background: #2d3339;
  padding: 10px 25px;
  display: inline-block;
  margin: 20px;
}

.google_map .google_map_link a:hover {
  opacity: 0.7;
}

.google_map .google_map_link a .fa-angle-right:before {
  content: "\f105";
}

.google_map .google_map_link a .fa:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 5px;
  color: #fff;
}

#property_project_map,
#property_project_map_sp {
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .google_map .google_map_link a {
    color: #fff;
    background: #2d3339;
    padding: 10px 12px;
    display: inline-block;
    margin: 10px;
  }
}

/* Land Information
-------------------------------------------------- */

.img_ro_action,
.img_ro_action a {
  opacity: 0.8;
}

.bnr_special_member {
  margin: 80px 0 20px;
}

.bnr_special_member img {
  transition: all 0.2s;
}

.bnr_special_member img.visible_sp {
  width: 100%;
  height: auto;
}

.section_provide_highvalue {
  margin: 0 auto 40px;
}

.section_provide_highvalue p {
  text-align: center;
  font-size: 15px;
  line-height: 2em;
}

.pct_provide_chart {
  text-align: center;
  margin: 60px 0 0;
}

@media (max-width: 767px) {
  .wrap_land_info .wrp_container {
    padding: 0 5px;
  }
  .bnr_special_member {
    margin: 40px 0 20px;
  }
  .bnr_special_member img {
    transition: all 0.25s;
  }
  .bnr_special_member img.visible_sp {
    width: 100%;
    height: auto;
  }
  .section_provide_highvalue {
    margin: 0 0 40px;
  }
  .section_provide_highvalue p {
    text-align: left;
    font-size: 14px;
    line-height: 2em;
  }
  .pct_provide_chart {
    text-align: center;
    margin: 30px 0 0;
  }
  .pct_provide_chart img {
    width: 100%;
    height: auto;
  }
}

/* Value > Wood > Reason
-------------------------------------------------- */

.box_reason_chart {
  clear: both;
  border: 1px #ddd solid;
  padding: 0 0 40px;
}

.box_reason_chart h3 {
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.4em;
  background-color: #f5f5f2;
  padding: 20px 10px;
  margin: 0 0 40px;
}

.box_reason_chart .chart {
  text-align: center;
  padding: 0 19px 20px;
}

.box_reason_chart dl {
  padding: 0 10% 0 40%;
}

.box_reason_chart dt {
  font-weight: 500;
}

.box_reason_chart dd {
  padding: 0 0 0 1em;
}

.box_reason_chart p {
  padding: 0 19px;
  text-align: center;
}

.box_reason_concept {
  clear: both;
  padding: 0px 0 0;
  background: url(../img/value/wood/reason/bg_forest_02.jpg) no-repeat center
    bottom;
  background-size: 100% auto;
}

.concept_heading {
  background: url(../img/value/wood/reason/bg_forest_01.jpg) no-repeat center
    bottom;
  background-size: 100% auto;
  padding: 0 0 60px;
}

.concept_heading .inner {
  padding: 0 10px;
  margin: 0 auto;
}

.concept_heading h2 {
  text-align: center;
  font-size: 55px;
  font-weight: 100;
  line-height: 1.42em;
  padding: 0 0 20px;
}

.concept_heading h2 > span {
  display: block;
}

.concept_heading h2 > span > span {
  color: #574939;
  font-size: 22px;
  line-height: 1em;
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
}

.concept_heading h2 > span:nth-child(2) {
  padding: 0 0 0 0.7em;
}

.concept_heading h2 strong {
  font-weight: 100;
  color: #80a519;
}

.concept_heading h2 em {
  font-weight: 100;
  color: #e16556;
}

.concept_heading p strong {
  font-weight: 500;
  color: #e16556;
}

.box_concept_flow {
  width: auto;
  max-width: 1170px;
  padding: 0 15px 70px;
  margin: auto;
}

.box_concept_flow .line img {
  width: 100%;
  height: auto;
}

.concept_flow_item {
  background: url(../img/value/wood/reason/line_repeat_left.png) repeat-y;
  background-size: 100% auto;
}

.concept_flow_item.item_right {
  background: url(../img/value/wood/reason/line_repeat_right.png) repeat-y;
  background-size: 100% auto;
}

.concept_flow_item.item_center {
  background: none;
}

.concept_flow_item .item_ttl {
  width: 25.1%;
  margin: auto;
  background: url(../img/value/wood/reason/bg_plate.png) no-repeat center;
  background-size: 100% 100%;
  border-radius: 50%;
  text-align: center;
  position: relative;
  color: #574939;
}

.concept_flow_item.item_left .item_ttl {
  float: left;
  margin-right: 6%;
}

.concept_flow_item.item_right .item_ttl {
  float: right;
  margin-left: 6%;
}

.concept_flow_item.item_left .item_pct {
  float: left;
  /*width:100%;*/
}

.concept_flow_item.item_right .item_pct {
  float: right;
  /*width:100%;*/
}

.concept_flow_item .item_ttl span {
  position: absolute;
  width: 30.6%;
  top: 11%;
  left: 0;
  right: 0;
  margin: auto;
}

.concept_flow_item .item_ttl .text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  margin: -30px auto 0;
}

.concept_flow_item.item_left .item_ttl .text,
.concept_flow_item.item_right .item_ttl .text {
  top: 50%;
  margin: -20px auto 0;
}

.concept_flow_item .item_ttl h3 {
  font-size: 32px;
  font-weight: 200;
  line-height: 1.4em;
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1069px) {
  .concept_flow_item .item_ttl h3 {
    font-size: 20px;
    line-height: 1.4em;
  }
  .concept_flow_item.item_left .item_ttl .text,
  .concept_flow_item.item_right .item_ttl .text {
    font-size: 13px;
    line-height: 1.4em;
  }
}

@media (max-width: 767px) {
  .box_reason_chart {
    clear: both;
    border: 1px #ddd solid;
    padding: 0 0 15px;
  }
  .box_reason_chart h3 {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
    background-color: #f5f5f2;
    padding: 10px 10px;
    margin: 0 0 15px;
  }
  .box_reason_chart .chart {
    text-align: center;
    padding: 0 9px 10px;
  }
  .box_reason_chart dl {
    padding: 0 14px;
    font-size: 12px;
  }
  .box_reason_chart dt {
    font-weight: 500;
  }
  .box_reason_chart dd {
    padding: 0;
  }
  .box_reason_chart p {
    padding: 0 14px;
    text-align: left;
    font-size: 12px;
  }
  .box_reason_concept {
    clear: both;
    padding: 60px 0 0;
    background: url(../img/value/wood/reason/bg_forest_02.jpg) no-repeat center
      bottom;
    background-size: 100% auto;
  }
  .concept_heading {
    background: url(../img/value/wood/reason/bg_forest_01.jpg) no-repeat center
      bottom;
    background-size: 100% auto;
    padding: 0 0 30px;
  }
  .concept_heading .inner {
    padding: 0 10px;
    margin: 0 auto;
  }
  .concept_heading h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 100;
    line-height: 1.42em;
    padding: 0 0 20px;
  }
  .concept_heading h2 > span {
    display: block;
    margin: 0 0 10px;
  }
  .concept_heading h2 > span > span {
    color: #574939;
    font-size: 18px;
    line-height: 1em;
    display: block;
    padding-left: 0;
    vertical-align: middle;
  }
  .concept_heading h2 strong {
    font-weight: 100;
    color: #80a519;
  }
  .concept_heading h2 em {
    font-weight: 100;
    color: #e16556;
  }
  .concept_heading p strong {
    font-weight: 500;
    color: #e16556;
  }
  .box_concept_flow {
    width: auto;
    max-width: 1170px;
    padding: 0 15px 70px;
    margin: auto;
  }
  .box_concept_flow .line {
    display: none;
  }
  .concept_flow_item {
    background: none;
    padding: 30px 0 30px;
    background: url(../img/value/wood/reason/line_d.png) repeat-y;
    background-size: 100% auto;
  }
  .concept_flow_item.item_right {
    background: url(../img/value/wood/reason/line_d.png) repeat-y;
    background-size: 100% auto;
  }
  .concept_flow_item.item_center {
    background: url(../img/value/wood/reason/line_d.png) repeat-y;
    background-size: 100% auto;
  }
  .concept_flow_item .item_ttl {
    width: 220px;
    margin: 0 auto 10px;
    background: url(../img/value/wood/reason/bg_plate.png) no-repeat center;
    background-size: 100% 100%;
    border-radius: 50%;
    text-align: center;
    position: relative;
    color: #574939;
  }
  .concept_flow_item.item_left .item_ttl {
    float: none;
    margin: auto;
  }
  .concept_flow_item.item_right .item_ttl {
    float: none;
    margin: auto;
  }
  .concept_flow_item.item_left .item_pct,
  .concept_flow_item.item_right .item_pct {
    float: none;
    text-align: center;
    margin: 0 auto;
  }
  .concept_flow_item .item_ttl span {
    position: inherit;
    display: block;
    width: 30.6%;
    top: inherit;
    left: inherit;
    right: inherit;
    margin: auto;
    padding: 30px 0 0;
  }
  .concept_flow_item .item_ttl .text {
    position: inherit;
    top: inherit;
    left: inherit;
    right: inherit;
    margin: auto;
    width: 100%;
    margin: 0 auto 0;
  }
  .concept_flow_item.item_left .item_ttl .text,
  .concept_flow_item.item_right .item_ttl .text {
    top: inherit;
    margin: 10px auto 0;
  }
  .concept_flow_item .item_ttl h3 {
    font-size: 20px;
    font-weight: 200;
    line-height: 1.4em;
    margin-bottom: 5px;
  }
  .concept_flow_item .item_pct {
    padding: 20px 0 0;
  }
}

/* Value > Propose
-------------------------------------------------- */

.pct_propose_outline {
  text-align: center;
  padding-top: 10px;
}

.lst_propose .box_menu {
  text-align: center;
}

.lst_propose .box_menu__caption02 {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.33em;
  display: inline-block;
  border-bottom: 3px #000 solid;
  padding-bottom: 8px;
  padding: 25px 0 8px;
  margin: auto;
}

.lst_propose .box_menu__caption02.propose_style_n {
  color: #487b1b;
  border-bottom-color: #487b1b;
}

.lst_propose .box_menu__caption02.propose_style_u {
  color: #314683;
  border-bottom-color: #314683;
}

.lst_propose .box_menu__caption02.propose_style_p {
  color: #888018;
  border-bottom-color: #888018;
}

.lst_propose .box_menu__caption02.propose_newfamily {
  color: #a44113;
  border-bottom-color: #a44113;
}

.lst_propose .box_menu__caption02.propose_select {
  color: #d17b16;
  border-bottom-color: #d17b16;
}

@media (max-width: 767px) {
  .lst_propose > li + li {
    margin-top: 25px;
  }
  .lst_propose .box_menu__caption02 {
    padding: 15px 0 8px;
    font-size: 15px;
    line-height: 1.33em;
  }
}

/* Products > Index Page
-------------------------------------------------- */

.box_products_banner {
  margin: -25px 0 0;
  padding: 0 0 25px;
}

.box_products_banner li {
  padding: 25px 0;
}

@media (max-width: 767px) {
  .box_products_banner {
    margin: -15px 0 0;
    padding: 0 0 10px;
  }
  .box_products_banner li {
    padding: 5px 0;
  }
}

/* Products > Feature
-------------------------------------------------- */

.box_feature_heading {
  background-color: #fbf8e0;
  padding: 20px 20px 20px;
  margin: 70px 0 0;
  text-align: center;
}

.box_feature_heading h2 span:nth-child(1) {
  display: block;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.67em;
  color: #a4002c;
}

.box_feature_heading h2 span:nth-child(2) {
  display: block;
  font-size: 25px;
  font-weight: 300;
  line-height: 1.67em;
}

.box_feature h4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
  border: 1px #ddd;
  border-bottom-style: solid;
}

.box_feature p {
  padding: 20px 0 0;
  line-height: 2em;
}

.box_feature h4 span {
  box-sizing: border-box;
  display: inline-block;
  color: #fff;
  width: 120px;
  padding: 5px 10px;
  text-align: center;
}

.feature_image .txt_note {
  display: block;
  text-align: right;
}

.box_feature_merit h4 span {
  background-color: #727272;
}

.box_feature_demerit h4 span {
  background-color: #717272;
}

.box_feature_merit p strong {
  color: #a4002c;
}

.tbl_products_feature strong {
  color: #a4002c;
}

.tbl_products_feature th,
.tbl_products_feature td {
  border: 1px #ddd solid;
  padding: 15px 20px;
}

.tbl_products_feature th {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.33em;
  color: #fff;
  background-color: #f5f5f2;
  text-align: center;
}

.tbl_products_feature th.type {
  background-color: #a4002c;
}

.tbl_products_feature td {
  text-align: left;
  padding: 15px 15px;
}

.tbl_products_feature .hasbg {
  background-color: #fdfcf2;
}

#pg_feature .sub_category_navi {
  margin: 40px 0 0;
}

@media (max-width: 767px) {
  .box_feature_heading {
    background-color: #fbf8e0;
    padding: 10px 10px 8px;
    margin: 35px 0 0;
    text-align: center;
  }
  .box_feature_heading h2 span:nth-child(1) {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5em;
    color: #a4002c;
  }
  .box_feature_heading h2 span:nth-child(2) {
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5em;
  }
  .box_feature h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2em;
    border: 1px #ddd;
    border-bottom-style: solid;
  }
  .box_feature p {
    padding: 10px 0 0;
    min-height: inherit;
  }
  .box_feature h4 span {
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    width: 100px;
    padding: 3px 10px;
    text-align: center;
    margin: 20px 0 0;
  }
  .feature_image .txt_note {
    font-size: 9px;
    margin-top: 5px;
  }
  .box_feature_merit h4 span {
    background-color: #727272;
  }
  .box_feature_demerit h4 span {
    background-color: #717272;
  }
  .box_feature_merit p strong {
    color: #a4002c;
  }
  .tbl_products_feature {
    font-size: 12px;
    line-height: 1.33em;
  }
  .tbl_products_feature strong {
    color: #a4002c;
  }
  .tbl_products_feature th,
  .tbl_products_feature td {
    padding: 7px 10px;
  }
  .tbl_products_feature th {
    font-size: 9px;
    font-weight: 500;
    line-height: 1.33em;
    color: #fff;
    background-color: #f5f5f2;
    text-align: center;
  }
  .tbl_products_feature td {
    text-align: left;
    padding: 8px 5px;
    font-size: 9px;
    line-height: 1.33em;
  }
  #pg_feature .sub_category_navi {
    margin: 0 0 0;
  }
}

/* Products > Standard > Design
-------------------------------------------------- */

.txt_lead_design strong {
  color: #a4002c;
}

.standard_flow {
  max-width: 950px;
  margin: auto;
}

.standard_flow h3 {
  box-sizing: border-box;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.33em;
  color: #ffffff;
  background-color: #a4002c;
  position: relative;
  padding: 10px 20px;
}

.standard_flow h3 span {
  box-sizing: border-box;
  position: absolute;
  width: 60px;
  height: 60px;
  left: 0;
  top: 0;
  border-radius: 30px;
  padding: 10px 0 0;
  font-size: 12px;
  color: #fff;
  background-color: #a4002c;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2em;
}

.standard_flow h3 span strong {
  display: block;
  font-size: 25px;
  line-height: 1.2em;
}

.standard_flow > li {
  margin: 0 0 30px;
}

.standard_flow > li:last-child h3 span {
  font-size: 16px;
  line-height: 1.2em;
  padding: 20px 0 0;
}

.standard_flow > li .txt_note {
  text-align: right;
  margin: -5px 0 0;
  padding: 0;
}

.standard_flow ul {
  margin: 0;
}

.standard_flow ul li {
  border: 1px #e9e7d8 solid;
  background-color: #fdfcf2;
  clear: both;
  padding: 9px 9px 9px 20px;
  margin: 0 0 20px;
}

.standard_flow ul li::after {
  content: "";
  clear: both;
  display: block;
}

.standard_flow ul li h4 {
  font-size: 17px;
  font-weight: 400;
  display: inline-block;
  padding: 17px 0;
}

.standard_flow ul li p {
  display: table;
  float: right;
}

.standard_flow ul li p span {
  display: table-cell;
  border: 1px #e9e7d8 solid;
  background-color: #fff;
  width: 118px;
  height: 58px;
  text-align: center;
  vertical-align: middle;
  position: relative;
}

.standard_flow ul li p span.type_house {
  background: url(/resource/img/products/standard/design/bg_house_01.gif)
    no-repeat center center;
  background-color: #fff;
  color: #fff;
}

.standard_flow ul li p span.type_box {
  background: url(/resource/img/products/standard/design/bg_house_02.gif)
    no-repeat center center;
  background-color: #fff;
  color: #fff;
}

.standard_flow ul li p span strong {
  position: absolute;
  left: 8px;
  top: -16px;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2em;
  color: #fff;
  background-color: #f28b40;
  padding: 4px 6px;
  border-radius: 2px;
}

.standard_flow ul li p span strong.new {
  left: -10px;
  top: -20px;
}

.standard_flow ul li p span strong::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 0;
  border-color: transparent #f28b40 transparent transparent;
}

.schedule_flow {
  max-width: 960px;
  margin: auto;
  /*background: url(/resource/img/products/standard/design/bg_design_flow.gif) repeat-y 28px 0;*/
}

.schedule_flow > li {
  border: 1px #e9e7d8 solid;
  background-color: #fdfcf2;
  clear: both;
  padding: 20px 9px 20px 20px;
  margin: 0 0 20px 80px;
  position: relative;
}

.schedule_flow > li::after {
  position: absolute;
  content: "";
  left: -51px;
  top: 0;
  bottom: -22px;
  width: 3px;
  height: auto;
  background-color: #db99ab;
  z-index: 1;
}

.schedule_flow > li:first-child::after {
  top: 16px;
}

.schedule_flow > li:last-child::after {
  bottom: inherit;
  height: 30px;
}

.schedule_flow dl {
  display: flex;
}

.schedule_flow dl strong {
  color: #a4002c;
}

.schedule_flow dl > * {
  align-items: center;
  box-sizing: border-box;
  vertical-align: middle;
}

.schedule_flow dl > dt {
  width: 25%;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 10px 10px 0;
}

.schedule_flow dl > dt span {
  box-sizing: border-box;
  position: absolute;
  width: 60px;
  height: 60px;
  left: -80px;
  top: 15px;
  border-radius: 30px;
  padding: 15px 0 0;
  font-size: 24px;
  color: #fff;
  background-color: #a4002c;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2em;
  z-index: 2;
}

.schedule_flow dl > dd {
  width: 75%;
  margin: 0 0 0;
  border-left: 1px #ccc solid;
  padding: 10px 0 10px 20px;
}

.schedule_flow dl > dd > ul {
  width: auto;
}

.schedule_flow dl > dd > ul > li {
  list-style-type: disc;
  list-style-position: inside;
  line-height: 1.75em;
}

.box_standard_plan {
  margin: 80px 0 0;
  overflow: hidden;
}

.box_standard_plan p.txt_plan_outline {
  line-height: 2em;
}

.box_standard_plan .sec_heading {
  background-color: #fbf8e0;
  text-align: center;
  padding: 30px 20px;
  font-size: 17px;
}

.box_standard_plan .sec_heading h3 {
  font-size: 30px;
  font-weight: normal;
  margin: 0 0 10px;
}

.box_standard_plan .plan_heading {
  text-align: center;
  font-size: 17px;
  border-bottom: 1px #ddd solid;
  padding: 40px 0 35px;
}

.box_standard_plan .plan_heading h4 {
  color: #d17b16;
  font-size: 25px;
  font-weight: 500;
  margin: 0 0 10px;
}

.box_standard_plan .plan_heading p {
  font-size: 15px;
}

.box_standard_plan .wrp_grid {
  margin: 50px -35px 0;
}

.box_standard_plan .grid_6 {
  padding: 0 35px;
}

.box_standard_plan .tbl_base caption {
  text-align: left;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.5em;
  margin: 0 0 15px;
}

.box_standard_plan .tbl_base caption span {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  display: inline-block;
  border: 1px #ccc solid;
  margin: 0 15px 0 0;
  padding: 3px 10px 3px;
}

.box_standard_plan .tbl_base th {
  width: 20%;
  font-weight: 400;
}

.box_standard_plan p strong {
  color: #a4002c;
}

.box_standard_plan td strong {
  font-size: 21px;
}

.plan_floor_map {
  text-align: center;
  max-width: 1170px;
  margin: 60px auto 0;
}

@media (max-width: 767px) {
  .txt_lead_design strong {
    color: #a4002c;
  }
  .standard_flow {
    max-width: 960px;
    margin: auto;
  }
  .standard_flow h3 {
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33em;
    color: #fff;
    position: relative;
    padding: 10px 10px 8px 15px;
    height: auto;
  }
  .standard_flow h3 span {
    box-sizing: border-box;
    position: absolute;
    width: 34px;
    height: 34px;
    left: 0;
    top: 0;
    border-radius: 17px;
    padding: 5px 0 0;
    font-size: 10px;
    color: #fff;
    background-color: #a4002c;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2em;
  }
  .standard_flow h3 span strong {
    display: block;
    font-size: 14px;
    line-height: 1.2em;
  }
  .standard_flow > li {
    margin: 0 0 30px;
  }
  .standard_flow > li:last-child h3 span {
    font-size: 14px;
    line-height: 1.2em;
    padding: 10px 0 0;
  }
  .standard_flow > li .txt_note {
    text-align: right;
    margin: -5px 0 0;
    padding: 0 0 0 44px;
    font-size: 9px;
    line-height: 1.33em;
  }
  .standard_flow ul {
    margin: 0;
  }
  .standard_flow ul li {
    border: 1px #e9e7d8 solid;
    background-color: #fdfcf2;
    clear: both;
    padding: 9px 9px 9px 10px;
    margin: 0 0 20px;
  }
  .standard_flow ul li::after {
    content: "";
    clear: both;
    display: block;
  }
  .standard_flow ul li h4 {
    display: inline-block;
    padding: 0 0 15px;
  }
  .standard_flow ul li p {
    display: table;
    float: right;
  }
  .standard_flow ul li p span {
    display: table-cell;
    border: 1px #e9e7d8 solid;
    background-color: #fff;
    width: 118px;
    height: 42px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    font-size: 10px;
    line-height: 1.2em;
  }
  .standard_flow ul li p span.type_house {
    background: url(/resource/img/products/standard/design/bg_house_01.gif)
      no-repeat center center;
    background-color: #fff;
    background-size: auto 90%;
    color: #fff;
  }
  .standard_flow ul li p span.type_box {
    background: url(/resource/img/products/standard/design/bg_house_02.gif)
      no-repeat center center;
    background-color: #fff;
    background-size: auto 90%;
    color: #fff;
  }
  .standard_flow ul li p span strong {
    position: absolute;
    left: -7px;
    top: -10px;
    display: inline-block;
    font-size: 10px;
    font-weight: 300;
    line-height: 1.2em;
    color: #fff;
    background-color: #f28b40;
    padding: 2px 1px;
    border-radius: 2px;
    /*transform:scale(0.8);*/
  }
  .standard_flow ul li p span strong.new {
    left: -10px;
    top: -10px;
    padding: 2px 5px;
  }
  .standard_flow ul li p span strong::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 6px 0;
    border-color: transparent #f28b40 transparent transparent;
  }
  .schedule_flow > li {
    padding: 10px 9px 10px 20px;
    margin: 0 0 10px 80px;
  }
  .schedule_flow > li ul::after {
    content: "";
    clear: both;
  }
  .schedule_flow dl {
    display: inherit;
  }
  .schedule_flow dl > * {
    display: block;
    box-sizing: border-box;
    vertical-align: middle;
  }
  .schedule_flow dl > dt {
    width: auto;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 10px 10px 0;
  }
  .schedule_flow dl > dt span {
    box-sizing: border-box;
    position: absolute;
    width: 60px;
    height: 60px;
    left: -80px;
    top: 15px;
    border-radius: 30px;
    padding: 18px 0 0;
    font-size: 18px;
    color: #fff;
    background-color: #a4002c;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2em;
    z-index: 2;
  }
  .schedule_flow dl > dd {
    width: auto;
    margin: 0 0 0;
    border-top: 1px #ccc solid;
    border-left: none;
    padding: 10px 0 10px 20px;
    font-size: 14px;
  }
  .box_standard_plan {
    margin: 80px 0 0;
    overflow: hidden;
  }
  .box_standard_plan p.txt_plan_outline {
    line-height: 1.67em;
  }
  .box_standard_plan .sec_heading {
    background-color: #fbf8e0;
    text-align: center;
    padding: 15px 15px;
    font-size: 17px;
  }
  .box_standard_plan .sec_heading h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px;
  }
  .box_standard_plan .sec_heading p {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
  }
  .box_standard_plan .plan_heading {
    text-align: center;
    font-size: 14px;
    border-bottom: 1px #ddd solid;
    padding: 40px 0 15px;
  }
  .box_standard_plan .plan_heading h4 {
    color: #a4002c;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px;
  }
  .box_standard_plan .plan_heading p {
    font-size: 14px;
    text-align: left;
  }
  .box_standard_plan .wrp_grid {
    margin: 20px -35px 0;
  }
  .box_standard_plan .grid_6 {
    padding: 0 35px;
  }
  .box_standard_plan .tbl_base caption {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0 0 15px;
  }
  .box_standard_plan .tbl_base caption span {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2em;
    display: inline-block;
    border: 1px #ccc solid;
    margin: 0 15px 0 0;
    padding: 3px 10px 3px;
  }
  .box_standard_plan .tbl_base tr {
    display: table-row;
  }
  .box_standard_plan .tbl_base th {
    width: 40%;
    font-size: 14px;
    font-weight: 400;
    display: table-cell;
    padding: 5px;
  }
  .box_standard_plan .tbl_base td {
    display: table-cell;
    padding: 5px;
  }
  .box_standard_plan p strong {
    color: #a4002c;
  }
  .box_standard_plan td strong {
    font-size: 16px;
  }
  .plan_floor_map {
    text-align: center;
    max-width: 1170px;
    margin: 10px auto 0;
  }
}

/* Products > Standard > Merit
-------------------------------------------------- */

.box_standard_merit {
  clear: both;
}

.box_standard_merit h4.hdg_lv4 {
  font-size: 20px;
}

.box_standard_merit ul li .txt_explain {
  text-align: center;
  font-size: 17px;
  padding: 20px 0 0;
}

.box_standard_vrtour {
  clear: both;
}

.box_standard_vrtour .wrp_grid {
  margin-left: 0;
  margin-right: 0;
}

.box_standard_vrtour h3 {
  margin: 0 0 50px;
}

.box_standard_vrtour h4.hdg_lv4 {
  font-size: 20px;
}

.box_standard_vrtour h4.hdg_lv4 .fa-angle-right:before {
  font-size: 20px;
  color: #333;
}

.box_standard_vrtour h4.hdg_lv4 .fa-external-link:before {
  font-size: 18px;
  color: #333;
  margin-left: 3px;
}

.box_standard_vrtour a:hover h4.hdg_lv4 .fa:before {
  color: #a4002c !important;
}

.box_standard_vrtour .symbol {
  width: 56.6%;
  margin: auto;
  position: relative;
}

.box_standard_vrtour .symbol span {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 0;
  color: #fff;
}

.box_standard_vrtour .symbol span.icon {
  margin-top: -30px;
}

.box_standard_vrtour .symbol span.text {
  padding: 20px 0 0;
  font-size: 19px;
}

.box_standard_vrtour li {
  text-align: center;
  border-left: 1px #ddd solid;
}

.box_standard_vrtour li > a {
  display: block;
}

.box_standard_vrtour li:nth-child(3) {
  text-align: center;
  border-right: 1px #ddd solid;
}

.box_standard_vrtour .txt_explain {
  padding: 0 0 20px;
}

.box_standard_cycle {
  text-align: center;
  padding: 40px 0 0;
}

.box_standard_cycle li {
  text-align: center;
}

.box_standard_cycle h4 {
  font-size: 20px;
}

.box_standard_cycle p {
  margin-bottom: 15px;
}

.box_standard_cycle li > div {
  background-color: #f5f5f2;
  padding: 25px 0 30px;
}

.box_standard_cycle li span {
  display: block;
  margin: auto;
  width: 155px;
  height: 42px;
  color: #fff;
  background-color: #a4002c;
}

.box_standard_cycle li span a {
  display: block;
  padding: 10px 0 0;
  color: #fff;
}

.box_standard_cycle li span .fa:before {
  color: #fff;
}

@media (max-width: 767px) {
  .box_standard_merit {
    clear: both;
  }
  .box_standard_merit h4.hdg_lv4 {
    font-size: 17px;
  }
  .box_standard_merit ul li .txt_explain {
    text-align: center;
    font-size: 17px;
    padding: 10px 0 0;
  }
  .box_standard_vrtour {
    clear: both;
    padding: 20px 0 0;
  }
  .box_standard_vrtour .wrp_grid {
    margin-left: 0;
    margin-right: 0;
  }
  .box_standard_vrtour h3 {
    margin: 0 0 30px;
  }
  .box_standard_vrtour h4.hdg_lv4 {
    font-size: 17px;
  }
  .box_standard_vrtour h4.hdg_lv4 .fa:before {
    font-size: 17px;
    color: #333;
  }
  .box_standard_vrtour .symbol {
    width: 56.6%;
    margin: auto;
    position: relative;
  }
  .box_standard_vrtour .symbol span {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    color: #fff;
  }
  .box_standard_vrtour .symbol span.icon {
    margin-top: -30px;
  }
  .box_standard_vrtour .symbol span.text {
    padding: 20px 0 0;
    font-size: 19px;
  }
  .box_standard_vrtour li {
    text-align: center;
    border: none;
    border-bottom: 1px #ddd solid;
    padding: 0 0 20px;
    margin: 0 0 20px;
  }
  .box_standard_vrtour li > a {
    display: block;
  }
  .box_standard_vrtour li:nth-child(3) {
    text-align: center;
    border: none;
    border-bottom: 1px #ddd solid;
  }
  .box_standard_vrtour .txt_explain {
    padding: 0 0 20px;
  }
  .box_standard_cycle {
    text-align: center;
    padding: 0;
  }
  .box_standard_cycle li {
    text-align: center;
  }
  .box_standard_cycle h4 {
    font-size: 17px;
  }
  .box_standard_cycle p {
    margin-bottom: 15px;
  }
  .box_standard_cycle li > div {
    background-color: #f5f5f2;
    padding: 25px 0 30px;
  }
  .box_standard_cycle li span {
    display: block;
    box-sizing: border-box;
    width: 155px;
    height: 42px;
    margin: auto;
    color: #fff;
    background-color: #a4002c;
  }
  .box_standard_cycle li span a {
    display: block;
    padding: 10px 0 0;
    color: #fff;
  }
  .box_standard_cycle li span .fa:before {
    color: #fff;
  }
}

/* Products > Standard > Plan example
-------------------------------------------------- */

.box_floorplan_search {
}

.box_floorplan_search .select_area {
  background-color: #fdfcf2;
  border: 1px #ddd solid;
  position: relative;
}

.box_floorplan_search .select_area > div {
  padding: 37px;
  position: relative;
  text-align: center;
}

.box_floorplan_search .select_area > div h4 {
  box-sizing: border-box;
  width: 16.91%;
  float: left;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.2em;
  margin: 20px 0 0;
  padding: 0 10px 0 0;
}

.box_floorplan_search .select_area > div ul {
  font-size: 0;
  margin: 0 0 0 16.91%;
  text-align: left;
}

.box_floorplan_search .select_area > div ul li {
  box-sizing: border-box;
  width: 33.33%;
  padding: 10px;
  display: inline-block;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2em;
}

.box_floorplan_search .select_area > div ul li > span {
  display: block;
  background-color: #fff;
  border: 1px #ddd solid;
  text-align: center;
  padding: 20px 10px;
  position: relative;
  transition: all 0.2s ease;
}

.box_floorplan_search .select_area > div ul li > span.active,
.box_floorplan_search .select_area > div ul li > span:hover {
  color: #fff;
  background-color: #a4002c;
  border-color: #a4002c;
}

.box_floorplan_search .select_area > div ul li > span:hover {
  cursor: pointer;
}

.box_floorplan_search .select_area > div ul li > span i {
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
}

.box_floorplan_search .select_area > div ul li > span i span {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 2px;
  background-color: #333;
  transition: all 0.2s ease;
}

.box_floorplan_search .select_area > div ul li > span.active i span,
.box_floorplan_search .select_area > div ul li > span:hover i span {
  background-color: #fff;
}

.box_floorplan_search .select_area > div ul li > span i span:nth-child(1) {
}

.box_floorplan_search .select_area > div ul li > span i span:nth-child(2) {
  transform: rotate(90deg);
  top: 0;
}

.box_floorplan_search
  .select_area
  > div
  ul
  li
  > span.active
  i
  span:nth-child(2) {
  transform: rotate(180deg);
}

.select_front {
  border-top: 1px #ddd dashed;
}

.box_floorplan_search .select_area .rect1 {
  position: absolute;
  left: 50%;
  margin-left: -77px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 56px 77px 0 77px;
  border-color: #ddd transparent transparent transparent;
}

.box_floorplan_search .select_area .rect2 {
  position: absolute;
  left: 50%;
  margin-left: -75px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 54px 75px 0 75px;
  border-color: #fdfcf2 transparent transparent transparent;
}

.box_lst_floorplan {
  margin: 100px 0 0;
}

.box_lst_floorplan .lst_media {
  margin: 20px -15px 10px;
}

.box_lst_floorplan .lst_media li {
  display: none;
}

.box_lst_floorplan .lst_media li.showA.showB {
  display: block;
}

.box_lst_floorplan .lst_media li .floormap {
  border: 1px #ddd solid;
  position: relative;
}

.box_lst_floorplan .lst_media li .floormap:hover {
  cursor: pointer;
}

.box_lst_floorplan .floormap .btn_show_modal {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  bottom: 0;
  background-color: #a4002c;
}

.box_lst_floorplan .floormap:hover .btn_show_modal {
  background-color: #333;
}

.box_lst_floorplan .floormap .btn_show_modal span {
  display: block;
  width: 21px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 4px;
  top: 50%;
}

.box_lst_floorplan .floormap .btn_show_modal span:nth-child(1) {
}

.box_lst_floorplan .floormap .btn_show_modal span:nth-child(2) {
  transform: rotate(90deg);
}

.box_lst_floorplan .lst_media li p {
  margin: 15px 0 0;
  padding: 0 0 10px;
}

.box_lst_floorplan .lst_media li p span {
  display: block;
}

#box_plan_modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: none;
}

#box_plan_modal #bg_area {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1999;
}

#box_plan_modal ul {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  margin: auto;
  max-width: 970px;
  max-height: 510px;
  z-index: 2000;
}

#box_plan_modal ul li {
  margin: 10px;
  background-color: #fff;
  position: relative;
  display: none;
}

#box_plan_modal .plan_name {
  text-align: center;
  font-size: 30px;
  line-height: 1.67em;
  border-bottom: 1px #ccc solid;
  padding: 15px;
}

#box_plan_modal .inner {
  padding: 50px 25px;
  position: relative;
}

#box_plan_modal .plan_info {
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 50px;
  width: 33%;
  padding: 0 0 0 50px;
}

#box_plan_modal .plan_info .price strong {
  font-size: 25px;
  font-weight: 500;
}

#box_plan_modal .plan_info dl {
  margin: 20px 0 0;
}

#box_plan_modal .plan_info dl dt {
  clear: both;
  float: left;
  width: 5em;
}

#box_plan_modal .plan_info dl dd {
  margin: 0 0 5px 5.5em;
}

#box_plan_modal .plan_floormap {
  box-sizing: border-box;
  margin: 0 0 0 33%;
  text-align: center;
}

#box_plan_modal .plan_floormap img {
  width: 100%;
  max-width: 415px;
  height: auto;
  margin: 0;
}

.btn_modal_close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  top: 15px;
}

.btn_modal_close:hover {
  cursor: pointer;
}

.btn_modal_close span {
  position: absolute;
  display: block;
  width: 22px;
  height: 2px;
  top: 50%;
  background-color: #000;
}

.btn_modal_close span:nth-child(1) {
  transform: rotate(45deg);
}

.btn_modal_close span:nth-child(2) {
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .box_floorplan_search {
  }
  .box_floorplan_search .select_area {
    background-color: #fdfcf2;
    border: 1px #ddd solid;
    position: relative;
  }
  .box_floorplan_search .select_area > div {
    padding: 9px 4px 14px;
    position: relative;
    text-align: center;
  }
  .box_floorplan_search .select_area > div h4 {
    box-sizing: border-box;
    width: auto;
    float: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2em;
    margin: 0;
    padding: 5px 0 10px;
    text-align: center;
  }
  .box_floorplan_search .select_area > div ul {
    font-size: 0;
    margin: 0;
    text-align: center;
  }
  .box_floorplan_search .select_area > div ul li {
    box-sizing: border-box;
    width: 33.33%;
    padding: 5px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2em;
  }
  .box_floorplan_search .select_area > div ul li > span {
    display: block;
    background-color: #fff;
    border: 1px #ddd solid;
    text-align: center;
    padding: 10px 5px 10px 12px;
    position: relative;
    transition: all 0.2s ease;
  }
  .box_floorplan_search .select_area > div ul li > span.active,
  .box_floorplan_search .select_area > div ul li > span:hover {
    color: #fff;
    background-color: #a4002c;
    border-color: #a4002c;
  }
  .box_floorplan_search .select_area > div ul li > span:hover {
    cursor: pointer;
  }
  .box_floorplan_search .select_area > div ul li > span i {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: 1px;
  }
  .box_floorplan_search .select_area > div ul li > span i span {
    position: absolute;
    left: -7px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 2px;
    background-color: #333;
    transition: all 0.2s ease;
  }
  .box_floorplan_search .select_area > div ul li > span.active i span,
  .box_floorplan_search .select_area > div ul li > span:hover i span {
    background-color: #fff;
  }
  .box_floorplan_search .select_area > div ul li > span i span:nth-child(1) {
  }
  .box_floorplan_search .select_area > div ul li > span i span:nth-child(2) {
    transform: rotate(90deg);
    top: 0;
  }
  .box_floorplan_search
    .select_area
    > div
    ul
    li
    > span.active
    i
    span:nth-child(2) {
    transform: rotate(180deg);
  }
  .select_front {
    border-top: 1px #ddd dashed;
  }
  .box_floorplan_search .select_area .rect1 {
    position: absolute;
    left: 50%;
    margin-left: -32px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 32px 0 32px;
    border-color: #ddd transparent transparent transparent;
  }
  .box_floorplan_search .select_area .rect2 {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 30px 0 30px;
    border-color: #fdfcf2 transparent transparent transparent;
  }
  .box_lst_floorplan {
    margin: 40px 0 0;
  }
  .box_lst_floorplan .lst_media {
    margin: 0 -5px;
  }
  .box_lst_floorplan .lst_media li {
    margin: 20px 0 0;
  }
  .box_lst_floorplan .lst_media li .floormap {
    border: 1px #ddd solid;
  }
  .box_lst_floorplan .lst_media li .floormap:hover {
    cursor: none;
  }
  .box_lst_floorplan .lst_media li p {
    margin: 10px 0 0;
    padding: 0 0 10px;
    font-size: 13px;
    line-height: 1.67em;
  }
  .box_lst_floorplan .lst_media li p span {
    display: block;
  }
  .box_lst_floorplan .floormap .btn_show_modal {
    position: absolute;
    width: 25px;
    height: 25px;
    right: 0;
    bottom: 0;
    background-color: #a4002c;
  }
  .box_lst_floorplan .floormap:hover .btn_show_modal {
    background-color: #333;
  }
  .box_lst_floorplan .floormap .btn_show_modal span {
    display: block;
    width: 13px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 6px;
    top: 50%;
  }
  .box_lst_floorplan .floormap .btn_show_modal span:nth-child(1) {
  }
  .box_lst_floorplan .floormap .btn_show_modal span:nth-child(2) {
    transform: rotate(90deg);
  }
  .box_lst_floorplan .lst_media li p {
    margin: 15px 0 0;
    padding: 0 0 10px;
  }
  .box_lst_floorplan .lst_media li p span {
    display: block;
  }
  #box_plan_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    display: none;
  }
  #box_plan_modal #bg_area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1999;
  }
  #box_plan_modal ul {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    height: auto;
    margin: auto;
    max-width: none;
    max-height: none;
    z-index: 2000;
  }
  #box_plan_modal ul li {
    box-sizing: border-box;
    margin: 0;
    background-color: #fff;
    position: relative;
    display: none;
    height: 100%;
  }
  #box_plan_modal .plan_name {
    text-align: center;
    font-size: 16px;
    line-height: 1.67em;
    border-bottom: 1px #ccc solid;
    padding: 7px;
  }
  #box_plan_modal .inner {
    padding: 20px 15px;
    position: relative;
  }
  #box_plan_modal .plan_info {
    position: inherit;
    box-sizing: border-box;
    left: inherit;
    top: inherit;
    width: 100%;
    padding: 0 0 0 0;
  }
  #box_plan_modal .plan_info .price strong {
    font-size: 14px;
    font-weight: 500;
  }
  #box_plan_modal .plan_info dl {
    margin: 10px 0 0;
    font-size: 13px;
  }
  #box_plan_modal .plan_info dl dt {
    clear: both;
    float: left;
    width: 5em;
  }
  #box_plan_modal .plan_info dl dd {
    margin: 0 0 0 5.5em;
  }
  #box_plan_modal .plan_floormap {
    box-sizing: border-box;
    margin: 0;
    text-align: center;
  }
  #box_plan_modal .plan_floormap img {
    width: 100%;
    max-width: 415px;
    height: auto;
    margin: 0;
  }
  .btn_modal_close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .btn_modal_close:hover {
    cursor: pointer;
  }
  .btn_modal_close span {
    position: absolute;
    display: block;
    width: 18px;
    height: 2px;
    top: 50%;
    background-color: #000;
  }
  .btn_modal_close span:nth-child(1) {
    transform: rotate(45deg);
  }
  .btn_modal_close span:nth-child(2) {
    transform: rotate(-45deg);
  }
}

/* Products > Standard > Plan example
-------------------------------------------------- */

.btn_vrtour {
  color: #fff;
  width: 124px;
  height: 124px;
  margin: auto;
  border: 2px #fff solid;
  border-radius: 62px;
  overflow: hidden;
  margin-top: 25px;
}

.btn_vrtour a {
  display: block;
  width: 124px;
  height: 124px;
  position: relative;
}

.btn_vrtour a:before {
  content: "";
  position: absolute;
  width: 124px;
  height: 124px;
  background-color: #000;
  opacity: 0.5;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.btn_vrtour:hover a:before {
  opacity: 0.6;
}

.btn_vrtour span {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 50%;
  bottom: 0;
  color: #fff;
  text-align: center;
}

.btn_vrtour a .icon {
  margin-top: -30px;
}

.btn_vrtour a .text {
  padding: 15px 0 0;
}

.wrp_heading_standard .btn_vrtour {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  margin-top: 15px;
}

.wrp_heading_standard .btn_vrtour a {
  width: 100px;
  height: 100px;
}

.wrp_heading_standard .btn_vrtour a .icon {
  margin-top: -30px;
  padding: 0 20px;
}

.wrp_heading_standard .btn_vrtour a .text {
  padding: 5px 0 0;
}

.box_plan_example {
  padding: 0 100px;
}

.box_floormap {
  border: 1px #ddd solid;
  text-align: center;
  position: relative;
}

.box_floormap > .inner {
  width: auto;
  max-width: 544px;
  margin: auto;
}

.bx-viewport {
  overflow: hidden;
}

.bx-controls {
  padding-bottom: 30px;
}

.bx-pager .bx-pager-item {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
  margin: 0 10px;
}

.bx-pager .bx-pager-item a {
  display: block;
  width: 10px;
  height: 10px;
  text-indent: -9999px;
  background-color: #ccc;
}

.bx-pager .bx-pager-item a.active {
  background-color: #398e95;
}

.box_floormap .bx-prev:hover .box_floormap .bx-next:hover {
  opacity: 0.8;
}

.box_floormap .bx-prev {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: -70px;
  width: 26px;
  height: 49px;
  background: url(../img/products/standard/plan-example/btn_prev.png) no-repeat;
  text-indent: -9999px;
}

.box_floormap .bx-next {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: -70px;
  width: 26px;
  height: 49px;
  background: url(../img/products/standard/plan-example/btn_next.png) no-repeat;
  text-indent: -9999px;
}

/*
#slide_floormap_next {
	position:absolute;
	width:26px;
	height:49px;
	background:url(../img/products/standard/plan-example/btn_next.png) no-repeat;
}
#slide_floormap_prev {
	position:absolute;
	width:26px;
	height:49px;
	background:url(../img/products/standard/plan-example/btn_prev.png) no-repeat;
}
*/

.tbl_plan_example,
.tbl_plan_example th,
.tbl_plan_example td {
  border: 1px solid #ddd;
}

.tbl_plan_example th {
  background: #f5f5f2;
  text-align: left;
  vertical-align: middle;
  color: #333;
  font-weight: bold;
}

.tbl_plan_example th,
.tbl_plan_example td {
  padding: 15px 25px;
}

.tbl_product_info * {
  text-align: center !important;
}

@media screen and (max-width: 767px) {
  .btn_vrtour {
    color: #fff;
    width: 62px;
    height: 62px;
    margin: auto;
    border: 2px #fff solid;
    border-radius: 62px;
    overflow: hidden;
    margin-top: 7px;
  }
  .btn_vrtour a {
    display: block;
    width: 62px;
    height: 62px;
    position: relative;
  }
  .btn_vrtour a:before {
    content: "";
    position: absolute;
    width: 62px;
    height: 62px;
    background-color: #000;
    opacity: 0.5;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .btn_vrtour:hover a:before {
    opacity: 0.6;
  }
  .btn_vrtour span {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    color: #fff;
    text-align: center;
  }
  .btn_vrtour a .icon {
    margin-top: -20px;
    width: 70%;
  }
  .btn_vrtour a .text {
    font-size: 10px;
    padding: 5px 0 0;
  }
  .wrp_heading_standard .btn_vrtour {
    width: 62px;
    height: 62px;
    border-radius: 50px;
    margin-top: 15px;
  }
  .wrp_heading_standard .btn_vrtour a {
    width: 62px;
    height: 62px;
  }
  .wrp_heading_standard .btn_vrtour a .icon {
    margin-top: -20px;
    width: 70%;
    padding: 0;
  }
  .wrp_heading_standard .btn_vrtour a .text {
    padding: 5px 0 0;
  }
  .box_plan_example {
    padding: 0;
  }
  .tbl_plan_example th,
  .tbl_plan_example td {
    padding: 5px 10px;
  }
  .box_floormap {
    border: 1px #ddd solid;
    text-align: center;
    margin: 0 30px;
    position: relative;
  }
  .box_floormap > .inner {
    width: auto;
    max-width: 344px;
    margin: auto;
  }
  .bx-controls {
    padding-bottom: 20px;
  }
  .bx-pager .bx-pager-item {
    margin: 0 7px;
  }
  .box_floormap .bx-prev {
    left: -30px;
    width: 13px;
    height: 25px;
    background: url(../img/products/standard/plan-example/btn_prev.png)
      no-repeat;
    background-size: 100% auto;
  }
  .box_floormap .bx-next {
    right: -30px;
    width: 13px;
    height: 25px;
    background: url(../img/products/standard/plan-example/btn_next.png)
      no-repeat;
    background-size: 100% auto;
  }
}

/* Products > Standard > Plan example
-------------------------------------------------- */

.box_movie {
  width: auto;
  max-width: 800px;
  margin: auto;
  padding: 0 0 40px;
}

.box_movie > div {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.box_movie > div > iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width: 767px) {
  .box_movie {
    padding: 0 0 10px;
  }
}

/* Products > Standard > Works (index and detail)
-------------------------------------------------- */

.box_tag_area {
  border: 1px #ddd solid;
  margin: 60px 0 0;
  background-color: #f5f5f2;
  padding: 25px 30px;
}

.box_tag_area h2 {
  margin: 0 0 20px;
}

.box_tag_area a {
  display: inline-block;
  line-height: 1em;
  padding: 8px 10px;
  background-color: #fff;
  margin: 0 2px 10px;
  border: 1px #ddd solid;
  border-radius: 16.5px;
}

.box_standard_works {
  margin: 80px 0 0;
}

.box_standard_works h2 {
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  background-color: #fbf8e0;
  padding: 25px;
}

.box_standard_works p.txt_explain {
  margin: 0 0 0 30px;
}

.box_standard_works li a:hover {
  color: #000;
}

.box_standard_works li h3 {
  padding: 0 0 0 30px;
  position: relative;
  margin: 20px 0 0;
}

.box_standard_works li h3 i.fa {
  position: absolute;
  left: 0;
  top: 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -4px 8px 0 0;
  padding: 0;
  line-height: 20px;
  background: #a4002c;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  line-height: 0.5em;
}

.box_standard_works li h3 i.fa::before {
  color: #ffffff;
  margin: 0;
}

.box_modelhouse_calender {
  border: 1px #ccc solid;
}

.txt_lead_works {
  font-size: 21px;
  line-height: 1.67em;
  text-align: center;
}

.box_works_outline {
  max-width: 960px;
  margin: auto;
}

.box_works_pager {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

.box_works_pager ul {
  margin: 0 -10px;
  position: relative;
  height: 160px;
}

.box_works_pager ul li {
  position: absolute;
  top: 0;
  padding: 0 10px;
}

.box_works_pager ul li a {
  position: relative;
  display: block;
  z-index: 2;
  color: #fff;
}

.box_works_pager ul li.btn_prev {
  left: 0;
}

.box_works_pager ul li.btn_index {
  left: 33.33%;
}

.box_works_pager ul li.btn_next {
  right: 0;
}

.box_works_pager ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.3;
  z-index: 1;
}

.box_works_pager ul li a p {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 50%;
  text-align: center;
  z-index: 2;
  font-size: 17px;
  line-height: 1em;
  margin-top: -0.5em;
}

.box_works_pager ul li.btn_prev a p i {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.box_works_pager ul li.btn_next a p i {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.box_works_pager ul li a p i::before {
  color: #fff;
  font-size: 32px;
  line-height: 1em;
  margin-top: -8px;
}

#box_swiper_gallery {
  margin: 40px 0 0;
  padding: 0 0 70px;
}

.swiper-container {
  margin: 0 110px;
}

#box_swiper_gallery .swiper-slide img {
  width: 100%;
  height: auto;
}

#box_swiper_gallery h3 {
  margin: 20px 0 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.67em;
}

#box_swiper_gallery p {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.67em;
}

#box_swiper_gallery .box_swiper-thumbnail {
  position: relative;
  width: 100%;
}

#box_swiper_gallery .swiper-thumbnail {
  margin: 40px 39px 0;
  overflow: hidden;
}

#box_swiper_gallery .swiper-thumbnail li {
  box-sizing: border-box;
  width: 16.66%;
  float: left;
  padding: 0 10px;
}

#box_swiper_gallery .swiper-thumbnail img {
  width: 100%;
  height: auto;
}

.swiper-button-next,
.swiper-button-prev {
  background: none;
  width: 22px;
  height: 22px;
  background-color: #a4002c;
  top: 0;
  bottom: 0;
  margin: auto;
}

.swiper-button-next {
  right: 0;
}

.swiper-button-prev {
  left: 0;
}

.swiper-button-next .fa,
.swiper-button-prev .fa {
  display: block;
  width: 22px;
  height: 22px;
  text-align: center;
}

.swiper-button-next .fa::before,
.swiper-button-prev .fa::before {
  font-size: 28px;
  color: #fff;
  margin: 0;
  line-height: 0.8em;
}

.swiper-button-next .fa::before {
  margin: 0 0 0 0;
}

.swiper-button-prev .fa::before {
  margin: 0 3px 0 0;
}

.swiper-slide a {
  display: block;
  border: 2px #ffffff solid;
}

.swiper-slide-active a {
  border: 2px #a4002c solid;
}

@media screen and (min-width: 768px) and (max-width: 1169px) {
  .swiper-container {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .box_tag_area {
    border: 1px #ddd solid;
    margin: 30px 0 0;
    background-color: #f5f5f2;
    padding: 8px 10px;
  }
  .box_tag_area h2 {
    margin: 0 0 20px;
  }
  .box_tag_area a {
    display: inline-block;
    font-size: 13px;
    line-height: 1em;
    padding: 5px 7px;
    background-color: #fff;
    margin: 0 2px 5px;
    border: 1px #ddd solid;
    border-radius: 16.5px;
  }
  .box_standard_works {
    margin: 40px 0 0;
  }
  .box_standard_works h2 {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    background-color: #fbf8e0;
    padding: 10px;
  }
  .box_standard_works p.txt_explain {
    margin: 0 0 0 21px;
    font-size: 13px;
    line-height: 1.67em;
  }
  .box_standard_works li a:hover {
    color: #000;
  }
  .box_standard_works li h3 {
    padding: 0 0 0 21px;
    position: relative;
    margin: 10px 0 0;
    line-height: 1.67em;
  }
  .box_standard_works li h3 i.fa {
    position: absolute;
    left: 0;
    top: 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -4px 8px 0 0;
    padding: 0;
    line-height: 20px;
    background: #a4002c;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    line-height: 0.5em;
  }
  .box_standard_works li h3 i.fa::before {
    color: #ffffff;
    margin: 0;
  }
  .box_modelhouse_calender {
    border: 1px #ccc solid;
  }
  .txt_lead_works {
    font-size: 16px;
    line-height: 1.67em;
    text-align: center;
    margin: 0 0 10px;
  }
  .box_works_outline {
    max-width: 960px;
    margin: auto;
  }
  .box_works_pager {
    width: auto;
    text-align: center;
    max-width: none;
    margin: 0 auto;
  }
  .box_works_pager ul {
    margin: 10px -5px 0;
    position: relative;
    height: auto;
    text-align: center;
  }
  .box_works_pager ul li {
    position: relative;
    top: 0;
    padding: 0 5px;
    float: left;
  }
  .box_works_pager ul li a {
    position: relative;
    display: block;
    z-index: 2;
    color: #fff;
  }
  .box_works_pager ul li.btn_prev {
    left: inherit;
  }
  .box_works_pager ul li.btn_index {
    left: inherit;
  }
  .box_works_pager ul li.btn_next {
    right: inherit;
  }
  .box_works_pager ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.3;
    z-index: 1;
  }
  .box_works_pager ul li a p {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 50%;
    text-align: center;
    z-index: 2;
    font-size: 13px;
    line-height: 1em;
    margin-top: -0.5em;
  }
  .box_works_pager ul li.btn_prev a p i {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
  }
  .box_works_pager ul li.btn_next a p i {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .box_works_pager ul li a p i::before {
    color: #fff;
    font-size: 20px;
    line-height: 1em;
    margin-top: -5px;
  }
  #box_swiper_gallery {
    margin: 20px 0 0;
    padding: 0 0 35px;
  }
  .swiper-container {
    margin: 0;
  }
  #box_swiper_gallery .swiper-slide img {
    width: 100%;
    height: auto;
  }
  #box_swiper_gallery h3 {
    margin: 10px 0 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67em;
  }
  #box_swiper_gallery p {
    margin: 0 0 0;
    font-size: 12px;
    line-height: 1.67em;
  }
  #box_swiper_gallery .box_swiper-thumbnail {
    position: relative;
    width: 100%;
  }
  #box_swiper_gallery .swiper-thumbnail {
    margin: 20px 22px 0;
    overflow: hidden;
  }
  #box_swiper_gallery .swiper-thumbnail li {
    box-sizing: border-box;
    width: 16.66%;
    float: left;
    padding: 0 2.5px;
  }
  #box_swiper_gallery .swiper-thumbnail img {
    width: 100%;
    height: auto;
  }
  .swiper-button-next,
  .swiper-button-prev {
    background: none;
    width: 16px;
    height: 16px;
    background-color: #a4002c;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .swiper-button-next {
    right: 0;
  }
  .swiper-button-prev {
    left: 0;
  }
  .swiper-button-next .fa,
  .swiper-button-prev .fa {
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
    margin-top: -2px;
  }
  .swiper-button-next .fa::before,
  .swiper-button-prev .fa::before {
    font-size: 16px;
    color: #fff;
    margin: 0;
    line-height: 1em;
  }
  .swiper-button-next .fa::before {
    margin: 0 0 0 0;
  }
  .swiper-button-prev .fa::before {
    margin: 0 3px 0 0;
  }
  .box_works_outline tbody tr {
    display: table-row;
  }
  .box_works_outline tbody th,
  .box_works_outline tbody td {
    display: table-cell;
    font-size: 14px;
    line-height: 1.33em;
    padding: 10px 10px;
  }
  .box_works_outline tbody th {
    width: 27%;
    vertical-align: top;
  }
}

/* Products > Standard > Modelhouse (index and detail)
-------------------------------------------------- */

.sec_modelhouse_outline {
  margin: 95px 0 0;
  position: relative;
}

.box_modelhouse_info {
  width: 36.75%;
  /*
    position: absolute;
    left: 0;
    top: 0;
    */
  float: left;
}

.box_modelhouse_info h2 {
  font-size: 35px;
  font-weight: 300;
  line-height: 1.67em;
}

.box_modelhouse_info p.txt_concept {
  font-size: 17px;
  line-height: 1.67em;
  margin: 15px 0 0;
}

.box_modelhouse_info dl {
  margin: 15px 0 0;
}

.box_modelhouse_info dl dt {
  width: 3.5em;
  clear: both;
  float: left;
}

.box_modelhouse_info dl dd {
  margin: 0 0 0 3.5em;
}

.box_modelhouse_info .button {
  margin: 30px 0 0;
}

.box_modelhouse_info .btn_contact {
  background-color: #a4002c;
  padding: 10px 20px;
  color: #fff;
  display: block;
  text-align: center;
  width: 215px;
}

.box_modelhouse_info .btn_contact .fa:before {
  color: #fff;
}

.box_modelhouse_map {
  margin: 40px 0 0;
}

.gmap {
  height: 0;
  overflow: hidden;
  /*padding-bottom: 56.25%;*/
  padding-bottom: 40%;
  position: relative;
}

.box_modelhouse_map .gmap {
  padding-bottom: 56.25%;
}

.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.box_modelhouse_photo {
  width: auto;
  /*
    margin: 0 0 0 40.17%;
    */
  width: 59.83%;
  float: right;
}

@media (max-width: 767px) {
  .sec_modelhouse_outline {
    margin: 35px 0 0;
    padding: 0 0 10px;
    position: relative;
  }
  .box_modelhouse_info {
    width: auto;
    display: block;
    float: none;
    position: relative;
    left: inherit;
    top: inherit;
    margin: 10px 0 0;
  }
  .box_modelhouse_info h2 {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.67em;
    text-align: center;
    clear: both;
  }
  .box_modelhouse_info p.txt_concept {
    font-size: 14px;
    line-height: 1.67em;
    margin: 10px 0 0;
  }
  .box_modelhouse_info dl {
    margin: 10px 0 0;
    font-size: 12px;
    line-height: 1.67em;
  }
  .box_modelhouse_info dl dt {
    width: 3.5em;
    clear: both;
    float: left;
  }
  .box_modelhouse_info dl dd {
    margin: 0 0 0 3.5em;
  }
  .box_modelhouse_info .button {
    margin: 15px auto 0;
    text-align: center;
  }
  .box_modelhouse_info .btn_contact {
    background-color: #a4002c;
    padding: 10px 20px;
    color: #fff;
    display: block;
    text-align: center;
    width: 180px;
    margin: auto;
  }
  .box_modelhouse_info .btn_contact .fa:before {
    color: #fff;
  }
  .box_modelhouse_map {
    margin: 20px 0 0;
  }
  .gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
  }
  .gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }
  .box_modelhouse_photo {
    width: auto;
    margin: 20px 0 0;
    float: none;
  }
}

/* Products > Standard > Financial Plan
-------------------------------------------------- */

.pg_financial_plan .sub_category_navi {
  margin: 60px 0 0;
}

.txt_financial strong {
  color: #a4002c;
}

.txt_cost_outline {
  text-align: center;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.67em;
}

.txt_cost_outline strong {
  color: #a4002c;
}

.chart_payment {
  text-align: center;
  margin: 40px 0 0;
}

.box_loan_type .lst_media {
  width: auto;
  margin: 20px -15px 10px;
}

.box_loan_type .lst_media li {
  text-align: center;
}

.box_loan_type .lst_media li .inner {
  border: 1px #ddd solid;
}

.box_loan_type .lst_media li h4 {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.33em;
  padding: 15px 10px;
  background-color: #f5f5f2;
}

.box_loan_type .lst_media li .chart {
  padding: 20px 54.5px;
}

.box_loan_type .lst_media li p {
  text-align: left;
  margin: 15px 0 0;
}

.txt_loan_condition {
  text-align: center;
  background-color: #f5f5f2;
  padding: 7px 10px;
}

@media screen and (max-width: 767px) {
  .pg_financial_plan .sub_category_navi {
    margin: 60px 0 0;
  }
  .txt_financial {
    text-align: left;
  }
  .txt_financial strong {
    color: #a4002c;
  }
  .txt_cost_outline {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67em;
  }
  .txt_cost_outline strong {
    color: #a4002c;
  }
  .chart_payment {
    text-align: center;
    margin: 10px 0 0;
  }
  .box_loan_type .lst_media {
    width: auto;
    margin: 20px 0 10px;
  }
  .box_loan_type .lst_media li {
    text-align: center;
  }
  .box_loan_type .lst_media li .inner {
    border: 1px #ddd solid;
  }
  .box_loan_type .lst_media li h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.33em;
    padding: 7px 10px;
    background-color: #f5f5f2;
  }
  .box_loan_type .lst_media li .chart {
    padding: 10px 15px;
  }
  .box_loan_type .lst_media li p {
    font-size: 13px;
    line-height: 1.67em;
    text-align: left;
    margin: 10px 0 0;
  }
  .txt_loan_condition {
    font-size: 13px;
    line-height: 1.67em;
    text-align: left;
    background-color: #f5f5f2;
    padding: 7px 10px;
  }
}

/* Value > quality > eco
-------------------------------------------------- */

.box_eco_contents {
  clear: both;
  border: 1px #ddd solid;
  margin: 60px 0 0;
}

.box_eco_contents > .inner {
  padding: 10px 30px 40px;
}

.box_eco_contents hr {
  margin: 0 15px;
}

.box_eco_contents h3 {
  font-size: 25px;
  line-height: 1.4em;
  border-bottom: 1px #ddd solid;
  background-color: #ebf4f4;
  padding: 13px;
}

.box_eco_contents h3 strong {
  color: #f28b3f;
}

.box_eco_contents h4 {
}

.box_eco_contents h4 span {
}

.box_eco_contents figure .fluid_image {
  margin: auto;
}

.box_eco_contents h4,
.box_eco_contents figcaption {
  text-align: center;
  margin: 28px 0 28px;
}

.box_eco_contents h4 span,
.box_eco_contents figcaption span {
  border: 1px #ddd solid;
  display: inline-block;
  padding: 5px 30px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4em;
}

.box_eco_contents .wrp_grid {
  margin-left: 3px;
  margin-right: 3px;
}

.box_eco_contents .wrp_grid p {
  text-align: left;
}

.box_eco_contents .wrp_grid figure {
  text-align: left;
}

.box_eco_contents .wrp_grid figcaption {
  text-align: left;
  margin: 20px 0 0;
  font-size: 13px;
  line-height: 1.4em;
}

.box_eco_merit figure {
  text-align: center;
  margin: auto;
  width: auto;
  max-width: 820px;
}

.lst_soratomo {
  margin: 20px 0 20px;
}

.lst_soratomo li {
  text-align: center;
  position: relative;
}

.lst_soratomo li > .inner {
  background-color: #e4f1f2;
  padding: 20px 23px 25px;
  position: relative;
  z-index: 2;
}

.lst_soratomo li:before {
  position: absolute;
  content: "";
  background-color: #e4f1f2;
  left: 15px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.lst_soratomo dt {
  border-bottom: 1px #398e95 solid;
  color: #398e95;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.4em;
  text-align: center;
  padding: 15px 0 7px;
  margin: 0 0 12px;
}

.txt_energy_note {
  font-size: 12px;
  color: #666;
  line-height: 1.67em;
  text-align: left;
  max-width: 970px;
  margin: auto;
  padding: 10px 0 20px;
}

@media screen and (max-width: 767px) {
  .box_eco_contents {
    clear: both;
    border: 1px #ddd solid;
    margin: 20px 0 0;
  }
  .box_eco_contents > .inner {
    padding: 0 10px 20px;
  }
  .box_eco_contents hr {
    margin: 0 0;
  }
  .box_eco_contents h3 {
    font-size: 16px;
    line-height: 1.4em;
    border-bottom: 1px #ddd solid;
    background-color: #ebf4f4;
    padding: 13px;
  }
  .box_eco_contents h3 strong {
    color: #f28b3f;
  }
  .box_eco_contents h4 {
    font-size: 15px;
  }
  .box_eco_contents h4 span {
  }
  .box_eco_contents figure .fluid_image {
    margin: auto;
  }
  .box_eco_contents h4,
  .box_eco_contents figcaption {
    text-align: center;
    margin: 28px 0 20px;
  }
  .box_eco_contents h4 span,
  .box_eco_contents figcaption span {
    border: 1px #ddd solid;
    display: inline-block;
    padding: 5px 15px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4em;
  }
  .box_eco_contents .wrp_grid {
    margin-left: 3px;
    margin-right: 3px;
  }
  .box_eco_contents .wrp_grid .grid_12_sp {
    padding: 0 !important;
  }
  .box_eco_contents .wrp_grid p {
    text-align: left;
  }
  .box_eco_contents .wrp_grid figure {
    text-align: left;
  }
  .box_eco_contents .wrp_grid figcaption {
    text-align: left;
    margin: 20px 0 0;
    font-size: 13px;
    line-height: 1.4em;
  }
  .box_eco_merit figure {
    text-align: center;
    margin: auto;
    width: auto;
    max-width: 820px;
  }
  .lst_soratomo {
    margin: 20px 0 20px;
  }
  .lst_soratomo li {
    text-align: center;
  }
  .lst_soratomo li > .inner {
    background-color: #e4f1f2;
    padding: 10px 10px 15px;
  }
  .lst_soratomo li:before {
    position: absolute;
    content: "";
    background-color: #e4f1f2;
    left: 5px;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
  }
  .lst_soratomo dt {
    border-bottom: 1px #398e95 solid;
    color: #398e95;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4em;
    text-align: center;
    padding: 15px 0 7px;
    margin: 0 0 12px;
  }
  .txt_energy_note {
    font-size: 11px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    padding: 0 0 0;
  }
}

/* Property > terms
-------------------------------------------------- */

#wrap_property_term {
  width: auto;
  max-width: 970px;
  margin: auto;
  padding: 50px 15px 30px;
}

.box_property_term {
  padding: 40px 0 0;
}

.box_property_term * {
  line-height: 1.867em;
}

.box_property_term h2 {
  font-size: 21px;
  line-height: 1.4em;
  margin: 0 0 10px;
}

.box_property_term ol {
  list-style-position: outside;
  padding: 0 0 0 1em;
}

.box_property_term ol > li {
  list-style-type: decimal;
}

.box_property_term ul {
  list-style-position: outside;
  padding: 0 0 0 1em;
}

.box_property_term ul > li {
  list-style-type: disc;
}

@media screen and (max-width: 767px) {
  #wrap_property_term {
    width: auto;
    max-width: 970px;
    margin: auto;
    padding: 0 15px;
  }
  #wrap_property_term h1 {
    margin: 30px 0 0;
  }
  .box_property_term {
    padding: 30px 0 0;
  }
  .box_property_term * {
    line-height: 1.867em;
  }
  .box_property_term h2 {
    font-size: 17px;
    line-height: 1.4em;
    margin: 0 0 10px;
  }
  .box_property_term ol {
    list-style-position: outside;
    padding: 0 0 0 1em;
  }
  .box_property_term ol > li {
    list-style-type: decimal;
  }
  .box_property_term ul {
    list-style-position: outside;
    padding: 0 0 0 1em;
  }
  .box_property_term ul > li {
    list-style-type: disc;
  }
}

/* Property > Guide
-------------------------------------------------- */

#wrap_property_guide {
  width: auto;
  max-width: none;
  padding: 50px 0 30px;
}

.box_property_guide {
  clear: both;
  padding: 0 15px 0;
}

.box_property_guide > .inner {
  width: auto;
  max-width: 1170px;
  margin: auto;
}

.property_guide_merit li {
  text-align: center;
}

.property_guide_merit li h3 {
  font-size: 25px;
  line-height: 1.4em;
  text-align: center;
  margin: 25px 0 15px;
}

.property_guide_merit li p {
  text-align: left;
}

.property_guide_merit li img {
  border: 1px #ddd solid;
  border-radius: 50%;
}

.property_guide_flow {
  background-color: #f4f4f3;
  padding: 20px 15px 30px;
}

.property_guide_flow .lst_step {
}

.property_guide_flow .lst_step li {
  font-size: 21px;
  background-color: #fff;
}

.property_guide_flow .lst_step li:before {
  margin-top: -39px;
  right: -40px;
  z-index: 4;
  border-style: solid;
  border-width: 39px 0 39px 40px;
  border-color: transparent transparent transparent #ddd;
}

.property_guide_flow .lst_step li:after {
  margin-top: -38px;
  right: -39px;
  z-index: 5;
  border-style: solid;
  border-width: 38px 0 38px 39px;
  border-color: transparent transparent transparent #fff;
}

.property_guide_flow .lst_step p {
  padding: 23px 0 23px 30px;
  height: 80px;
}

.property_guide_flow .lst_step p strong {
  color: #a4002c;
  display: inline-block;
  margin-right: 10px;
}

.box_guide_step {
  box-sizing: border-box;
  border: 1px #ddd solid;
  background-color: #fff;
  padding: 60px 99px 60px;
  margin: 0 0 60px;
  text-align: center;
  position: relative;
}

.box_guide_step:before,
.box_guide_step:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
}

.box_guide_step.step3:before,
.box_guide_step.step3:after {
  display: none;
}

.box_guide_step:before {
  margin-left: -39px;
  bottom: -39px;
  z-index: 4;
  border-style: solid;
  border-width: 39px 39px 0 40px;
  border-color: #ddd transparent transparent transparent;
}

.box_guide_step:after {
  margin-left: -38px;
  bottom: -38px;
  z-index: 4;
  border-style: solid;
  border-width: 38px 38px 0 39px;
  border-color: #fff transparent transparent transparent;
}

.box_guide_step h3 {
  text-align: center;
  font-size: 32px;
  line-height: 1.4em;
  font-weight: 200;
  margin: 0 0 30px;
}

.box_guide_step h3 span {
  display: block;
}

.box_guide_step h3 span:nth-child(1) {
  display: inline-block;
  color: #a4002c;
  border: 2px #a4002c solid;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.4em;
  padding: 2px 30px;
}

.box_guide_step h3 span:nth-child(2) {
  padding: 20px 0 0;
}

.box_guide_step h4 {
  text-align: left;
  font-size: 21px;
  font-weight: 500;
  margin: 60px 0 10px;
}

.box_guide_step h4 > span {
  display: inline-block;
  box-sizing: border-box;
  font-size: 15px;
  padding: 6px 15px 0;
  line-height: 1em;
  color: #fff;
  background-color: #a4002c;
  height: 26px;
  position: relative;
}

.box_guide_step h4 > span:after {
  position: absolute;
  content: "";
  top: 0;
  right: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 13px 10px;
  border-color: transparent transparent transparent #a4002c;
}

.box_guide_step .txt_lead {
  font-size: 21px;
  line-height: 2em;
  font-weight: 500;
  margin: 20px 0 10px;
}

.box_guide_step .txt_step_lead {
  font-size: 15px;
  line-height: 2em;
  text-align: left;
  margin: 0 0 15px;
}

.box_guide_step .txt_step_lead em {
  font-size: 17px;
}

.box_guide_step .txt_step_lead strong {
  color: #a4002c;
}

.box_guide_step .lst_note {
  background-color: #fdfcf2;
  padding: 15px 20px;
}

.box_guide_step .lst_note li {
  line-height: 2em;
  text-indent: -1em;
  padding: 0 0 0 1em;
}

.box_guide_step .lst_note li:before {
  content: "※";
}

.box_guide_step figure {
  margin: 40px 0 0;
}

.property_guide_cancel .inner {
  width: auto;
  max-width: 1170px;
  margin: auto;
}

.property_guide_cancel .txt_lead {
  margin: 0 0 20px;
}

.lst_cancel_flow {
  background-color: #fdfcf2;
  padding: 30px 100px 30px;
  margin: 0 0 80px;
}

.lst_cancel_flow h3 {
  text-align: center;
  font-size: 21px;
  line-height: 1.4em;
  font-weight: 500;
  color: #a4002c;
  margin: 0 0 20px;
}

.lst_cancel_flow ol {
  border-top: 1px #c5c5bd solid;
}

.lst_cancel_flow ol li {
  border-bottom: 1px #c5c5bd dashed;
  padding: 18px 0 15px 30px;
  position: relative;
}

.lst_cancel_flow ol li:last-child {
  border-bottom: 1px #c5c5bd solid;
}

.txt_cancel_note {
  text-align: center;
  margin: 25px 0 0;
}

.lst_cancel_flow ol li > span {
  position: absolute;
  top: 19px;
  left: 0;
  display: inline-block;
  box-sizing: border-box;
  font-size: 14px;
  padding: 4px 0 0;
  line-height: 1em;
  color: #fff;
  background-color: #a4002c;
  height: 22px;
  width: 22px;
  text-align: center;
  margin-right: 5px;
}

.box_guide_btn {
  text-align: center;
  font-size: 0px;
  padding: 40px 0 20px;
}

.box_guide_btn .fa:before {
  color: #ffffff;
  font-size: 20px;
}

.box_guide_btn li {
  display: inline-block;
  width: 280px;
  text-align: center;
  margin: 0 20px;
}

.box_guide_btn li a,
.box_guide_btn li span {
  display: block;
  color: #fff;
  background-color: #a4002c;
  font-size: 16px;
  font-weight: 400;
  padding: 20px;
}

.box_guide_btn li span.close {
  background-color: #2d3339;
}

.box_guide_btn li span:hover {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #wrap_property_guide {
    width: auto;
    max-width: none;
    padding: 0 0 30px;
  }
  .box_property_guide {
    clear: both;
    padding: 0 15px 0;
  }
  .box_property_guide > .inner {
    width: auto;
    max-width: 1170px;
    margin: auto;
  }
  .property_guide_merit li {
    text-align: center;
  }
  .property_guide_merit li h3 {
    font-size: 18px;
    line-height: 1.4em;
    text-align: center;
    margin: 25px 0 15px;
  }
  .property_guide_merit li p {
    text-align: left;
  }
  .property_guide_merit li img {
    border: 1px #ddd solid;
    border-radius: 50%;
  }
  .property_guide_flow {
    background-color: #f4f4f3;
    padding: 20px 15px 30px;
  }
  .property_guide_flow .lst_step {
    margin-bottom: 20px;
  }
  .property_guide_flow .lst_step li {
    font-size: 13px;
    background-color: #fff;
  }
  .property_guide_flow .lst_step li:before {
    margin-top: -19px;
    right: -20px;
    z-index: 4;
    border-style: solid;
    border-width: 19px 0 19px 20px;
    border-color: transparent transparent transparent #ddd;
  }
  .property_guide_flow .lst_step li:after {
    margin-top: -18px;
    right: -19px;
    z-index: 5;
    border-style: solid;
    border-width: 18px 0 18px 19px;
    border-color: transparent transparent transparent #fff;
  }
  .property_guide_flow .lst_step p {
    padding: 10px 0 10px 15px;
    height: 38px;
  }
  .property_guide_flow .lst_step p strong {
    color: #a4002c;
    display: none;
  }
  .box_guide_step {
    box-sizing: border-box;
    border: 1px #ddd solid;
    background-color: #fff;
    padding: 20px 14px 20px;
    margin: 0 0 30px;
    text-align: center;
    position: relative;
  }
  .box_guide_step:before,
  .box_guide_step:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
  }
  .box_guide_step:before {
    margin-left: -24px;
    bottom: -24px;
    z-index: 4;
    border-style: solid;
    border-width: 24px 24px 0 25px;
    border-color: #ddd transparent transparent transparent;
  }
  .box_guide_step:after {
    margin-left: -23px;
    bottom: -23px;
    z-index: 4;
    border-style: solid;
    border-width: 23px 23px 0 24px;
    border-color: #fff transparent transparent transparent;
  }
  .box_guide_step h3 {
    text-align: center;
    font-size: 21px;
    line-height: 1.4em;
    font-weight: 200;
    margin: 0 0 15px;
  }
  .box_guide_step h3 span {
    display: block;
  }
  .box_guide_step h3 span:nth-child(1) {
    display: inline-block;
    color: #a4002c;
    border: 2px #a4002c solid;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em;
    padding: 2px 15px;
  }
  .box_guide_step h3 span:nth-child(2) {
    padding: 10px 0 0;
  }
  .box_guide_step h4 {
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    margin: 30px 0 10px;
  }
  .box_guide_step h4 > span {
    display: inline-block;
    box-sizing: border-box;
    font-size: 13px;
    padding: 4px 10px 0;
    line-height: 1em;
    color: #fff;
    background-color: #a4002c;
    height: 20px;
    position: relative;
  }
  .box_guide_step h4 > span:after {
    position: absolute;
    content: "";
    top: 0;
    right: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 8px;
    border-color: transparent transparent transparent #a4002c;
  }
  .box_guide_step .txt_lead {
    font-size: 17px;
    line-height: 1.6em;
    font-weight: 500;
    margin: 20px 0 10px;
  }
  .box_guide_step .txt_step_lead {
    font-size: 14px;
    line-height: 1.6em;
    text-align: left;
    margin: 0 0 15px;
  }
  .box_guide_step .txt_step_lead em {
    font-size: 15px;
  }
  .box_guide_step .txt_step_lead strong {
    color: #a4002c;
  }
  .box_guide_step .lst_note {
    background-color: #fdfcf2;
    padding: 15px 20px;
  }
  .box_guide_step .lst_note li {
    line-height: 1.6em;
    text-indent: -1em;
    padding: 0 0 0 1em;
  }
  .box_guide_step .lst_note li:before {
    content: "※";
  }
  .box_guide_step figure {
    margin: 20px 0 0;
  }
  .property_guide_cancel .inner {
    width: auto;
    max-width: 1170px;
    margin: auto;
  }
  .property_guide_cancel .txt_lead {
    margin: 0 0 20px;
  }
  .lst_cancel_flow {
    background-color: #fdfcf2;
    padding: 20px 14px 15px;
    margin: 0 0 40px;
  }
  .lst_cancel_flow h3 {
    text-align: center;
    font-size: 17px;
    line-height: 1.4em;
    font-weight: 500;
    color: #a4002c;
    margin: 0 0 10px;
  }
  .lst_cancel_flow ol {
    border-top: 1px #c5c5bd solid;
  }
  .lst_cancel_flow ol li {
    border-bottom: 1px #c5c5bd dashed;
    padding: 18px 0 15px 25px;
    position: relative;
  }
  .lst_cancel_flow ol li:last-child {
    border-bottom: 1px #c5c5bd solid;
  }
  .txt_cancel_note {
    text-align: center;
    margin: 15px 0 0;
  }
  .lst_cancel_flow ol li > span {
    position: absolute;
    left: 0;
    top: 19px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 12px;
    padding: 3px 0 0;
    line-height: 1em;
    color: #fff;
    background-color: #a4002c;
    height: 18px;
    width: 18px;
    text-align: center;
    margin-right: 5px;
  }
  .box_guide_btn {
    text-align: center;
    font-size: 0px;
    padding: 40px 0 0;
  }
  .box_guide_btn .fa:before {
    color: #ffffff;
    font-size: 18px;
  }
  .box_guide_btn li {
    display: inline-block;
    width: 160px;
    text-align: center;
    margin: 0 5px;
  }
  .box_guide_btn li a,
  .box_guide_btn li span {
    display: block;
    color: #fff;
    background-color: #a4002c;
    font-size: 13px;
    font-weight: 400;
    padding: 15px 5px;
  }
  .box_guide_btn li span.close {
    background-color: #2d3339;
  }
  .box_guide_btn li span:hover {
    cursor: pointer;
  }
}

/* Loan simulator > repayment
-------------------------------------------------- */

.tab_loan_simulator {
  border-bottom: 1px #ddd solid;
  margin: 60px auto 0;
}

.tab_loan_simulator ul {
  width: auto;
  max-width: 1070px;
  text-align: center;
  font-size: 0;
  margin: auto;
  border-right: 1px #ddd solid;
}

.tab_loan_simulator ul li {
  width: 50%;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: -1px;
}

.tab_loan_simulator ul li > a,
.tab_loan_simulator ul li > span {
  display: block;
  border: 1px #ddd;
  border-style: solid none none solid;
  text-align: center;
  background-color: #fff;
  padding: 20px 15px;
}

.tab_loan_simulator ul li > a {
  background-color: #f5f5f5;
  border: 1px #ddd;
  border-style: solid none solid solid;
}

.tab_loan_simulator ul li > a:hover {
  cursor: pointer;
}

.tab_loan_simulator ul li > span {
  color: #a4002c;
  border-bottom: 1px #fff solid;
}

.loan_simulator_input {
  width: auto;
  max-width: 970px;
  margin: auto;
}

.loan_simulator_input th {
  box-sizing: border-box;
  width: 350px;
  padding-left: 87px;
  position: relative;
  font-size: 15px;
  vertical-align: middle;
}

.loan_simulator_input th span.lbl {
  position: absolute;
  height: 15px;
  margin: auto;
  left: 20px;
  top: 0;
  bottom: 0;
}

.loan_simulator_input th .txt_note {
  text-indent: 0;
  padding-left: 5px;
  color: #333;
}

.loan_simulator_input th .txt_note:before {
  content: "";
}

.ls_input_group {
  padding: 20px 0 0 0;
}

.loan_simulator_input td .txt_cmn1 {
  display: inline-block;
  padding: 5px 5px 0 0;
}

.loan_simulator_input td .txt_cmn2 {
  display: inline-block;
  padding: 10px 5px 0 0;
}

.loan_simulator_input td .txt_unit {
  display: inline-block;
  padding: 10px 0 0 10px;
}

.ls_value_price {
  min-width: 70px;
  max-width: 120px;
}

.ls_value_bonus {
  min-width: 70px;
  max-width: 120px;
}

.ls_rate_percent {
  min-width: 60px;
  max-width: 80px;
}

.ls_repayment_term {
  min-width: 80px !important;
  max-width: 100px;
}

.ls_value_year {
  min-width: 50px;
  max-width: 50px;
}

.ls_value_month {
  min-width: 50px;
  max-width: 50px;
}

.btn_calculation button {
  margin: 0 5px;
}

#box_calculation_result {
  box-sizing: border-box;
  width: auto;
  max-width: 970px;
  margin: 110px auto 0;
  border: 4px #a4002c solid;
  background-color: #fdfcf2;
  padding: 36px 46px 46px;
  position: relative;
  /*
	*/
  display: none;
}

#box_calculation_result:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  top: -54px;
  margin-left: -60px;
  z-index: 4;
  border-style: solid;
  border-width: 34px 60px 0 60px;
  border-color: #a4002c transparent transparent transparent;
}

#box_calculation_result h2 {
  text-align: center;
  font-size: 25px;
  line-height: 1.6em;
  margin: 0 0 25px;
}

#box_calculation_result table {
  border-top: 1px #cccccc solid;
  font-size: 17px;
  line-height: 1.4em;
}

#box_calculation_result tr {
  border-bottom: 1px #c7c7c7 solid;
}

#box_calculation_result th {
  clear: both;
  float: left;
  padding: 25px;
  vertical-align: middle;
}

#box_calculation_result td {
  text-align: right;
  padding: 22px 25px 22px 0;
  vertical-align: middle;
}

#box_calculation_result td strong {
  font-size: 32px;
  line-height: 1em;
  color: #a4002c;
  display: inline-block;
  margin-right: 5px;
}

#box_calculation_result p.note {
  text-align: right;
  padding: 10px 0 0;
}

.box_simulator_note {
  width: auto;
  max-width: 970px;
  margin: 80px auto 0;
  padding: 0 0 40px;
  font-size: 13px;
  line-height: 1.5em;
}

.box_simulator_note h3 {
  font-size: 15px;
  line-height: 1.5em;
  margin: 25px 0 5px;
}

.box_simulator_note ul {
  list-style: disc outside;
}

.box_simulator_note ul li {
  margin: 0 0 0 20px;
}

.box_simulator_note ul.note {
  list-style: none;
}

.box_simulator_note ul.note li {
  margin: 0 0 0 1em;
  text-indent: -1em;
}

input.error {
  background-color: #fcc;
}

label.error {
  color: #ff0000;
  display: block;
  padding: 3px 0 0;
}

#wrap_txt_payment {
  display: none;
}

.submit_box #jsFigureBtn {
  display: none;
}

.figure_calculation_result {
  width: 100%;
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .tab_loan_simulator {
    border-bottom: 1px #ddd solid;
    margin: 30px auto 0;
  }
  .tab_loan_simulator ul {
    width: auto;
    max-width: 1070px;
    text-align: center;
    font-size: 0;
    margin: 0 10px;
    border-right: 1px #ddd solid;
  }
  .tab_loan_simulator ul li {
    width: 50%;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4em;
  }
  .tab_loan_simulator ul li > a,
  .tab_loan_simulator ul li > span {
    display: block;
    border: 1px #ddd;
    border-style: solid none none solid;
    text-align: center;
    background-color: #fff;
    padding: 10px 5px;
  }
  .tab_loan_simulator ul li > a {
    background-color: #f5f5f5;
  }
  .tab_loan_simulator ul li > span {
    color: #a4002c;
  }
  .loan_simulator_input {
    width: auto;
    max-width: 970px;
    margin: auto;
  }
  .loan_simulator_input th {
    box-sizing: border-box;
    width: auto;
    padding-left: 70px;
    position: relative;
    font-size: 15px;
    vertical-align: middle;
  }
  .loan_simulator_input th.input_free_item {
    padding-left: 10px;
  }
  .loan_simulator_input th span.lbl {
    position: absolute;
    height: 15px;
    margin: auto;
    left: 10px;
    top: 0;
    bottom: 0;
  }
  .loan_simulator_input th .txt_note {
    text-indent: 0;
    padding-left: 5px;
    color: #333;
  }
  .loan_simulator_input th .txt_note:before {
    content: "";
  }
  .ls_input_group {
    padding: 20px 0 0 0;
  }
  .loan_simulator_input td .txt_cmn1 {
    display: inline-block;
    padding: 5px 5px 0 0;
  }
  .loan_simulator_input td .txt_cmn2 {
    display: inline-block;
    padding: 10px 5px 0 0;
  }
  .loan_simulator_input td .txt_unit {
    display: inline-block;
    padding: 10px 0 0 10px;
  }
  .ls_value_price,
  .ls_value_bonus,
  .ls_rate_percent,
  .ls_repayment_term,
  .ls_value_year,
  .ls_value_month {
    box-sizing: border-box;
    width: 30% !important;
    max-width: 140px;
    margin: 0;
  }
  .ls_value_price,
  .ls_value_bonus,
  .ls_rate_percent,
  .ls_value_year,
  .ls_value_month {
    margin: 2px 0;
  }
  .btn_calculation button {
    margin: 0 5px;
  }
  #box_calculation_result {
    box-sizing: border-box;
    width: auto;
    max-width: 970px;
    margin: 70px auto 0;
    border: 2px #a4002c solid;
    background-color: #fdfcf2;
    padding: 16px 8px 16px;
    position: relative;
    /*
		display:none;
		*/
  }
  #box_calculation_result:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    top: -44px;
    margin-left: -40px;
    z-index: 4;
    border-style: solid;
    border-width: 24px 40px 0 40px;
    border-color: #a4002c transparent transparent transparent;
  }
  #box_calculation_result h2 {
    text-align: center;
    font-size: 17px;
    line-height: 1.6em;
    margin: 0 0 10px;
  }
  #box_calculation_result table {
    border-top: 1px #cccccc solid;
    font-size: 14px;
    line-height: 1.4em;
  }
  #box_calculation_result th {
    clear: both;
    float: left;
    padding: 10px 0 10px 5px;
  }
  #box_calculation_result td {
    border-bottom: 1px #c7c7c7 solid;
    text-align: right;
    padding: 8px 5px 8px 10px;
    width: 40%;
  }
  #box_calculation_result td strong {
    font-size: 20px;
    line-height: 1em;
    color: #a4002c;
    display: inline-block;
    margin-right: 5px;
  }
  #box_calculation_result p.note {
    text-align: left;
    padding: 10px 0 0;
    font-size: 13px;
  }
  .box_simulator_note {
    width: auto;
    max-width: 970px;
    margin: 40px auto 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.5em;
  }
  .box_simulator_note h3 {
    font-size: 15px;
    line-height: 1.5em;
    margin: 15px 0 5px;
  }
  .box_simulator_note ul {
    list-style: disc outside;
  }
  .box_simulator_note ul li {
    margin: 0 0 0 20px;
  }
  .box_simulator_note ul.note {
    list-style: none;
  }
  .box_simulator_note ul.note li {
    margin: 0 0 0 1em;
    text-indent: -1em;
  }
}

/* Products > Standard > Estimate (Common)
-------------------------------------------------- */

.header_estimate {
  color: #fff;
  background-color: #333;
  text-align: center;
  height: 70px;
  width: 100%;
}

.header_estimate.posi_fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 400;
}

.header_estimate .inner {
  width: auto;
  max-width: 1170px;
  margin: auto;
  position: relative;
}

.header_estimate h1 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.4em;
  padding: 14px 0 0;
}

.header_estimate ul {
  position: absolute;
  width: 140px;
  height: 70px;
  left: 0;
  top: 0;
  background-color: #898a8d;
}

.header_estimate ul li {
  position: absolute;
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  padding: 15px 5px 0;
  top: 0;
  text-align: center;
}

.header_estimate ul li img {
  width: auto;
  height: 30px;
}

.header_estimate ul li.btn_estimate_menu {
  left: 0;
  background-color: #898a8d;
}

.header_estimate ul li.btn_estimate_list {
  right: 0;
  background-color: #6b6d71;
}

.header_estimate ul li:hover {
  cursor: pointer;
  background-color: #000;
}

.header_estimate ul li > *,
.header_estimate ul li > * span {
  display: block;
  font-size: 10px;
  line-height: 1em;
  color: #fff;
}

.header_estimate ul li > * span:nth-child(1) {
  margin: 0 0 7px;
}

body {
  position: relative;
}

#note_for_estimate {
  color: #a4002c;
  text-align: center;
  margin-top: 5px;
}

#note_for_estimate a {
  color: #a4002c;
}

#wrap_menu_estimate {
  /*position: absolute;*/
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #383d43;
  opacity: 0.95;
  margin: auto;
  padding: 183px 0 0;
  z-index: 2002;
  color: #ffffff;
  /*
	*/
  display: none;
}

#wrap_menu_estimate a {
  color: #ffffff;
}

#wrap_menu_estimate .fa:before {
  color: #fff;
}

#wrap_menu_estimate .btn_close {
  width: auto;
  max-width: 1170px;
  height: 80px;
  margin: auto;
  text-align: center;
}

#wrap_menu_estimate .btn_close li {
  width: 80px;
  height: 80px;
  box-sizing: border-box;
  padding: 17px 0 0;
  text-align: center;
  font-size: 11px;
  line-height: 1em;
}

#wrap_menu_estimate .btn_close li:hover {
  cursor: pointer;
}

#wrap_menu_estimate .btn_close .fa {
  display: block;
  font-size: 30px;
  line-height: 1em;
}

#wrap_menu_estimate .btn_close .fa:before {
  margin: 0 0 5px;
}

#wrap_menu_estimate ul.list_menu_estimate {
  width: auto;
  max-width: 600px;
  margin: auto;
  border-top: 1px #9c9ea1 solid;
}

ul.list_menu_estimate li {
  border-bottom: 1px #9c9ea1 solid;
}

ul.list_menu_estimate li a {
  display: block;
  font-size: 18px;
  line-height: 1em;
  padding: 15px 15px;
}

ul.list_menu_estimate li.nv_estimate a {
  font-size: 25px;
  line-height: 1em;
  padding: 25px 15px;
}

ul.list_menu_estimate li .fa {
  margin-right: 10px;
}

table.tbl_estimate01 {
  width: 100%;
  border-collapse: collapse;
}

table.tbl_estimate01 th,
table.tbl_estimate01 td {
  border: 1px #ddd solid;
  vertical-align: middle;
  padding: 12px 20px 12px 20px;
  line-height: 2em;
}

table.tbl_estimate01 th {
  background-color: #f5f5f2;
  font-weight: 600;
  width: 25%;
}

#page_estimate .l_header {
  position: relative;
}

#page_estimate #l_container_02 {
  padding-top: 0;
}

#page_estimate #l_footer {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .header_estimate {
    color: #fff;
    background-color: transparent;
    text-align: center;
    height: 50px;
  }
  .header_estimate .inner {
    width: auto;
    max-width: 1170px;
    margin: auto;
    position: relative;
    padding: 50px 0 0;
  }
  .header_estimate h1 {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4em;
    padding: 15px 0 15px;
    border-bottom: 1px #ddd solid;
    background-color: #fff;
  }
  .header_estimate ul {
    /*position:fixed;*/
    width: 100%;
    height: 50px;
    left: 0;
    top: 0;
    background-color: #333;
    z-index: 401;
  }
  .header_estimate ul li {
    position: absolute;
    box-sizing: border-box;
    width: 66px;
    height: 50px;
    padding: 8px 0 0;
    top: 0;
    text-align: center;
    float: left;
  }
  .header_estimate ul li.btn_estimate_menu {
    left: 0;
    background-color: #898a8d;
  }
  .header_estimate ul li.btn_estimate_list {
    right: inherit;
    left: 66px;
    background-color: #6b6d71;
  }
  .header_estimate ul li:hover {
    cursor: pointer;
    background-color: #000;
  }
  .header_estimate ul li > *,
  .header_estimate ul li > * span {
    display: block;
    font-size: 7px;
    line-height: 1em;
    color: #fff;
  }
  .header_estimate ul li > * span:nth-child(1) {
    margin: 0 0 5px;
  }
  .header_estimate ul li img {
    width: auto;
    height: 20px;
  }
  body {
    position: relative;
  }
  #wrap_menu_estimate {
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
  }
  #wrap_menu_estimate .btn_close {
    height: 60px;
  }
  #wrap_menu_estimate .btn_close li {
    width: 60px;
    height: 60px;
    padding: 10px 0 0;
  }
  #wrap_menu_estimate .btn_close .fa {
    font-size: 20px;
    line-height: 1em;
  }
  ul.list_menu_estimate li a {
    font-size: 14px;
    line-height: 1em;
    padding: 15px 15px;
  }
  ul.list_menu_estimate li.nv_estimate a {
    font-size: 18px;
    line-height: 1em;
    padding: 25px 15px;
  }
  ul.list_menu_estimate li .fa {
    margin-right: 10px;
  }
  .wrp_estimate {
    padding-top: 20px;
  }
  table.tbl_estimate01 {
    width: 100%;
    border-collapse: collapse;
  }
  table.tbl_estimate01 th,
  table.tbl_estimate01 td {
    border: 1px #ddd solid;
    vertical-align: middle;
    padding: 6px 10px 6px 10px;
    font-size: 13px;
    line-height: 1.6em;
  }
  table.tbl_estimate01 th {
    background-color: #f5f5f2;
    font-weight: 600;
    width: 25%;
  }
  #page_estimate #l_document {
    padding-top: 0;
  }
  #page_estimate .l_header {
    position: relative;
  }
  #page_estimate #l_container_02 {
    padding-top: 0;
  }
  #page_estimate #l_footer {
    margin-top: 0;
  }
}

/* Products > Standard > Estimate (Step1)
-------------------------------------------------- */

.wrp_estimate_wide {
  max-width: none;
}

.wrp_estimate .hdg_lv2 {
  margin: 70px 0 30px;
}

.sec_estimate_select {
  width: 100%;
  clear: both;
  padding: 1px 0 60px;
  position: relative;
}

.sec_estimate_select.has_bg {
  background-color: #f5f5f2;
}

.sec_estimate_select:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -70px;
  bottom: -40px;
  z-index: 4;
  border-style: solid;
  border-width: 40px 70px 0 70px;
  border-color: #fff transparent transparent transparent;
}

.sec_estimate_select.has_bg:after {
  border-color: #f5f5f2 transparent transparent transparent;
}

.wrp_estimate_step3 .sec_estimate_select:after {
  display: none !important;
}

.sec_estimate_select.last:after {
  display: none;
}

.sec_estimate_select .inner {
  width: auto;
  max-width: 1170px;
  margin: auto;
}

.sec_estimate_select ul.lst_select {
  text-align: center;
  font-size: 0px;
  /* padding: 0 165px; */
  opacity: 0.6;
}

.sec_estimate_select ul.lst_select.active {
  opacity: 1;
}

.sec_estimate_select ul.lst_select li {
  display: inline-block;
  box-sizing: border-box;
  width: 33.33333%;
  margin: 40px 0 0;
  padding: 0 40px;
  text-align: center;
  font-size: 15px;
}

.sec_estimate_select ul.item_select2 {
  box-sizing: border-box;
  max-width: 1170px;
  margin: auto;
  padding: 0 190px;
}

.sec_estimate_select ul.item_select2 li {
  width: 50%;
}

.sec_estimate_select ul.lst_select li dl {
  padding: 20px 0 0;
}

.sec_estimate_select ul.lst_select li dl * {
  text-align: center;
}

.sec_estimate_select ul.lst_select li dl dt {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 0 0 10px;
}

.sec_estimate_select ul.lst_select li > div {
  position: relative;
}

.sec_estimate_select ul.lst_select.active li > div:hover {
  cursor: pointer;
}

.sec_estimate_select ul.lst_select li > div:after {
  transition: all 0.2s ease;
  content: "";
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 5px #a4002c solid;
  opacity: 0;
}

.sec_estimate_select ul.lst_select.active li > div:hover:after,
.sec_estimate_select ul.lst_select.active li > div.active:after {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .wrp_estimate_wide {
    max-width: none;
    padding: 0;
  }
  .wrp_estimate .hdg_lv2 {
    margin: 40px 0 15px;
  }
  .sec_estimate_select {
    width: 100%;
    clear: both;
    padding: 1px 0 40px;
    position: relative;
  }
  .sec_estimate_select .hdg_lv2 {
    margin: 35px 0 0;
  }
  .sec_estimate_select.has_bg {
    background-color: #f5f5f2;
  }
  .sec_estimate_select:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -35px;
    bottom: -20px;
    z-index: 4;
    border-style: solid;
    border-width: 20px 35px 0 35px;
    border-color: #fff transparent transparent transparent;
  }
  .sec_estimate_select.has_bg:after {
    border-color: #f5f5f2 transparent transparent transparent;
  }
  .sec_estimate_select .inner {
    width: auto;
    max-width: 1170px;
    margin: auto;
  }
  .sec_estimate_select ul.lst_select {
    text-align: left;
    font-size: 0px;
    padding: 0;
    text-align: center;
  }
  .sec_estimate_select ul.lst_select li {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    margin: 20px 0 0;
    padding: 0 10px;
    text-align: center;
    font-size: 15px;
  }
  .sec_estimate_select ul.item_select2 {
    box-sizing: border-box;
    max-width: 1170px;
    margin: auto;
    padding: 0 190px;
  }
  .sec_estimate_select ul.item_select2 li {
    width: 50%;
  }
  .sec_estimate_select ul.lst_select li dl {
    padding: 20px 0 0;
  }
  .sec_estimate_select ul.lst_select li dl * {
    text-align: center;
    font-size: 11px;
  }
  .sec_estimate_select ul.lst_select li dl dt {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4em;
    padding: 0 0 5px;
  }
  .sec_estimate_select ul.lst_select li > div {
    position: relative;
  }
  .sec_estimate_select ul.lst_select li > div:hover {
    cursor: pointer;
  }
  .sec_estimate_select ul.lst_select li > div:hover:after,
  .sec_estimate_select ul.lst_select li > div.active:after {
    content: "";
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 5px #a4002c solid;
  }
}

/* Products > Standard > Estimate (Step2-1/2-2)
-------------------------------------------------- */

#wrap_estimate_vrtour {
  width: 100%;
  height: 740px;
}

#wrap_estimate_vrtour iframe {
  width: 100%;
  height: 100%;
}

.pct_estimate_main {
}

.pct_estimate_main > div {
}

.pct_estimate_main img {
  /* width:100%; */
  height: auto;
}

@media (max-width: 1400px) {
  .pct_estimate_main img {
    width: 100%;
  }
}

.sec_estimate_info {
  box-sizing: border-box;
  max-width: 970px;
  margin: auto;
  padding: 0;
}

.sec_estimate_info .hdg_lv3_4 {
  border: none;
}

.sec_estimate_info .txt_lead {
  text-align: left;
}

.tbl_product_area tr > * {
  text-align: center;
}

.tbl_product_area td {
  width: 25%;
}

.tbl_product_area td.has_bg {
  background-color: #f5f5f2;
}

.btn_estimate_info_open {
  position: relative;
  height: 25px;
  margin: -60px 0 0;
  padding: 0 0 35px;
  border-bottom: 1px #ddd solid;
}

.btn_estimate_info_open li {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}

.btn_estimate_info_open li:hover {
  cursor: pointer;
}

.btn_estimate_info_open li.info_close {
  display: none;
}

#estimate_info_detail {
  display: none;
}

#estimate_info_detail th,
#estimate_info_detail td {
  border-top: none;
}

#wrap_estimate_price {
  position: fixed;
  left: 0;
  bottom: 0;
  display: none;
  /*
	*/
  box-sizing: border-box;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 15px;
  z-index: 399;
  transition: all 0.2s ease;
}

#wrap_estimate_price.posi_relative {
  position: relative;
  margin-top: 40px;
}

#wrap_estimate_price .inner {
  width: auto;
  max-width: 1170px;
  margin: auto;
  text-align: left;
}

#wrap_estimate_price dl {
  display: inline-block;
}

#wrap_estimate_price dl > * {
  display: inline-block;
}

#wrap_estimate_price dt {
  padding: 20px 10px 0 0;
}

#wrap_estimate_price dd strong {
  font-family: "Roboto", sans-serif;
  font-size: 35px;
  font-weight: 700;
}

#wrap_estimate_price .button {
  display: inline-block;
  float: right;
}

.wrp_estimate_step2-1 .txt_price {
  padding: 40px 0 0;
}

.wrp_estimate_step2-1 .txt_price > * {
  text-align: center;
}

.wrp_estimate_step2-1 .txt_price dt {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.wrp_estimate_step2-1 .txt_price dd {
  font-size: 17px;
}

.wrp_estimate_step2-1 .txt_price dd strong {
  font-family: "Roboto", sans-serif;
  font-size: 48px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  #wrap_estimate_vrtour {
    width: 100%;
    height: 250px;
  }
  .sec_estimate_info .txt_lead {
    font-size: 14px;
    line-height: 1.67em;
  }
  .btn_estimate_info_open {
    position: relative;
    height: 25px;
    margin: -40px 0 0;
    padding: 0 0 15px;
    border-bottom: 1px #ddd solid;
    font-size: 12px;
  }
  #wrap_estimate_price {
    /*
		position:fixed;
		left:0;
		bottom:0;
		*/
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px 10px;
  }
  #wrap_estimate_price .inner {
    width: auto;
    max-width: 1170px;
    margin: auto;
    text-align: left;
  }
  #wrap_estimate_price dl {
    display: inline-block;
  }
  #wrap_estimate_price dl > * {
    display: block;
    font-size: 13px;
  }
  #wrap_estimate_price dt {
    padding: 5px 0 0 0;
    line-height: 1.2em;
  }
  #wrap_estimate_price dd strong {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 700;
  }
  #wrap_estimate_price .button {
    display: inline-block;
    float: right;
    padding: 5px 0 0;
  }
  #wrap_estimate_price .button .btn {
    min-width: 130px;
    font-size: 11.5px;
    padding: 13px 10px;
  }
  .wrp_estimate_step2-1 .txt_price {
    padding: 10px 0 0;
  }
  .wrp_estimate_step2-1 .txt_price > * {
    text-align: center;
  }
  .wrp_estimate_step2-1 .txt_price dt {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
  }
  .wrp_estimate_step2-1 .txt_price dd {
    font-size: 13px;
  }
  .wrp_estimate_step2-1 .txt_price dd strong {
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 700;
  }
}

/* Products > Standard > Estimate (Step3)
-------------------------------------------------- */

.pct_estimate_option {
  width: auto;
  max-width: 670px;
  margin: 60px auto 0;
}

.btn_open_close {
  position: relative;
  height: 25px;
  margin: -60px 0 0;
  padding: 0 0 40px;
  border-bottom: 1px #ddd solid;
  text-align: right;
}

.btn_open_close li {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

.btn_open_close li:hover {
  cursor: pointer;
}

.item_all_open .btn_open_close li.info_open {
  display: none;
}

.item_all_open .btn_open_close li.info_close {
  display: inline-block;
}

.btn_open_close li:hover {
  cursor: pointer;
}

.btn_open_close li.info_close {
  display: none;
}

.sec_estimate_select table td {
  padding: 20px 20px 20px 20px !important;
  position: relative;
}

.sec_estimate_select table div.button {
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  height: auto;
  font-weight: 600;
  text-align: right;
  padding: 40px 20px 20px 20px !important;
  vertical-align: top;
}

.sec_estimate_select table div.button button.btn {
  min-width: inherit;
  width: 100%;
}

.sec_estimate_select table div.button button.btn.btn_close {
  display: none;
}

.sec_estimate_select th {
  vertical-align: top !important;
}

.sec_estimate_select .item_selected {
  position: relative;
  min-height: 80px;
  padding: 0 150px 0 100px;
}

.sec_estimate_select .photo {
  left: 0 !important;
  top: 0 !important;
}

.sec_estimate_select .box_contact__pic__zoom {
  position: absolute;
  left: 5px;
  bottom: 0;
}

.sec_estimate_select .box_contact__pic__zoom::before {
  color: #333;
}

#js-style-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lst_item_select {
  /*
	display:none;
	*/
  border-top: 1px #cccccc dashed;
  margin: 0 150px 0 0;
  transition: all 0.2s ease;
  visibility: hidden;
  opacity: 0;
  height: 0px;
  overflow: hidden;
}

.equipment_active .lst_item_select {
  transition: all 0.4s ease;
  visibility: visible;
  opacity: 1;
  margin: 20px 150px 0 0;
  height: auto;
}

.lst_item_select li {
  padding: 20px 0;
  min-height: 200px;
}

.lst_item_select li .item_photo {
  width: 33.9%;
  border: 1px solid #eeeeee;
  height: 205px;
  display: block;
  position: relative;
  float: left;
}

.lst_item_select li .item_photo img {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
}

.lst_item_select li .item_info {
  padding: 0 0 0 38.1%;
}

.lst_item_select li .item_info .item_text {
  margin: 0 0 10px;
}

.lst_item_select li .item_info .item_price {
}

.lst_item_select li .item_info .item_price > * {
  font-weight: bold;
  display: block;
}

.lst_item_select li.item_active .item_info .item_price > * {
  color: #a4002c;
}

.lst_item_select li .item_info .item_price .basic {
  font-size: 13px;
  font-weight: normal;
  color: #333333;
}

.lst_item_select li .item_info .item_price strong {
  font-family: "Roboto", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1em;
}

.lst_item_select li .item_info button {
  color: #ffffff;
  background-color: #e8a736;
  box-sizing: border-box;
  width: 50%;
  padding: 10px;
  margin: 15px 0 0;
}

.equipment_active .lst_item_select {
  display: block;
}

.sec_estimate_select table tr.equipment_active div.button button.btn.btn_open {
  display: none;
}

.sec_estimate_select table tr.equipment_active div.button button.btn.btn_close {
  display: block;
}

.lst_item_select li.item_active .item_info button {
  background-color: #a4002c;
}

.lst_item_select .item_info button.btn_selected {
  display: none;
}

.lst_item_select .item_info button.btn_change {
  display: block;
}

.lst_item_select li.item_active .item_info button.btn_selected {
  display: block;
}

.lst_item_select li.item_active .item_info button.btn_change {
  display: none;
}

.sec_estimate_option .item_selected {
  position: relative;
  min-height: 80px;
  padding: 0 350px 0 100px;
}

.sec_estimate_option .option_price {
  position: absolute;
  top: 35px;
  right: 180px;
}

.sec_estimate_option .option_selected .option_price {
  color: #a4002c;
}

.sec_estimate_option .option_price strong {
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  font-weight: 700;
}

.sec_estimate_option .icon_selected {
  /*
	display:block;
	*/
  display: none;
  width: 90px;
  box-sizing: border-box;
  padding: 3px 15px;
  line-height: 1em;
  background-color: #a4002c;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  margin-top: 10px;
}

.sec_estimate_option tr.option_selected .icon_selected {
  display: block;
}

.sec_estimate_option tr button.btn_add_option {
  display: block;
}

.sec_estimate_option tr button.btn_del_option {
  display: none;
  background-color: #2d3339;
}

.sec_estimate_option tr.option_selected button.btn_add_option {
  display: none;
}

.sec_estimate_option tr.option_selected button.btn_del_option {
  display: block;
}

.sec_estimate_option table tr.option_active div.button button.btn.btn_open {
  display: none;
}

.sec_estimate_option table tr.option_active div.button button.btn.btn_close {
  display: block;
}

.sec_estimate_option tr.option_active .lst_item_select {
  transition: all 0.4s ease;
  visibility: visible;
  opacity: 1;
  margin: 20px 150px 0 0;
  height: auto;
}

.wrp_estimate.wrp_estimate_step3 .submit_box {
  margin: 0 0 80px;
}

.sub-box {
  margin-left: 29.9%;
}

.list_null {
  padding-left: 20px;
}

#estimate_pct_modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2000;
  text-align: center;
  display: none;
}

#estimate_pct_modal:hover {
  cursor: pointer;
}

#estimate_pct_modal .btn_modal_close {
  position: absolute;
  right: 10px;
  top: 20px;
  width: 22px;
  height: 22px;
}

#estimate_pct_modal .btn_modal_close span {
  position: absolute;
  width: 20px;
  height: 4px;
  left: 0;
  top: 0;
  background-color: #ffffff;
  border-radius: 2px;
}

#estimate_pct_modal .pct_container {
  display: table;
  height: 100%;
  width: 600px;
  margin: auto;
  padding: 20px;
}

#estimate_pct_modal .pct_container .inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#estimate_pct_modal .pct_container .inner .fluid_image {
  max-width: 600px;
}

.item_selected .photo:hover,
.lst_item_select .item_photo:hover {
  cursor: pointer;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .equipment_active .lst_item_select {
    transition: all 0.4s ease;
    visibility: visible;
    opacity: 1;
    margin: 20px 0 0 0;
    height: auto;
  }
  .sec_estimate_select table div.button {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: auto;
    font-weight: 600;
    text-align: right;
    padding: 20px 20px 20px 20px !important;
    vertical-align: top;
  }
  .sec_estimate_option .option_price {
    position: absolute;
    top: 60px;
    right: 20px;
  }
  .sec_estimate_option .item_selected {
    position: relative;
    min-height: 80px;
    padding: 0 150px 0 100px;
  }
  .sec_estimate_option tr.option_active .lst_item_select {
    transition: all 0.4s ease;
    visibility: visible;
    opacity: 1;
    margin: 20px 0 0 0;
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .list_null {
    padding-left: 10px;
  }
  .sub-box {
    margin-left: 0px;
  }
  .txt_sub {
    font-size: 12px;
    line-height: 1.6em;
  }
  .pct_estimate_option {
    width: auto;
    max-width: 670px;
    margin: 0 auto 0;
    padding: 0 10px;
  }
  .btn_open_close {
    position: relative;
    height: 25px;
    margin: -10px 0 0;
    padding: 0;
    border-bottom: 1px #ddd solid;
    text-align: right;
  }
  .btn_open_close li {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    font-size: 12px;
  }
  .btn_open_close li:hover {
    cursor: pointer;
  }
  .item_all_open .btn_open_close li.info_open {
    display: none;
  }
  .item_all_open .btn_open_close li.info_close {
    display: inline-block;
  }
  .btn_open_close li:hover {
    cursor: pointer;
  }
  .btn_open_close li.info_close {
    display: none;
  }
  .sec_estimate_select table td {
    padding: 10px 10px 10px 10px !important;
    position: relative;
  }
  .sec_estimate_select table div.button {
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    height: auto;
    font-weight: 600;
    text-align: right;
    padding: 15px 0 0 !important;
    vertical-align: top;
  }
  .sec_estimate_select table div.button button.btn {
    min-width: inherit;
    width: 100%;
    font-size: 10px;
    padding: 7px 5px;
  }
  .sec_estimate_select table div.button button.btn.btn_close {
    display: none;
  }
  .sec_estimate_select th {
    vertical-align: top !important;
  }
  .sec_estimate_select .item_selected {
    position: relative;
    min-height: 40px;
    padding: 0 70px 0 50px;
  }
  .sec_estimate_select .lst_item_select {
  }
  .sec_estimate_select .photo {
    left: 0 !important;
    top: 0 !important;
  }
  .sec_estimate_select .photo .box_contact__pic__zoom {
    position: absolute;
    left: 0;
    bottom: -1px;
  }
  .lst_item_select {
    /*
		display:none;
		*/
    border-top: 1px #cccccc dashed;
    margin: 0 0 0 0;
    transition: all 0.2s ease;
    visibility: hidden;
    opacity: 0;
    height: 0px;
    overflow: hidden;
    /*
		border-top:1px #CCCCCC dashed;
		margin:20px 0 0 0;
		*/
  }
  .lst_item_select li {
    padding: 10px 0;
    min-height: inherit;
  }
  .equipment_active .lst_item_select {
    transition: all 0.4s ease;
    visibility: visible;
    opacity: 1;
    margin: 10px 0 0 0;
    height: auto;
  }
  .lst_item_select li .item_photo {
    width: 40px;
    height: 40px;
    float: left;
  }
  .lst_item_select li .item_info {
    padding: 0 0 0 50px;
  }
  .lst_item_select li .item_info .item_text {
    margin: 0 0 10px;
    line-height: 1.5em;
  }
  .lst_item_select li .item_info .item_price {
  }
  .lst_item_select li .item_info .item_price > * {
    font-weight: bold;
    display: block;
  }
  .lst_item_select li.item_active .item_info .item_price > * {
    color: #a4002c;
  }
  .lst_item_select li .item_info .item_price .basic {
    font-size: 13px;
    font-weight: normal;
    color: #333333;
  }
  .lst_item_select li .item_info .item_price strong {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1em;
  }
  .lst_item_select li .item_info button {
    color: #ffffff;
    background-color: #e8a736;
    box-sizing: border-box;
    width: 50%;
    padding: 5px;
    margin: 7px 0 0;
  }
  .equipment_active .lst_item_select {
    display: block;
    margin: 10px 0 0 0;
  }
  .sec_estimate_select
    table
    tr.equipment_active
    div.button
    button.btn.btn_open {
    display: none;
  }
  .sec_estimate_select
    table
    tr.equipment_active
    div.button
    button.btn.btn_close {
    display: block;
  }
  .lst_item_select li.item_active .item_info button {
    background-color: #a4002c;
  }
  .lst_item_select .item_info button.btn_selected {
    display: none;
  }
  .lst_item_select .item_info button.btn_change {
    display: block;
  }
  .lst_item_select li.item_active .item_info button.btn_selected {
    display: block;
  }
  .lst_item_select li.item_active .item_info button.btn_change {
    display: none;
  }
  .sec_estimate_option .item_selected {
    position: relative;
    min-height: 40px;
    min-height: 4em;
    padding: 0 70px 0 50px;
  }
  .sec_estimate_option .option_price {
    position: absolute;
    /* top: 66%; */
    right: 0;
    margin-top: 10px;
  }
  .sec_estimate_option .option_selected .option_price {
    color: #a4002c;
  }
  .sec_estimate_option .option_price strong {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: 700;
  }
  .sec_estimate_option .icon_selected {
    /*
		display:block;
		*/
    display: none;
    width: 50px;
    box-sizing: border-box;
    padding: 3px 3px 4px;
    line-height: 1em;
    background-color: #a4002c;
    font-size: 8px;
    font-weight: normal;
    line-height: 1em;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    margin-top: 5px;
  }
  .sec_estimate_option tr.option_selected .icon_selected {
    display: block;
  }
  .sec_estimate_option tr button.btn_add_option {
    display: block;
  }
  .sec_estimate_option tr button.btn_del_option {
    display: none;
    background-color: #2d3339;
  }
  .sec_estimate_option tr.option_selected button.btn_add_option {
    display: none;
  }
  .sec_estimate_option tr.option_selected button.btn_del_option {
    display: block;
  }
  .sec_estimate_option table tr.option_active div.button button.btn.btn_open {
    display: none;
  }
  .sec_estimate_option table tr.option_active div.button button.btn.btn_close {
    display: block;
  }
  .sec_estimate_option tr.option_active .lst_item_select {
    display: block;
    margin: 20px 0 0;
  }
  .wrp_estimate.wrp_estimate_step3 .submit_box {
    margin: 0 0 50px;
  }
  .wrp_estimate.wrp_estimate_step2-2 .submit_box .btn_medium,
  .wrp_estimate.wrp_estimate_step3 .submit_box .btn_medium {
    width: 200px;
    min-width: 200px;
  }
  #estimate_pct_modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2000;
    text-align: center;
  }
  #estimate_pct_modal .btn_modal_close {
    position: absolute;
    right: 10px;
    top: 20px;
    width: 22px;
    height: 22px;
  }
  #estimate_pct_modal .btn_modal_close span {
    position: absolute;
    width: 20px;
    height: 4px;
    left: 0;
    top: 0;
    background-color: #ffffff;
    border-radius: 2px;
  }
  #estimate_pct_modal .pct_container {
    /*
        max-width: 400px;
        margin: auto;
        padding: 50px 20px 0;
        */
    display: table;
    height: 100%;
    width: auto;
    margin: auto;
    padding: 50px 20px 0;
  }
  #estimate_pct_modal .pct_container .inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  #estimate_pct_modal .pct_container .inner .fluid_image {
    max-width: inherit;
    width: 100%;
  }
}

/* Products > Standard > Estimate (Step4)
-------------------------------------------------- */

.roboto {
  font-family: "Roboto", sans-serif;
}

.estimate_total_price {
  border-bottom: 1px #cccccc solid;
  width: 100%;
  background-color: #fff;
}

.estimate_total_price.posi_fixed {
  position: fixed;
  left: 0;
  z-index: 2001;
}

.estimate_total_price .inner {
  max-width: 520px;
  height: 110px;
  margin: 0 auto;
  padding: 15px;
  position: relative;
}

.estimate_total_price .photo {
  position: absolute;
  width: 110px;
  height: 110px;
  left: 15px;
  top: 15px;
}

.estimate_total_price dl {
  padding: 10px 0 0 140px;
}

.estimate_total_price dl dt {
  font-size: 17px;
  line-height: 1.4em;
  padding: 0 0 17px;
}

.estimate_total_price dl dd {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.4em;
  color: #a4002c;
}

.estimate_total_price dl dd strong {
  font-size: 48px;
  font-weight: 700;
}

.sec_estimate_detail {
  box-sizing: border-box;
  max-width: 970px;
  margin: auto;
  padding: 0;
}

.sec_estimate_detail table tr {
  border-bottom: 1px #ddd solid;
}

.sec_estimate_detail table th,
.sec_estimate_detail table td {
  vertical-align: middle;
  padding: 20px 20px 20px 20px;
}

.sec_estimate_detail table th {
  background-color: #f5f5f2;
  font-weight: 600;
  width: 140px;
}

.sec_estimate_detail table td {
  position: relative;
  height: 80px;
  padding-left: 125px;
}

.sec_estimate_detail table tr.subtotal {
  font-size: 17px;
  background-color: #f5f5f2;
}

.sec_estimate_detail table tr.total,
.sec_estimate_detail table tr.total * {
  font-size: 17px;
  color: #fff;
  background-color: #2d3339;
}

.sec_estimate_detail table td.price {
  width: 160px;
  font-weight: 600;
  text-align: right;
  padding: 12px 20px 12px 20px;
}

.sec_estimate_detail table td.price strong {
  font-family: "Roboto", sans-serif;
  font-size: 25px;
}

.sec_estimate_detail table td .photo {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 80px;
  height: 80px;
}

.sec_estimate_detail table .note {
  font-size: 15px;
  font-weight: normal;
}

.wrp_estimate .submit_box {
  margin: 60px 0 80px;
}

.wrp_estimate .btn_medium {
  width: 320px;
  padding: 30px 10px;
  margin: 0 15px;
  font-size: 20px;
}

.sec_estimate_other {
  box-sizing: border-box;
  max-width: 970px;
  margin: auto;
  padding: 0;
}

.other_cost_outline {
  background-color: #f5f5f2;
  padding: 40px 20px;
}

.other_cost_outline > * {
  text-align: center;
}

.other_cost_outline > dt {
  font-size: 25px;
  font-weight: 500;
  margin: 0 0 10px;
}

.other_cost_outline > dd {
  line-height: 2em;
}

.wrap_other_cost {
  padding: 30px 0 0;
}

.wrap_other_cost > h3 {
  font-size: 25px;
  font-weight: 500;
  margin: 0 0 20px;
}

.wrap_other_cost table {
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
}

.wrap_other_cost table caption {
  font-weight: 500;
  text-align: left;
  padding: 15px 0;
}

.wrap_other_cost table th,
.wrap_other_cost table td {
  padding: 20px;
  border-bottom: 1px #ddd dashed;
}

.wrap_other_cost table th {
  background-color: #f5f5f2;
  width: 140px;
  font-weight: 400;
}

.wrap_other_cost table td:nth-child(3) {
  text-align: right;
  width: 140px;
}

.wrap_other_cost table td:nth-child(3) strong {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 1em;
}

.wrap_other_cost table.tbl_subtotal {
  border-top: none;
}

.wrap_other_cost table.tbl_subtotal tr > * {
  border-top: none;
  background-color: #f5f5f2;
}

.wrap_other_cost table.tbl_subtotal tr > th {
  width: 240px;
  font-size: 17px;
  font-weight: bold;
}

.wrap_other_cost table.tbl_subtotal tr > th .note {
  font-size: 15px;
}

.wrap_other_cost table.tbl_subtotal tr > td {
  text-align: right;
}

.wrap_other_cost table.tbl_subtotal tr > td strong {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  line-height: 1em;
}

.wrap_other_cost table.tbl_total {
  border-top: none;
}

.wrap_other_cost table.tbl_total tr > * {
  color: #fff;
  background-color: #2d3339;
}

.wrap_other_cost table.tbl_total tr > th {
  width: 50%;
  font-size: 17px;
  font-weight: bold;
}

.wrap_other_cost table.tbl_total tr > th .note {
  font-size: 15px;
}

.wrap_other_cost table.tbl_total tr > td {
  text-align: right;
}

.wrap_other_cost table.tbl_total tr > td strong {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  line-height: 1em;
}

.btn_estimate_other_open {
  position: relative;
  height: 25px;
  margin: -50px 0 0;
  padding: 0 0 25px;
  border-bottom: 1px #ddd solid;
}

.btn_estimate_other_open li {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}

.btn_estimate_other_open li:hover {
  cursor: pointer;
}

.btn_estimate_other_open li.info_close {
  display: none;
}

.wrap_other_cost_detail {
  display: none;
}

.detail_active .wrap_other_cost_detail {
  /*display:block;*/
}

.detail_active .btn_estimate_other_open .info_open {
  display: none;
}

.detail_active .btn_estimate_other_open .info_close {
  display: block;
}

@media screen and (max-width: 767px) {
  .estimate_total_price {
    border-bottom: 1px #cccccc solid;
  }
  .estimate_total_price .inner {
    max-width: 280px;
    min-height: 70px;
    height: auto;
    margin: 0 auto;
    padding: 15px;
    position: relative;
  }
  .estimate_total_price .photo {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 15px;
    top: 15px;
  }
  .estimate_total_price dl {
    padding: 10px 0 0 85px;
  }
  .estimate_total_price dl dt {
    font-size: 10px;
    line-height: 1.4em;
    padding: 0 0 10px;
  }
  .estimate_total_price dl dd {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4em;
    color: #a4002c;
  }
  .estimate_total_price dl dd strong {
    font-size: 32px;
    font-weight: 700;
  }
  .sec_estimate_detail {
    box-sizing: border-box;
    max-width: 970px;
    margin: auto;
    padding: 0;
  }
  .sec_estimate_detail .hdg_lv2,
  .sec_estimate_other .hdg_lv2 {
    margin: 30px 0 10px;
  }
  .sec_estimate_detail .hdg_lv3_4 {
    font-size: 17px;
    margin: 30px 0 0;
  }
  .sec_estimate_detail table tr {
    border-bottom: 1px #ddd solid;
  }
  .sec_estimate_detail table th,
  .sec_estimate_detail table td {
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
    font-size: 12px;
  }
  .sec_estimate_detail table th {
    background-color: #f5f5f2;
    font-weight: 600;
    width: 50px;
    padding: 10px 5px 10px 5px;
  }
  .sec_estimate_detail table th:before {
    display: block;
    float: left;
    height: 40px;
    /* この値は適宜書き換える */
    content: "";
  }
  .sec_estimate_detail table td {
    position: relative;
    min-height: 57px;
    height: auto;
    padding-left: 60px;
  }
  .sec_estimate_detail table tr.subtotal {
    font-size: 17px;
    background-color: #f5f5f2;
  }
  .sec_estimate_detail table tr.total,
  .sec_estimate_detail table tr.total * {
    font-size: 15px;
    color: #fff;
    background-color: #2d3339;
  }
  .sec_estimate_detail table td.price {
    width: 120px;
    font-weight: 600;
    width: 50px;
    padding: 10px 5px 10px 5px;
  }
  .sec_estimate_detail table td.price strong {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
  }
  .sec_estimate_detail table tr.total td.price strong {
    font-size: 18px;
  }
  .sec_estimate_detail table td .photo {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
  }
  .sec_estimate_detail table .note {
    font-size: 10px;
    font-weight: normal;
  }
  .wrp_estimate .submit_box {
    margin: 30px 0 40px;
    font-size: 0;
  }
  .wrp_estimate .btn_medium {
    width: 140px;
    min-width: 140px;
    padding: 20px 10px;
    margin: 0 5px;
    font-size: 12px;
    line-height: 1.4em;
    display: inline-block;
  }
  .sec_estimate_other {
    box-sizing: border-box;
    max-width: 970px;
    margin: auto;
    padding: 0;
  }
  .other_cost_outline {
    background-color: #f5f5f2;
    padding: 20px 15px;
  }
  .other_cost_outline > * {
    text-align: center;
  }
  .other_cost_outline > dt {
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 10px;
  }
  .other_cost_outline > dd {
    line-height: 1.6em;
  }
  .wrap_other_cost {
    padding: 30px 0 0;
  }
  .wrap_other_cost > h3 {
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 20px;
  }
  .wrap_other_cost table {
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
  }
  .wrap_other_cost table caption {
    font-weight: 500;
    text-align: left;
    padding: 8px 0;
    font-size: 12px;
  }
  .wrap_other_cost table th,
  .wrap_other_cost table td {
    padding: 10px;
    border-bottom: 1px #ddd dashed;
    font-size: 12px;
  }
  .wrap_other_cost table th {
    background-color: #f5f5f2;
    width: 50px;
    font-weight: 400;
  }
  .wrap_other_cost table td:nth-child(3) {
    text-align: right;
    width: 70px;
    vertical-align: middle;
    padding: 10px 5px 10px 0px;
  }
  .wrap_other_cost table td:nth-child(3) strong {
    font-family: "Roboto", sans-serif;
    font-size: 12.5px;
    font-weight: normal;
    line-height: 1em;
  }
  .wrap_other_cost table.tbl_subtotal {
    border-top: none;
  }
  .wrap_other_cost table.tbl_subtotal tr > * {
    border-top: none;
    background-color: #f5f5f2;
  }
  .wrap_other_cost table.tbl_subtotal tr > th {
    width: 240px;
    font-size: 10px;
    font-weight: bold;
  }
  .wrap_other_cost table.tbl_subtotal tr > th .note {
    font-size: 10px;
  }
  .wrap_other_cost table.tbl_subtotal tr > td {
    text-align: right;
  }
  .wrap_other_cost table.tbl_subtotal tr > td strong {
    font-family: "Roboto", sans-serif;
    font-size: 12.5px;
    line-height: 1em;
  }
  .wrap_other_cost table.tbl_total {
    border-top: none;
  }
  .wrap_other_cost table.tbl_total tr > * {
    color: #fff;
    background-color: #2d3339;
  }
  .wrap_other_cost table.tbl_total tr > th {
    width: 50%;
    font-size: 10px;
    font-weight: bold;
  }
  .wrap_other_cost table.tbl_total tr > th .note {
    font-size: 10px;
  }
  .wrap_other_cost table.tbl_total tr > td {
    text-align: right;
    vertical-align: middle;
  }
  .wrap_other_cost table.tbl_total tr > td strong {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 1em;
  }
  .wrap_other_cost .txt_note {
    font-size: 9px;
  }
  .btn_estimate_other_open {
    position: relative;
    height: 15px;
    margin: -35px 0 0;
    padding: 0 0 5px;
    border-bottom: 1px #ddd solid;
    font-size: 10px;
  }
  .btn_estimate_other_open li {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
  }
  .btn_estimate_other_open li:hover {
    cursor: pointer;
  }
  .btn_estimate_other_open li.info_close {
    display: none;
  }
  .wrap_other_cost_detail {
    display: none;
  }
  .detail_active .wrap_other_cost_detail {
    display: block;
  }
  .detail_active .btn_estimate_other_open .info_open {
    display: none;
  }
  .detail_active .btn_estimate_other_open .info_close {
    display: block;
  }
  /*
	*/
}

/* Products > Standard > Estimate (Step5)
-------------------------------------------------- */

.sec_estimate_list {
  box-sizing: border-box;
  max-width: 970px;
  margin: auto;
  padding: 0;
}

.sec_estimate_list .hdg_lv3_4 {
  border: none;
}

.sec_estimate_list ul {
  padding-bottom: 50px;
}

.sec_estimate_list ul li {
  position: relative;
}

.sec_estimate_list ul .photo {
  max-width: 25.8% !important;
  max-height: auto !important;
  position: absolute;
}

.sec_estimate_list ul .contents {
  margin: 0 0 0 29.9%;
  border-top: 1px #ddd solid;
}

.sec_estimate_list .contents .txt_price {
  font-weight: bold;
  border-bottom: 1px #ddd dashed;
  padding: 10px 0 5px;
}

.sec_estimate_list .contents .txt_price strong {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.sec_estimate_list .contents .txt_detail {
  padding: 20px 0 30px;
}

.sec_estimate_list .submit_box {
  margin: 0 0 0 29.9%;
  text-align: left;
}

.sec_estimate_list .submit_box button {
  width: 240px;
  min-width: 240px;
  font-size: 16px;
  margin-right: 18px;
}

.sec_estimate_list .submit_box button.btn_primary {
  margin-right: 7px;
}

.sec_estimate_list .submit_box a {
  font-size: 13px;
  line-height: 2.5em;
  display: inline-block;
}

.sec_estimate_list .submit_box a span {
  color: #a4002c;
}

@media screen and (max-width: 767px) {
  .sec_estimate_list {
    box-sizing: border-box;
    max-width: 970px;
    margin: auto;
    padding: 0;
  }
  .sec_estimate_list .hdg_lv3_4 {
    border: none;
    font-size: 17px;
    text-align: center;
    margin: 10px 0 0;
    padding: 0 0 5px;
  }
  .sec_estimate_list ul {
    padding-bottom: 50px;
  }
  .sec_estimate_list ul li {
    position: relative;
    padding: 0 0 10px;
  }
  .sec_estimate_list ul .leftside {
    width: 106px;
    float: left;
  }
  .sec_estimate_list ul .photo {
    max-width: 106px !important;
    max-height: 106px !important;
    position: relative;
    margin: 0 0 15px;
  }
  .sec_estimate_list ul .contents {
    margin: 0 0 0 116px;
    border: none;
  }
  .sec_estimate_list .contents .txt_price {
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px #ddd dashed;
    padding: 7px 0 3px;
    text-align: center;
  }
  .sec_estimate_list .contents .txt_price strong {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 700;
  }
  .sec_estimate_list .contents .txt_detail {
    padding: 10px 0 15px;
    font-size: 12px;
    line-height: 1.6em;
  }
  .sec_estimate_list .submit_box {
    clear: both;
    margin: 0;
    text-align: center;
    font-size: 0;
    margin: 0 -5px;
  }
  .sec_estimate_list .submit_box .type_button {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    padding: 0 5px;
  }
  .sec_estimate_list .submit_box button {
    box-sizing: border-box;
    width: 100%;
    min-width: inherit;
    font-size: 11px;
    padding: 10px 10px;
  }
  .sec_estimate_list .submit_box button.btn_primary {
    margin: 0;
  }
  .sec_estimate_list .submit_box .type_link {
    display: block;
    padding: 5px 0 0;
  }
  .sec_estimate_list .submit_box a {
    font-size: 12px;
    line-height: 2.5em;
    display: inline-block;
  }
  .sec_estimate_list .submit_box a span {
    color: #a4002c;
  }
}

/* Products > Standard > Estimate (Step5)
-------------------------------------------------- */

.wrap_estimate_form {
  margin-bottom: 60px;
}

.wrap_estimate_form .hdg_lv3_3 {
  border: none;
}

.wrap_estimate_form .txt_price {
  border: 1px #ddd;
  border-style: solid none;
  text-align: center;
  padding: 15px 0 18px;
}

.wrap_estimate_form .txt_price > * {
  display: inline-block;
}

.wrap_estimate_form .txt_price > dt {
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  font-weight: bold;
  padding: 17px 15px 0 0;
}

.wrap_estimate_form .txt_price > dd {
  display: inline-block;
  padding: 0 0 0 15px;
}

.wrap_estimate_form .txt_price > dd strong {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: bold;
}

table.tbl_estimate_reserve {
}

table.tbl_estimate_reserve th,
table.tbl_estimate_reserve td {
  border-style: solid none;
}

@media screen and (max-width: 767px) {
  .wrap_estimate_form {
    margin-bottom: 30px;
  }
  .wrap_estimate_form .hdg_lv3_3 {
    border: none;
    font-size: 17px;
    padding: 25px 0 0;
  }
  .wrap_estimate_form .txt_price {
    border: 1px #ddd;
    border-style: solid none;
    text-align: center;
    padding: 10px 0 12px;
  }
  .wrap_estimate_form .txt_price > * {
    display: block;
    text-align: center;
    font-size: 12px;
  }
  .wrap_estimate_form .txt_price > dt {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
    font-weight: bold;
    padding: 0;
  }
  .wrap_estimate_form .txt_price > dd {
    display: inline-block;
    padding: 0;
  }
  .wrap_estimate_form .txt_price > dd strong {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: bold;
  }
  table.tbl_estimate_reserve {
  }
  table.tbl_estimate_reserve th,
  table.tbl_estimate_reserve td {
    border-style: solid none;
  }
}

/* Service > CLUB WOOD FRIENDS
-------------------------------------------------- */

.wrp_heading_cwf .hdg_lv1_2 span i {
  display: inline-block;
  line-height: 1.2em;
  margin-right: 8px;
}

.wrp_heading_cwf .hdg_lv1_2 span img {
  width: auto;
  height: 16px;
  vertical-align: middle;
  margin-bottom: 2px;
}

.sec-cwf-contents {
  margin: 80px 0 0;
  overflow: hidden;
}

.sec-cwf-contents h2 {
  color: #a4002c;
  font-size: 35px;
  font-weight: 300;
  line-height: 1.33em;
  text-align: center;
}

.sec-cwf-contents h2 > span,
.sec-cwf-contents h2 > storng {
  display: block;
}

.sec-cwf-contents h2 > storng > span.number-large {
  font-size: 45px;
}

.sec-cwf-contents ul {
  margin: 40px -37px 0;
}

.sec-cwf-contents ul li {
  width: 33.33%;
  float: left;
}

.sec-cwf-contents ul li > div {
  padding: 0 37px 0;
}

.sec-cwf-contents ul li + li > div {
  /*border-left: 1px #a4002c dashed;*/
  background: url(/resource/img/service/club-woodfriends/bg_line_dashed.gif)
    no-repeat left 35px;
}

.sec-cwf-contents ul li h3 {
  text-align: center;
  color: #a4002c;
  font-size: 20px;
  line-height: 1.67em;
}

.sec-cwf-contents ul li h3 .number {
  display: inline-block;
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  padding: 7px 0 0;
  border-radius: 35px;
  color: #fff;
  background-color: #a4002c;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.sec-cwf-contents ul li h3 .text {
  display: block;
  padding: 25px 0;
  border-top: 3px #a4002c solid;
  background-color: #fff;
  margin-top: -35px;
  position: relative;
  z-index: 2;
}

.sec-cwf-contents ul li p {
  margin: 10px 0 0;
}

.sec-cwf-contents ul li p.txt-feature {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.67em;
  margin: 0;
}

.sec-cwf-contents ul li figure {
  margin: 40px 0 0;
}

.sec-cwf-install {
  background-color: #f5f5f2;
  margin: 100px 0 0;
  padding: 60px 70px 70px;
}

.sec-cwf-install .txt-lead {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.67em;
  padding: 0 270px 0 0;
}

.sec-cwf-install .txt-note {
  font-size: 13px;
  line-height: 1.67em;
  text-indent: -1em;
  padding: 0 270px 0 1em;
  margin: 10px 0 0;
}

.sec-cwf-install .txt-note + .txt-note {
  margin: 0;
}

.cwf-intall-flow-outer {
  position: relative;
}

.cwf-intall-flow-outer .illust {
  position: absolute;
  right: 20px;
  top: -126px;
}

.cwf-intall-flow li {
  background-color: #fff;
  margin: 40px 0 0;
  display: table;
  width: 100%;
  position: relative;
}

.cwf-intall-flow li + li:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -25px;
  margin: auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #a4002c transparent transparent transparent;
}

.cwf-intall-flow li span,
.cwf-intall-flow li dl {
  display: table-cell;
  border: 16px #fff solid;
  vertical-align: middle;
}

.cwf-intall-flow li span {
  text-align: center;
  color: #a4002c;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-weight: 500;
  width: 120px;
}

.cwf-intall-flow li dl {
  padding: 10px 10px 10px 20px;
  position: relative;
}

.cwf-intall-flow li:nth-child(1) dl {
  padding: 10px 220px 10px 20px;
  position: relative;
}

.cwf-intall-flow li dl::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  left: -20px;
  top: 0;
  background-color: #a4002c;
}

.cwf-intall-flow li dt {
  font-size: 21px;
  font-weight: 500;
  line-height: 1.33em;
}

.cwf-intall-flow li dd {
  margin-top: 5px;
}

.cwf-intall-flow li dd a.button {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  background-color: #a4002c;
  height: 1.5em;
  padding: 8px 25px;
  font-size: 14px;
}

.cwf-intall-flow li dd a.button i:before {
  color: #fff;
  font-size: 17px;
}

.cwf-intall-flow li dd a.button:hover {
  opacity: 0.8;
}

.cwf-intall-flow-outer .txt-note {
  font-size: 13px;
  line-height: 1.67em;
  text-indent: -1em;
  padding: 0 0 0 1em;
  margin: 10px 0 0;
}

.cwf-intall-flow-outer .install-spec {
  font-size: 13px;
  line-height: 1.67em;
  margin: 20px 0 0;
}

.cwf-intall-flow-outer .install-spec dt {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .wrp_heading_cwf .hdg_lv1_2 span i {
    display: inline-block;
    line-height: 1.2em;
    margin-right: 8px;
  }
  .wrp_heading_cwf .hdg_lv1_2 span img {
    width: auto;
    height: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
  }
  .sec-cwf-contents {
    margin: 50px 0 0;
  }
  .sec-cwf-contents h2 {
    color: #a4002c;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.33em;
    text-align: center;
  }
  .sec-cwf-contents h2 > span,
  .sec-cwf-contents h2 > storng {
    display: block;
  }
  .sec-cwf-contents h2 > storng > span.number-large {
    font-size: 25px;
  }
  .sec-cwf-contents ul {
    margin: 0 0 0;
  }
  .sec-cwf-contents ul li {
    width: 100%;
    float: none;
    margin: 20px 0 0;
  }
  .sec-cwf-contents ul li + li {
    margin: 50px 0 0;
  }
  .sec-cwf-contents ul li > div {
    padding: 0;
  }
  .sec-cwf-contents ul li + li > div {
    background: none;
  }
  .sec-cwf-contents ul li h3 {
    text-align: center;
    color: #a4002c;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.33em;
  }
  .sec-cwf-contents ul li h3 .number {
    display: inline-block;
    box-sizing: border-box;
    width: 46px;
    height: 46px;
    padding: 1px 0 0;
    border-radius: 23px;
    font-size: 16px;
    color: #fff;
    background-color: #a4002c;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  .sec-cwf-contents ul li h3 .text {
    display: block;
    padding: 30px 0 25px;
    border-top: 3px #a4002c solid;
    background-color: #fff;
    margin-top: -23px;
    position: relative;
    z-index: 2;
  }
  .sec-cwf-contents ul li p {
    margin: 5px 15px 0;
    font-size: 13px;
    line-height: 1.67em;
  }
  .sec-cwf-contents ul li p.txt-feature {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67em;
    margin: 0 15px;
  }
  .sec-cwf-contents ul li figure {
    margin: 20px 0 0;
    text-align: center;
  }
  .sec-cwf-contents ul li figure img {
    max-width: 275px;
    height: auto;
    margin: auto;
  }
  .sec-cwf-install {
    background-color: #f5f5f2;
    margin: 50px 0 0;
    padding: 15px 15px 20px;
  }
  .sec-cwf-install .txt-lead {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.67em;
    padding: 0 0 0 0;
  }
  .sec-cwf-install .txt-note {
    font-size: 12px;
    line-height: 1.67em;
    text-indent: -1em;
    padding: 0 0 0 1em;
    margin: 10px 0 0;
  }
  .sec-cwf-install .txt-note + .txt-note {
    margin: 0;
  }
  .cwf-intall-flow-outer {
    position: relative;
    margin-top: 80px;
  }
  .cwf-intall-flow-outer .illust {
    position: absolute;
    right: 20px;
    top: -80px;
  }
  .cwf-intall-flow-outer .illust img {
    height: 80px;
    width: auto;
  }
  .cwf-intall-flow li {
    background-color: #fff;
    margin: 30px 0 0;
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 15px 15px;
  }
  .cwf-intall-flow li + li:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: #a4002c transparent transparent transparent;
  }
  .cwf-intall-flow li span,
  .cwf-intall-flow li dl {
    display: block;
    border: none;
    vertical-align: middle;
  }
  .cwf-intall-flow li span {
    text-align: center;
    color: #a4002c;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
    width: auto;
  }
  .cwf-intall-flow li dl {
    padding: 10px 0 0;
    position: relative;
  }
  .cwf-intall-flow li:nth-child(1) dl {
    padding: 10px 0 0;
    position: relative;
  }
  .cwf-intall-flow li dl::before {
    display: none;
  }
  .cwf-intall-flow li dt {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.33em;
  }
  .cwf-intall-flow li dd {
    margin-top: 7px;
    font-size: 13px;
    line-height: 1.33em;
  }
  .cwf-intall-flow li dd a.button {
    position: inherit;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 10px 20px 0;
    display: block;
    color: #fff;
    background-color: #a4002c;
    height: 1.5em;
    padding: 8px 10px;
    font-size: 13px;
    text-align: center;
  }
  .cwf-intall-flow li dd a.button i:before {
    color: #fff;
    font-size: 15px;
  }
  .cwf-intall-flow li dd a.button:hover {
    opacity: 0.8;
  }
  .cwf-intall-flow-outer .txt-note {
    font-size: 12px;
    line-height: 1.67em;
    text-indent: -1em;
    padding: 0 0 0 1em;
    margin: 10px 0 0;
  }
  .cwf-intall-flow-outer .install-spec {
    font-size: 12px;
    line-height: 1.67em;
    margin: 10px 0 0;
  }
  .cwf-intall-flow-outer .install-spec dt {
    font-weight: bold;
  }
}

/* Subsidy > Green Point
-------------------------------------------------- */

.hdg_lv2_greenpoint {
  line-height: 1.5em;
}

.hdg_lv2_greenpoint strong {
  font-size: 130%;
  display: inline-block;
  padding: 0 10px;
}

.tbl_green_point {
  margin-top: 50px;
  margin-bottom: 30px;
}

.tbl_green_point strong {
  color: #a4002c;
}

.tbl_green_point th {
  font-size: 17px;
  background-color: #f5f5f3;
  padding: 10px;
}

.tbl_green_point td {
  padding: 20px;
}

.tbl_green_point th,
.tbl_green_point td {
  text-align: center;
  border: 1px #ccc solid;
  vertical-align: middle;
  box-sizing: border-box;
}

.tbl_green_point td:nth-child(1) {
  text-align: left;
  width: 50%;
}

.tbl_green_point td:nth-child(2),
.tbl_green_point td:nth-child(3) {
  width: 25%;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.33em;
}

.hosoku_greenpoint {
  font-size: 14px;
  line-height: 1.67em;
  margin-top: -10px;
}

.hosoku_greenpoint dt {
  font-weight: bold;
}

.greenpoint_standard {
  color: #fff;
  background-color: #78ae4e;
  font-size: 25px;
  text-align: center;
  padding: 17px 10px 30px;
  margin-top: 50px;
}

.greenpoint_standard > p:nth-child(1) span {
  position: relative;
  display: inline-block;
}

/*
.greenpoint_standard > p:nth-child(1) span:before ,
.greenpoint_standard > p:nth-child(1) span:after {
    position: absolute;
    content: "";
    width: 34px;
    height: 1px;
    background-color: #fff;
}

.greenpoint_standard > p:nth-child(1) span:before {
    left: -30px;
    top: 34px;
    transform: rotate(65deg);
}

.greenpoint_standard > p:nth-child(1) span:after {
    right: -30px;
    top: 34px;
    transform: rotate(-65deg);
}
*/

.greenpoint_standard strong {
  font-size: 140%;
  position: relative;
  margin: 0 10px;
}

.greenpoint_standard strong::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -7px;
  height: 3px;
  background-color: #fff;
}

p.txt_greenpoint_hosoku {
  font-size: 13px;
  line-height: 1.33em;
  margin-top: 5px;
  text-align: right;
  margin-top: 10px;
}

.lst_greenpoint_feature {
  border: 1px #ccc solid;
  text-align: center;
  padding: 50px 21.5px 20px;
}

.lst_greenpoint_feature h3 {
  font-size: 30px;
  line-height: 1.33em;
  font-weight: bold;
}

.lst_greenpoint_feature h3 span {
  display: inline-block;
  position: relative;
}

.lst_greenpoint_feature h3 span:before,
.lst_greenpoint_feature h3 span:after {
  position: absolute;
  content: "";
  width: 34px;
  height: 1px;
  background-color: #333;
}

.lst_greenpoint_feature h3 span:before {
  left: -30px;
  top: 20px;
  transform: rotate(65deg);
}

.lst_greenpoint_feature h3 span:after {
  right: -30px;
  top: 20px;
  transform: rotate(-65deg);
}

.lst_greenpoint_feature .lst_media {
  padding-top: 20px;
}

.lst_greenpoint_feature .lst_media li {
  padding: 0 57.5px;
  overflow: visible;
}

.lst_greenpoint_feature .lst_media p {
  text-align: center;
  font-size: 17px;
  line-height: 1.58em;
  font-weight: 500;
  margin-top: 20px;
}

.lst_greenpoint_feature .lst_media li:nth-child(3) p {
  text-align: left;
}

.lst_greenpoint_feature .lst_media p small {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.58em;
  display: block;
  padding-top: 5px;
}

.lst_greenpoint_feature .lst_media li > div {
  position: relative;
}

.lst_greenpoint_feature .lst_media li span.arrow {
  position: absolute;
  right: -84px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 3em;
}

.lst_greenpoint_feature .lst_media li:nth-child(3) span.arrow {
  display: none;
}

.lst_greenpoint_feature.lst_tax_merit {
  padding: 50px 67.5px 40px;
}

.lst_greenpoint_feature.lst_tax_merit li {
  padding: 0 12.5px;
}

.lst_greenpoint_feature.lst_tax_merit li dl {
  padding: 20px 25px 5px;
  background-color: #f5f2e9;
  height: 100%;
}

.lst_greenpoint_feature.lst_tax_merit li dt {
  text-align: center;
  border-bottom: 1px #ccc solid;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.33em;
  padding: 0 0 15px;
}

.lst_greenpoint_feature.lst_tax_merit li dd {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.33em;
  margin-top: 40px;
}

.lst_greenpoint_feature.lst_tax_merit li dd.hosoku {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.33em;
  margin-top: 10px;
  margin-bottom: -20px;
}

.lst_greenpoint_feature.lst_tax_merit li:nth-child(1) dd {
  margin-top: 20px;
}

.lst_greenpoint_feature.lst_tax_merit li dd span {
  color: #a4002c;
}

.lst_greenpoint_feature.lst_tax_merit li:nth-child(1) dd span {
  font-size: 17px;
}

.lst_greenpoint_feature.lst_tax_merit li dd small {
  font-size: 70%;
  line-height: 1em;
  font-weight: normal;
  display: block;
}

.lst_greenpoint_feature.lst_tax_merit li dd strong {
  font-size: 180%;
}

.lst_greenpoint_feature.lst_tax_merit li:nth-child(1) dd strong {
  font-size: 260%;
}

.lst_media.resale_value {
  padding-top: 40px;
}

.lst_media.resale_value h4 {
  font-size: 21px;
  line-height: 1.67em;
}

.lst_greenpoint_feature.lst_tax_merit .resale_value {
  width: auto;
  margin: 0 -30px;
}

.lst_greenpoint_feature.lst_tax_merit .resale_value li {
  padding: 0 30px;
}

.lst_media.resale_value li p {
  text-align: left;
  font-weight: normal;
  font-size: 17px;
  line-height: 1.8em;
}

.lst_other_support {
}

.lst_other_support dl {
  background-color: #78ae4e;
  color: #fff;
  padding: 20px 25px;
}

.lst_other_support dl > * {
  text-align: center;
}

.lst_other_support dl > dt {
  text-align: center;
  border-bottom: 1px #fff solid;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.33em;
  padding: 0 0 15px;
}

.lst_other_support dl > dd {
  font-size: 25px;
  line-height: 1.5em;
  padding-top: 20px;
}

.lst_other_support dl > dd strong {
  font-size: 180%;
}

.lst_other_support p {
  text-align: center;
  font-size: 17px;
  line-height: 1.67em;
}

.lst_other_support p a {
  color: #a4002c;
  text-decoration: underline;
}

.lst_other_support p a i.fa {
  margin-left: 5px;
}

.txt_greenpoint_hosoku {
  font-size: 13px;
  line-height: 1.67em;
  color: #666;
}

.txt_greenpoint_hosoku dt {
  width: 3em;
  clear: both;
  float: left;
}

.txt_greenpoint_hosoku dd {
  padding: 0 0 0 3em;
}

@media screen and (min-width: 768px) and (max-width: 1120px) {
  .greenpoint_standard {
    color: #fff;
    background-color: #78ae4e;
    font-size: 20px;
    text-align: center;
    padding: 12px 30px 25px;
    margin-top: 50px;
  }
  .greenpoint_standard > p:nth-child(1) span {
    position: relative;
    display: inline-block;
  }
  .greenpoint_standard > p:nth-child(1) span:before,
  .greenpoint_standard > p:nth-child(1) span:after {
    position: absolute;
    content: "";
    width: 34px;
    height: 1px;
    background-color: #fff;
  }
  .greenpoint_standard > p:nth-child(1) span:before {
    left: -30px;
    top: 34px;
    transform: rotate(65deg);
  }
  .greenpoint_standard > p:nth-child(1) span:after {
    right: -30px;
    top: 34px;
    transform: rotate(-65deg);
  }
  .greenpoint_standard strong {
    font-size: 140%;
  }
}

@media screen and (max-width: 767px) {
  .hdg_lv2_greenpoint strong {
    padding: 0 5px;
  }
  .tbl_green_point {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .tbl_green_point strong {
    color: #a4002c;
  }
  .tbl_green_point th {
    font-size: 14px;
    background-color: #f5f5f3;
    padding: 5px;
  }
  .tbl_green_point td {
    padding: 10px;
  }
  .tbl_green_point th,
  .tbl_green_point td {
    text-align: center;
    border: 1px #ccc solid;
    vertical-align: middle;
    box-sizing: border-box;
  }
  .tbl_green_point td:nth-child(1) {
    text-align: left;
    width: 50%;
  }
  .tbl_green_point td:nth-child(2),
  .tbl_green_point td:nth-child(3) {
    width: 25%;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.33em;
  }
  .hosoku_greenpoint {
    font-size: 13px;
    line-height: 1.67em;
    margin-top: 0;
  }
  .hosoku_greenpoint dt {
    font-weight: bold;
  }
  .greenpoint_standard {
    color: #fff;
    background-color: #78ae4e;
    font-size: 13px;
    text-align: center;
    padding: 12px 10px 16px;
    margin-top: 30px;
  }
  /*
    .greenpoint_standard > p:nth-child(1) span {
        position: relative;
        display: inline-block;
    }

    .greenpoint_standard > p:nth-child(1) span:before ,
    .greenpoint_standard > p:nth-child(1) span:after {
        display: none;
    }

    .greenpoint_standard > p:nth-child(1) span:before {
        left: -25px;
        top: 20px;
        transform: rotate(65deg);
    }

    .greenpoint_standard > p:nth-child(1) span:after {
        right: -25px;
        top: 20px;
        transform: rotate(-65deg);
    }
    */
  .greenpoint_standard strong {
    font-size: 140%;
    margin: 0 5px;
  }
  .greenpoint_standard strong::after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    height: 3px;
    background-color: #fff;
  }
  p.txt_greenpoint_hosoku {
    font-size: 11px;
    line-height: 1.33em;
    margin-top: 10px;
  }
  .lst_greenpoint_feature {
    border: 1px #ccc solid;
    text-align: center;
    padding: 25px 21.5px 0;
  }
  .lst_greenpoint_feature h3 {
    font-size: 18px;
    line-height: 1.33em;
    font-weight: bold;
  }
  .lst_greenpoint_feature h3 span {
    display: inline-block;
    position: relative;
  }
  .lst_greenpoint_feature h3 span:before,
  .lst_greenpoint_feature h3 span:after {
    display: none;
  }
  .lst_greenpoint_feature h3 span:before {
    left: -30px;
    top: 20px;
    transform: rotate(65deg);
  }
  .lst_greenpoint_feature h3 span:after {
    right: -30px;
    top: 20px;
    transform: rotate(-65deg);
  }
  .lst_greenpoint_feature .lst_media {
    padding-top: 20px;
  }
  .lst_greenpoint_feature .lst_media li {
    padding: 0 0 18px;
    overflow: visible;
  }
  .lst_greenpoint_feature .lst_media p {
    text-align: center;
    font-size: 17px;
    line-height: 1.58em;
    font-weight: 500;
    margin-top: 10px;
  }
  .lst_greenpoint_feature .lst_media li:nth-child(3) p {
    text-align: left;
    font-size: 15px;
    line-height: 1.58em;
  }
  .lst_greenpoint_feature .lst_media li:nth-child(2),
  .lst_greenpoint_feature .lst_media li:nth-child(3) {
    margin-top: 10px;
  }
  .lst_greenpoint_feature .lst_media p small {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.58em;
    display: block;
    padding-top: 5px;
  }
  .lst_greenpoint_feature .lst_media li > div {
    position: relative;
    padding: 0 57.5px;
    text-align: center;
  }
  .lst_greenpoint_feature .lst_media li span.arrow {
    position: absolute;
    right: 0;
    left: 0;
    top: -40px;
    bottom: inherit;
    margin: auto;
    width: 30px;
  }
  .lst_greenpoint_feature .lst_media li span.arrow img {
    width: 100%;
    height: auto;
    transform: rotate(90deg);
  }
  .lst_greenpoint_feature .lst_media li:nth-child(1) span.arrow img {
    display: none;
  }
  .lst_greenpoint_feature .lst_media li:nth-child(3) span.arrow {
    display: block;
  }
  .lst_greenpoint_feature.lst_tax_merit {
    padding: 20px 10px 10px;
  }
  .lst_greenpoint_feature.lst_tax_merit p {
    text-align: left;
  }
  .lst_greenpoint_feature.lst_tax_merit li {
    padding: 0 5px;
    margin-top: 10px;
  }
  .lst_greenpoint_feature.lst_tax_merit li dl {
    padding: 20px 25px 0;
    background-color: #f5f2e9;
    height: 100%;
  }
  .lst_greenpoint_feature.lst_tax_merit li dt {
    text-align: center;
    border-bottom: 1px #ccc solid;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.33em;
    padding: 0 0 15px;
  }
  .lst_greenpoint_feature.lst_tax_merit li dd {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33em;
    margin-top: 20px;
  }
  .lst_greenpoint_feature.lst_tax_merit li:nth-child(1) dd {
    margin-top: 12px;
  }
  .lst_greenpoint_feature.lst_tax_merit li dd span {
    color: #a4002c;
  }
  .lst_greenpoint_feature.lst_tax_merit li:nth-child(1) dd span {
    font-size: 17px;
  }
  .lst_greenpoint_feature.lst_tax_merit li dd small {
    font-size: 70%;
    line-height: 1.5em;
    font-weight: normal;
    display: block;
  }
  .lst_greenpoint_feature.lst_tax_merit li dd strong {
    font-size: 180%;
  }
  .lst_greenpoint_feature.lst_tax_merit li:nth-child(1) dd strong {
    font-size: 180%;
  }
  .lst_media.resale_value {
    padding-top: 10px;
  }
  .lst_media.resale_value h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67em;
  }
  .lst_greenpoint_feature.lst_tax_merit .resale_value {
    width: auto;
    margin: 0;
  }
  .lst_greenpoint_feature.lst_tax_merit .resale_value li {
    padding: 0;
  }
  .lst_media.resale_value li p {
    text-align: left;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.8em;
    margin-top: 10px;
  }
  .lst_other_support li {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .lst_other_support dl {
    background-color: #78ae4e;
    color: #fff;
    padding: 20px 25px;
  }
  .lst_other_support dl > * {
    text-align: center;
  }
  .lst_other_support dl > dt {
    text-align: center;
    border-bottom: 1px #fff solid;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.33em;
    padding: 0 0 15px;
  }
  .lst_other_support dl > dd {
    font-size: 18px;
    line-height: 1.5em;
    padding-top: 20px;
  }
  .lst_other_support dl > dd strong {
    font-size: 180%;
  }
  .lst_other_support p {
    text-align: center;
    font-size: 14px;
    line-height: 1.67em;
    margin-top: 20px;
  }
  .lst_other_support p a {
    color: #a4002c;
    text-decoration: underline;
  }
  .lst_other_support p a i.fa {
    margin-left: 5px;
  }
  .txt_greenpoint_hosoku {
    font-size: 13px;
    line-height: 1.67em;
  }
  .txt_greenpoint_hosoku dt {
    width: 3em;
    clear: both;
    float: left;
  }
  .txt_greenpoint_hosoku dd {
    padding: 0 0 0 3em;
  }
}

/* Buy > Propose > style
-------------------------------------------------- */

.page_propose_style .wrp_heading {
  position: relative;
}

.page_propose_style .txt_propose_category {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #ffffff;
  padding: 10px 20px;
}

.page_propose_style .hdg_lv1_2 {
  margin: 80px auto 29px;
}

.page_propose_style .hdg_lv1_2 span {
  display: block;
  font-weight: normal;
  font-size: 35px;
  line-height: 1.67em;
  margin: 0;
  padding: 5px 30px 4px;
  text-align: center;
  color: #ffffff;
  border: none;
}

.page_propose_style .hdg_lv1_2 span:nth-child(2) {
  font-size: 26px;
  line-height: 1.67em;
}

.page_propose_style .hdg_lv2 {
  margin: 80px 0 30px;
  font-weight: 500;
}

.page_woodfriends_value .hdg_lv2,
.page_woodfriends_value p strong {
  color: #a4002c;
}

.page_propose_style_n .hdg_lv2,
.page_propose_style_n p strong {
  color: #487b1b;
}

.page_propose_style_u .hdg_lv2,
.page_propose_style_u p strong {
  color: #314683;
}

.page_propose_style_p .hdg_lv2,
.page_propose_style_p p strong {
  color: #888018;
}

.page_propose_family .hdg_lv2,
.page_propose_family p strong {
  color: #a44113;
}

.page_propose_nihon .hdg_lv2,
.page_propose_nihon p strong {
  color: #d17b16;
}

.page_propose_style_n .box_aticle {
  background-color: #e1edd5;
}

.page_propose_style_u .box_aticle {
  background-color: #d8edfe;
}

.page_propose_style_p .box_aticle {
  background-color: #e8e8c2;
}

.wrp_grid.lst_performance {
  margin: 0;
}

.lst_performance li p {
  margin-top: 20px;
  text-align: center;
}

.lst_performance_p li {
  text-align: center;
}

.lst_performance_p li p {
  margin-top: 20px;
  font-size: 17px;
  line-height: 2em;
  text-align: left;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .page_propose_style .hdg_lv1_2 {
    margin: 30px auto 29px;
  }
  .page_propose_style .hdg_lv1_2 span {
    display: block;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.67em;
    margin: 0;
    padding: 5px 30px 4px;
    text-align: center;
    color: #ffffff;
    border: none;
  }
  .page_propose_style .hdg_lv1_2 span:nth-child(2) {
    font-size: 16px;
    line-height: 1.67em;
  }
  .page_propose_style .hdg_lv2 {
    margin: 40px 0 15px;
    font-weight: 500;
  }
  .page_propose_style .txt_lead {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.67em;
    text-align: left;
  }
  .page_propose_style .txt_lead br {
    display: none;
  }
  .lst_performance li p {
    margin-top: 10px;
    text-align: center;
  }
  .lst_performance_p li {
    text-align: center;
  }
  .lst_performance_p li p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 2em;
    text-align: left;
    padding: 0;
  }
}

/* Buy TOP
-------------------------------------------------- */

.has_top_line {
  border-top: 1px #cccccc solid;
  padding-top: 50px;
}

/* Construct TOP
-------------------------------------------------- */

.txt_lifestyle_name {
  position: relative;
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0 8px;
  text-align: center;
}

.txt_lifestyle_name::after {
  content: "";
  position: absolute;
  background-color: #000000;
  width: 60px;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.style_newfamily {
  color: #a34114;
}

.style_select {
  color: #d17b18;
}

.txt_lifestyle_name.style_newfamily::after {
  background-color: #a34114;
}

.txt_lifestyle_name.style_select::after {
  background-color: #d17b18;
}

/* Construct TOP
-------------------------------------------------- */

.wrap_youtube {
  max-width: 800px;
  margin: 20px auto 0;
}

.wrap_youtube_inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.wrap_youtube_inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* Construct > Select
-------------------------------------------------- */

.hdg_lv2.ttl_page_select {
  color: #d17b16;
  font-size: 35px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .hdg_lv2.ttl_page_select {
    color: #d17b16;
    font-size: 22px;
    font-weight: 500;
  }
}

/* Construct > Flow
-------------------------------------------------- */

.wrp_heading_selectflow {
  background: url(/resource/img/products/standard/merit/main.jpg) no-repeat
    center;
  background-size: cover;
  box-sizing: border-box;
  height: 400px;
}

@media screen and (max-width: 767px) {
  .wrp_heading_selectflow {
    height: 220px;
  }
}

/* Construct > New family
-------------------------------------------------- */

.wrp_heading_newfamily {
  background: url(/resource/img/lineup/family/main.jpg) no-repeat center;
  background-size: cover;
  box-sizing: border-box;
  height: 460px;
}

/*.wrp_heading_newfamily .hdg_lv1_2 span:nth-child(1) {
    font-size: 26px;
}

.wrp_heading_newfamily .hdg_lv1_2 span:nth-child(2) {
    max-width: 210px;
    margin: auto;
}*/

.new_family_intro {
  margin-top: 50px;
}

.new_family_intro .main_image {
  height: 500px;
  background: url(/resource/img/construct/newfamily/intro_main.jpg) no-repeat
    center top;
  background-size: cover;
}

.new_family_intro .outline {
  margin: -120px auto 0;
  max-width: 1400px;
}

.sec_newfamily_style {
  box-sizing: border-box;
  margin-top: 90px;
  padding: 0 60px;
}

.newfamily_timetable {
  position: relative;
  background: url(/resource/img/construct/newfamily/bg_concept.png) repeat;
  border-top: 10px #48798b solid;
  padding: 40px 60px 100px 60px;
}

.newfamily_timetable h3 {
  font-size: 35px;
  font-weight: 400;
}

.newfamily_timetable > span {
  position: absolute;
  box-sizing: border-box;
  left: 60px;
  top: -75px;
  width: 140px;
  height: 140px;
  padding-top: 55px;
  font-size: 24px;
  line-height: 1em;
  color: #fff;
  background-color: #48798b;
  border-radius: 50%;
  text-align: center;
}

.newfamily_timetable.weekend > span {
  left: 0;
  right: 0;
  margin: auto;
}

.newfamily_timetable.holiday > span {
  left: auto;
  right: 60px;
}

.newfamily_doma {
  margin-top: 110px;
  max-width: none;
  height: 830px;
  background: url(/resource/img/construct/newfamily/img_doma.png) no-repeat
    center bottom;
  background-size: cover;
}

.newfamily_concept {
  background: url(/resource/img/construct/newfamily/bg_concept_btm.png)
      no-repeat center bottom,
    url(/resource/img/construct/newfamily/bg_concept.png) repeat;
  background-size: 100% 100px, auto;
  text-align: center;
  padding-bottom: 120px;
}

.sec-concept {
  padding: 190px 0 60px;
}

.newfamily_concept_heading {
  background-color: #fff;
  text-align: center;
  padding: 70px 0 60px;
}

.newfamily_concept h2 {
  color: #3e3a39;
  font-size: 22px;
  font-weight: 500;
}

.newfamily_concept_heading h2 {
  max-width: 990px;
  margin: 0 auto;
}

.newfamily_concept_heading p {
  font-size: 22px;
  font-weight: 400;
  line-height: 2em;
  margin-top: 40px;
}

.newfamily_concept .sec-concept h2 {
  margin: 0 auto;
}

.newfamily_concept .sec-concept h2 span:nth-child(2) {
  display: block;
  margin-top: 15px;
}

.newfamily_concept .concept01 h2 {
  max-width: 170px;
}

.newfamily_concept .concept02 h2 {
  max-width: 380px;
}

.newfamily_concept .concept03 h2 {
  max-width: 482px;
}

.newfamily_concept .concept03 h2 img {
  margin-left: 186px;
}

.newfamily_concept_heading h2 span {
  display: block;
}

.concept_outline {
  position: relative;
  margin-top: 60px;
}

.concept_outline .txt_area {
  position: absolute;
  box-sizing: border-box;
  color: #ffffff;
  background-color: #870007;
  width: 42.74%;
  padding: 4.27%;
  text-align: left;
}

.concept_outline .txt_area strong {
  color: #bdc200;
  font-weight: 400;
}

.concept01,
.concept02,
.concept03 {
  overflow-x: hidden;
}

.concept01 {
  background: url(/resource/img/construct/newfamily/bg_concept_top.png)
    no-repeat center top;
  background-size: 100% 100px;
}

.concept01 .concept_outline .outline_image {
  margin-right: -60px;
}

.concept01 .concept_outline .txt_area {
  left: 0;
  top: 52%;
}

.concept_outline .txt_area h3 {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.5em;
}

.concept_outline .txt_area p {
  padding-top: 20%;
  padding-left: 20%;
  line-height: 2em;
}

.concept02,
.concept03 {
  background: url(/resource/img/construct/newfamily/concept_part.png) no-repeat
    center top;
  background-size: 100% 130px;
}

.concept_image_large {
  margin-top: 50px;
  margin-left: -60px;
}

.collabo_detail_bg {
  background: url(/resource/img/construct/newfamily/kosei_bg_top.png) no-repeat
    center top;
  padding: 84px 0 0;
  margin-top: 100px;
}

.collabo_detail {
  background: url(/resource/img/construct/newfamily/kosei_bg_repeat.png) repeat;
}

.collabo_detail a,
.collabo_detail a .fa:before {
  color: #ffffff;
  text-decoration: underline;
}

.collabo_detail a .fa:before {
  font-size: 18px;
  padding-left: 5px;
}

.collabo_detail a:hover,
.collabo_detail a:hover .fa:before {
  color: #a4002c;
}

.collabo_detail > .inner {
  padding: 70px 90px 100px;
  color: #fff;
  text-align: left;
  position: relative;
}

.collabo_detail .logo_kawai {
  position: absolute;
  width: 250px;
  top: 70px;
  right: 0;
}

.collabo_detail h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.67em;
  padding-right: 280px;
}

.collabo_detail h3 + p {
  margin-top: 50px;
}

.lst_collabo_kawai {
  margin-top: 50px;
}

.lst_collabo_kawai li {
  padding: 6px;
  color: #333;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.lst_collabo_kawai li:nth-child(even) {
  flex-direction: row-reverse;
}

.lst_collabo_kawai .k_photo {
  width: 42.42%;
}

.lst_collabo_kawai dl {
  text-align: center;
  width: 57.58%;
}

.lst_collabo_kawai dl > * {
  text-align: center;
  max-width: 55%;
  margin: auto;
}

.lst_collabo_kawai dl > dt {
  font-size: 40px;
  color: #a4002c;
  border-bottom: 2px #a4002c solid;
  padding: 0 0 10px;
}

.lst_collabo_kawai dl > dd {
  margin-top: 20px;
  line-height: 2em;
}

.concept02 .concept_outline .outline_image {
  margin-right: -175px;
}

.concept02 .concept_outline .txt_area {
  left: 0;
  top: 20%;
  padding-bottom: 100px;
}

.concept02 .concept_outline.main .outline_image {
  margin-left: -115px;
  margin-right: 0;
}

.concept02 .concept_outline.main .txt_area {
  left: auto;
  right: 60px;
  top: 45%;
  padding-bottom: 4.27%;
}

.concept02 ul.casestudy {
  padding-top: 75px;
  padding: 75px 60px 0;
  background-color: #ffffff;
}

.concept02 ul.casestudy li {
  box-sizing: border-box;
  width: 50%;
  float: left;
}

.concept03 .concept_outline .outline_image {
  margin-left: -60px;
}

.concept03 .concept_outline .txt_area {
  right: 0;
  top: 22%;
}

.concept03 .concept_outline.second .outline_image {
  margin-right: 0;
  margin-left: 0;
}

.concept03 .concept_outline.second .txt_area {
  left: 0;
  right: auto;
  top: 15%;
}

.concept03 .concept_outline.second .txt_area p {
  padding-top: 40%;
}

.lst_collabo_interior li {
  margin-top: 10px;
  margin-right: -205px;
}

.wrp_collabo_team {
  background: url(/resource/img/construct/newfamily/bg_concept.png) repeat;
  padding: 30px 0 100px;
}

.sec-collabo {
  padding: 20px 60px 0;
  background-color: #ffffff;
  margin-top: 60px;
}

.sec-collabo + .sec-collabo {
  margin-top: 10px;
}

.sec-collabo strong {
  color: #a4002c;
  font-weight: bold;
}

.sec-collabo h3 > span {
  display: block;
}

.sec-collabo.collabo01 h3 > span:nth-child(1) {
  max-width: 250px;
  margin: 0 auto;
}

.sec-collabo.collabo02 h3 > span:nth-child(1) {
  max-width: 370px;
  margin: 0 auto;
}

.sec-collabo.collabo01 h3 > span:nth-child(2) {
  font-family: "Roboto", sans-serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 1.33em;
  margin-top: 20px;
}

.sec-collabo.collabo02 h3 > span:nth-child(2) {
  font-size: 35px;
  font-weight: 500;
  line-height: 1.33em;
  margin-top: 20px;
}

.sec-collabo .artist_photo {
  float: right;
  width: 38.1%;
}

.sec-collabo .txt_area {
  box-sizing: border-box;
  width: 61.9%;
  float: right;
  padding-right: 60px;
  line-height: 1.75em;
}

.sec-collabo .txt_area dl + p {
  margin-top: 20px;
}

.sec-collabo .txt_area dl {
  margin-top: 30px;
}

.sec-collabo .txt_area dt {
  font-weight: 600;
}

.sec-collabo .txt_area dd {
  font-size: 35px;
  font-weight: 600;
  line-height: 1.33em;
}

.sec-collabo .txt_area ul {
  margin-top: 20px;
  margin-left: 22px;
}

.sec-collabo .txt_area ul li {
  list-style: outside disc;
}

.artist_results {
  width: auto;
}

.artist_results h4 {
  font-size: 30px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .wrp_heading_newfamily {
    background: url(/resource/img/construct/newfamily/main.jpg) no-repeat center;
    background-size: cover;
    box-sizing: border-box;
    height: 225px;
  }
  /*.wrp_heading_newfamily .hdg_lv1_2 span:nth-child(1) {
        font-size: 20px;
    }
    .wrp_heading_newfamily .hdg_lv1_2 span:nth-child(2) {
        max-width: 110px;
        margin: auto;
    }*/
  .new_family_intro {
    margin-top: 25px;
  }
  .new_family_intro .main_image {
    height: 250px;
    background: url(/resource/img/construct/newfamily/intro_main.jpg) no-repeat
      center top;
    background-size: cover;
  }
  .new_family_intro .outline {
    margin: -50px auto 0;
    max-width: 290px;
  }
  .sec_newfamily_style {
    box-sizing: border-box;
    margin-top: 50px;
    padding: 0 30px;
  }
  .lst_lifestyle {
    width: auto;
    margin: 0 -20px;
  }
  .lst_lifestyle li {
    padding: 10px 10px 0;
  }
  .lst_lifestyle li p {
    margin-top: 5px;
  }
  .newfamily_timetable {
    position: relative;
    background: url(/resource/img/construct/newfamily/bg_concept.png) repeat;
    border-top: 5px #48798b solid;
    padding: 20px 20px 50px 20px;
    margin-top: 30px;
  }
  .newfamily_timetable.weekend,
  .newfamily_timetable.holiday {
    margin-top: 0;
  }
  .newfamily_timetable h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 20px 0 5px;
  }
  .newfamily_timetable > span {
    position: absolute;
    box-sizing: border-box;
    left: 10px;
    top: -26px;
    width: 50px;
    height: 50px;
    padding-top: 17px;
    font-size: 16px;
    line-height: 1em;
    color: #fff;
    background-color: #48798b;
    border-radius: 50%;
    text-align: center;
  }
  .newfamily_timetable.weekend > span {
    left: 0;
    right: 0;
    margin: auto;
  }
  .newfamily_timetable.holiday > span {
    left: auto;
    right: 10px;
  }
  .newfamily_timetable .chart {
    overflow-x: scroll;
  }
  .newfamily_timetable .chart img {
    width: 525px;
  }
  .newfamily_timetable p.visible_sp {
    font-size: 12px;
    margin-top: 10px;
    color: #a4002c;
  }
  .newfamily_doma {
    margin-top: 50px;
    max-width: none;
    height: 200px;
    background: url(/resource/img/construct/newfamily/img_doma.png) no-repeat
      center bottom;
    background-size: cover;
  }
  .newfamily_concept {
    background: url(/resource/img/construct/newfamily/bg_concept_btm.png)
        no-repeat center bottom,
      url(/resource/img/construct/newfamily/bg_concept.png) repeat;
    background-size: 200% 50px, auto;
    text-align: center;
    padding-bottom: 30px;
  }
  .sec-concept {
    padding: 70px 0 30px;
  }
  .newfamily_concept_heading {
    background-color: #fff;
    text-align: center;
    padding: 35px 0 10px;
  }
  .newfamily_concept h2 {
    color: #3e3a39;
    font-size: 15px;
    font-weight: 500;
  }
  .newfamily_concept_heading h2 {
    max-width: 990px;
    margin: 0 auto;
  }
  .newfamily_concept_heading p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.67em;
    margin-top: 20px;
  }
  .newfamily_concept .sec-concept h2 {
    margin: 0 auto;
  }
  .newfamily_concept .sec-concept h2 span:nth-child(2) {
    display: block;
    margin: 5px 20px 0;
  }
  .newfamily_concept .concept01 h2 {
    max-width: 125px;
  }
  .newfamily_concept .concept02 h2 {
    max-width: 230px;
  }
  .newfamily_concept .concept03 h2 {
    max-width: 281px;
  }
  .newfamily_concept .concept03 h2 img {
    margin-left: 0;
  }
  .newfamily_concept_heading h2 span {
    display: block;
  }
  .concept_outline {
    position: relative;
    margin-top: 30px;
  }
  .concept_outline .txt_area {
    position: relative;
    box-sizing: border-box;
    color: #ffffff;
    background-color: #870007;
    width: 100%;
    padding: 20px;
    text-align: left;
  }
  .concept_outline .txt_area strong {
    color: #bdc200;
    font-weight: 400;
  }
  .concept01,
  .concept02,
  .concept03 {
    overflow-x: hidden;
  }
  .concept01 {
    background: url(/resource/img/construct/newfamily/bg_concept_top.png)
      no-repeat center top;
    background-size: auto 50px;
  }
  .concept01 .concept_outline .outline_image {
    margin-right: 0;
  }
  .concept01 .concept_outline .txt_area {
    left: inherit;
    top: inherit;
    margin-top: -25px;
  }
  .concept_outline .txt_area h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
  }
  .concept_outline .txt_area p {
    padding-top: 20px;
    padding-left: 0;
    font-size: 14px;
    line-height: 2em;
  }
  .concept02,
  .concept03 {
    background: url(/resource/img/construct/newfamily/concept_part.png)
      no-repeat center top;
    background-size: auto 65px;
  }
  .concept_image_large {
    margin-top: 30px;
    margin-left: 0;
  }
  .collabo_detail_bg {
    background: url(/resource/img/construct/newfamily/kosei_bg_top.png)
      no-repeat center top;
    padding: 84px 0 0;
    margin-top: 0;
  }
  .collabo_detail {
    background: url(/resource/img/construct/newfamily/kosei_bg_repeat.png)
      repeat;
  }
  .collabo_detail a,
  .collabo_detail a .fa:before {
    color: #ffffff;
    text-decoration: underline;
  }
  .collabo_detail a .fa:before {
    font-size: 18px;
    padding-left: 5px;
  }
  .collabo_detail a:hover,
  .collabo_detail a:hover .fa:before {
    color: #a4002c;
  }
  .collabo_detail > .inner {
    padding: 30px 20px 40px;
    color: #fff;
    text-align: left;
    position: relative;
  }
  .collabo_detail .logo_kawai {
    position: relative;
    width: 180px;
    margin: 0 auto;
    top: auto;
    right: auto;
  }
  .collabo_detail h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.67em;
    padding-right: 0;
    margin-top: 20px;
  }
  .collabo_detail h3 + p {
    margin-top: 20px;
  }
  .lst_collabo_kawai {
    margin-top: 50px;
  }
  .lst_collabo_kawai li {
    padding: 6px;
    color: #333;
    background-color: #ffffff;
    display: block;
    align-items: center;
    margin-top: 10px;
  }
  .lst_collabo_kawai li:nth-child(even) {
    flex-direction: row-reverse;
  }
  .lst_collabo_kawai .k_photo {
    width: 100%;
  }
  .lst_collabo_kawai dl {
    text-align: center;
    width: 100%;
  }
  .lst_collabo_kawai dl > * {
    text-align: center;
    max-width: none;
    margin: auto;
  }
  .lst_collabo_kawai dl > dt {
    font-size: 26px;
    color: #a4002c;
    border-bottom: 2px #a4002c solid;
    padding: 5px 0 5px;
  }
  .lst_collabo_kawai dl > dd {
    margin: 15px 10px 15px;
    line-height: 2em;
  }
  .concept02 .concept_outline .outline_image {
    margin-right: 0;
  }
  .concept02 .concept_outline .txt_area {
    left: auto;
    top: auto;
    padding-bottom: 20px;
    margin-top: -50px;
  }
  .concept02 .concept_outline.main .outline_image {
    margin-left: 0;
    margin-right: 0;
  }
  .concept02 .concept_outline.main .txt_area {
    left: auto;
    right: 0;
    top: auto;
    padding-bottom: 4.27%;
    margin-top: -80px;
  }
  .concept02 ul.casestudy {
    padding: 40px 20px 0;
    background-color: #ffffff;
  }
  .concept02 ul.casestudy li {
    width: auto;
    float: none;
  }
  .concept03 .concept_outline .outline_image {
    margin-left: 0;
  }
  .concept03 .concept_outline .txt_area {
    right: 0;
    top: 22%;
    margin-top: -25px;
  }
  .concept03 .concept_outline.second .outline_image {
    margin-right: 0;
    margin-left: 0px;
  }
  .concept03 .concept_outline.second .txt_area {
    left: 0;
    right: auto;
    top: 15%;
    margin-top: -30px;
  }
  .concept03 .concept_outline.second .txt_area p {
    padding-top: 20px;
  }
  .lst_collabo_interior li {
    margin-top: 10px;
    margin-right: -35px;
  }
  .wrp_collabo_team {
    background: url(/resource/img/construct/newfamily/bg_concept.png) repeat;
    padding: 1px 0 50px;
  }
  .sec-collabo {
    padding: 1px 20px 0;
    margin-top: 30px;
  }
  .sec-collabo strong {
    color: #a4002c;
    font-weight: bold;
  }
  .sec-collabo h3 > span {
    display: block;
  }
  .sec-collabo.collabo01 h3 > span:nth-child(1) {
    max-width: 180px;
    margin: 0 auto;
  }
  .sec-collabo.collabo02 h3 > span:nth-child(1) {
    max-width: 240px;
    margin: 0 auto;
  }
  .sec-collabo.collabo01 h3 > span:nth-child(2) {
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.33em;
    margin-top: 20px;
  }
  .sec-collabo.collabo02 h3 > span:nth-child(2) {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.33em;
    margin-top: 10px;
  }
  .sec-collabo .artist_photo {
    float: none;
    width: auto;
    max-width: 200px;
    margin: 20px auto;
  }
  .sec-collabo .txt_area {
    box-sizing: border-box;
    width: auto;
    float: right;
    padding-right: 0;
    line-height: 1.75em;
  }
  .sec-collabo .txt_area dl + p {
    margin-top: 20px;
  }
  .sec-collabo .txt_area dl {
    margin-top: 30px;
  }
  .sec-collabo .txt_area dt {
    font-weight: 400;
  }
  .sec-collabo .txt_area dd {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33em;
  }
  .sec-collabo .txt_area ul {
    margin-top: 10px;
    margin-left: 22px;
  }
  .sec-collabo .txt_area ul li {
    list-style: outside disc;
  }
  .artist_results {
    width: auto;
  }
  .artist_results h4 {
    font-size: 18px;
    font-weight: 500;
  }
}

.bx-clone {
  display: none !important;
}
.disp-flex {
  display: flex;
}



/* Lineup
-------------------------------------------------- */

.lst_products_lineup {
	display:flex;
	flex-wrap:wrap;
	margin:-90px -15px 0;
}

.lst_products_lineup li {
	width:33.3333%;
	box-sizing:border-box;
	padding:0 15px;
	margin-top:70px;
}

.lst_products_lineup li dl {
	margin-top:20px;
}

.lst_products_lineup li dt {
	font-size:22px;
	font-weight:500;
	line-height:1.33em;
}

.lst_products_lineup li dd {
	font-size:18px;
	line-height:1.33em;
	margin-top:10px;
}

.lst_products_lineup li dd + dd {
	margin-top:15px;
}

.lst_products_lineup li dd.txt_product_catch {
	font-size:16px;
	line-height:1.33em;
    padding: 0 0 15px;
    border-bottom: 1px #ccc solid;
}

.lst_products_lineup li dd .txt_price_label {
	display:inline-block;
	background-color:#cccccc;
	border-radius:10px;
	font-size:14px;
	line-height:1.33em;
	padding:2px 8px;
	margin-right:10px;
}

.lst_products_lineup li dd .txt_price_value strong {
    font-size: 22px;
}

.lst_products_lineup p {
	text-align:right;
	margin-top:20px;
    display: flex;
    justify-content: flex-end;
}

.lst_products_lineup p .btn {
	width:120px;
	min-width:inherit;
	box-sizing:border-box;
	box-shadow:none;
}

.lst_products_lineup p .btn + .btn {
    margin-left: 10px;
}

.lst_products_lineup .product_type_stylen p .btn {
	background-color:#487b1c;
}

.lst_products_lineup .product_type_styleu p .btn {
	background-color:#324683;
}

.lst_products_lineup .product_type_stylep p .btn {
	background-color:#898019;
}

.lst_products_lineup .product_type_family p .btn {
	background-color:#a34112;
}

.lst_products_lineup .product_type_nihon p .btn {
	background-color:#d17b16;
}

.lst_products_lineup p .btn.btn_search {
    width: auto;
    background-color: #333;
}

    
/*---------------------------*/ 

.lst_products_lineup.toppage .btn_more {
    background-color: #a4002c;
    margin: auto;
    padding: 0 15px;
    height: 17px;
}

.lst_products_lineup.toppage {
    margin-top: -50px;
}

.lst_products_lineup.toppage li {
    margin-top: 30px;
}
    
.lst_products_lineup.toppage li a {
    display: block;
    position: relative;
}

.lst_products_lineup.toppage li a dl {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 10px 10px;
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
}

.lst_products_lineup.toppage li a dl dt {
    text-align: center;
    color: #fff;
}

.lst_products_lineup.toppage li a dl dd {
    text-align: center;
    margin-top: 5px;
}

/*---------------------------*/
    


.wrp_lineup_select {
    display: none;
}

.lineup-spec-heading {
	font-size:20px;
	font-weight:600;
	line-height:1.33em;
	padding-top:20px;
    position: sticky;
    top: 130px;
}

.lineup-spec-heading span {
	display:block;
	padding-bottom:15px;
}

.lineup-spec-heading .lineup-spec-item:nth-child(1) span {
	color:#487b1c;
}

.lineup-spec-heading .lineup-spec-item:nth-child(2) span {
	color:#324683;
}

.lineup-spec-heading .lineup-spec-item:nth-child(3) span {
	color:#898019;
}

.lineup-spec-heading .lineup-spec-item:nth-child(4) span {
	color:#a34112;
}

.lineup-spec-heading .lineup-spec-item:nth-child(5) span {
	color:#d17b16;
}

#spec-category.lineup-spec-heading .lineup-spec-item span {
    color: #000000;
}

.tbl-lineup-spec {
	margin-top:50px;
}

.tbl-lineup-ttl {
	font-size:18px;
	font-weight:500;
	line-height:1.33em;
}

.lineup-spec-row {
	display:flex;
	margin:0 -15px;
	margin-top:25px;
}

.lineup-spec-row.txt-mid {
	font-size:18px;
	font-weight:500;
	line-height:1.33em;
	align-items: center;
}

.lineup-spec-row.txt-large {
	font-size:24px;
	font-weight:500;
	line-height:1.33em;
	align-items: center;
}

.lineup-spec-row + .lineup-spec-row {
	margin-top:20px;
}

.lineup-spec-row .lineup-spec-item {
	width:20%;
	box-sizing:border-box;
	padding:0 15px;
	text-align:center;
}

#spec-category .lineup-spec-item {
    padding: 0 10px;
}

#spec-category .lineup-spec-item:nth-child(1) {
    width: 60%;
}

#spec-category .lineup-spec-item span {
    display: block;
    background-color: #ccc;
    border-radius: 0px;
    padding: 5px;
}

.lineup-spec-row .lineup-spec-item dt ,
.lineup-spec-row .lineup-spec-item dd {
	text-align:center;
}
.lineup-spec-row .lineup-spec-item dt {
	font-size:24px;
	font-weight:500;
	line-height:1.33em;
}

.lineup-spec-row .lineup-spec-item span {
	display:block;
}

.lineup-spec-row .lineup-spec-item strong {
	font-size:36px;
	font-weight:500;
	line-height:1.33em;
}

.lineup-spec-row .lineup-spec-item span img {
    padding-bottom: 20px;
}

.wrp_leading_area {
	padding:100px 0;
	margin-top:50px;
}

.bg_leading_style_n {
	background:url("../img/lineup/stylen/main.jpg") no-repeat center center;
	background-size:cover;
}

.bg_leading_style_u {
	background:url("../img/lineup/styleu/main.jpg") no-repeat center center;
	background-size:cover;
}

.bg_leading_style_p {
	background:url("../img/lineup/stylep/main.jpg") no-repeat center center;
	background-size:cover;
}

.bg_leading_family {
	background:url("../img/lineup/family/main.jpg") no-repeat center center;
	background-size:cover;
}
.bg_leading_nihon {
	background:url(../img/lineup/bg_leading_area.jpg) no-repeat center center;
	background-size:cover;
}
.wrp_leading_area ul {
	display:flex;
	margin:0 -15px;
}

.wrp_leading_area ul li {
	width:33.3333%;
	box-sizing:border-box;
	padding:0 15px;
	min-height:240px;
}

.wrp_leading_area.bg_leading_nihon ul li {
	width:50%;
	box-sizing:border-box;
	padding:0 15px;
	min-height:250px;
}

.wrp_leading_area ul li a {
	position:relative;
	display:flex;
	flex-direction:column;
	background-color:rgba(255,255,255,0.8);
	box-sizing:border-box;
	width:100%;
	height:100%;
	padding:60px 20px 40px;
	text-align:center;
    transition: all 0.3s;
}

.wrp_leading_area ul li a:hover {
	background-color:rgba(255,255,255,1.0);
    color: #333;
}

.wrp_leading_area ul li a p {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.33em;
    color: #a4002c;
}

.wrp_leading_area ul li dl * {
	text-align:center;
}

.wrp_leading_area ul li dl dt {
	font-size:24px;
	line-height:1.33em;
	margin-top:10px;
}

.wrp_leading_area ul li dl dd {
	margin-top:12px;
}

.wrp_leading_area ul li a .btn {
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:12px;
	min-width:80px;
	background-color:#a3002b;
	padding:5px 10px;
}

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

}

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

    .lst_products_lineup {
        display:flex;
        flex-wrap:wrap;
        margin:-90px -5px 0;
    }
    
    .lst_products_lineup.toppage {
        margin-top: -20px;
    }

    .lst_products_lineup li {
        width: 50%;
        box-sizing:border-box;
        padding:0 5px 30px;
        margin-top:30px;
    }
    
    /*---------------------------*/ 
    
    .lst_products_lineup.toppage {
        margin-top: 0px;
        margin-left: 0;
        margin-right: 0;
    }

    .lst_products_lineup.toppage li {
        width: auto;
        box-sizing:border-box;
        padding:0 0 0;
        margin-top:10px;
    }
    
    /*---------------------------*/
    
    
    .lst_products_lineup li dl {
        margin-top:10px;
    }

    .lst_products_lineup li dt {
        font-size:20px;
        font-weight:500;
        line-height:1.33em;
    }

    .lst_products_lineup li dd {
        font-size:14px;
        line-height:1.33em;
        margin-top:10px;
    }

    .lst_products_lineup li dd + dd {
        margin-top:15px;
    }

    .lst_products_lineup li dd.txt_product_catch {
        font-size:14px;
        line-height:1.33em;
        padding: 0 0 15px;
        border-bottom: 1px #ccc solid;
    }

    .lst_products_lineup li dd .txt_price_label {
        display:inline-block;
        background-color:#cccccc;
        border-radius:10px;
        font-size:10px;
        line-height:1.33em;
        padding:2px 8px;
        margin-right:10px;
    }

    .lst_products_lineup li dd .txt_price_value {
        display: block;
        margin-top: 10px;
    }
    
    .lst_products_lineup li dd .txt_price_value strong {
        font-size: 22px;
    }

    .lst_products_lineup p {
        text-align:right;
        margin-top:20px;
        display: block;
        justify-content: flex-end;
    }

    .lst_products_lineup p .btn {
        width:auto;
        min-width:inherit;
        box-sizing:border-box;
        box-shadow:none;
        font-size: 12px;
        padding: 10px 10px;
        display: block;
        margin-top: 5px;
    }

    .lst_products_lineup p .btn + .btn {
        margin-left: 0;
    }

    .lst_products_lineup .product_type_stylen p .btn {
        background-color:#487b1c;
    }

    .lst_products_lineup .product_type_styleu p .btn {
        background-color:#324683;
    }

    .lst_products_lineup .product_type_stylep p .btn {
        background-color:#898019;
    }

    .lst_products_lineup .product_type_family p .btn {
        background-color:#a34112;
    }

    .lst_products_lineup .product_type_nihon p .btn {
        background-color:#d17b16;
    }

    .lst_products_lineup p .btn.btn_search {
        width: auto;
        margin-right: 0;
        background-color: #333;
    }
    
    .txt-spec-scroll {
        text-align: center;
        color: #a4002c;
    }
    
    .lineup-spec-heading {
        font-size:20px;
        font-weight:600;
        line-height:1.33em;
        padding-top:20px;
    }

    .lineup-spec-heading span {
        display:block;
        padding-bottom:15px;
    }

    .lineup-spec-heading .lineup-spec-item:nth-child(1) span {
        color:#487b1c;
    }

    .lineup-spec-heading .lineup-spec-item:nth-child(2) span {
        color:#324683;
    }

    .lineup-spec-heading .lineup-spec-item:nth-child(3) span {
        color:#898019;
    }

    .lineup-spec-heading .lineup-spec-item:nth-child(4) span {
        color:#a34112;
    }

    .lineup-spec-heading .lineup-spec-item:nth-child(5) span {
        color:#d17b16;
    }

    .tbl-lineup-spec {
        margin-top:30px;
    }

    .tbl-lineup-ttl {
        font-size:14px;
        font-weight:600;
        line-height:1.33em;
    }

    .lineup-spec-row {
        display:flex;
        margin:0 -5px;
        margin-top:25px;
        flex-direction: row;
    }
    
    .lineup-spec-row.lineup-spec-heading {
        margin-top: 0;
    }

    .lineup-spec-row.txt-mid {
        font-size:16px;
        font-weight:500;
        line-height:1.33em;
        align-items: center;
    }

    .lineup-spec-row.txt-large {
        font-size:20px;
        font-weight:500;
        line-height:1.33em;
        align-items: center;
    }

    .lineup-spec-row + .lineup-spec-row {
        margin-top:20px;
    }

    .lineup-spec-row .lineup-spec-item dt ,
    .lineup-spec-row .lineup-spec-item dd {
        text-align:center;
    }
    .lineup-spec-row .lineup-spec-item dt {
        font-size:24px;
        font-weight:500;
        line-height:1.33em;
    }

    .lineup-spec-row .lineup-spec-item span {
        display:block;
    }

    .lineup-spec-row .lineup-spec-item strong {
        font-size:30px;
        font-weight:500;
        line-height:1.33em;
    }

    .lineup-spec-row .lineup-spec-item span img {
        padding-bottom: 20px;
        width: 71px;
        height: auto;
    }

    .wrp_leading_area {
        padding:40px 0;
        margin-top:30px;
    }

    .bg_leading_style_n {
        background:url("../img/lineup/stylen/main.jpg") no-repeat center center;
        background-size:cover;
    }

    .bg_leading_style_u {
        background:url("../img/lineup/styleu/main.jpg") no-repeat center center;
        background-size:cover;
    }

    .bg_leading_style_p {
        background:url("../img/lineup/stylep/main.jpg") no-repeat center center;
        background-size:cover;
    }

    .bg_leading_family {
        background:url("../img/lineup/family/main.jpg") no-repeat center center;
        background-size:cover;
    }
    .bg_leading_nihon {
        background:url(../img/lineup/bg_leading_area.jpg) no-repeat center center;
        background-size:cover;
    }
    .wrp_leading_area ul {
        display:flex;
        margin:0 -5px;
    }

    .wrp_leading_area ul li {
        width:33.3333%;
        box-sizing:border-box;
        padding:0 5px;
        min-height: inherit;
    }

    .wrp_leading_area.bg_leading_nihon ul li {
        width:50%;
        box-sizing:border-box;
        padding:0 15px;
        min-height: inherit;
    }

    .wrp_leading_area ul li a {
        position:relative;
        display:flex;
        flex-direction:column;
        background-color:rgba(255,255,255,0.8);
        box-sizing:border-box;
        width:100%;
        height:100%;
        padding:40px 10px 40px;
        text-align:center;
        transition: all 0.3s;
    }

    .wrp_leading_area ul li a:hover {
        background-color:rgba(255,255,255,1.0);
        color: #333;
    }

    .wrp_leading_area ul li a p {
        position: absolute;
        left: 2px;
        right: 2px;
        top: 10px;
        font-size: 9px;
        font-weight: 500;
        line-height: 1.33em;
        color: #a4002c;
    }

    .wrp_leading_area ul li dl * {
        text-align:center;
    }

    .wrp_leading_area ul li dl dt {
        font-size:14px;
        line-height:1.33em;
        margin-top:10px;
    }

    .wrp_leading_area ul li dl dd {
        margin-top:12px;
        display: none;
    }

    .wrp_leading_area ul li a .btn {
        position:absolute;
        right:10px;
        left: 10px;
        bottom:10px;
        font-size:10px;
        min-width:80px;
        background-color:#a3002b;
        padding:5px 10px;
        margin: auto;
    }
    
    .wrp_leading_area ul li a figure {
        padding: 0 30px;
    }

}

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

    .lineup-spec-row {
        width: 250%;
    }

    .lineup-spec-row .lineup-spec-item {
        width:50%;
        flex-basis: 50%;
        box-sizing:border-box;
        padding:0 10px;
        text-align:center;
    }

    #spec-category .lineup-spec-item {
        padding: 0 10px;
        width:50%;
        flex-basis: 50%;
    }

    #spec-category .lineup-spec-item:nth-child(1) {
        width: 150%;
        flex-basis: 150%;
    }

    #spec-category .lineup-spec-item span {
        display: block;
        background-color: #ccc;
        border-radius: 0px;
        padding: 5px;
    }
    
    #spec-list {
        overflow: scroll;
        padding: 0 0 20px;
        border: 1px #eee;
        border-style: solid none;
    }

    .wrp_lineup_select {
        display: flex;
        margin: 0 -10px -20px;
    }
    .wrp_lineup_select > div {
        width: 50%;
        padding: 10px;
    }
    .wrp_lineup_select > div select {
        width: 100%;
        padding: 5px;
    }
    
    .lineup-spec-row.col_reverse {
        flex-direction: row-reverse;
    }
    
    .lineup-spec-row .lineup-spec-item.active1 ,
    .lineup-spec-row .lineup-spec-item.active2 {
        display: block;
    }
    
}


/* Product
-------------------------------------------------- */

.swiper-mv-slide .swiper-slide {
    background-color: #fff;
}

.page_propose_style {
    padding-top: 72px;
}

.wrp_product_title {
    padding: 20px 15px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    transition: all 0.3s;
}

.wrp_product_title > .inner {
    display: flex;
    align-items: center;
    max-width: 1170px;
    margin: auto;
    background-color: #fff;
}

.page_propose_style .wrp_product_title {
    position: fixed;
    left: 0;
    right: 0;
    top: 128px;
    z-index: 1000;
}

.wrp_product_title h1 {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.1em;
    flex-grow: 2;
}

.wrp_product_title .right {
    display: flex;
    align-items: center;
}

.wrp_product_title .right .price {
    display: flex;
    align-items: flex-end;
    line-height: 1.2em;
    text-align: center;
    padding-right: 10px;
}

.wrp_product_title .right .price > * {
    padding: 0 5px;
}

.wrp_product_title .right .price strong {
    font-family: 'Oswald', sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 1.0em;
    color: #333333;
}

.wrp_product_title .right .button {
    display: flex;
    line-height: 1.2em;
}

.wrp_product_title .right .button a {
    display: block;
    color: #ffffff;
    background-color: #a7002c;
    margin: 0 4px;
    padding: 5px 15px;
    border: none;
}

/* Scrolled */
.page_propose_style .wrp_product_title.scrolled {
    padding: 15px 15px;
    font-size: 12px;
    line-height: 1.33em;
}

.page_propose_style .wrp_product_title.scrolled h1 {
    font-size: 24px;
    line-height: 1.1em;
}

.page_propose_style .wrp_product_title.scrolled .right .price strong {
    font-size: 30px;
    line-height: 1.0em;
}
/* Scrolled */

.swiper-mv-slide .wrp_product_title .right .button a {
    padding: 5px 40px;
}

.page_propose_style_n .wrp_product_title .right .button a {
    background-color: #487b1b;
}

.page_propose_style_u .wrp_product_title .right .button a {
    background-color: #314683;
}

.page_propose_style_p .wrp_product_title .right .button a {
    background-color: #888018;
}

.page_propose_family .wrp_product_title .right .button a {
    background-color: #a44113;
}

.page_propose_nihon .wrp_product_title .right .button a {
    background-color: #d17b16;
}

.wrp_product_title .right .button a .fa::before {
    color: #ffffff;
}

.txt-product-catch {
    position: absolute;
    background-color: rgba(255,255,255,0.7);
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 460px;
    height: 154px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 22px;
    line-height: 1.67em;
}

.wrp_product_concpet {
    display: flex;
    margin-top: 100px;
}

.wrp_product_concpet.even {
    flex-direction: row-reverse;
}

.wrp_product_concpet .text {
    flex-shrink: 0;
    width: 38.03%;
    box-sizing: border-box;
    padding-right: 60px;
}
.wrp_product_concpet.even .text {
    padding-right: 0;
    padding-left: 60px;
}

.wrp_product_concpet .text h3 {
    text-align: left;
    margin: 0 0 20px;
}

.wrp_product_concpet .text p {
    font-size: 18px;
    line-height: 2.25em;
}

.lst_media_zoom:not(.lst_media_zoom_sponly) li {
    position: relative;
    cursor: pointer;
}

.lst_media_zoom li span {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 15px;
    bottom: 0;
    background-color: #a7002c;
    color: #ffffff;
    text-align: center;
    transition: all 0.3s;
}

.lst_media_zoom.lst_media_zoom_sponly li span {
    display: none;
}

.lst_media_zoom li:hover span {
    background-color: #000;
}

.lst_media_zoom li span .fa::before {
    color: #ffffff;
    font-size: 18px;
    margin-right: 0;
    margin-top: 5px;
}

.lst_media_zoom li .name {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 0;
    color: #ffffff;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    transition: all 0.3s;
}

.lst_media_zoom li:hover .name {
    opacity: 1;
}

.modal_window_lineup {
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.70);
    display: none;
}

.modal_window_lineup ul {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.modal_window_lineup li {
    padding: 20px;
}

.modal_window_lineup .btn_modal_close span {
    background-color: #fff;
}

@media screen and (max-width: 767px) {
    
    .swiper-mv-slide {
        overflow: hidden;
    }

    .page_propose_style {
        padding-top: 0;
    }

    .wrp_product_title {
        padding: 10px 10px 10px;
        background-color: #eee;
        border-top: 1px solid #ddd;
        border-bottom: none;
    }
    
    .swiper-mv-slide .wrp_product_title {
        background-color: #fff;
    }

    .wrp_product_title > .inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 1170px;
        margin: auto;
        background-color:transparent;
    }
    
    .swiper-mv-slide .wrp_product_title > .inner {
        flex-direction: row;
    }

    .page_propose_style .wrp_product_title {
        position: fixed;
        left: 0;
        right: 0;
        top: inherit;
        bottom: 0;
        z-index: 1000;
    }
    
    .swiper-mv-slide .wrp_product_title {
        font-size: 11px;
        min-height: 48px;
        box-sizing: border-box;
    }
    
    .swiper-mv-slide .page_woodfriends_value .wrp_product_title {
        padding: 15px 10px 10px;
    }
        
    .wrp_product_title h1 {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.1em;
        flex-grow: 2;
    }

    .wrp_product_title .right {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .swiper-mv-slide .wrp_product_title .right {
        flex-direction: row;
    }

    .wrp_product_title .right .price {
        display: flex;
        align-items: flex-end;
        line-height: 1.2em;
        text-align: center;
        padding-right: 0;
        margin-top: 10px;
    }
    
    .swiper-mv-slide .wrp_product_title .right .price {
        margin-top: 0;
    }

    .wrp_product_title .right .price > * {
        padding: 0 5px;
    }

    .wrp_product_title .right .price strong {
        font-family: 'Oswald', sans-serif;
        font-size: 26px;
        font-weight: 400;
        line-height: 1.0em;
        color: #333333;
    }
    
    .page_propose_style .wrp_product_title .right .price br {
        display: none;
    }

    .wrp_product_title .right .button {
        display: flex;
        line-height: 1.2em;
        margin-top: 10px;
    }
    
    .swiper-mv-slide .wrp_product_title .right .button {
        display: none;
    }

    .wrp_product_title .right .button a {
        display: block;
        color: #ffffff;
        background-color: #a7002c;
        margin: 0 4px;
        padding: 5px 15px;
    }
    
    .wrp_product_title .right .button a {
        
    }

    .swiper-mv-slide .wrp_product_title .right .button a {
        padding: 3px 15px;
    }

    .page_propose_style_n .wrp_product_title .right .button a {
        background-color: #487b1b;
    }

    .page_propose_style_u .wrp_product_title .right .button a {
        background-color: #314683;
    }

    .page_propose_style_p .wrp_product_title .right .button a {
        background-color: #888018;
    }

    .page_propose_family .wrp_product_title .right .button a {
        background-color: #a44113;
    }

    .page_propose_nihon .wrp_product_title .right .button a {
        background-color: #d17b16;
    }

    .wrp_product_title .right .button a .fa::before {
        color: #ffffff;
    }

    .txt-product-catch {
        position: absolute;
        background-color: rgba(255,255,255,0.7);
        margin: auto;
        top: 45px;
        bottom: 0;
        left: 0;
        right: 0;
        width: 260px;
        height: 120px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 16px;
        line-height: 1.67em;
    }

    .wrp_product_concpet {
        display: block;
        margin-top: 40px;
    }

    .wrp_product_concpet.even {
        flex-direction: row-reverse;
    }

    .wrp_product_concpet .text {
        flex-shrink: 0;
        width: auto;
        box-sizing: border-box;
        padding-right: 0;
        padding-bottom: 20px;
    }
    .wrp_product_concpet.even .text {
        padding-right: 0;
        padding-left: 0;
    }

    .wrp_product_concpet .text h3 {
        text-align: left;
        margin: 0 0 20px;
    }

    .wrp_product_concpet .text p {
        font-size: 15px;
        line-height: 1.67em;
    }

    .lst_media_zoom li {
        position: relative;
        cursor: pointer;
    }
    .lst_media_zoom_sponly li {
        position: relative;
        cursor: pointer;
    }

    .lst_media_zoom li span {
        position: absolute;
        width: 24px;
        height: 24px;
        right: 5px;
        bottom: 0;
        background-color: #a7002c;
        color: #ffffff;
        text-align: center;
        transition: all 0.3s;
    }
    
    .lst_media_zoom.lst_media_zoom_sponly li span {
        display: block;
    }

    .lst_media_zoom li:hover span {
        background-color: #000;
    }

    .lst_media_zoom li span .fa::before {
        color: #ffffff;
        font-size: 14px;
        margin-right: 0;
        margin-top: 5px;
    }

    .lst_media_zoom li .name {
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 5px;
        right: 5px;
        top: 0;
        bottom: 0;
        color: #ffffff;
        background-color: rgba(0,0,0,0.5);
        opacity: 0;
        transition: all 0.3s;
    }

    .lst_media_zoom li:hover .name {
        opacity: 1;
    }

    .modal_window_lineup {
        position: fixed;
        z-index: 2000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.70);
        display: none;
    }

    .modal_window_lineup ul {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .modal_window_lineup li {
        padding: 20px;
    }

    .modal_window_lineup .btn_modal_close span {
        background-color: #fff;
    }

}

.wrap-tbl-speclist {
    width: auto;
    height: 550px;
    overflow-y: scroll;
}

.tbl-speclist * {
    box-sizing: border-box;
}

.tbl-speclist tr.hd1 {
    position: sticky;
    top: 0;
    left: 0;
    background-color: #fff;
}
.tbl-speclist tr.hd2 {
    position: sticky;
    top: 35px;
    left: 0;
    background-color: #fff;
}

.tbl-speclist th {
    text-align: center;
    color: #fff;
    background-color: #666;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33em;
    padding: 5px;
}

.tbl-speclist td {
    width: 18.5%;
}
.tbl-speclist td:nth-child(1) {
    width: auto;
}



.tbl-speclist td ul {
    list-style-type: disc;
    padding-left: 20px;
}

.tbl-speclist td ul li {

}

.wrap-tbl-speclist .tbl-speclist th.type_select {
    color: #fff;
    font-size: 18px;
    line-height: 1.33em;
}

.wrap-tbl-speclist .tbl-speclist th.type_family {
    background-color: #a34112;
}

.wrap-tbl-speclist .tbl-speclist th.type_nihon {
    background-color: #d17b16;
}

.tbl-speclist td {
    text-align: center;
    vertical-align: middle;
    background-color: #2d3339;
    background-color: #999;
    font-size: 13px;
    padding: 15px 10px;
}

.tbl-speclist td:nth-child(1) {
    color: #fff;
}

.tbl-speclist td strong {
    font-size: 160%;
    font-weight: 500;
    line-height: 1.33em;
}
.tbl-speclist tr.sizeLL td:nth-child(n + 2) {
    font-size: 140%;
    font-weight: 500;
    line-height: 1.33em;
}

.tbl-speclist tr.sizeMM td:nth-child(n + 2) {
    font-size: 115%;
    font-weight: 500;
    line-height: 1.33em;
}

.tbl-speclist th ,
.tbl-speclist td {
    border: 1px #fff solid;
}
.tbl-speclist td span {
    display: block;
}

.tbl-speclist tr.btm_border_none th ,
.tbl-speclist tr.btm_border_none td {
    border-style: none solid;
}


.tbl-speclist th:nth-child(1) {
    width: auto;
    color: #fff;
    background-color: #2d3339;
    background-color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.33em;
}

.tbl-speclist th.type_select ,
.tbl-speclist th:nth-child(2) ,
.tbl-speclist th:nth-child(3) ,
.tbl-speclist th:nth-child(4) {
    background-color: #487b1c;
}
.tbl-speclist td:nth-child(2) ,
.tbl-speclist td:nth-child(3) ,
.tbl-speclist td:nth-child(4) {
    background-color: #D9F1C4;
    background-color: #EBF7E1;
}

.tbl-speclist th:nth-child(5) {
    background-color: #a34112;
}
.tbl-speclist td:nth-child(5) {
    background-color: #F6C8B2;
    background-color: #FBE7DD;
}

.tbl-speclist th:nth-child(6) {
    background-color: #d17b16;
}
.tbl-speclist td:nth-child(6) {
    background-color:#F6D6B0;
    background-color: #FAEAD6
}


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

@media screen and (max-width: 767px) {
    
    .wrap-tbl-speclist {
        overflow: auto;
        width: 100%;
        height: 350px;
    }
    
    .tbl-speclist {
        width: 225%;
    }
    
    .tbl-speclist th:nth-child(1) {
        width: 50px;
    }

    .tbl-speclist tr.hd1 {
        position: relative;
        top: inherit;
    }
    .tbl-speclist tr.hd2 {
        position: relative;
        top: inherit;
    }

    .tbl-speclist th {
        width: 120px;
        font-size: 15px;
        line-height: 1.33em;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .wrap-tbl-speclist .tbl-speclist th.type_select {
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.33em;
        z-index: 1;
        width: 120px;
    }

    .wrap-tbl-speclist .tbl-speclist th.type_family {
        background-color: #a34112;
        z-index: 1;
    }

    .wrap-tbl-speclist .tbl-speclist th.type_nihon {
        background-color: #d17b16;
        z-index: 1;
    }

    .tbl-speclist td {
        text-align: center;
        vertical-align: middle;
        background-color: #999;
        font-size: 12px;
        padding: 10px 5px;
    }
   
    .tbl-speclist th:nth-child(1) {
        z-index: 2;
        font-size: 12px;
    }
    
    .tbl-speclist tr.hd1 th:nth-child(1) {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 3;
    }
    .tbl-speclist td:nth-child(1) {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .tbl-speclist td strong {
        font-size: 160%;
        font-weight: 500;
        line-height: 1.33em;
    }
    .tbl-speclist tr.sizeLL td:nth-child(n + 2) {
        font-size: 120%;
        font-weight: 500;
        line-height: 1.33em;
    }

    .tbl-speclist tr.sizeMM td:nth-child(n + 2) {
        font-size: 110%;
        font-weight: 500;
        line-height: 1.33em;
    }

}


=======
/* -------------------MY PAGE--------------------- */


/* global css */
.d-flex {
  display: flex;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.l_document--hide {
  font-size: 14px;
  box-sizing: border-box;
}
.global__title {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1.5;
}
.global__text-error {
  color: #a4002c;
  font-size: 16px;
}
a.btn-primary:visited {
  color: #fff;
}
.btn-primary {
  background-color: #a4002c;
  color: #fff;
  cursor: pointer;
}
.btn-primary:hover {
  color: #fff;
  opacity: 0.7;
}
.btn-secondary {
  background-color: #F5F5F2;
  cursor: pointer;
}
.btn-secondary:hover {
  color: inherit;
  opacity: 0.7;
}
.text-center {
  text-align: center;
}

.lbl_required {
  font-size: 12px;
  line-height: 1.5;
  padding: 1px 12px;
  margin-right: 10px;
  border-radius: 10px;
}
.lbl_step {
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 16px;
}
.input_box_1 {
  width: auto;
  min-width: 340px;
  font-size: 16px;
  box-sizing: border-box;
  padding: 8px;
  background: #fff;
  border: 1px solid #ccc;
  -ms-box-shadow:inset 0px 1px 1px #00000029;
  -o-box-shadow: inset 0px 1px 1px #00000029;
  box-shadow: inset 0px 1px 1px #00000029;
}
.tbl_data_1 .td_lbl--1 {
  width: 221px;
}
.tbl_data_1 .td_lbl--2 {
  width: 141px;
}
.tbl_data.tbl_data_1 {
  margin-bottom: 0;
}
.tbl_data_1 td{
  padding: 30px 0;
  vertical-align: middle;
}
.input_box_2 {
  font-size: 16px;
  box-sizing: border-box;
  padding: 8px;
  background: #fff;
  border: 1px solid #ccc;
  -ms-box-shadow:inset 0px 1px 1px #00000029;
  -o-box-shadow: inset 0px 1px 1px #00000029;
  box-shadow: inset 0px 1px 1px #00000029;
  vertical-align: middle;
}
.input_box_tel {
  width: 80px;
}
.input_box_time {
  width: 110px;
}
.tbl_step tr td{
  padding:0 0 15px 0;
  vertical-align: middle;
}

.tbl_step tr td:first-child {
  width: 90px;
}
.tbl_step tr td:last-child span {
  font-weight: bold;
  font-size: 16px;
}
/* header login & register */

.l_header__top__btn {
  font-size: 14px;
  display: block;
  color: #a4002c;
  padding: 2px 27px;
  border: 1px solid #A21830;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 1.5;
}

.l_header__top .search .l_header__top__btn {
  color: #fff;
  background-color: #a4002c;
}
.l_header__top ul li .fa-search:before {
  color: #fff;
}

.l_header__top__btn:visited {
  color: #a4002c;
}

.l_header__top__btn {
  display: flex;
  align-items: center;
}

.l_header__top__btn > img {
  padding-right: 4px;
}

.l_header_bookmark .auth,
.l_header_bookmark .register{
  text-indent: 0;
  font-size: 12px;
  text-align: center;
  border-left: 1px solid #ddd;
  padding: 0 2px;
}
.l_header__btn-auth {
  color: #a4002c;
}
.l_header__wrap_content {
  position: relative;
  top: 2px;
}
.l_header__btn__text {
  font-size: 10px;
  padding-top: 4px;
  color: #a4002c;
}
/* Login page
-------------------------------------------------- */
.wrp__login {
  width: 100%;
  max-width: 846px;
  margin: 0 auto;
  font-size:14px;
  padding-top: 48px;
}
.wrp__login  .error {
  margin-top: 18px;
}

.btn-login {
  padding:12px 0;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.btn-login--half {
  width: calc(100% - 95px);
}
.login-left {
  float:left;
  box-sizing: border-box;
  padding-right: 40px;
  width: 380px;
  position: relative
}

.login-left__help {
  margin-top: 10px;
  margin-bottom: 50px;
}
.login-right {
  float:right;
  width: calc(100% - 380px);
  box-sizing: border-box;
  padding-left:20px;
  padding-top: 16px;
  border-left: 1px solid #ddd;
}
.login-right__wrap {
  padding: 0 20px;
}

.login-right__sub {
  margin: 15px 0;
}
.login-right > .login__title {
  margin-top: 16px;
}

.login__input-group > span {
  font-weight: bold;
}
.login__input-group > input {
  display: block;
  margin-top: 10px;
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 14px;
} 
.login__input-check {
  margin-top: 10px;
  margin-bottom: 30px;
  height: 20px;
}
.form-group input{
  display: none;
  cursor: pointer;
}
.form-group label {
  position: relative;
  cursor: pointer;
  line-height: 14px;
  padding-left: 22px;
}
.form-group label:before {
  content:"";
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 7px;
  transform: translateY(-50%);
  border-radius: 2px;
}
.form-group input:checked ~ label:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 7px;
  width: 3px;
  height: 6px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: translate(-50%,-50%) rotate(45deg);
}

.form-group input:checked ~ label::before {
  background-color: #a4002c;
} 
.form-group .formError  {
  margin-top: 18px;
}
.wrp-check {
  display: table;
  cursor: pointer;
}
.wrp-check span {
  display: table-cell;
  vertical-align: text-bottom;
}

.wrp-check .chk_box{
  display:inline-block;
  width:14px;
  height:14px;
  border:1px solid #a4002c;
}

.chk_box.checked {
  background-color:#a4002c;
  position:relative
}

.wrp-check .chk_text {
  padding-left: 6px;
}

.chk_box.checked::before {
 content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 6px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform:translate(-50%, -50%) rotate(45deg);
  
}

.login-right__desc {
  border: 1px solid #A4192C;
  border-radius: 4px;
  padding: 20px;
  font-size: 16px;
  margin-bottom: 50px;
}
.login-right__desc__heading {
  font-weight: bold;
  margin-bottom: 18px;
}
.login-right__desc__item + .login-right__desc__item {
  margin-top: 15px;
}
.login-right__desc__item > span:last-child {
  color: #333;
}
.login-right__desc__item > span:first-child {
  margin-right: 10px;
  padding: 5px 12px;
  font-size: 12px;
  background: #a4002c;
  color: #fff;
  display: inline-block;
  border-radius:16px;
}
.login-right__btn {
  text-align: center;
}
.pb-50 {
  padding-bottom: 50px;
}

/* Register page ------------------------------------- */

.wrp__register{
  max-width: 734px;
  margin: 0 auto;
  font-size: 14px;
}


.form-group__register {
  padding-top:20px;
}

.register__btn{
  text-align: center;
  margin-top: 50px;
}

.register__btn .btn-check {
  display:inline-block;
  font-size: 14px;
  padding: 12px;
  width: 340px;
  box-sizing: border-box;
}

/* register guest */
.register-temp__left {
 float: left;
}
.register-temp__right {
  margin-left: 141px;
  font-size: 16px;
}
.register__btn-group {
  display: flex;
  justify-content: center;
  font-size: 0;
}
.register__btn-group a, .register__btn-group button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 165px;
  padding: 2px 15px;
  box-sizing: border-box;
  height: 46px;
  font-size: 14px;
}
.register__btn-group .btn-back {
  margin-right: 125px;
}
/* register finish */
.register-finish__text {
  margin:20px 0;
}
/* register member */
#form-register-confirm input {
  border: none;
  outline: none;
  box-shadow: none;
  pointer-events: none;
  padding: 0;
}

.modal-location-container {
  position: relative;
  padding: 60px 80px;
  background-color: #fff;
  border-radius: 4px;
  margin: 0 20px;
}
.btn-location {
  padding: 13px 12.5px;
}

.btn-close {
  position: absolute;
  top: 20px;
  right: 18px;
  font-size: 30px;
  line-height: 1;
}
.tbl_data_1 select {
  border-color: #ddd;
  font-size: 16px;
  min-width: 110px;
  height: 40px;
}
.modal-location.show {
  display: block;
  -webkit-animation:zoomIn .3s ease-in forwards ;
  animation:zoomIn .3s ease-in forwards ;
}
.modal-location {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width:1100px;
  box-sizing: border-box;
  z-index: 2;
  display: none;
  transform:translate(-50%, -50%) scale(0);
}
.overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0;
  left:0;
  cursor: pointer;
  opacity: 0;
}
.overlay.show {
  display:block;
  -webkit-animation: fadeIn .5s linear forwards;
  animation:fadeIn .5s linear forwards ;
}
.modal-district {
  margin-top: 30px;
}
.modal__heading {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.modal__name {
  line-height: 1.5;
  margin-bottom: 5px;
  font-weight: bold;
}
.modal__error {
  color: #a4002c;
  line-height: 1.5;
}
/* profile */
.wrp__profile {
  padding: 60px 0;
  max-width: 790px;
  margin: 0 auto;
}

.profile-nav i {
  font-size: 16px;
}

.profile__title {
  font-size: 40px;
  line-height: 1.475;
  text-align: center;
}

.profile-name {
  display: flex;
  align-items: center;
}

.profile-name span {
  font-weight: bold;
  font-size: 16px;
  padding-left: 10px;
}

.profile-btn {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border:1px solid #ddd;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 1.5;
}

.profile-btn +.profile-btn {
  margin-left: 12px;
}

.profile-nav {
  padding-bottom: 20px;
  margin: 50px 0;
  border-bottom: 1px solid #ddd;
}

.profile-btn img{
  padding-right: 4px;
}

.profile-btn__logout{
  color: #a4002c;
  border:1px solid #a4002c;
}

.profile-btn__delete:hover {
  color: inherit;
}

.profile-body {
  padding:0 18px;
}

.profile-list, .profile-item {
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}

.profile-list-1, .profile-item-1 {
  float: left;
}

.profile-list-2 , .profile-item-2 {
  float: right;
}

.profile-item {
  border-right: 1px solid #ddd;
}

.profile-item--border {
  border-right: none;
}

.profile-item__content {
  color: #a4002c;
  padding: 20px 12px;
  margin: 0 15px ;
  cursor: pointer;
  display: block;
}

.profile-item__content:hover {
  background-color: #f5f5f2;
}

.profile-item__content p{
  font-size: 18px;
  color: #a4002c;
  padding-top: 20px;
}

.show-on-phone {
  display:none;
}

.profile-group-btn {
  display: flex;  
  align-items: center;
}

.profile-group-btn-phone {
  font-size: 0;
  margin-top: 22px;
  display: none;
}

.profile-group-btn .profile-btn {
  width: 130px;
}

.profile-group-btn-phone .profile-btn + .profile-btn{
  margin-left: 32px;
}

.tbl_data.tbl_data_money {
  border: none;
}
.tbl_data.tbl_data_money td {
  padding: 30px 0;
}
.wrp__money {
  max-width: 470px;
  margin: 0 auto;
}
.wrp__money .btn{
  color: inherit;
  box-shadow: none;
  border: 1px solid #ddd;
}
.tbl_step_member {
  margin-top: 30px;
  margin-bottom: 50px;
}
.member-text {
  padding-bottom: 12px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
.member-box {
  background-color: #F5F5F2;
  border-color: 1px solid #ddd;
}
.member-content {
  padding: 20px;
  font-size: 16px;
}

.modal-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.modal-item {
  width: calc(100% / 5);
  margin-top: 15px;

}
.modal__text {
  font-weight: bold;
  margin-bottom: 5px;
}
.box_media__text_member {
  padding-left: 15px;
  text-align: left;
}
.box_media__text_member > p {
  display: inline-block;
  color: #a4002c;
  font-weight: bold;
  padding: 8px 42px;
  border: 2px solid #a4002c;
  border-radius: 18px;
  margin-bottom: 12px;
  line-height: 1;
}

.tbl_content__lock {
  width: 100px;
}

.tr_box_media__private {
  display: table;
  width: 100%;
}

.tr_box_media__private div {
  display: table-cell;
  vertical-align: middle;
}

.box_media__private_content {
  text-align: left;
  margin-left: 40px;
  font-weight: bold;
}

.tbl_content .td_box_media__private {
  padding: 0;
}

.box_media__private_content p {
  font-size: 45px;
  margin-bottom: 22px;
}

.box_media__private_content span {
  font-size: 28px;
  color: #a4002c;
  
}

.box_media__private_link {
  font-size: 30px;
  color: #fff !important;
  font-weight: bold;
  white-space: nowrap;
  background-color: #a4002c;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
}
.box_media__private_link:hover  {
  color: #fff;
}
.box_media__private_link .fa::before {
  color: #fff;
}
.box_media_icon {
  padding: 95px 20px 73px 63px;
}
.tr_error.error {
  background-color: #ffeeee;
}
.tr_error .lbl_error {
  color: #ff0000;
  display: block;
  padding: 3px 0 0;
}
.btn_post_code {
  min-width: auto;
  padding: 14px;
  margin-left: 25px;
}
a.link {
  color:#1F5BCC;
  text-decoration: underline;
}
a.link:visited {
  color: inherit;
}
a.link:hover {
  color: #a4002c;
}
input.error {
  background-color: #fff;
}

/* ---------------------------------------- */





/* Responsive */
@media screen and (min-width: 768px) and (max-width: 949px) {
  .l_header__top ul li:last-child {
  display: none;
  }
}

@media screen and (max-width: 767px) {
  
  .login-left, .login-right{
    float:none;
    width: 100%;
  }
  .login-left {
    padding-right: 0;
    padding-bottom: 20px;
  }
  .login-right {
    padding-left: 0;
  }
  .login-right {
    border-left: none;
  }
  .tbl_step tr td {
    vertical-align: baseline;
  }
  .login-right__wrap {
    border-top: 1px solid #ddd;
    padding: 20px 0 0 0;
  }
  .btn-login--half {
    width: 100%;
  }
  .wrp__register{
    max-width: 340px;
  }
  .l_document--hide .arc_back {
    display: none;
  }
  
  .tbl_data_1 .td_lbl {
    padding-bottom: 0;
  }

  .profile-item__content p{
    font-size: 14px;
  }
 
  .register__btn-group a {
    width: 120px;
  }
  .register__btn-group .btn-back {
    margin-right: 60px;
  }
  .wrp__profile {
    padding: 30px 0 70px 0;
  }
  .profile-nav {
    margin: 30px 0;
  }
  .profile-item  {
    width: 100%;
    border: 0;
  }
  .profile-item__content {
    border: 1px solid #a4002c;
    margin: 8px ;
  }

  .profile-group-btn-phone {
    display: flex;
  }

  .hide-on-phone {
    display: none;
  }
  .show-on-phone {
    display: block;
  }

  .modal-location-container {
    position: relative;
    padding: 50px 10px;
    margin: 0 8px;
  }

  .modal-body {
    border: 1px solid #ddd;
    max-height: 568px;
    overflow-y: auto;
  }
  
  .modal-body::-webkit-scrollbar {
    width: 8px;
  }

  .modal-body::-webkit-scrollbar-track {
    background: #ddd;
  }
  
  .modal-body::-webkit-scrollbar-thumb {
    background:#a4002c;
  }
  
  .modal-body::-webkit-scrollbar-thumb:hover {
    background: #ddd;
  }

  .modal-content {
    padding: 8px 16px;
  }
  
  .modal-location .register__btn {
    margin-top: 15px;
  }

  .box_media__private_content p {
    font-size: 18px;
    margin-bottom: 4px;
    line-height: 1;
  }
  .box_media__private_link {
    font-size: 10px;
  }
  .box_media__private_content span {
    font-size: 8px;
    color: #a4002c;
    
  }
  .box_media_icon {
    padding: 40px 10px 40px 10px;
  }
  .box_media_icon img {
    width: 20px;
  }
  .modal-item {
    width: calc(100% / 3);
  
  }
  .btn_post_code {
    margin-top: 12px;
    margin-left: 0;
  }
}
@-webkit-keyframes fadeIn {
  to {
    opacity:1;
  }
}
@-webkit-keyframes zoomIn {
  to {
    transform:translate(-50%, -50%) scale(1);
  }
}
.err-txt{
  color: #ff0000;
  display: none;
}

.item-member {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #ddd;
    height: 99%;
}
.break-line {
  display: block;
}

.item-member .item-member-left {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.6;
    pointer-events: none;
}
.item-member .item-member-left img{
  width: 80px;
}

.item-member .item-member-center {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.item-member .item-member-center .text-1 {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #000;
    line-height: 1.5;
}

.item-member .item-member-center .text-2 {
    margin-top: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    color: #a4002c;

}

.item-member .item-member-right {
    width: 100%;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
    color: #fff;
    background-color: #a4002c;
    padding: 20px 0;
    border: 1px solid #a4002c;
}
.item-member .item-member-right:hover {
  opacity: 0.8;
}

.item-member .item-member-right .fa::before {
  color: #fff;
  margin-left: 5px;
}



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

    .new_items .lst_media > li.pd-0 {
      padding: 0!important;
    }

    .temple-tag {
      display: none;
    }
    .break-line {
      display: inline;
    }
    .item-member {
        display: grid;
        grid-column-gap: 0;
        grid-template-columns: auto auto auto;
        align-items: unset;
        border: none;
        height: auto;
        min-height: 100px;
    }

    .item-member .item-member-left {
        display: flex;
        align-items: center;
        justify-content: center;
        position: unset;
        padding: 0 10px;
        opacity: 1;
        transform: translate(-0%, -0%);
    }
    .item-member .item-member-left img{
      width: 20px;
      opacity: 1;
    }

    .item-member .item-member-center {
      position: unset;
      transform: translate(0,0);
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
    }

    .item-member .item-member-center .text-1 {
        font-size: 16px;
    }

    .item-member .item-member-center .text-2 {
        font-size: 8px;
        margin-top: 0;
    }

    .item-member .item-member-right {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0;
        padding: 20px 5px;
    }
}


/* service top
-------------------------------------------------- */

.service-anchor-menu {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.service-anchor-menu li {
    flex-shrink: 0;
    min-width: 290px;
    text-align: center;
    box-sizing: border-box;
    border-right: 1px #ddd solid;
    display: flex;
    position: relative;
}

.service-anchor-menu li:nth-child(1) {
    border-left: 1px #ddd solid;
}

.service-anchor-menu li img {
    position: absolute;
    width: 12px;
    height: auto;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -20px;
}

.service-anchor-menu li a {
    display: block;
    height: 100%;
    min-width: 290px;
    padding: 5px 20px;
    box-sizing: border-box;
}

.service-menu {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 40px;
}

.service-menu li {
    width: 33.33%;
    flex-shrink: 0;
    text-align: center;
    box-sizing: border-box;
    padding: 0 10px;
}

.service-menu li a {
    display: block;
    box-sizing: border-box;
    padding: 40px 20px 30px;
    height: 100%;
    background-color: #F5F5F1;
}

.service-menu li figure {
    min-height: 100px;
}

.service-menu li h3 {
    font-size: 18px;
    font-weight: 600;
}

.service-menu li h3 span {
    display: inline-block;
    padding-left: 17px;
    background: url("/resource/img/service/arrow_right.svg") no-repeat left top 8px;
}

.service-menu li p {
    font-size: 14px;
    line-height: 1.67em;
    margin-top: 10px;
}

.service-sub-menu {
    margin-top: 40px;
    text-align: center;
}

.service-sub-menu + .service-sub-menu {
    margin-top: 0px;
}

.service-sub-menu li {
    display: inline-block;
    margin: 7px 20px;
}

.service-sub-menu li a {
    display: block;
    padding-left: 15px;
    background: url("/resource/img/service/arrow_right.svg") no-repeat left top 5px;
    background-size: 6px auto;
}


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

    .service-anchor-menu {
        display: flex;
        justify-content: center;
        margin-top: 30px;
    }

    .service-anchor-menu li {
        flex-shrink: 0;
        min-width: inherit;
        text-align: center;
        box-sizing: border-box;
        border-right: 1px #ddd solid;
        display: flex;
        position: relative;
    }

    .service-anchor-menu li:nth-child(1) {
        border-left: 1px #ddd solid;
    }

    .service-anchor-menu li img {
        position: absolute;
        width: 12px;
        height: auto;
        margin: auto;
        left: 0;
        right: 0;
        bottom: -20px;
    }

    .service-anchor-menu li a {
        display: block;
        height: 100%;
        min-width: inherit;
        padding: 5px 10px;
        box-sizing: border-box;
    }

    .service-menu {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        margin-top: 20px;
        border-top: 1px #dddddd solid;
    }

    .service-menu li {
        width: 100%;
        flex-shrink: 0;
        text-align: center;
        box-sizing: border-box;
        padding: 0;
        border-bottom: 1px #dddddd solid;
    }

    .service-menu li a {
        box-sizing: border-box;
        padding: 20px 10px 20px 20px;
        height: 100%;
        background-color: #F5F5F1;
        display: flex;
    }

    .service-menu li figure {
        min-height: inherit;
        padding-right: 25px;
        padding-top: 7px;
    }

    .service-menu li a > div {
        text-align: left;
    }

    .service-menu li h3 {
        font-size: 14px;
        font-weight: 600;
    }

    .service-menu li h3 span {
        display: inline-block;
        padding-left: 17px;
        background: url("/resource/img/service/arrow_right.svg") no-repeat left top 6px;
    }

    .service-menu li p {
        font-size: 13px;
        line-height: 1.67em;
        margin-top: 5px;
    }

    .service-menu li p br {
        display: none;
    }
    
    .service-sub-menu {
        margin-top: 0;
        text-align: left;
    }

    .service-sub-menu li {
        display: block;
        margin: 0;
        
    }

    .service-sub-menu li a {
        display: block;
        padding: 12px 10px 10px 35px;
        background: url("/resource/img/service/arrow_right.svg") no-repeat left 20px top 17px;
        background-size: 6px auto;
        border-bottom: 1px #dddddd solid;
    }

}


/* reform
-------------------------------------------------- */

.reform-plus {
    display: flex;
    flex-wrap: wrap;
    margin-left: -35px;
    margin-right: -35px;
    box-sizing: border-box;
}

.reform-plus li {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 50%;
    padding: 0 35px;
    margin-top: 50px;
}

.reform-plus h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5em;
}

.reform-plus span {
    font-size: 0.75em;
    font-weight: 600;
}

.reform-plus-photo {
    display: flex;
    background: url("/resource/img/service/reform/arrow_right.png") no-repeat center center;
    margin-left: -13px;
    margin-right: -13px;
    margin-top: 20px;
}

.reform-plus-photo figure {
    box-sizing: border-box;
    flex-grow: 1;
    width: 50%;
    padding: 0 13px;
}

.reform-plus-photo figure img {
    width: 100%;
    height: auto;
}

.reform-plus-point {
    box-sizing: border-box;
    background: url("/resource/img/service/reform/icon_point.svg") no-repeat left 0 top 13px;
    background-color: #F5F5F1;
    border-radius: 10px;
    padding: 20px 20px 20px 65px;
    margin-top: 25px;
}


.reform-facility {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    box-sizing: border-box;
}

.reform-facility h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5em;
}

.reform-facility h3 span {
    font-size: 0.75em;
    font-weight: 600;
}

.reform-facility li {
    box-sizing: border-box;
    width: 33.33%;
    padding: 0 10px;
    margin-top: 50px;
}

.reform-facility figure img {
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.reform-facility-point {
    box-sizing: border-box;
    background: url("/resource/img/service/reform/icon_point.svg") no-repeat left 0 top 13px;
    background-color: #F5F5F1;
    border-radius: 10px;
    padding: 20px 20px 20px 65px;
    margin-top: 25px;
    min-height: 93px;
}

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

    .reform-plus {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }

    .reform-plus li {
        box-sizing: border-box;
        flex-shrink: 0;
        width: 100%;
        padding: 0;
        margin-top: 40px;
    }

    .reform-plus h3 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.5em;
    }

    .reform-plus span {
        font-size: 0.75em;
    }

    .reform-plus-photo {
        display: flex;
        background: url("/resource/img/service/reform/arrow_right.png") no-repeat center center;
        background-size: 10px auto;
        margin-left: -13px;
        margin-right: -13px;
        margin-top: 20px;
    }

    .reform-plus-photo figure {
        box-sizing: border-box;
        flex-grow: 1;
        width: 50%;
        padding: 0 13px;
    }

    .reform-plus-photo figure img {
        width: 100%;
        height: auto;
    }

    .reform-plus-point {
        box-sizing: border-box;
        background: url("/resource/img/service/reform/icon_point.svg") no-repeat left 0 top 5px;
        background-size: 50px auto;
        background-color: #F5F5F1;
        border-radius: 10px;
        padding: 10px 10px 10px 50px;
        margin-top: 15px;
        font-size: 13px;
        line-height: 1.67em;
    }


    .reform-facility {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }

    .reform-facility h3 {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.5em;
    }

    .reform-facility h3 span {
        font-size: 0.75em;
    }

    .reform-facility li {
        box-sizing: border-box;
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }
    
    .reform-facility figure {
        text-align: center;
    }

    .reform-facility figure img {
        width: 100%;
        height: auto;
        max-width: 250px;
        margin-top: 20px;
    }

    .reform-facility-point {
        box-sizing: border-box;
        background: url("/resource/img/service/reform/icon_point.svg") no-repeat left 0 top 5px;
        background-size: 50px auto;
        background-color: #F5F5F1;
        border-radius: 10px;
        padding: 10px 10px 10px 50px;
        margin-top: 15px;
        font-size: 13px;
        line-height: 1.67em;
        min-height: 66px;
    }

}