@charset "utf-8";

@media screen and (max-width: 767px) {
  /*		Contents
---------------------------------------------------------------------------

	ホーム										[ / ]
	会社案内									[ /company/ ]
	コンセプト									[ /concept/ ]
	土地をお探しの方へ							[ /land/ ]
	お知らせ									[ /news/ ]
	イベント									[ /event/ ]
	施工事例									[ /works/ ]
	分譲地・オススメ物件						[ /subdivision/ ]
	無料相談・お問い合わせ						[ /contact/ ]
	サイトマップ								[ /sitemap/ ]
	プライバシーポリシー						[ /privacy/ ]

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

  /* ========================================================================
		Common
======================================================================== */
  .pc {
    display: none;
  }

  a:hover {
    text-decoration: none;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  ul,
  ol,
  .column {
    overflow: hidden;
    position: relative;
  }

  #overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
  }

  #container {
    width: 320px;
    margin: 0 auto;
  }

  .mb15 {
    margin-bottom: 15px;
  }
  /* -----------------------------------
	slider
----------------------------------- */
  #slider ul li {
    position: fixed;
    top: 0px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    z-index: -1;
  }

  /* -----------------------------------
	header
----------------------------------- */
  header {
    height: 50px;
    position: relative;
    z-index: 100;
  }

  header h1,
  header p.logo {
    padding: 13px 0 0 10px;
  }

  header h1 img,
  header p.logo img {
    width: 235px;
    vertical-align: middle;
  }

  header h1 img.sp,
  header p.logo img.sp {
    width: 20px;
    margin: 0 6px 0 0;
  }

  /* nav
----------------------------------- */
  header nav p {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
  }

  header nav ul {
    position: absolute;
    top: 50px;
    left: 0px;
    padding: 10px;
  }

  header nav ul li {
    float: left;
    width: 150px;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-top: none;
    font-size: 93%;
    padding: 0;
  }

  header nav ul li a {
    display: block;
    line-height: 44px;
    text-align: center;
  }

  header nav ul li:nth-child(-n + 2) {
    border-top: 1px solid #cccccc;
  }

  header nav ul li:nth-child(2n) {
    border-left: none;
  }

  /* -----------------------------------
	contents
----------------------------------- */
  #contents h1 {
    width: 100%;
    height: 81px;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
  }

  #contents h1 img {
    max-width: none;
    width: 700px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin: 0 0 0 -350px;
  }

  #company h1 {
    height: 159px;
  }
  #company h1 img {
    width: 360px;
    margin: 0 0 0 -200px;
  }

  #concept h1 {
    height: 262px;
  }
  #land h1 {
    height: 258px;
  }

  #concept h1 img,
  #land h1 img {
    width: 520px;
    margin: 0 0 0 -260px;
  }

  #news h1 img {
    margin: 0 0 0 -230px;
  }

  /* table
----------------------------------- */
  #contents table {
    width: 100%;
    font-size: 93%;
  }

  #contents table th {
    border-top: 1px solid #bc9f74;
    border-bottom: 1px solid #bc9f74;
    text-align: left;
    line-height: 1.8;
  }

  #contents table td {
    border-top: 1px solid #bc9f74;
    border-bottom: 1px solid #bc9f74;
    line-height: 1.8;
  }

  /* -----------------------------------
	path
----------------------------------- */
  #path {
    padding: 0 10px 40px;
  }

  #path li {
    float: left;
    padding: 0 6px 0 0;
    font-size: 93%;
    line-height: 1.6;
  }

  #path li a {
    margin: 0 6px 0 0;
  }

  /* -----------------------------------
	paging
----------------------------------- */
  #paging {
    padding: 0 0 40px 0;
    text-align: center;
    font-size: 108%;
  }

  #paging span {
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #bc9f74;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #bc9f74;
    margin: 0 5px 10px;
  }

  #paging a {
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #bc9f74;
    border: 1px solid #bc9f74;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #ffffff;
    text-decoration: none;
    margin: 0 5px 10px;
  }

  /* -----------------------------------
	widget_contact
----------------------------------- */
  .widget_contact {
    border-bottom: 1px solid #bc9f74;
    margin: 0 0 30px 0;
  }

  .widget_contact section {
    position: relative;
    border-top: 1px solid #bc9f74;
    padding: 14px 0 4px;
    text-align: center;
  }

  .widget_contact h2 {
    padding: 0 0 10px 0;
    font-size: 139%;
    font-weight: bold;
    color: #aa7322;
    line-height: 1.4;
  }

  .widget_contact p {
    padding: 0 10px 10px;
    font-size: 93%;
    color: #646160;
    line-height: 18px;
  }

  .widget_contact p span {
    display: block;
  }

  .widget_contact p.btn {
    font-size: 124%;
    font-weight: bold;
  }

  .widget_contact p.btn span {
    display: inline;
  }

  .widget_contact p.btn a {
    display: block;
    width: 240px;
    margin: 0 auto;
    background: #aa7322;
    color: #ffffff;
    line-height: 34px;
    text-decoration: none;
  }

  .widget_contact p.btn a span {
    background: url(../../img/land/icon_blank.gif) no-repeat left center #aa7322;
    padding: 0 0 0 25px;
  }

  .widget_contact p.tel img {
    width: 200px;
  }

  /* -----------------------------------
	widget_category
----------------------------------- */
  .widget_category {
    padding: 0 0 10px 0;
  }

  .widget_category li {
    float: left;
    margin: 0 0 10px 10px;
    text-align: center;
    font-size: 93%;
    font-weight: bold;
  }

  .widget_category li a {
    display: block;
    border: 1px solid #bc9f74;
    padding: 0 10px;
    line-height: 24px;
    color: #995409;
    text-decoration: none;
  }

  /* -----------------------------------
	widget_list
----------------------------------- */
  .widget_list {
    padding: 0 0 20px 0;
  }

  .widget_list li {
    float: left;
    width: 145px;
    margin: 0 0 20px 10px;
    font-size: 93%;
    line-height: 1.8;
  }

  .widget_list li a {
    display: block;
  }

  .widget_list li p.image {
    margin: 0 0 10px 0;
  }

  .widget_list li p.image span {
    display: block;
    height: 96px;
    overflow: hidden;
  }

  .widget_list li p.title span {
    display: inline-block;
    border: 1px solid #bc9f74;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 0 10px 10px 0;
    padding: 0 10px;
    text-align: center;
    line-height: 16px;
    font-size: 82.8%;
    color: #995409;
  }

  .widget_list li p.title span.soldout {
    background: #e62222;
    border: 1px solid #e62222;
    margin: 0 0 10px 0;
    font-weight: bold;
    color: #ffffff;
  }

  /* -----------------------------------
	widget_btn
----------------------------------- */
  .widget_btn {
    padding: 0 10px 40px;
    text-align: center;
    font-size: 108%;
  }

  .widget_btn a {
    display: inline-block;
    line-height: 32px;
    color: #bc9f74;
  }

  .widget_btn a.back {
    width: 94px;
    background: #bc9f74;
    border: 1px solid #bc9f74;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0 18px;
    color: #ffffff;
    text-decoration: none;
  }

  /* -----------------------------------
	footer
----------------------------------- */
  footer {
    background: url(../../img/common/bg_white.png);
    padding: 0 0 10px 0;
  }

  footer .inner a {
    color: #986010;
  }

  footer p.copyright {
    padding: 0;
    font-size: 77%;
    color: #986010;
  }

  .info-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* contact
----------------------------------- */
  footer .contact p {
    padding: 0 0 20px 0;
    text-align: center;
  }

  /* info
----------------------------------- */
  footer .info h2 {
    overflow: hidden;
    padding: 16px 20px 20px;
    text-align: center;
    font-size: 108%;
    font-weight: bold;
    color: #986010;
    line-height: 1.6;
  }

  footer .info h2 img {
    float: left;
    width: 40px;
    margin: -16px 0 0 0;
  }

  footer .info address,
  footer .info p {
    padding: 0 10px 20px;
    text-align: center;
    font-size: 93%;
    line-height: 18px;
    color: #986010;
  }

  /* nav
----------------------------------- */
  footer nav {
    padding: 10px 10px 20px;
  }

  footer nav ul {
    background: #ffffff;
  }

  footer nav ul li {
    border: 1px solid #cccccc;
    border-top: none;
  }

  footer nav ul:first-of-type li:first-child {
    border-top: 1px solid #cccccc;
  }

  footer nav ul li a {
    display: block;
    background: url(../../img/common/arrow_01.png) no-repeat 10px center;
    padding: 10px 0 10px 29px;
    font-size: 93%;
  }

  /* ========================================================================
	ホーム										[ / ]
======================================================================== */
  #home {
    padding: 350px 0 20px 0;
  }

  #home section {
    background: url(../../img/common/bg_white.png);
    margin: 0 10px 20px;
    padding: 20px 10px;
  }

  #home section h2 {
    padding: 0 0 20px 0;
    text-align: center;
  }

  /* -----------------------------------
	navi
----------------------------------- */
  #home .navi {
    padding: 0 0 10px 0;
  }

  #home .navi li {
    float: left;
    width: 145px;
    margin: 0 0 10px 10px;
  }

  /* -----------------------------------
	news
----------------------------------- */
  #home .news ul {
    border-top: 1px dotted #afafaf;
  }

  #home .news ul li {
    overflow: hidden;
    border-bottom: 1px dotted #afafaf;
    padding: 12px 10px 11px;
    font-size: 93%;
    line-height: 18px;
  }

  #home .news ul li time {
    display: block;
    padding: 0 0 6px 0;
  }

  #home .news ul li a {
    display: block;
    background: url(../../img/common/arrow_01.png) no-repeat left 5px;
    padding: 0 0 0 19px;
  }

  /* -----------------------------------
	list
----------------------------------- */
  #home .list ul li {
    float: left;
    width: 135px;
    margin: 0 10px 0 0;
    font-size: 93%;
    line-height: 18px;
  }

  #home .list ul li:nth-child(2) {
    margin-right: 0;
  }

  #home .list ul li a {
    display: block;
  }

  #home .list ul li span {
    display: block;
    overflow: hidden;
    width: 135px;
    height: 90px;
    margin: 0 0 10px 0;
  }

  /* -----------------------------------
	bnr
----------------------------------- */
  #home .bnr h2 {
    padding: 0 0 10px 0;
  }

  #home .bnr ul li {
    float: left;
    width: 135px;
    margin: 10px 10px 0 0;
  }

  #home .bnr ul li img {
    width: 100%;
  }

  #home .bnr ul li:nth-child(2n) {
    margin-right: 0;
  }

  /* ========================================================================
	会社案内									[ /company/ ]
======================================================================== */
  #company {
    padding: 0 0 40px 0;
  }

  #company .inner {
    margin: 0 0 30px 0;
    background-size: 100% auto;
  }

  #company .inner__outline {
    background: url(../../img/company/bg.jpg) no-repeat center bottom;
    padding: 0 0 205px 0;
  }

  #company h2 {
    padding: 0 0 10px 0;
    text-align: center;
  }

  #company h2 img {
    width: auto;
    height: 30px;
  }

  #company table th {
    width: 90px;
    padding: 10px;
    text-align: left;
    vertical-align: top;
  }

  #company table td {
    padding: 10px 10px 10px 0;
  }

  #company table:nth-of-type(2) th,
  #company table:nth-of-type(2) td {
    border-top: none;
  }

  #company p.map iframe {
    width: 100%;
    height: 200px;
  }

  /* -----------------------------------
	section
----------------------------------- */
  #company section {
    padding: 0 0 30px 0;
  }

  /* ========================================================================
	コンセプト									[ /concept/ ]
s======================================================================== */
  #concept p {
    font-size: 93%;
    line-height: 1.8;
  }
  div.conceptgather {
    margin-bottom: 30px;
  }

  /* -----------------------------------
	key
----------------------------------- */
  #concept .key {
    position: relative;
  }

  #concept .key dl {
    position: absolute;
    top: 66px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
  }

  #concept .key dl dt {
    padding: 0 0 16px 0;
    font-size: 153.8%;
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow: 0px 0px 20px rgb(0, 0, 0);
  }

  #concept .key dl dt span.human {
    color: #ffc702;
  }
  #concept .key dl dt span.tree {
    color: #693c29;
  }
  #concept .key dl dt span.small {
    font-size: 66.7%;
  }

  #concept .key dl dd {
    font-size: 92.3%;
    font-weight: bold;
    line-height: 1.5;
    text-shadow: 0px 0px 10px rgb(0, 0, 0);
  }

  /* -----------------------------------
	section
----------------------------------- */
  #concept section {
    background: #f3f0ea;
    margin: 0 0 40px 0;
    padding: 20px 10px 20px;
  }

  #concept section h2 {
    padding: 0 0 20px 0;
    text-align: center;
  }

  #concept section h2 img {
    width: auto;
    height: 30px;
  }

  /* step
----------------------------------- */
  #concept .step {
    background: #ffffff;
    padding: 0 10px 20px;
  }

  #concept .step ol:last-of-type {
    padding-bottom: 14px;
  }

  #concept .step ol li {
    border-bottom: 1px solid #bc9f74;
    padding: 14px 0;
  }

  #concept .step ol li h3 {
    font-size: 139%;
    font-weight: bold;
    color: #986010;
  }

  #concept .step ol li h3 span {
    font-size: 66.4%;
  }

  #concept .step ol li h3 span.must {
    display: inline-block;
    line-height: 20px;
    background: #986010;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: -2px 0 0 10px;
    padding: 0 4px;
    vertical-align: middle;
    color: #ffffff;
  }

  #concept .step ol li h3 img {
    width: 40px;
    vertical-align: middle;
    margin: 0 10px 10px 0;
  }

  /* -----------------------------------
	fix
----------------------------------- */
  #concept .fix section {
    margin: 0;
    padding: 0;
    background: url(../../img/concept/concept_01.png) no-repeat center top;
    background-size: cover;
    color: #ffffff;
    text-shadow: 0px 0px 10px rgb(0, 0, 0);
  }

  #concept .fix section h2 {
    padding: 20px 10px;
    text-align: left;
    font-size: 153.8%;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 2px;
  }

  #concept .fix p {
    padding: 0 10px 20px;
    font-weight: bold;
    line-height: 1.5;
  }

  #concept .fix ul {
    padding: 0 10px 20px;
  }

  #concept .fix ul li {
    font-size: 93%;
    font-weight: bold;
    line-height: 1.5;
  }

  /* section_02
----------------------------------- */
  #concept .fix .section_02 {
    background-image: url(../../img/concept/concept_02.png);
    background-position: center bottom;
  }

  #concept .fix .section_02 h2 > span {
    display: inline-block;
  }

  #concept .fix .section_02 h2 span span {
    font-size: 60%;
  }

  /* section_03
----------------------------------- */
  #concept .fix .section_03 {
    background-image: url(../../img/concept/concept_03.png);
  }

  #concept .fix .section_03 h2 {
    display: inline-block;
  }

  #concept .fix .section_03 h2 > span {
    display: block;
  }

  /* section_04
----------------------------------- */
  #concept .fix .section_04 {
    background-image: url(../../img/concept/concept_04.png);
    background-position: center;
  }

  /* ========================================================================
	土地をお探しの方へ							[ /land/ ]
s======================================================================== */
  #land p {
    padding: 0 10px 40px;
    font-size: 93%;
    line-height: 1.8;
  }

  #land p img {
    margin: 0 0 10px 0;
  }

  /* ========================================================================
	お知らせ									[ /news/ ]
	イベント									[ /event/ ]
======================================================================== */

  /* -----------------------------------
	main
----------------------------------- */
  #news .main ul {
    border-top: 1px dotted #afafaf;
    padding: 0 0 20px 0;
  }

  #news .main ul li {
    overflow: hidden;
    border-bottom: 1px dotted #afafaf;
    padding: 10px 10px 10px;
    font-size: 93%;
    line-height: 1.8;
  }

  #news .main ul li a {
    display: block;
    background: url(../../img/common/arrow_02.gif) no-repeat left 4px;
    padding: 0 0 0 20px;
  }

  /* date
----------------------------------- */
  #news .main p.date {
    padding: 0 10px 10px;
    font-size: 93%;
    line-height: 1.5;
  }

  #news .main p.date time {
    border-right: 1px dotted #a8acb6;
    margin: 0 14px 0 0;
    padding: 0 14px 0 0;
  }

  /* section
----------------------------------- */
  #news .main h2 {
    padding: 0 10px 20px;
    text-align: center;
    font-size: 139%;
    font-weight: bold;
    line-height: 1.4;
  }

  #news .main .entry {
    padding: 0 10px 10px;
  }

  #news .main .entry p {
    overflow: hidden;
    padding: 0 0 20px 0;
    font-size: 93%;
    line-height: 1.8;
  }

  #news .main .entry p img {
    margin: 0 0 10px 0;
  }

  #news .main .entry table {
    margin: 0 0 20px 0;
  }

  #news .main .entry table th,
  #news .main .entry table td {
    padding: 8px 5px;
  }

  #news .main .entry table td:first-of-type {
    width: 80px;
    font-weight: bold;
  }

  /* -----------------------------------
	aside
----------------------------------- */
  #news aside ul {
    border-top: 1px solid #bc9f74;
    padding: 0 0 40px 0;
  }

  #news aside ul li {
    border-bottom: 1px solid #bc9f74;
    font-size: 93%;
    line-height: 1.8;
  }

  #news aside ul li a {
    display: block;
    background: url(../../img/common/arrow_02.gif) no-repeat 10px center;
    padding: 10px 10px 10px 30px;
  }

  img.event_h1 {
    margin: 0px 0 0 -340px !important;
  }

  /* ========================================================================
	施工事例									[ /works/ ]
======================================================================== */
  #works .inner {
    padding: 0 0 30px 0;
  }

  #works p.comment {
    padding: 0 10px;
    font-size: 93%;
    line-height: 1.8;
  }

  /* -----------------------------------
	gallery_caption
----------------------------------- */
  #works .gallery_caption {
    padding: 0 0 30px 0;
  }

  #works .gallery_caption p {
    overflow: hidden;
    text-align: center;
  }

  #works .gallery_caption p img {
    width: auto;
    height: 200px;
  }

  #works .gallery_caption p span {
    display: block;
    margin: 10px 0 0 0;
    font-size: 93%;
    line-height: 22px;
  }

  #works .gallery_caption ul {
    padding-top: 10px;
    text-align: center;
    font-size: 0;
  }

  #works .gallery_caption ul li {
    display: inline-block;
    width: 54px;
    overflow: hidden;
    margin: 10px 5px 0;
    text-align: center;
    cursor: pointer;
    font-size: 93%;
  }

  #works .gallery_caption ul li img {
    width: auto;
    height: 40px;
  }

  /* ========================================================================
	分譲地・オススメ物件						[ /subdivision/ ]
======================================================================== */
  #subdivision .inner {
    padding-bottom: 30px;
  }

  /* -----------------------------------
	gallery
----------------------------------- */
  #subdivision .gallery {
    padding: 0 0 30px 0;
  }

  #subdivision .gallery p {
    height: 200px;
    overflow: hidden;
    text-align: center;
  }

  #subdivision .gallery img {
    width: auto;
    height: 200px;
  }

  #subdivision .gallery ul {
    padding-top: 10px;
    text-align: center;
    font-size: 0;
  }

  #subdivision .gallery ul li {
    display: inline-block;
    width: 54px;
    overflow: hidden;
    margin: 10px 5px 0;
    text-align: center;
    cursor: pointer;
    font-size: 93%;
  }

  #subdivision .gallery ul li span.description {
    display: none;
  }

  #subdivision .gallery ul li img {
    width: auto;
    height: 40px;
  }

  /* -----------------------------------
	scroll
----------------------------------- */
  #subdivision .scroll {
    width: 320px;
    overflow-x: scroll;
    margin: 0 auto 20px;
  }

  /* scrollbar */
  #subdivision .scroll::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  #subdivision .scroll::-webkit-scrollbar-track {
    background: #eeeeee;
  }
  #subdivision .scroll::-webkit-scrollbar-thumb {
    background: #995409;
  }

  #subdivision .scroll table {
    width: 460px;
  }

  #subdivision .scroll table th {
    width: 60px;
    border-left: 1px solid #bc9f74;
    padding: 6px 0;
    text-align: center;
    font-weight: bold;
  }

  #subdivision .scroll table th[scope='row'] {
    width: 90px;
    border-left: none;
  }

  #subdivision .scroll table td {
    border-left: 1px solid #bc9f74;
    padding: 6px 10px;
  }

  /* -----------------------------------
	map
----------------------------------- */
  #subdivision .map p {
    padding: 20px 10px 10px 0;
    text-align: right;
    font-size: 108%;
  }

  #subdivision .map p a {
    background: url(../../img/subdivision/pdf.gif) no-repeat left center;
    padding: 6px 0 6px 40px;
    text-decoration: underline;
  }

  #subdivision .map iframe {
    width: 100%;
    height: 180px;
  }

  /* ========================================================================
	無料相談・お問い合わせ						[ /contact/ ]
======================================================================== */
  #contact {
    padding: 0 0 40px 0;
  }

  #contact p {
    padding: 0 10px 20px;
    font-size: 93%;
    line-height: 1.8;
  }

  #contact p.step {
    padding: 0 0 20px 0;
  }

  #contact p.btn {
    padding: 0;
    text-align: center;
    font-size: 100%;
  }

  #contact p.btn input {
    width: 140px;
    background: #aa7322;
    border: none;
    padding: 5px 0;
    margin: 0 5px;
    font-size: 124%;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 2px;
  }

  #contact table {
    margin-bottom: 20px;
  }

  #contact table th {
    width: 130px;
    padding: 10px;
  }

  #contact table th span {
    display: block;
  }

  #contact table td {
    padding: 10px 10px 10px 0;
  }

  #contact table td input[type='text'],
  #contact table td input[type='email'],
  #contact table td textarea {
    width: 100%;
  }

  #contact table td input.size_01 {
    width: 50px;
  }

  #contact table td label {
    display: inline-block;
    width: 80px;
    margin: 5px 0;
  }

  #contact table tr:first-of-type td label {
    display: block;
    width: auto;
  }

  /* ========================================================================
	サイトマップ								[ /sitemap/ ]
======================================================================== */
  #sitemap ul {
    padding: 0 20px 20px;
  }

  #sitemap ul li a {
    display: block;
    margin: 0 0 20px 0;
    background: url(../../img/common/arrow_02.gif) no-repeat left center;
    padding: 0 0 0 20px;
    font-size: 108%;
  }

  /* ========================================================================
	プライバシーポリシー						[ /privacy/ ]
======================================================================== */
  #privacy p,
  #privacy dl dd {
    padding: 0 10px 20px;
    font-size: 93%;
    line-height: 1.8;
  }

  #privacy dl {
    padding: 0 0 20px 0;
  }

  #privacy dl dt {
    padding: 0 10px;
    font-size: 93%;
    font-weight: bold;
    line-height: 1.8;
  }
}