@charset "utf-8";

/** 
 *
 * Note css
 *
 */

/*----------------------------------------
  top
------------------------------------------ */

/* top_greeting */
.top_greeting, .support_wrap { padding: 0.5% 1.5% 1.5%; }
.top_greeting h2 { font-size: 135%; font-weight: bold; line-height: 1.2; margin-bottom: 5px; color: #396736; }
.top_greeting p { line-height: 1.6; }

/* support_wrap */
.support_wrap div { width: 49%;  border: #5c9838 1px solid; padding: 1em; background: #fcf7e3; box-sizing: border-box; line-height: 1.6; }
.support_wrap div h3 { font-weight: bold; font-size: 1.1em; color: #009944; }

/* bukken_info */
.bukken_info { width: 100%; /*border: #a08780 1px solid;*/ background: #f9f7ed; padding: 1.5%; box-sizing: border-box; margin-bottom: 15px; }
.bukken_info section h4 { font-size: 118%; margin: 10px 0 3px; text-decoration: underline; font-weight: bold; }
.bukken_info section p { line-height: 1.6; margin-bottom: 10px; }
.bukken_btn li { width: 47%; text-align: center; position: relative; font-size: 1.4em; line-height: 2.5; }
.bukken_btn li:after { content: '>'; position: absolute; right: 10px; top: 0; color: #fff; }
.bukken_btn li a { color: #fff; display: block; }
.bukken_btn .bukken_btn_detail { background: #009944; }
.bukken_btn .bukken_btn_detail:before { content: ''; position: absolute; top: 7px; left: 12px; background: url(../img/common/icon_home.png) no-repeat; width: 22px; height: 20px; background-size: contain; }
.bukken_btn .bukken_btn_form { background: #e05c19; }
.bukken_btn .bukken_btn_form:before { content: ''; position: absolute; top: 7px; left: 12px; background: url(../img/common/icon_note.png) no-repeat; width: 21px; height: 20px; background-size: contain; }

/* top_foot */
.top_foot { margin-top: 50px; }
.topics_ttl { border-bottom: #4F423E 1px solid; padding: 0 10px; }
.topics_ttl h3 { font-size: 140%; font-weight: bold; float: left; }
.topics_ttl p.topics_btn { float: right; position: relative; background: #4F423E; text-align: center; }
.topics_ttl p.topics_btn a { color: #fff; display: block; padding: 4px 30px 0px 24px; }
.topics_ttl p.topics_btn a:after { position: absolute; content:'>'; top: 3px; right: 5px; }

/*.topics .info { height: 260px; overflow: auto; }*/
.topics .info dl { border-bottom: 1px dotted #999; line-height: 1.6; padding: 10px 0 7px; }
.topics .info dl dt { padding: 0 10px; font-weight:bold; font-size: 90%; }
.topics .info dl dt ul { display: inline-block; font-weight: normal; font-size: 82%; background: #CA8528; margin-left: 10px; padding: 2px 5px 0; }
.topics .info dl dt ul a{ color: #fff; }
.topics .info dl dd { padding: 3px 10px 0; }
.topics .info dl dd a { color:#5A702F; }
.common_bana { width: 24%; }
.common_bana li { margin-bottom: 15px; }
.common_bana li img { max-width: 100%; }

.bana_manga p, .chumoku{ width:47.8%; }
.blog { width:49.54%; margin-top:2%; }
.bana_manga p:first-of-type { float:left; }
.bana_manga p:last-of-type { float:right; }

ul.curriculum-link li.khaki { 
	background: linear-gradient(to bottom, #93B652 60%, #5A702F 92%);　/* Safari,Google Chrome用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#93B652 60%), to(#5A702F 92%));　/* Firefox用 */
}
ul.curriculum-link li.beige { 
	background: linear-gradient(to bottom, #E0C9A3 60%, #C9A15B 92%);　/* Safari,Google Chrome用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#E0C9A3 60%), to(#C9A15B 92%));　/* Firefox用 */
}
ul.curriculum-link li.interview{ background:#EAE69F;}
ul.curriculum-link li.room{ background:#C69770;}
ul.curriculum-link li.flow{ background:#8DA6CD;}

.other-box-nav .company span{ background:#E0F5F5; }
.other-box-nav .media span{ background:#FFEBCC; }
.other-box-nav .access span{ background:#E8F7E1; }

.right-contents { width: 73%; }
.right-contents ul.curriculum-link li{ position:relative; }

ul.curriculum-link.bana_manga li { height:auto; }

.right-contents ul.curriculum-link li p a{ display:block; position:absolute; height:100%; width:100%; top:0; left:0; }
/*.right-contents ul.curriculum-link li section{ height:98% }*/
/*.right-contents ul.curriculum-link li section p img{ position:absolute; bottom:0; left:0; }*/
.right-contents .side-contents ul.curriculum-link li:last-child ul li { margin-right: 0; padding:0; }
.right-contents .side-contents .briefing { margin-top: 15px; }
.right-contents .side-contents p { margin-bottom: 15px; }
.right-contents .side-contents ul.other-box-nav li { width: 220px; text-align:right; height:58px; }
.right-contents .side-contents ul.curriculum-link li section p img{ position:absolute; bottom:5px; left:5px; }

.side-contents .title-wrap { width: 455px; margin-bottom: 15px; }
.side-contents .title-wrap .title{ background: #E8F7E1; display:block; line-height:51px; font-size:14px; font-weight:bold;}
.side-contents .title-wrap h3 { padding-left:10px; font-size:14px; font-weight:bold; }

.left-contents .title-wrap { margin-bottom: 15px; margin-top:15px; }
.left-contents .title-wrap .title{ background: #c8e2b8; display:block; line-height:51px; font-size:18px; font-weight:bold;}
.left-contents .title-wrap h3 { padding-left:20px; font-size:14px; font-weight:bold; }

.map{ min-height:100%; width:445px; height:auto; position:relative; }
.map ul {width:90%; position:absolute; top:12%; left:2%; }
.map ul:nth-of-type(2) {  top:23%; }
.map ul:nth-of-type(3) { top:34%; }
.map ul:nth-of-type(4) { top:56%; }
.map ul:nth-of-type(5) { top:67%; }
.map ul:nth-of-type(6) { top:83%; }
.map li {width:24%; float:left; padding:0 3px 4px 0; _padding:0 3px 4px 0; }

.red {color:#f00;}


/*----------------------------------------
  common 追記
------------------------------------------ */

#wrapper{ background:url(../img/top/new/150307/bg_150307top.png) repeat-x; }

.left-contents .common-block .common-inner h3 { text-align:center; }
.left-contents .common-block .common-inner h4 { padding:10px 0 5px; text-align:center; font-weight:bold; font-size:16px; }
.left-contents .curriculum-link { margin-top:15px; }
.curriculum-link div { float:left; width: 64.2%; }
.left-contents .curriculum-link ul { float:left; margin-left:15px; }
.curriculum-link .other-box-nav li { margin-right:0; }
.float_right { float:right; }
.float_left { float:left; }


/*----------------------------------------
  company
------------------------------------------ */
/*.company table th { background:url(../img/common/arrow_gr.gif) no-repeat left 22px; padding-left:10px; }*/
.company table th { background:url(../img/common/arrow_gr.gif) no-repeat left 22px; padding-left:3.5%; }
.company table th span { color:#f00; }
.company #access div p { text-align:center; }
.company #access div p:last-child { padding-top:10px; }


/*----------------------------------------
  property
------------------------------------------ */
.ttl_border {
    border-bottom: #999 2px solid;
    margin-bottom: 20px;
}
#property .ttl_border h2 {
    margin: 10px 0 5px;
    padding: 0 0 0 12px;
    border-left: #999 6px solid;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.3;
}

.detail_price {
    font-weight: bold;
}
.detail_price dt {
    width: 75px;
    float: left;
    margin-top: 2px;
}
.detail_price dd {
    float: left;
    color: #BA0D00;
    font-size: 1.2em;
}

.detail_comment {
    margin: 10px 0;
    padding: 1.5% 2%;
    background: #eee;
}
.detail_comment p,
.detail_rep_comment {
    line-height: 1.2;
    margin-top: 5px;
}
#property em {
    font-size: 1.1em;
}

.deteil-wrap h4.ttl_border {
    margin-bottom: 10px;
}
#property h4 {
    padding: 10px 0 5px;
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
    line-height: 1.4;
}

/* 物件写真 */
.deteil-wrap aside li {
    float: left;
    width: 16%;
    margin-right: 0.8%;
}
.deteil-wrap aside li:last-of-type {
    margin-right: 0;
}

/* 周辺環境　-Location- */
#property .google-maps {
    position: relative;
    float: left;
    width: 49.5%;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}
#property .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
#property .location-img {
    float: right;
    width: 49.5%;
}

/* 問い合わせ誘導 */
.content_block {
    margin: 0 0 10px;
    padding: 2.5%;
    background: #eee;
}
.detail_info div {
    margin: 5px 0 10px;
}
.detail_info div .float_left {
    width: 56%;
}
.detail_info div .pc {
    display: block;
}
.detail_info div .sp {
    display: none;
}
.detail_info div .float_right {
    width: 40%;
    font-size: 0.8em;
}

@media screen and (max-width: 540px) {
	.detail_info div .pc {
	  display: none;
	}

	.detail_info div .sp {
	  display: block;
	  margin-bottom: 10px;
	}

	.detail_info div .float_left,
	.detail_info div .float_right {
	    width: 100%;
	}
	
	#property .google-maps,
	#property .location-img {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	
	#property .google-maps {
		padding-bottom: 70%;
	}
}


/*----------------------------------------
  flow
------------------------------------------ */
.flow .flow-inner { overflow:hidden; zoom:1; }
.flow .flow-inner .common-section-contents { width:95%; }
.flow .flow-inner ol { width:100%; padding-bottom:15px; overflow:hidden; zoom:1; }
.flow .flow-inner ol li { float:left; width: 16.66%; margin-top: 3.11%; }
.flow .flow-inner ol li:last-child { padding-right:0; margin-top:0; }
.flow .flow-inner ol li a { display:block; opacity:0.40; filter: alpha(opacity=40); }
.flow .flow-inner ol li a:hover,
.flow .flow-inner .on a { opacity:1.0; filter: alpha(opacity=100); }
#f1 h3, #f2 h3, #f3 h3, #f4 h3, #f5 h3, #f6 h3 { float:left; width:25%; text-align:left; }
#f1 h4, #f2 h4, #f3 h4, #f4 h4, #f5 h4, #f6 h4{ float:left; width:75%; margin-top: 5px; padding:0; font-weight:normal; font-size:160%; color:#666666; text-align:left; }
.overflow_hidden { overflow:hidden; zoom:1; }
.flow .flow-inner .common-inner div:nth-of-type(2) { padding-top:15px; }
.flow .flow-inner .common-inner div:nth-of-type(2) div p { padding-left:20px; }
.flow .flow-inner .common-inner .float_right { padding: 0 0 10px 10px; }
.flow .flow-inner dl { margin-top:5px; font-weight:bold; font-size:1.25em; }
.flow .flow-inner dl:first-child { margin-top:0; }
.flow .flow-inner dl dt { position:relative; }
.flow .flow-inner dl dt span { position:absolute; }
.flow .flow-inner dl dd { padding-left:20px; }
#f1 dl { color:#97ACCE; }
#f2 dl { color:#8FC2F1; }
#f3 dl { color:#A4C229; }
#f4 dl { color:#E09E63; }
#f5 dl { color:#E897AF; }
#f6 dl { color:#EA6669; }

.flow-btn { width:100%; margin-top:60px; }
.flow-btn li{ width:220px; margin-right:15px; margin-bottom:15px; float:left; text-align:center; }
.flow-btn li.last-el-child{ margin-right:0px; }
.flow-btn li img{ max-width:220px; max-height:100px; }


/*----------------------------------------
  privacy
------------------------------------------ */
#privacy h2 span{ background:#CBDBAB; display:block; padding-left:10px; line-height:51px; font-size:1.4em; font-weight:bold; }
#privacy section{ margin-bottom:15px; }
#privacy h3{ font-weight:bold; }


/*----------------------------------------
  interview
------------------------------------------ */
.interview .common-inner{ padding:0; }
.interview .common-inner img:hover{ opacity:0.7; }
.interview hr { border: dashed 1px #25673D; display: block; margin: 0; }
.interview-title { margin: 0 30px 30px; }
.interview-title p:first-child { float: left; width: 55%; }
.interview-title p:last-child { float: right; width: 45%; }
.interview-inner { margin: 15px 30px 0; padding-bottom: 20px; }
.interview-inner h3 { color: #25673D; font-weight: bold; position: relative; text-align: center; font-size: 1.4em; line-height: 1.3; margin: 0 0 5px; padding: 10px; }
.interview-inner h3:before { position: absolute; content: ""; background-image: url(../img/interview/icon_interview_l.gif); width: 20px; height: 20px; top: 0; left: 0; }
.interview-inner h3:after { position: absolute; content: ""; background-image: url(../img/interview/icon_interview_r.gif); width: 20px; height: 20px; top: 0; right: 0; }
.interview-inner .float_left { width: 62%; }
.interview-inner .float_right { width: 35%; }
.interview-bottom { margin: 20px 30px;}
.interview-bottom .interview-bottom-title { background: #CADCC2; position: relative; padding: 30px 30px 10px 30px;}
.interview-bottom .interview-bottom-title h3 { color: #25673D; font-weight: bold; font-size: 1.4em; line-height: 1.3; }
.interview-bottom .interview-bottom-title p { position: absolute; top:-25px; right: 0;}
.interview-bottom .interview-bottom-inner { background: #E7F1D9; padding: 15px 30px; }
.interview-bottom .interview-bottom-inner .float_left { width: 62%; }
.interview-bottom .interview-bottom-inner .float_right { width: 35%; }
.interview-bottom h4 { font-weight: bold; font-size: 1.2em; }
.btn_box { margin: 10px 0 0; }
.btn_box a { background: #5CA300; display: inline-block; text-align: center; padding: 13px 2.5em; position: relative; color: #fff; font-size: 1.2em; min-width: 250px; line-height: 1.2; }
.btn_box a:after { position: absolute; content: "▶"; right: 10px; font-size: 0.75em; top: 50%; margin-top: -8px; }


/*----------------------------------------
  form
------------------------------------------ */
/* お問い合わせのフロー */
.b_contact_box-top { padding: 30px 0 20px; }
.list_flow { width: 100%; letter-spacing: -0.4em; }
.list_flow-item { display: inline-block; width: 34%; height: 80px; line-height: 80px; vertical-align: middle; background-color: #f3f3f3; color: #000; position: relative; letter-spacing: normal; margin-right: 1%; }
	.list_flow-item:last-of-type { margin-right: 0; width: 30%; }
	.list_flow-item:last-of-type:after { border: none; }
	.list_flow-item:after { content: ""; display: block; }
	.list_flow-item.is_current { background-color: #000; }
.list_flow-item.is_current .list_flow-step,
.list_flow-item.is_current .list_flow-num,
.list_flow-item.is_current .list_flow-text { color: #fff; }
	.list_flow-item:after { content: ""; display: block; position: absolute; top: 0; right: -8px; width: 0; height: 0; border-top: 40px solid transparent; border-right: 10px solid transparent; border-bottom: 40px solid transparent; border-left: 30px solid #f3f3f3; background-color: #fff; }
	.list_flow-item.is_current:after { border-left-color: #000; }
	.list_flow-step { float: left; padding: 0 5px 0 25px; font-weight: bold; letter-spacing: 1px; }
	.list_flow-num { font-size: 28px; font-weight: bold; padding-left: 3px; }
	.list_flow-text { float: right; padding: 0 37px 0 0; font-size: 16px; font-weight: bold; letter-spacing: 1px; }

/* form内 */
.form form { margin: 20px 0 0; clear: both; overflow: hidden; vertical-align: top; }
.form dl { border-bottom: 1px dotted #a0a0a0; clear: both; overflow: hidden; padding-top: 5px; }
.form dl:last-of-type { border-bottom: none; }
.form dl dt { width: 25%; clear: left; float: left; padding: 5px 10px; box-sizing: border-box; line-height: 1.6; font-weight: bold; }
.form dl dd { width: 75%; padding: 5px 10px; float: left; box-sizing: border-box; }
.form label { display: block; }
.form input { margin-right: 5px; }
.form input.ipt01,
.form textarea { width: 100%; box-sizing: border-box; }

.form .required { color: #fff; background: #DA0023; font-size: 80%; padding: 1px 5px 0; margin-left: 10px; }

.submit_btn { text-align:center; margin: 10px 0 0; }
.submit_btn input { background: #2F5F83; margin-right: 0; padding:5px 10px; border:#2F5F83 1px solid; color:#fff; font-weight: bold; overflow:hidden; }
.submit_btn input:hover { background: #21435D; }
.submit_btn_on input { background:#CCC; margin-right: 0; padding:5px 10px; border:#00427b 1px solid; margin:0 10px 10px 0; *margin:0 10px 0 0; color:#000; overflow:hidden; }


@media screen and (max-width: 940px) {
	.list_flow-item { height: 80px; line-height: 1.4; box-sizing: border-box; padding: 15px 0 0 15px; }
	.list_flow-item:after { border-top: 40px solid transparent; border-bottom: 40px solid transparent; }
	.list_flow-item:last-of-type { text-align: center; padding: 15px 0 0; }
	.list_flow-step { float: none; padding: 0 5px 0 0; }
	.list_flow-num { font-size: 20px; }
	.list_flow-text { float: none; padding: 0; }
}

@media screen and (max-width: 728px) {
	.form dl { border-bottom: none; padding: 5px 0; }
	.form dl dt,
	.form dl dd { width: 100%; float: none; clear: both; }
	.form dl dt { background: #ddd; font-size: 1.1em; margin-bottom: 5px; }
	.form dl dd { padding: 5px 0; }
	.form input.text { padding: 5px; width: 100%; box-sizing: border-box; }
}

@media screen and (max-width: 640px) {
	.b_contact_box-top { padding: 15px 0 0; }
	.list_flow-item { height: 55px; padding: 10px 0 0 10px; }
	.list_flow-item:after { border-top: 27px solid transparent; border-bottom: 28px solid transparent; border-left: 10px solid #f3f3f3; }
	.list_flow-item:last-of-type { padding: 10px 0 0; }
	.list_flow-step { padding: 0 3px 0 0; font-size: 10px; letter-spacing: normal; }
	.list_flow-num { font-size: 15px; }
	.list_flow-text { font-size: 10px; letter-spacing: normal; }
}

@media screen and (max-width: 380px) {
	.list_flow-item { width: 35%; margin-right: 0; padding: 10px 0 0 5px; }
}


/*----------------------------------------
  new
------------------------------------------ */
.new-detail { background:#FFF; font-size:1.4em; }
.new-detail .company { padding:0 20px; }
.new-detail ul { width:100%; margin:0 auto;}
.new-detail li { float:left; width:50%; text-align:center; padding:10px 0; }
 
.new_1402_btn{background:url(../img/top/new/1402/new1402_top_bg.jpg) no-repeat left top; height:180px;}
.new_1402_btn li { float:left; width:30%; text-align:right; padding:5px 0; }
.new_1402 #btn04,
.new_1402 #btn05,
.new_1402 #btn06,
.new_1402 #btn07,
.new_1402 #btn08,
.new_1402 #btn09{ position:relative; }
.new_1402_btn2 { position:absolute; width:50%; top:37%; left:10%; }
.new_1402_btn2 li{float:left; width:50%;}
.new_1402_btn3{ width:100%; }
.new_1402_btn3 li{ width:50%; float:left; }
.new_1402 #btn05 .new_1402_btn2 { position:absolute; width:45%; top:39%; left:6%; }
.new_1402 #btn06 .new_1402_btn2 { position:absolute; width:50%; top:29%; left:11%; }
.new_1402 #btn07 .new_1402_btn2 { position:absolute; width:50%; top:28%; left:11%; }
.new_1402 #btn08 .new_1402_btn2 { position:absolute; width:50%; top:24%; left:11%; }
.new_1402 #btn09 .new_1402_btn2 { position:absolute; width:50%; top:30%; left:10%; }
.new_1402 .new1402_pager{background:url(../img/top/new/1402/new1402_top_bg.jpg) no-repeat left top; margin:0; text-align:right; clear:both;}


/*----------------------------------------
  comfort
------------------------------------------ */
.comfort-img { padding-top:30px; }
#comfort div.btn { overflow:hidden; zoom:1; }
#comfort div.btn p { float:left; width: 50%; }
#comfort div.btn p:nth-child(2) { text-align:right; }
#comfort div.bana { overflow:hidden; zoom:1; }
#comfort div.bana p { float:left; width: 33.25%; padding:2% 0; }
#comfort div.bana p a { display:block; }


/*----------------------------------------
  about
------------------------------------------ */
.about_bg { background:url(../img/about/about_img01.png) no-repeat center top; height:620px; position:relative;  }
.about_bg a { width:30%;}
.about_bg a:nth-of-type(1) img{ position:absolute; top:195px; left:15%; }
.about_bg a:nth-of-type(2) img{ position:absolute; top:185px; left:55%; }
.about_bg a:nth-of-type(3) img{ position:absolute; top:395px; left:60%; }
.about_bg a:nth-of-type(4) img{ position:absolute; top:480px; left:70%; }


/* 1カラム対応 */
#room section { width: 690px; margin: 0 auto; }
#comfort { width: 680px; margin: 0 auto; }


/*----------------------------------------
  media
------------------------------------------ */
#media section{ margin-top:15px; }
.deteil-title h4 { background: #E8F7E1; padding-left: 10px; line-height: 51px; font-size: 1.4em; font-weight: bold; }

.vwrap{
	position: relative;
	margin: 1.2em 2% 1.2em 0;
	padding-bottom: 30%;
	overflow: hidden;
	width: 49%;
	float: left;
}

.vwrap:nth-child(2n+1){ margin: 1.2em 0; }

.vwrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 560px) {
	.vwrap{ float: none; width: 100%; margin: 1.2em 0; padding-bottom: 60%; }
}

#media section p { padding-top:15px; text-align: center; }
#media .common-animate img { max-width: 100%; max-height: 100%; }