/*
@mixin tabMpc { 
	@media screen and (min-width: 768px) and (max-width: 1280px){
		@content;
	}	
}
@mixin tabwMpc { 
	@media screen and (min-width: 961px) and (max-width: 1280px){
		@content;
	}	
}
*/
#price {
 /* ----------------------------------------
	#house_kaitai
---------------------------------------- */
  /* ----------------------------------------
  	#petit_kaitai
  ---------------------------------------- */
 /* ----------------------------------------
	#quotation
---------------------------------------- */ }
  #price #menu_nav .inner {
    padding-bottom: 0px; }
  @media screen and (min-width: 768px) {
    #price #menu_nav ul {
      display: flex;
      justify-content: space-between; } }
  #price #menu_nav ul li {
    border-radius: 5px; }
    @media screen and (max-width: 767px) {
      #price #menu_nav ul li {
        margin-bottom: 20px; } }
    @media screen and (min-width: 768px) {
      #price #menu_nav ul li {
        width: 49%; } }
    #price #menu_nav ul li a {
      display: block;
      padding: 15px 5px;
      text-align: center;
      font-size: 1.4rem;
      font-weight: bold;
      color: #ffffff;
      position: relative; }
      @media screen and (min-width: 768px) {
        #price #menu_nav ul li a {
          padding: 30px 5px; } }
      #price #menu_nav ul li a span {
        font-weight: bold;
        font-size: 2.5rem;
        display: inline-block;
        width: 100%; }
        @media screen and (min-width: 768px) {
          #price #menu_nav ul li a span {
            font-size: 3.0rem; } }
      #price #menu_nav ul li a::after {
        content: url("../images/common/arrow_white.svg");
        width: 20px;
        right: 10px;
        bottom: 10px;
        position: absolute; }
    #price #menu_nav ul li .icon {
      width: 80px;
      margin: 0px auto;
      margin-bottom: 7px; }
  #price #menu_nav ul li:nth-child(1) {
    background: #006934; }
    #price #menu_nav ul li:nth-child(1):hover {
      background: #79A84C; }
  #price #menu_nav ul li:nth-child(2) {
    background: #F18900; }
    #price #menu_nav ul li:nth-child(2):hover {
      background: #DFC44A; }
  #price h2.contentTitle {
    text-align: center;
    font-weight: 900;
    font-size: clamp(2.4rem, 4vw, 3.6rem);
    color: #006934;
    margin-bottom: 30px;
    line-height: 1.0; }
    @media screen and (min-width: 768px) {
      #price h2.contentTitle {
        margin-bottom: 50px; } }
    #price h2.contentTitle span.en {
      font-size: clamp(1.4rem, 0.67vw, 1.6rem);
      font-family: "Lato", serif;
      display: inline-block;
      width: 100%; }
  #price #house_kaitai p.centerize {
    font-weight: bold;
    margin-bottom: 30px; }
  @media screen and (max-width: 480px) {
    #price #house_kaitai .table_price {
      width: 450px; } }
  #price #house_kaitai .table_price tbody {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000; }
  #price #house_kaitai .table_price th {
    background: #006934;
    border: solid 1px #000;
    color: #fff;
    font-weight: bold; }
  #price #house_kaitai .table_price td {
    text-align: center;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    font-weight: bold; }
  #price #house_kaitai .table_price th, #price #house_kaitai .table_price td {
    padding: 15px 15px; }
    @media screen and (min-width: 1281px) {
      #price #house_kaitai .table_price th, #price #house_kaitai .table_price td {
        padding: 30px 30px !important;
        border-bottom: solid 1px #000; } }
    @media screen and (min-width: 768px) and (max-width: 960px) {
      #price #house_kaitai .table_price th, #price #house_kaitai .table_price td {
        font-size: 2.4rem; } }
    @media screen and (min-width: 961px) {
      #price #house_kaitai .table_price th, #price #house_kaitai .table_price td {
        font-size: 2.8rem; } }
    #price #house_kaitai .table_price th span, #price #house_kaitai .table_price td span {
      font-size: 1.6rem; }
  #price #house_kaitai .table_price .sticky {
    position: sticky;
    top: 0;
    left: 0;
    background: none;
    /*border-left: none;
    border-right: none;*/
    color: #ffffff; }
  #price #house_kaitai .table_price .sticky::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*border-left: 1px solid #000;*/
    background: #666666;
    font-weight: bold;
    z-index: -1; }
  #price #house_kaitai .table_price2 tbody {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000; }
  #price #house_kaitai .table_price2 th {
    background: #333333;
    border: solid 1px #000;
    color: #fff;
    font-weight: bold; }
  #price #house_kaitai .table_price2 td {
    text-align: center;
    border-top: solid 1px #000;
    border-right: solid 1px #000; }
  #price #house_kaitai .table_price2 th, #price #house_kaitai .table_price2 td {
    padding: 10px 10px; }
    @media screen and (max-width: 480px) {
      #price #house_kaitai .table_price2 th, #price #house_kaitai .table_price2 td {
        font-size: 1.5rem; } }
    @media screen and (min-width: 1281px) {
      #price #house_kaitai .table_price2 th, #price #house_kaitai .table_price2 td {
        padding: 30px 30px !important;
        border-bottom: solid 1px #000; } }
  #price #house_kaitai .table_price2 .tit {
    font-weight: bold;
    background: #FCF6DE; }
  #price #house_kaitai p.note {
    font-size: 1.4rem;
    text-align: right;
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      #price #house_kaitai p.note {
        margin-bottom: 50px; } }
  #price #house_kaitai h3 {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      #price #house_kaitai h3 {
        font-size: 3.0rem;
        margin-bottom: 30px; } }
  #price #petit_kaitai {
    background: #f7f7f7; }
    @media screen and (max-width: 767px) {
      #price #petit_kaitai ul.priceList {
        max-width: 400px;
        margin: 0 auto; } }
    @media screen and (min-width: 768px) {
      #price #petit_kaitai ul.priceList {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; } }
    #price #petit_kaitai ul.priceList li {
      margin-bottom: 20px;
      border: 1px solid #ebebeb;
      padding: 15px 15px;
      border-radius: 10px;
      background: #ffffff; }
      @media screen and (min-width: 768px) {
        #price #petit_kaitai ul.priceList li {
          width: 48%;
          margin-bottom: 30px;
          padding: 30px 30px; } }
      #price #petit_kaitai ul.priceList li .imgArea {
        margin-bottom: 10px; }
        @media screen and (min-width: 768px) {
          #price #petit_kaitai ul.priceList li .imgArea {
            margin-bottom: 15px; } }
        #price #petit_kaitai ul.priceList li .imgArea img {
          border-radius: 10px;
          height: 180px;
          object-fit: cover;
          width: 100%; }
          @media screen and (min-width: 961px) {
            #price #petit_kaitai ul.priceList li .imgArea img {
              height: 250px; } }
    #price #petit_kaitai h4.priceTit {
      font-weight: bold;
      font-size: 1.8rem;
      text-align: center;
      margin-bottom: 8px;
      color: #006934; }
      @media screen and (min-width: 768px) {
        #price #petit_kaitai h4.priceTit {
          font-size: 2.2rem; } }
    #price #petit_kaitai p.text {
      font-size: 1.6rem;
      line-height: 1.3; }
    #price #petit_kaitai .priceArea {
      font-weight: bold;
      color: #E90003;
      font-size: 2.0rem;
      line-height: 1.0; }
      @media screen and (min-width: 768px) {
        #price #petit_kaitai .priceArea {
          font-size: 2.3rem; } }
      #price #petit_kaitai .priceArea .bigger {
        font-weight: bold;
        font-size: 2.8rem; }
        @media screen and (min-width: 768px) {
          #price #petit_kaitai .priceArea .bigger {
            font-size: 3.5rem; } }
      #price #petit_kaitai .priceArea span.memo {
        width: 100%;
        font-size: 1.0rem;
        color: #000000; }
      #price #petit_kaitai .priceArea dl {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        #price #petit_kaitai .priceArea dl dt, #price #petit_kaitai .priceArea dl dd {
          font-weight: bold;
          margin-bottom: 5px;
          padding: 5px 5px; }
        #price #petit_kaitai .priceArea dl dt {
          background: #ebebeb;
          text-align: center;
          width: 160px;
          color: #000000;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 8px; }
          @media screen and (min-width: 768px) and (max-width: 1280px) {
            #price #petit_kaitai .priceArea dl dt {
              width: 100px; } }
        #price #petit_kaitai .priceArea dl dd {
          width: -webkit-calc(100% - 165px);
          width: calc(100% - 165px);
          font-size: 2.0rem;
          line-height: 1.0; }
          @media screen and (min-width: 768px) and (max-width: 1280px) {
            #price #petit_kaitai .priceArea dl dd {
              width: -webkit-calc(100% - 105px);
              width: calc(100% - 105px); } }
          @media screen and (min-width: 768px) {
            #price #petit_kaitai .priceArea dl dd {
              font-size: 2.3rem; } }
      #price #petit_kaitai .priceArea span.marker {
        background: linear-gradient(transparent 60%, yellow 60%);
        font-size: 2.0rem;
        line-height: 1.0; }
        @media screen and (min-width: 768px) {
          #price #petit_kaitai .priceArea span.marker {
            font-size: 2.3rem; } }
  #price #quotation {
    background: #f7edde; }
    #price #quotation h3.quotationTit {
      text-align: center;
      font-weight: bold;
      margin-bottom: 30px;
      color: #5C411F;
      font-size: 2.0rem; }
      @media screen and (min-width: 768px) {
        #price #quotation h3.quotationTit {
          font-size: 2.6rem; } }
    #price #quotation p {
      text-align: center;
      font-weight: bold;
      margin-bottom: 30px; }
    #price #quotation .quotation_ol {
      background: #ffffff;
      padding: 15px 15px;
      border-radius: 10px;
      margin-bottom: 30px; }
      @media screen and (min-width: 768px) {
        #price #quotation .quotation_ol {
          padding: 40px 40px;
          margin-bottom: 50px; } }
    #price #quotation .tel ul.contact_shopList {
      max-width: 500px;
      margin: 0px auto; }
      @media screen and (min-width: 768px) {
        #price #quotation .tel ul.contact_shopList {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          max-width: 1000px;
          margin: 0px auto; } }
      #price #quotation .tel ul.contact_shopList li {
        padding: 15px 20px;
        background: #f7f7f7;
        margin-bottom: 20px; }
        @media screen and (min-width: 768px) {
          #price #quotation .tel ul.contact_shopList li {
            padding: 20px 20px;
            width: 49%; } }
      #price #quotation .tel ul.contact_shopList .name {
        font-weight: bold;
        font-size: 2.2rem;
        color: #006934;
        text-align: center;
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px; }
        @media screen and (min-width: 961px) {
          #price #quotation .tel ul.contact_shopList .name {
            text-align: left;
            margin-bottom: 7px; } }
        #price #quotation .tel ul.contact_shopList .name span {
          padding-left: 5px; }
      #price #quotation .tel ul.contact_shopList .call {
        max-width: 330px;
        margin-bottom: 5px;
        text-align: left; }
        @media screen and (max-width: 480px) {
          #price #quotation .tel ul.contact_shopList .call {
            padding: 10px 10px;
            border-radius: 30px;
            margin: 0px auto;
            color: #79A84C;
            border: 1px solid #79A84C;
            margin-bottom: 15px !important;
            text-align: center; } }
        @media screen and (max-width: 960px) {
          #price #quotation .tel ul.contact_shopList .call {
            text-align: center;
            margin: 0px auto;
            margin-bottom: 5px; } }
        #price #quotation .tel ul.contact_shopList .call span {
          font-weight: 900;
          font-size: 2.4rem; }
          @media screen and (max-width: 480px) {
            #price #quotation .tel ul.contact_shopList .call span {
              font-size: 2.2rem; } }
      @media screen and (max-width: 960px) {
        #price #quotation .tel ul.contact_shopList .time {
          display: inline-block;
          margin: 0px auto; } }
      #price #quotation .tel ul.contact_shopList .time dl.foot_info {
        display: flex;
        text-align: left;
        flex-wrap: wrap; }
        @media screen and (max-width: 960px) {
          #price #quotation .tel ul.contact_shopList .time dl.foot_info {
            margin-bottom: 5px; } }
        @media screen and (max-width: 480px) {
          #price #quotation .tel ul.contact_shopList .time dl.foot_info dt, #price #quotation .tel ul.contact_shopList .time dl.foot_info dd {
            font-size: 1.4rem; } }
        #price #quotation .tel ul.contact_shopList .time dl.foot_info dt {
          width: 80px; }
        #price #quotation .tel ul.contact_shopList .time dl.foot_info dd {
          width: -webkit-calc(100% - 80px);
          width: calc(100% - 80px); }
    #price #quotation .form .moreBtn {
      background: #006934;
      border-radius: 30px;
      max-width: 500px;
      margin: 0px auto;
      position: relative; }
      #price #quotation .form .moreBtn a {
        display: block;
        padding: 15px 15px;
        text-align: center;
        color: #ffffff;
        font-weight: bold;
        font-size: 2.0rem; }
      #price #quotation .form .moreBtn::after {
        content: url("../images/common/arrow_white2.svg");
        display: inline-block;
        width: 7px;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: 18px;
        right: 20px; }
    #price #quotation .line .qr {
      max-width: 300px;
      margin: 0px auto;
      border: 1px solid #4A9C10;
      padding: 50px;
      width: 300px;
      height: 450px; }