@charset "utf-8";

/*
Theme Name: wanabe
Theme URI:http://wpxog01a.wp-x.jp/
Description: ワナベ建築工房株式会社のオリジナルテーマ
Author: oranet
Author URI: http://oranet.jp/
*/

/* CSS Document */

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body{	
color:#343434;
font-size:20px;
margin:0;
height:100%;
position:relative;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
overflow-x:hidden;
}

body > #primary {
height: auto;
}


a:link {color:#138f7e; text-decoration:underline;}
a:visited {color:#138f7e; text-decoration:underline;}
a:hover {color:#e07314; text-decoration:underline;}

img{
border:0;
vertical-align: bottom;
}

p {
	max-height:100%;
}

/*------------------------------------------------------------------------------------------------------------------
　Expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:30px !important; }
.under-harf { margin-bottom:15px !important; }
.right { float:right; margin-left:20px; margin-bottom:15px; margin-top:5px;}
.left { float:left; margin-right:20px; margin-bottom:15px; margin-top:5px;}

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

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

#lineup-font-size-sampler {
	display:none;
}

.ro img:hover,.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.dropshadow {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.17);
}

.link { position:relative; }
.link a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	text-indent:200%;
	overflow:hidden;
	white-space:nowrap;
	z-index:99;
	transition:0.3s;
}

.link.overlay a { background-color:rgba(255,255,255,0); }
.link.overlay a:hover { background-color:rgba(255,255,255,0.2); }

.hidden-link {
	display:none;
}

div:after,
section:after,
article:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

.pc {
	display:none;
}

.sp {
	display:inherit;
}

.tab {
	display:none;
}

/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	padding-top:20px;
	display:block !important;
	clear:both !important;
	text-align:center;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:10px 12px 10px 13px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
		font-weight:bold;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#478223 !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:5px 12px 9px 12px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		font-size:18px !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#478223 !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F)) !important;
}

/*------------------------------------------------------------------------------------------------------------------
　Wordpress Default CSS Fix
-------------------------------------------------------------------------------------------------------------------*/

/* editor */
 
p {
    display: block;
    margin: 1em 0;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
 
.aligncenter {
    display: block;
    margin: 0 auto;
	margin-bottom:25px;
	max-width:1040px;
	height:auto;
	text-align:center;
}
.aligncenter img {
	margin-left:auto;
	margin-right:auto;
	transition:0.3s;
}
.alignright {
	float:right;
	margin-left:30px;
	margin-bottom:12px;
	max-width:1040px;
	height:auto;
	transition:0.3s;
}
.alignleft {
	float:left;
	margin-right:30px;
	margin-bottom:12px;
	max-width:1040px;
	height:auto;
	transition:0.3s;
}
 
 @media screen and (max-width: 1100px) {
	 .aligncenter img, .alignright, .alignleft {
		 max-width:100%;
		 height:auto;
	 }
 }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

.aligncenter img:hover, .alignright:hover, .alignleft:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*------------------------------------------------------------------------------------------------------------------
　Primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
	width:640px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	overflow-x:hidden;
}

article {
	width:640px;
	max-width:640px;
	margin-left:auto;
	margin-right:auto;
	padding-left:30px;
	padding-right:30px;
	position:relative;
	overflow-x:hidden;
	box-sizing:border-box;
}

#left-window {
	width:100%;
	box-sizing:border-box;
}

#right-window {
	width:100%;
	box-sizing:border-box;
	padding-top:40px;
}

/*------------------------------------------------------------------------------------------------------------------
　Mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
}

#mainvisual .item {
	width:100%;
	height:647px;
	background-position:center top;
	background-repeat:no-repeat;
}

#mainvisual .item01 { background-image:url(../image/mainvisual/01_sp.jpg?v=2); }
#mainvisual .item02 { background-image:url(../image/mainvisual/02_sp.jpg?v=2); }
#mainvisual .item03 { background-image:url(../image/mainvisual/03_sp.jpg?v=2); }
#mainvisual .item04 { background-image:url(../image/mainvisual/04_sp.jpg?v=2); }

#mainvisual .item01 .comment {
	background-image:url(../image/mainvisual/01_comment_sp.png);
	width:457px;
	height:214px;
	margin-left:auto;
	margin-right:auto;
	text-indent:200%;
	overflow:hidden;
	white-space:nowrap;
	margin-top:275px;
}

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

header {
	background-image:url(../image/header/back.gif);
	width:100%;
	height:83px;
	box-sizing:border-box;
	padding-top:12px;
	position:fixed;
	top:0;
	z-index:99;
}

header .logo {
	background-image:url(../image/header/logo.png?v=2);
	width:346px;
	height:60px;
	float:left;
}

header .option {
	display:none;
}

/*------------------------------------------------------------------------------------------------------------------
　Navi
-------------------------------------------------------------------------------------------------------------------*/

nav#header-navi {
	display:none;
}

.side-menu {
	background-image:url(../image/navi/back_sp.png);
}

/* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
.sp-navi-button {
	transition: all .6s ease;
	position:fixed;
	top:22px;
	right:20px;
	z-index:100;
}

.side-open .sp-navi-button {
	right:340px;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 50px;
  height: 44px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 20px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  -webkit-animation: active-menu-bar02 .8s forwards;
  animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg);
}

#side-menu {
}

#side-menu-primary {
	position:relative;
	width:320px;
	padding-top:124px;
	background-image:url(../image/navi/back_sp.png);
	box-sizing:border-box;
}

#side-menu-primary:before {
	content:"";
	background-image:url(../image/navi/logo_sp.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:124px;
	position:absolute;
	top:0;
	left:0;
	display:block;
}

#side-menu-primary ul {
	list-style:none;
	margin:0;
	padding:0;
}

#side-menu-primary ul li {
	width:320px;
	height:61px;
	display:block;
	position:relative;
}

#side-menu-primary ul li a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

#side-menu-primary ul li:nth-child(1){ background-image:url(../image/navi/navi01_sp.png); }
#side-menu-primary ul li:nth-child(2){ background-image:url(../image/navi/navi02_sp.png); }
#side-menu-primary ul li:nth-child(3){ background-image:url(../image/navi/navi03_sp.png); }
#side-menu-primary ul li:nth-child(4){ background-image:url(../image/navi/navi04_sp.png); }
#side-menu-primary ul li:nth-child(5){ background-image:url(../image/navi/navi05_sp.png); }
#side-menu-primary ul li:nth-child(6){ background-image:url(../image/navi/navi06_sp.png); }
#side-menu-primary ul li:nth-child(7){ background-image:url(../image/navi/navi07_sp.png); }
#side-menu-primary ul li:nth-child(8){ background-image:url(../image/navi/navi08_sp.png); }

#side-menu-primary .tel {
	background-image:url(../image/navi/tel_sp.png);
	width:280px;
	height:90px;
	position:relative;
	display:block;
	margin-bottom:3px;
	margin-left:20px;
	margin-top:20px;
}

#side-menu-primary .email-button {
	background-image:url(../image/navi/email_sp.png);
	width:280px;
	height:80px;
	position:relative;
	display:block;
	margin-bottom:20px;
	margin-left:20px;
}

#side-menu-primary .blog-button {
	background-image:url(../image/navi/blog_sp.png);
	width:280px;
	height:80px;
	position:relative;
	display:block;
	margin-left:20px;
}

#sidebar .mCSB_inside > .mCSB_container {
	margin-right:0 !important;
}

#sidebar .mCSB_draggerContainer {
	opacity:0 !important;
}

/*------------------------------------------------------------------------------------------------------------------
　Footer
-------------------------------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	height:350px;
	background-image:url(../image/footer/back_sp.gif);
	position:relative;
	z-index:2;
}

.footer-content {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	height:243px;
	text-align:center;
	box-sizing:border-box;
	padding-top:60px;
}

.footer-content .logo {
	background-image:url(../image/footer/logo.png);
	width:307px;
	height:59px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	display:inline-block;
}

nav#footer-navi {
	padding-top:30px;
}

nav#footer-navi ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}

nav#footer-navi ul li {
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
	border-right:1px solid #8397a5;
		margin-bottom:10px;
}
nav#footer-navi ul li a {
	text-decoration:none;
	color:#ffffff;
	border-bottom:1px dotted #FFFFFF;
	padding-bottom:5px;
}

nav#footer-navi ul li a:hover {
	color:#80a6c0;
	border-bottom:1px dotted #80a6c0;
}

.footer-cc {
	text-align:center;
	color:#5e6b74;
	height:90px;
	line-height:90px;
	font-family:"Century Gothic";
	font-size:16px;
}

.topback a {
	position:absolute;
	top:17px;
	right:0;
	background-image:url(../image/footer/topback.png);
	width:112px;
	height:90px;
	display:block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	transition:0.3s;
}


/*------------------------------------------------------------------------------------------------------------------
　Additional
-------------------------------------------------------------------------------------------------------------------*/

/* サイドオープン時にメインコンテンツを覆う部分 */
.sp-navi-overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 9999;
}
.sp-navi-overlay::after {
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .sp-navi-overlay {
  visibility: visible;
  cursor: pointer;
}
.side-open .sp-navi-overlay::after {
  visibility: visible;
}

/* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
.menu-trigger {
	transition: all .6s ease;
}

.side-menu {
	position:fixed;
	top: 0;
	right: 0;
	width: 320px;
	height: 100%;
	text-align: left;
	background-image:url(../image/navi/back_sp.png);
	z-index:1 !important;
}

/* メインコンテンツ */
.wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 3;
	overflow: hidden;
	background-color:rgba(255,255,255,1.00);
}

/* サイドメニューオープン */
.side-open .wrapper,
.side-open .sp-navi-overlay {
  -webkit-transform: translate3d(-320px, 0, 0);
  transform: translate3d(-320px, 0, 0);
}

.wrapper-back {
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	background-color:rgba(255,255,255,1.00);
}

.wrapper-back.none {
	display:none;
}

/* 各種共通パーツ */

.archives-button {
	background-color:#24455b;
	width:128px;
	height:40px;
	border-left:2px solid #396c8e;
	background-image:url(../image/layout/label-arrow.gif);
	background-position:113px;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:0;
	transition:0.3s;
}

.archives-button:hover {
	background-position:87px;
	opacity:0.8;
}

.archives-button a {
	color:#ffffff;
	text-decoration:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	line-height:40px;
	text-indent:-20px;
	text-align:center;
	font-weight:normal;
	font-family:"Century Gothic";
}

#contents {
	padding-top:83px;
	background-color:#f0f0f0;
	position:relative;
	z-index:2;
}

#contents.page-works {
	background-color:transparent;
}

#subpage-mv {
	width:100%;
	height:170px;
	background-position:center top;
	background-repeat:no-repeat;
	text-indent:200%;
	overflow:hidden;
	white-space:nowrap;
}

#subpage #contents h2 {
	margin:0;
	padding:0;
	font-family:"Century Gothic";
	color:#323232;
	font-size:34px;
	font-weight:normal;
	margin-bottom:40px;
}

#subpage #contents h2 span {
	font-size:16px;
	color:#323232;
	padding-left:15px;
}

@media screen and (max-width: 940px) {
	#subpage #contents h2 {
		display:none;
	}
	#subpage-mv {
		margin-bottom:30px;
		border-bottom:2px solid #ffffff;
	}
	#subpage-mv h2 {
		display:block !important;
		text-indent:0 !important;
		overflow:visible !important;
		white-space:normal !important;
		position:absolute;
		z-index:99;
		top:175px;
		left:30px;
		font-size:42px !important;
		color:#ffffff !important;
		text-shadow: 0 1px 2px #000000;
	}
	#subpage-mv h2 span {
		color:#ffffff !important;
	}
}

/*----------------------------------------------------------------------------
   Home
------------------------------------------------------------------------------*/

#topics-blog-primary {
	width:100%;
	box-sizing:border-box;
	padding-top:25px;
	margin-bottom:2px;
}

/* 完成見学会 */
#topics-blog-primary #house-tours {
	width: 100%;
	margin:16px auto 30px;
	background-color: #fff;
}
#topics-blog-primary #house-tours a {
	display: block;
	max-width: 600px;
	width: 100%;
	margin: 0 auto 30px;
	text-align: center;
	padding: 0;
	overflow: hidden;
	transition: 0.3s all;
}
#topics-blog-primary #house-tours a:hover {
	opacity: 0.7;
}
#topics-blog-primary #house-tours img {
	width: 100%;
	height: auto;
	max-width: 600px;
	padding: 0;
	margin: 0 auto;
}
#topics-blog-primary #house-tours img.pc {
	display: none;
}
#topics-blog-primary #house-tours img.sp {
	display: inherit;
}

/* wanabase */
#topics-blog-primary #wanabase,
#topics-blog-primary #c-forme-style {
	margin:50px auto;
}
#topics-blog-primary #wanabase h2,
#topics-blog-primary #c-forme-style h2 {
	border-bottom: 2px solid #24455b;
	padding-bottom: 8px;
	margin-bottom: 20px;
}
#topics-blog-primary #wanabase h2 img,
#topics-blog-primary #c-forme-style h2 img {
	width: 100%;
	height: auto;
}

#topics-blog-primary .topics-primary {
	width:580px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-bottom:30px;
}

#topics-blog-primary .topics-primary h2 {
	margin:0;
	padding:0;
	font-family:"Century Gothic";
	color:#323232;
	font-size:30px;
	font-weight:normal;
}

#topics-blog-primary .topics-primary .archives-button {
	top:12px;
}

#topics-blog-primary .topics-primary .topics-list-primary {
	margin-top:26px;
	padding:30px;
	padding-right:10px;
	box-sizing:border-box;
	height:427px;
	overflow:hidden;
	/*background: url(../image/contents/top/topics_img03.png) no-repeat 280px 180px rgba(255,255,255,0.5);*/
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
}

#topics-blog-primary .topics-primary .topics-list-primary .list {
	border-bottom:1px solid #e1e1e1;
	padding-bottom:15px;
	margin-bottom:15px;
}

#topics-blog-primary .topics-primary .topics-list-primary .list span {
	width:100%;
	height:100%;
	display:block;
	color:#777777;
}

#topics-blog-primary .topics-primary .topics-list-primary .list p {
	margin:0;
	padding:0;
}

#topics-blog-primary .blog-primary {
	width:580px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-bottom:30px;
}

#topics-blog-primary .blog-primary h2 {
	margin:0;
	padding:0;
	font-family:"Century Gothic";
	color:#323232;
	font-size:30px;
	font-weight:normal;
}

#topics-blog-primary .blog-primary .archives-button {
	top:12px;
}

#topics-blog-primary .blog-primary .blog-list-primary {
	margin-top:26px;
}

#topics-blog-primary .blog-primary .blog-list-primary .list {
	background-color:#ffffff;
	width:100%;
	height:133px;
	margin-bottom:10px;
	box-sizing:border-box;
	padding-left:220px;
	position:relative;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
}

#topics-blog-primary .blog-primary .blog-list-primary .list:after {
	content:"";
	background-image:url(../image/layout/link-box-right-down-arrow.png);
	width:31px;
	height:6px;
	position:absolute;
	right:15px;
	bottom:20px;
}

#topics-blog-primary .blog-primary .blog-list-primary .list .thumnail {
	width:200px;
	height:133px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	top:0;
	left:0;
}

#topics-blog-primary .blog-primary .blog-list-primary .list p {
	padding-top:18px;
}

#topics-blog-primary .blog-primary .blog-list-primary .list p span {
	color:#777777;
}

#works {
	background-image:url(../image/contents/top/works-back_sp.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#f0f0f0;
	width:100%;
	box-sizing:border-box;
	padding-top:211px;
}

#works #works-primary {
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
}

#works #works-primary h2 {
	margin:0;
	padding:0;
	font-family:"Century Gothic";
	color:#323232;
	font-size:30px;
	font-weight:normal;
	margin-top:5px
}

#works #works-primary .archives-button {
	margin-top:10px;
	margin-right:30px;
}

#works #works-primary .works-list-primary {
	padding-top:28px;
}

#works #works-primary .works-list-primary .list {
	width:275px;
	height:300px;
	background-color:#ffffff;
	margin-right:30px;
	margin-bottom:30px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.30);
	float:left;
	position:relative;
}

#works #works-primary .works-list-primary .list:nth-child(even) {
	margin-right:0;
}

#works #works-primary .works-list-primary .list:after {
	content:"";
	background-image:url(../image/layout/link-box-right-down-arrow.png);
	width:31px;
	height:6px;
	position:absolute;
	right:15px;
	bottom:20px;
}

#works #works-primary .works-list-primary .list:last-of-type {
	margin-right:0;
}

#works #works-primary .works-list-primary .thumnail {
	width:275px;
	height:183px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

#works #works-primary .works-list-primary .list p {
	padding-left:18px;
	padding-right:18px;
	padding-top:0px;
	margin-top:15px;
}

#content-bana {
}

#content-bana .content-bana-primary {
	padding-top:50px;
	padding-bottom:50px;
	box-sizing:border-box;
	width:530px;
	margin-left:auto;
	margin-right:auto;
}

#content-bana .content-bana-primary .item {
	width:260px;
	height:162px;
	float:left;
	margin-right:10px;
}

#content-bana .content-bana-primary .item img {
	width:100%;
	height:auto;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.17);
}

.slick-prev, .slick-next {
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	z-index:9999;
}

.slick-prev {
	background-image:url(../image/contents/top/prev.png);
	width:55px;
	height:162px;
	left:-50px;
}

.slick-next {
	background-image:url(../image/contents/top/next.png);
	width:55px;
	height:162px;
	right:-50px;
}


/*----------------------------------------------------------------------------
   Works
------------------------------------------------------------------------------*/

.page-works {
	padding-bottom:20px;
}

.page-works #subpage-mv {
	background-image:url(../image/contents/works/mv.jpg);
}

/* show */

.result-list-primary {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.result-list-primary .list {
	position:relative;
	transition:0.3s;
	overflow:hidden;
}

.result-list-primary .list:hover {
	background-color:#85a2b6;
	color:#ffffff;
}

.result-list-primary .list a {
	position:absolute;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	z-index:99;
}

.result-list-primary .list a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.result-list-primary .list a:after {
	content:"";
	background-color:rgba(0,0,0,0);
	transition:0.3s;
	position:absolute;
	top:0;
	left:0;
	width:102%;
	height:0;
	padding-top:66.66%;
}

.result-list-primary .list a:before {
	content:"";
	background-image:url(../image/contents/works/rollover.png);
	background-repeat:no-repeat;
	background-position:left 15px bottom 0px;
	transition:0.3s;
	position:absolute;
	top:0;
	left:0;
	width:102%;
	height:0;
	padding-top:66.66%;
	opacity:0;
}

.result-list-primary .list a:hover:before {
	opacity:1;
	background-position:left 0 bottom 0;
}

.result-list-primary .list a:hover:after {
	background-color:rgba(0,0,0,0.4);
}

.result-list-primary .list .thumnail {
	width:102%;
	height:0;
	padding-top:66.66%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin-left:-1%;
	position:relative;
}

.result-list-primary .list p {
}

.thumnail-back {
	position:fixed;
	right:0;
	bottom:0;
	width:100%;
	z-index:1;
	background-color:#f0f0f0;
}

.thumnail-back:after {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background-image:url(../image/contents/works/overlay.png);
	background-position:top right;
	background-repeat:no-repeat;
}

.thumnail-back .item {
	width:100%;
	min-height:1200px;
	background-position:right -380px top 83px;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	opacity:0.8;
}


/* detail */

#works-detail-primary {
	padding-top:90px;
}

#works-detail-primary h3 {
	background-image:url(../image/contents/works/detail-h3-back.gif);
	background-repeat:repeat;
	width:1920px;
	height:70px;
	position:absolute;
	top:231px;
	left:50%;
	margin-left:-960px;
	text-align:center;
	line-height:70px;
	color:#ffffff;
	font-size:24px;
	font-weight:normal;
	transition:0.3s;
}

.gallery-primary {
	width:100%;
	min-height:467px;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
	margin-bottom:35px;
}

.gallery-primary .bxslider-primary {
	width:700px;
	height:467px;
	float:left;
	overflow:hidden;
}

.gallery-primary .bxslider-primary .item {
	width:700px;
	height:467px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	position:relative;
}

@media screen and (max-width: 1120px) {
	.gallery-primary .bxslider-primary {
		width:65%;
	}
	.gallery-primary .bxslider-primary .item {
		background-size:cover;
	}
}

@media screen and (max-width: 900px) {
	.gallery-primary .bxslider-primary {
		width:100%;
	}
}

.gallery-primary .bxslider-primary .item.portrait {
	background-size:102%,102%;
}

.gallery-primary .bxslider-primary .item.portrait:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.7);
	display:block;
	top:0;
	left:0;
}

.gallery-primary .bxslider-primary .item.portrait .portrait-image {
	width:85%;
	height:467px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	top:0;
	left:0;
}

.gallery-primary .bxslider-primary .item h4 {
	margin:0;
	padding:0;
	font-size:18px;
	color:#ffffff;
	text-shadow: 0 1px 1px #000000;
	width:100%;
	position:absolute;
	left:0;
	bottom:35px;
	z-index:10;
	box-sizing:border-box;
	padding-left:30px;
	font-weight:bold;
}

.gallery-primary .bx-wrapper .bx-controls-direction a {
	margin-top:0 !important;
}

.gallery-primary .bx-prev.opacity-start, .gallery-primary .bx-next.opacity-start {
	opacity:0;
}

.gallery-primary .bx-prev {
	background-image:url(../image/contents/works/prev.png);
	width:50px !important;
	height:467px !important;
	position:absolute !important;
	top:0 !important;
	left:0 !important;
	opacity:1;
	transition:0.3s;
}

.gallery-primary .bx-next {
	background-image:url(../image/contents/works/next.png);
	width:50px !important;
	height:467px !important;
	position:absolute !important;
	top:0 !important;
	right:0 !important;
	opacity:1;
	transition:0.3s;
}

.gallery-primary .bx-prev:hover, .gallery-primary .bx-next:hover {
	opacity:1;
}

.gallery-primary .point {
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:25px;
}

.gallery-primary .point p {
	margin:0;
	padding:0;
}

.gallery-primary .point h4 {
	background-image: url(../image/contents/company/beaver.png?v=2);
	background-repeat: no-repeat;
	background-size: 80px;
	margin:0;
	padding:15px 0 15px 94px;
	font-family:"Century Gothic";
	color:#323232;
	font-size:38px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:-11px;
}

.gallery-primary .point .scroll-area {
	overflow:hidden;
	width:103%;
	height:360px;
}

@media screen and (max-width: 940px) {
	.gallery-primary .point .scroll-area {
		overflow:auto;
		width:100%;
		height:auto;
	}
}

.gallery-primary .point .workslogo2 {
	width: 160px;
	height: auto;
	margin: 30px auto 0;
}

#gallery-thumnail {
}

#gallery-thumnail img {
	box-sizing:border-box;
	border:6px solid #ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
}

#gallery-thumnail a {
	position:relative;
	display:block;
}

#gallery-thumnail .column4 {
	margin-bottom:0;
}

#gallery-thumnail .img-auto-width-primary .column4 a {
	width:48%;
	margin-right:4%;
	float:left;
}

#gallery-thumnail .img-auto-width-primary .column4 a:nth-child(2), #gallery-thumnail .img-auto-width-primary .column4 a:nth-child(4) {
	margin-right:0%;
}

/* Portrait photo - It is valid if it is the same ratio as the landscape picture */
#gallery-thumnail .img-auto-width-primary .column4 a.portrait img {
	width:46.8% !important;
	top: 50%;
	left: 50%;
	transform: translateY(0%) translateX(56%);
	/* -webkit- transform: translateY(0%) translateX(56%); */
}

#gallery-thumnail .img-auto-width-primary .column4 a img {
	width:100% !important;
	height:auto;
	margin-right:0% !important;
	margin-bottom:23px !important;
}

.back-button,
.next-button {
	width:178px;
	height:60px;
	line-height:60px;
	border:2px solid #162b39;
	background-color:#ffffff;
	transition:0.3s;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
}

.back-button {
	margin-right: 10px;
}

.back-button a,
.next-button a {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	color:#162b39;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

.back-button:hover,
.next-button:hover {
	background-color:#162b39;
	color:#ffffff;
}

.back-button a:hover,
.next-button a:hover {
	color:#ffffff;
}

.back-button:after {
	content:"〈";
	position:absolute;
	left:20px;
	top:0px;
	color:#ffffff;
	display:block;
	transition:0.3s;
}

.back-button:hover:after {
	content:"〈";
	position:absolute;
	left:10px;
	top:0px;
	color:#ffffff;
	display:block;
}

.next-button:after {
	content:"〉";
	position:absolute;
	right:20px;
	top:0px;
	color:#ffffff;
	display:block;
	transition:0.3s;
}

.next-button:hover:after {
	content:"〉";
	position:absolute;
	right:10px;
	top:0px;
	color:#ffffff;
	display:block;
}


/*----------------------------------------------------------------------------
   Voice
------------------------------------------------------------------------------*/

.page-voice {
	padding-bottom:20px;
	background-image:url(../image/contents/voice/back.png);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
}

.page-voice #subpage-mv {
	background-image:url(../image/contents/voice/mv.jpg);
}

.voice-list-primary {
}

.voice-list-primary .list {
	width:100%;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
	margin-bottom:30px;
	box-sizing:border-box;
	padding:30px;
}

.voice-list-primary .list .thumnail {
	float:left;
	width:35%;
	height:280px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	margin-right:30px;
	margin-bottom:12px;
	transition:0.3s;
}

@media screen and (max-width: 940px) {
	.voice-list-primary .list .thumnail {
		width:45%;
	}
}

@media screen and (max-width: 740px) {
	.voice-list-primary .list .thumnail {
		width:100%;
		margin-bottom:20px;
	}
}

.voice-list-primary .list .thumnail h3 {
	margin:0;
	padding:0;
	font-size:18px;
	color:#ffffff;
	text-shadow: 0 1px 1px #000000;
	width:100%;
	position:absolute;
	left:0;
	bottom:20px;
	z-index:10;
	box-sizing:border-box;
	padding-left:30px;
	font-weight:bold;
}

.voice-list-primary .list .thumnail:after {
	content:"";
	width:100%;
	height:16px;
	background-image:url(../image/contents/works/thumnail-line.png);
	position:absolute;
	bottom:15px;
	left:0;
}

.voice-list-primary .list h4 {
	font-size:26px;
	color:#162b39;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-top:-4px;
	margin-bottom:22px;
	padding-left:30px;
}

@media screen and (max-width: 740px) {
	.voice-list-primary .list h4 {
		padding-left:0;
		margin-bottom:18px;
	}
}

.voice-list-primary .list .client {
	color: #fff;
	background-color: #138F7E;
	padding: 0.25em 0.5em;
	display: inline-block;
}


/*----------------------------------------------------------------------------
   about
------------------------------------------------------------------------------*/

.page-about {
	padding-bottom:20px;
	background-image:url(../image/contents/voice/back.png);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
}

.page-about #subpage-mv {
	background-image:url(../image/contents/voice/mv.jpg);
}

.about-list-primary {
}

.about-list-primary .list {
	width:100%;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
	margin-bottom:30px;
	box-sizing:border-box;
	padding:30px;
}

.about-list-primary .list .thumnail {
	float:left;
	width:35%;
	height:280px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	margin-right:30px;
	margin-bottom:12px;
	transition:0.3s;
}

.about-list-primary .list .right {
	float: right !important;
	margin-right:0 !important;
	margin-left: 30px;
}

@media screen and (max-width: 940px) {
	.about-list-primary .list .thumnail {
		width:45%;
	}
}

@media screen and (max-width: 740px) {
	.about-list-primary .list .thumnail {
		width:100%;
		margin-bottom:20px;
	}
}

.about-list-primary .list h4 {
	font-size:30px;
	color:#162b39;
	font-weight:normal;
	margin:0;
	padding:0;
}

@media screen and (max-width: 740px) {
	.about-list-primary .list h4 {
		padding-left:0;
		margin-bottom:18px;
	}
}

.about-list-primary .list p {
	padding:30px;
	line-height:1.7;
}

#promise-primary {
	width:100%;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
	margin-bottom:30px;
	box-sizing:border-box;
	padding:30px;
}

#promise-primary h3 {
	font-size: 30px;
    font-weight: normal;
    color: #fff;
	background-color: #162b39;
	margin-top: 0;
    height: 2em;
	line-height: 2em;
	padding-left: 0.5em;
	box-sizing: border-box;
}

#promise-primary h4 {
	font-size:30px;
	color:#162b39;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-top:-4px;
	margin-bottom:30px;
}

@media screen and (max-width: 740px) {
	#promise-primary h4 {
		padding-left:0;
		margin-bottom:18px;
	}
}

#promise-primary .message h4 {
	margin-top: 1em;
}

#promise-primary .message img {
	width: 100%;
	height: auto;
}

.concept_btn {
	display: block;
	text-align: center;
	width: 100%;
	height: auto;
	max-width: 646px;
	margin: 0 auto 50px;
}	

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


/*----------------------------------------------------------------------------
   Topics
------------------------------------------------------------------------------*/

.page-topics {
	padding-bottom:20px;
	background-image:url(../image/contents/topics/back.jpg);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
}

.page-topics #subpage-mv {
	background-image:url(../image/contents/topics/mv.jpg);
}

.page-topics .topics-list-primary {
}

.page-topics .topics-list-primary .list {
	width:100%;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
	margin-bottom:30px;
	box-sizing:border-box;
	padding:30px;
	border-top:2px solid #162b39;
}

.page-topics .topics-list-primary .list h3 {
	font-size:24px;
	color:#162b39;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-top:-4px;
	margin-bottom:12px;
}

.page-topics .topics-list-primary .list h3 span {
	display:block;
	font-size:18px;
	color:#8F8F8F;
}

.page-topics .topics-list-primary .list h3 span span {
	display:inline-block;
	padding-left:15px;
	color:#2363A7;
	font-size:15px;
}

.page-topics .topics-list-primary .list hr { 
	border:0; 
	height:1px;
	margin-bottom:30px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #c7c7c7, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #c7c7c7, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #c7c7c7, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #c7c7c7, #f0f0f0); 
}


/*----------------------------------------------------------------------------
   Estate
------------------------------------------------------------------------------*/

.page-estate {
	padding-bottom:20px;
	background-image:url(../image/contents/topics/back.jpg);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
}

.page-estate #subpage-mv {
	background-image:url(../image/contents/topics/mv.jpg);
}

/* 一覧 ---------------------------------------------------- */

.page-estate .kenchiku-title {
	font-size: 150%;
	font-weight: normal;
	color: #24455b;
	padding-bottom: 0.5em;
	border-bottom: 2px solid #24455b;
}

.page-estate .estate-shubetsu {
	list-style: none;
	width: 100%;
	max-width: 800px;
	margin: 0 auto 30px !important;
	padding: 0 !important;
	text-align: center;
}

.page-estate .estate-shubetsu li {
	float: left;
	width: 30%;
	margin-right:5%;
	box-sizing: border-box;
}

.page-estate .estate-shubetsu li:last-child {
	margin-right: 0;
}

.page-estate .estate-shubetsu li a {
	width: 100%;
	display: block;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	text-indent: 1em;
	transition: 0.3s all;
	background-color:#138f7e;
	background-size: 15%;
	background-position: 20px center;
	background-repeat: no-repeat;
}

.page-estate .estate-shubetsu li a.ic-land { background-image: url(../image/contents/estate/ic_land.png); }
.page-estate .estate-shubetsu li a.ic-build { background-image: url(../image/contents/estate/ic_build.png); }
.page-estate .estate-shubetsu li a.ic-rent { background-image: url(../image/contents/estate/ic_rent.png); }

.page-estate .estate-shubetsu li a:hover {
	opacity: 0.8;
}

.dbList {
  width:100%;
  box-sizing:border-box;
  border-left:none;
  border:1px solid #888;
}
.dbList:after,
.dbList_block dl:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}
.dbList_block {  
  width: 100%;
  float:none;
  box-sizing:border-box;
  border-right:none;
  border-bottom:none;
  border-top:1px solid #888;
  background-color: rgba(255,255,255,0.7);
  word-break:break-all;
}
.dbList_block:nth-child(-n+4) {
  border-top:1px solid #888;
}
.dbList_block:first-child {
  border-top:none;
}
.dbList_block:last-child {
  margin-bottom: 0px;
}

.dbList_block a {
  display:block;
  padding:15px;
  height: 100%;
  box-sizing: border-box;
  color: #333;
}

.dbList_block a:hover {
  background-color:#fff;
}

.dbList_block a:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.dbList_block .photo {
  width: 30%;
  float: left;
  margin-right: 3%;
  position: relative;
  margin-bottom: 1em;
}

.dbList_block .photo .thumnail { 
	width:100%;
	height:0;
	padding-top:66.66%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	margin-top: 50px;
}

/* 種別 */

.dbList_block .shubetsu {
  display:inline-block;
  color:#fff;
  font-weight:bold;
  padding:5px 10px;
  position:absolute;
  left:0;
  top:0;
  z-index: 2;
}

.dbList_block .shubetsu {
  display:inline-block;
  color:#fff;
  font-weight:bold;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  padding:5px 10px;
  position:absolute;
  left:0;
  top:0;
  z-index: 2;
}

.shubetsu-rent       { background-color:rgba(40,80,155,0.8); }
.shubetsu-sale-lp    { background-color:rgba(30,154,142,0.8); }
.shubetsu-sale-house { background-color:rgba(34,152,207,0.8); }
.lte-ie8 .shubetsu-rent       { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#9928509b,EndColorStr=#9928509b); }
.lte-ie8 .shubetsu-sale-lp    { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#991e9a8e,EndColorStr=#991e9a8e); }
.lte-ie8 .shubetsu-sale-house { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#992298cf,EndColorStr=#992298cf); }

.dbList_block .bukenmei {
	font-weight: bold;
	color: #2151a1;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 12px;
}

.dbList_block .estdesc {
  float: left;
  width: 67%;
  margin-bottom: 1em;
}

.dbList_block .estdesc dl {
  margin-top:0;
  margin-bottom: 0.5em;
}

.dbList_block .estdesc dt {
  width:80px;
  font-size:87.5%;
  clear:left;
  float:left;
  text-align:center;
  border:1px solid rgba(146,152,160,0.40);
  background-color:rgba(146,152,160,0.15);
}

.no-rgba .dbList_block dt {
  border:1px solid #cacdd0;
  background-color:#eff0f1;
}

.no-rgba .dbList_block:hover dt {
  border-color:#c4c7cb;
  background-color:#e5e6e8;
}

.dbList_block .estdesc dd {
  padding-left:60px;
  padding-top:1px;
  padding-bottom:1px;
  margin-bottom:4px;
}

/* 価格 */
.dbList_block .price { line-height:1; font-weight:bold; color:#de1634; font-size:168.7%; }
.dbList_block .price small { font-size:62.5%; }

/* 住所 */
.dbList_block .ad { font-weight:bold; }

/* 間取・坪数 */
.dbList_block .sc { color:#64aa32; font-size: 118.8%; font-weight:bold; line-height:1.4; }
.dbList_block .tochimenseki {
	font-size: 100% !important;
	line-height: 1.6 !important;
}

/* コメント */
.dbList_block .point { padding-top:5px; font-weight:bold; color:#eb502d; line-height:1.4; }


/* 詳細 ---------------------------------------------------- */

.pist_db .detail h1 {
	font-size: 125%;
	padding: .75em 1em;
	border: 1px solid #ccc;
	border-top: 3px solid #138f7e;
	background-color: #fff;
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	margin: 1em 0 30px 0;
	}

.pist_db .detail .main_image {
	float:none;
	width:580px;
	margin-bottom: 30px;
	box-sizing:border-box;
	}
	.pist_db .detail .main_image .inner {
		width: 580px;
		text-align:center;
		}
		.pist_db .detail .main_image .inner img {
			width: 100%;
			height: auto;
			max-width: 620px;
			max-height: 465px;
			}
	.pist_db .detail .main_image p {
		color: #ff0000;
		text-indent:-1.3em;
		line-height:140%;
		margin:10px 0 0 0;
		padding-left:1.3em;
		}

.pist_db .detail .pist_detail {
	float:right;
	width:540px;
	}
	.pist_db .detail .pist_detail .inner {
		box-sizing:border-box;
		background:#ffffff;
		border:solid 1px #cccccc;
		padding:20px;
		}
		.pist_db .detail .pist_detail .inner .defmess {
			border-bottom:solid 1px #cccccc;
			padding:0 0 15px 0;
			}
			.pist_db .detail .pist_detail .inner .defmess .pistname {
				color:#2151a1;
				font-size:17px;
				font-weight:bold;
				}
			.pist_db .detail .pist_detail .inner .defmess .update {
				color:#666666;
				font-size:12px;
				text-align:right;
				margin:3px 0 0 0;
				}
		.pist_db .detail .pist_detail .inner .option {
			padding:15px 0 0 0;
			}
			.pist_db .detail .pist_detail .inner .option dl {
				width:100%;
				}
				.pist_db .detail .pist_detail .inner .option dl dt {
					float:left;
					width:6em;
					font-size:14px;
					font-weight:bold;
					text-align:center;
					box-sizing:border-box;
					background:#efefef;
					border:solid 1px #cccccc;
					margin:5px 10px 0 0;
					padding:3px 10px;
					}
				.pist_db .detail .pist_detail .inner .option dl dd {
					font-weight: bold;
					font-size: 16px;
					padding:10px 0 0 0;
					overflow:hidden;
					}
				.pist_db .detail .pist_detail .inner .option dl dd.address {
					color:#232323;
					line-height:140%;
					}
				.pist_db .detail .pist_detail .inner .option dl dd.price {
					color:#d80000;
					font-size:18px;
					line-height:140%;
					}
				.pist_db .detail .pist_detail .inner .option dl dd.floor {
					color:#85b200;
					line-height:140%;
					}
	.pist_db .detail .pist_detail ul.contact {
		width:540px;
		list-style:none;
		padding-left: 0 !important;
		padding-bottom: 0;
		}
		.pist_db .detail .pist_detail ul.contact li {
			float:left;
			width:48%;
			margin:15px 0 0 0;
			}
		.pist_db .detail .pist_detail ul.contact li:nth-of-type(2) {
			float:right;
			width:48%;
			margin:15px 0 0 0;
			}
			.pist_db .detail .pist_detail ul.contact li a {
				float:none;
				display:inline-block;
				width:100%;
				color:#ffffff;
				font-size:14px;
				font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
				text-align:center;
				text-decoration:none;
				line-height:50px;
				box-sizing:border-box;
				border:solid 1px #138f7e !important;
				padding:0 15px 0 30px;
				cursor:pointer;
				}
			.pist_db .detail .pist_detail ul.contact li a {
				background:#138f7e url("../image/contents/estate/ic_print.png") 17px center no-repeat;
				}
			.pist_db .detail .pist_detail ul.contact li:nth-of-type(2) a {
				background:#138f7e url("../image/contents/estate/ic_contact.png") 17px center no-repeat;
				}
			.pist_db .detail .pist_detail ul.contact li a:hover {
				color:#138f7e;
				background:#ffffff url("../image/contents/estate/ic_print_on.png") 17px center no-repeat;
				border:solid 1px #138f7e !important;
				}
			.pist_db .detail .pist_detail ul.contact li:nth-of-type(2) a:hover {
				color:#138f7e;
				background:#ffffff url("../image/contents/estate/ic_contact_on.png") 17px center no-repeat;
				border:solid 1px #138f7e !important;
				}


.pist_db .detail .thumb_image {
	width:100%;
	box-sizing:border-box;
	margin:20px 0 0 0;
	/*
	background:#fafafa;
	padding:20px 20px 10px 20px;
	*/
	}
	.pist_db .detail .thumb_image ul {
		list-style:none;
		padding-left: 0;
		}
		.pist_db .detail .thumb_image ul li {
			float:left;
			width:100px;
			height:75px;
			text-align:center;
			margin:0 10px 10px 0;
			}
		.pist_db .detail .thumb_image ul li:nth-of-type(10n) {
			margin:0 0 10px 0;
			}
			.pist_db .detail .thumb_image ul li img {
				max-width:100px;
				max-height:75px;
				margin: 0 !important;
				}

.pist_db .detail table {
	width:100%;
	box-sizing:border-box;
	background:#ffffff;
	border-collapse:collapse;
	border:solid 1px #cccccc;
	margin:20px 0 0 0;
	}
	.pist_db .detail table th,
	.pist_db .detail table td {
		text-align:left;
		vertical-align:top;
		box-sizing:border-box;
		background:#ffffff;
		border-collapse:collapse;
		border:solid 1px #cccccc;
		padding:15px;
		}
	.pist_db .detail table th {
		background:#efefef;
		}
	.pist_db .detail table td.shubetu {
		font-weight:bold;
		}
	.pist_db .detail table td.bukenmei {
		color: #eb502d;
		font-weight:bold;
		}
	.pist_db .detail table td.address {
		color:#232323;
		line-height:140%;
		}
	.pist_db .detail table td.breadth {
		color:#85b200;
		font-weight:bold;
		line-height:140%;
		}
	.pist_db .detail table td.price {
		color:#d80000;
		font-size:17px;
		font-weight:bold;
		line-height:140%;
		}
	.pist_db .detail table td.comment {
		color:#2151a1;
		font-size:17px;
		font-weight:bold;
		}

.pist_db .detail .movie {
	width:1100px;
	height:612px;
	box-sizing:border-box;
	background:#ffffff;
	border:solid 1px #cccccc;
	margin:20px 0 0 0;
	padding:5px;
	}

.pist_db .detail .map {
	width: 1100px;
	border: none;
	margin-top: 20px;
}

.compinfo {
	display:none;
	}
	

.list-back {
	display:block;
	width: 200px;
	height: 50px;
	line-height:50px;
	text-align: center;
	color:#ffffff !important;
	text-decoration:none !important;
	background-color:#0059b2;
	box-sizing:border-box;
	border:solid 1px #0059b2 !important;
	margin:30px auto 0;
	cursor:pointer;
	}
.list-back:hover {
	color:#0059b2 !important;
	box-sizing:border-box;
	background:#ffffff url("../../image/layout/ic03.png") 17px center no-repeat;
	border:solid 1px #0059b2 !important;
	}

.pist_db .detail .pist_detail {
	float:none;
	width:580px;
}

.pist_db .detail .pist_detail .inner .defmess .pistname {
    font-size: 30px;
}

.pist_db .detail .pist_detail .inner .defmess .update {
    font-size: 20px;
}

.pist_db .detail .pist_detail .inner .option dl dt,
.pist_db .detail .pist_detail .inner .option dl dd {
	font-size: 24px;
}

.pist_db .detail .pist_detail .inner .option dl dd {
	padding-left: 0.5em;
}

.pist_db .detail .pist_detail .inner .option dl dd.price {
    font-size: 28px;
}

.pist_db .detail .pist_detail ul.contact {
	width:580px;
	list-style:none;
}
.pist_db .detail .pist_detail ul.contact li:nth-of-type(1) {
	display: none;
}

.pist_db .detail .pist_detail ul.contact li:nth-of-type(2) {
	float:none;
	width:100%;
	margin:24px 0;
}

.pist_db .detail .pist_detail ul.contact li a {
	font-size:24px;
	line-height:80px;
	box-sizing:border-box;
	border:solid 1px #138f7e !important;
	padding:0 15px 0 30px;
	cursor:pointer;
}

.pist_db .detail .pist_detail ul.contact li:nth-of-type(2) a {
	font-size: 24px;
	background-color:#138f7e;
	background-image: none;
}

.pist_db .detail .pist_detail ul.contact li:nth-of-type(2) a:hover {
	color:#fff;
	background-color:#138f7e;
	background-image: none;
	border:none;
}

.pist_db .detail .thumb_image ul li {
	float:left;
	width:280px;
	height:210px;
	text-align:center;
	margin:0 20px 20px 0;
}

.pist_db .detail .thumb_image ul li:nth-of-type(even) {
	margin:0 0 20px 0;
}

.pist_db .detail .thumb_image ul li img {
	max-width:280px;
	max-height:210px;
}

.pist_db .detail table {
	background-color: #efefef;
	border-collapse: collapse;
	border:none;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.pist_db .detail table colgroup {
	display: none;
}

.pist_db .detail table tr {
	display: block;
	width: 100%;
}

.pist_db .detail table th {
	float: left;
	display: block;
	width: 32%;
	font-size: 24px !important;
	height: auto;
	min-height: 3em;
	line-height: 160% !important;
	border:none;
	border-top: 1px solid #ccc;
	border-right:1px solid #ccc;
}

.pist_db .detail table td {
	float: left;
	display: block;
	width: 68%;
	font-size: 24px !important;
	height: auto;
	min-height: 3em;
	line-height: 160% !important;
	border:none;
	border-top: 1px solid #ccc;
}

.pist_db .detail table .sp_block th,
.pist_db .detail table .sp_block td {
	width: 100%;
	height: auto;
	min-height: 3em;
	border-right:none;
}

.pist_db .detail .movie {
	 width:620px;
	 height:345px;
}

.pist_db .detail .map {
	width: 100%;
	border: none;
	margin-top: 20px;
}

.list-back {
	display:block;
	width: 300px;
	height: 70px;
	line-height:70px;
	text-align: center;
	color:#ffffff !important;
	text-decoration:none !important;
	background-color:#138f7e;
	box-sizing:border-box;
	border:solid 1px #138f7e !important;
	margin:30px auto 0;
	cursor:pointer;
	}
.list-back:hover {
	color:#138f7e !important;
	box-sizing:border-box;
	background:#ffffff url("../../image/layout/ic03.png") 17px center no-repeat;
	border:solid 1px #138f7e !important;
	}


/*----------------------------------------------------------------------------
   concept
------------------------------------------------------------------------------*/

.concept-list-primary {
	width:100%;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
	margin-bottom:30px;
	box-sizing:border-box;
	padding:30px;
}

.concept-list-primary .concept-mv {
	width:100%;
	height: auto;
	max-width: 832px;
	max-height: 402px;
	margin: 0 auto 30px;
}

.concept-list-primary .concept-mv img {
	width: 100%;
	height: auto;
}

.concept-list-primary .list-wrap {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.concept-list-primary .list {
	width:100%;
	box-sizing:border-box;
	border: 1px solid #ddd;
	margin-bottom: 30px;
}

.concept-list-primary .list a {
	width: 90%;
	height: 90%;
	margin: 5%;
	display: inline-block;
	text-decoration: none;
	color: #323232;
	transition: 0.3s;
}

.concept-list-primary .list .banner {
	display: block;
	width: 100%;
	height: auto;
	max-width: 180px;
	margin-bottom: 1em;
}

.concept-detail-primary {
	position:relative;
	padding-top: 90px;
}

.concept-detail-primary h3 {
	background-image:url(../image/contents/works/detail-h3-back.gif);
	background-repeat:repeat;
	width:1920px;
	height:60px;
	position:absolute;
	top:65px;
	left:50%;
	margin-left:-960px;
	text-align:center;
	line-height:60px;
	color:#ffffff;
	font-size:24px;
	font-weight:normal;
	transition:0.3s;
}

@media screen and (max-width: 940px) {
	.concept-detail-primary h3 {
		top:-54px;
	}
}

.concept-detail-primary .detail {
	width:100%;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
	margin-bottom:30px;
	box-sizing:border-box;
	padding:30px;
}

.concept-detail-primary .detail .conceptimg {
	display: block;
	width: 100%;
	height: auto;
}


/*----------------------------------------------------------------------------
   Company
------------------------------------------------------------------------------*/

.page-company {
	padding-bottom:20px;
	background-image:url(../image/contents/topics/back.jpg);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
}

.page-company #subpage-mv {
	background-image:url(../image/contents/topics/mv.jpg);
}

.page-company .company-list-primary {
}

.page-company .company-list-primary .list {
	width:100%;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
	margin-bottom:30px;
	box-sizing:border-box;
	padding:30px;
	border-top:2px solid #162b39;
}

.page-company .company-list-primary .list .president {
	width: auto;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #24455B;
}

.page-company .company-list-primary .list .president .alignleft {
	display: block;
}

.page-company .company-list-primary .list .president .first {
	padding: 0;
}

.page-company .company-list-primary .list .shop {
	margin-bottom: 30px;
}

.page-company .company-list-primary .list .shop .gaikan {
	display: block;
	float: left;
	max-width: 48%;
}

.page-company .company-list-primary .list .shop .aboutlogo {
	display: block;
	float: right;
	width: 48%;
	height: 48%;
	padding-top: 36%;
	background-image: url(../image/contents/company/about_logo_sp.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: 0.3s;
}

.page-company .company-list-primary .list .mean h3 {
	font-size: 24px;
	font-weight: normal;
	color: #24455B;
	border-bottom: 1px solid #24455B;
}

.page-company .company-list-primary .list .mean img {
	display: block;
	max-width: 160px;
}

.gmap {
	height:450px;
	overflow:hidden;
}

.gmap iframe {
	border:none;
}


/*----------------------------------------------------------------------------
   Contact・Reserve
------------------------------------------------------------------------------*/

.page-contact {
	padding-bottom:20px;
}

.page-contact #subpage-mv {
	background-image:url(../image/contents/voice/mv.jpg);
}

.contactForm {
	width:100%;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
	margin-bottom:30px;
	box-sizing:border-box;
	padding:30px;
	border-top:2px solid #162b39;
}

.entry-mail table {
	border-collapse:collapse;
	border:0px;
}

.entry-mail table {
	width:100%;
}

.entry-mail th {
	width:35%;
	vertical-align:top;
	box-sizing:border-box;
	padding-top:28px !important;
}

.entry-mail th.required-th {
	padding-top:18px !important;
}

.entry-mail th, .entry-mail td {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #dfdfdf;
}


/* reserve用 */
.entry-mail2 table {
	border-collapse:collapse;
	border:0px;
}

.entry-mail2 table {
	width:100%;
}

.entry-mail2 th {
	width:35%;
	vertical-align:top;
	box-sizing:border-box;
	padding-top:28px !important;
}

.entry-mail2 th.required-th {
	padding-top:18px !important;
}

.entry-mail2 th, .entry-mail2 td {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #dfdfdf;
}

@media screen and (max-width: 1000px) {
	.entry-mail th,
	.entry-mail2 th {
		white-space:nowrap;
		border:none;
		padding-bottom:0;
		margin-bottom:0;
	}
	.entry-mail th,.entry-mail2 th,
	.entry-mail td,.entry-mail2 td {
		display:block;
		width:100%;
	}
}

.contact-in-box {
	color:#148f7e;
}

.contact-in-box .tel {
	float:left;
	background-color:#148f7e;
	width:40%;
	padding-top:15px;
	padding-bottom:15px;
	box-sizing:border-box;
	padding:20px;
	color:#ffffff;
	font-size:24px;
	margin-bottom:20px;
	font-size:16px;
	position:relative;
}

.contact-in-box .tel a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	color:#ffffff;
	text-decoration:none;
}

.contact-in-box .tel span {
	font-size:28px;
	font-family:"Century Gothic";
}

@media screen and (max-width: 1100px) {
	.contact-in-box .tel {
		line-height:32px;
	}
	.contact-in-box .tel span {
		display:block;
		font-size:36px;
	}
}

@media screen and (max-width: 800px) {
	.contact-in-box .tel span {
		font-size:30px;
	}
}

@media screen and (max-width: 770px) {
	.contact-in-box .tel {
		width:100%;
		margin-bottom:0;
	}
	.contact-in-box .tel span {
		display:inline-block;
	}
}

.contact-in-box .time {
	float:right;
	background-color:#f0f0f0;
	width:60%;
	padding-top:15px;
	padding-bottom:15px;
	box-sizing:border-box;
	padding:20px;
	margin-bottom:20px;
}

@media screen and (max-width: 770px) {
	.contact-in-box .time {
		width:100%;
	}
}

.contact-in-box .time span {
	background-color:#ffffff;
	padding-left:20px;
	padding-right:20px;
	width:190px;
	text-align:center;
	border:1px dotted #CBCBCB;
	display:block;
	padding:10px;
	color:#222222;
	float:left;
	margin-right:15px;
}

@media screen and (max-width: 1100px) {
	.contact-in-box .time span {
		width:100%;
		background-color:inherit;
		padding-left:0;
		padding-right:0;
		padding:0;
		border:none;
		float:none;
		margin-right:0;
		text-align:left;
	}
}

.contact-in-box p {
	float:left;
	margin-top:0 !important;
}

.contact-left {
	width:50%;
	float:left;
	box-sizing:border-box;
	padding-right:15px;
}

.contact-right {
	width:50%;
	float:right;
	box-sizing:border-box;
	padding-left:15px;
}

@media screen and (max-width: 740px) {
	.contact-left {
		width:100%;
		padding-right:0;
	}
	.contact-right {
		width:100%;
		padding-left:0;
	}
}

.yno3 {
	width:80px !important;
}

.yno4 {
	width:120px !important;
}

.entry-info {
	text-align:center;
	padding-bottom:60px !important;
}

.kakunin {
	color:#148f7e;
	font-size:20px;
	padding-bottom:25px !important;
}


/*----------------------------------------------------------------------------
   Blog
------------------------------------------------------------------------------*/

.page-blog {
	padding-bottom:20px;
	background-image:url(../image/contents/voice/back.png);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
}

.page-blog #subpage-mv {
	background-image:url(../image/contents/topics/mv.jpg);
}

.page-blog .blog-list-primary {
}

.page-blog .blog-list-primary .list {
	width:100%;
	background-color:#ffffff;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
	margin-bottom:30px;
	box-sizing:border-box;
	padding:30px;
	border-top:2px solid #162b39;
}

.page-blog .blog-list-primary .list h3 {
	font-size:24px;
	color:#162b39;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-top:-4px;
	margin-bottom:12px;
}

.page-blog .blog-list-primary .list h3 span {
	display:block;
	font-size:18px;
	color:#8F8F8F;
}

.page-blog .blog-list-primary .list h3 span span {
	display:inline-block;
	padding-left:15px;
	color:#2363A7;
	font-size:15px;
}

.page-blog .blog-list-primary .list hr { 
	border:0; 
	height:1px;
	margin-bottom:30px;
	background-image: -webkit-linear-gradient(left, #f0f0f0, #c7c7c7, #f0f0f0);
	background-image: -moz-linear-gradient(left, #f0f0f0, #c7c7c7, #f0f0f0);
	background-image: -ms-linear-gradient(left, #f0f0f0, #c7c7c7, #f0f0f0);
	background-image: -o-linear-gradient(left, #f0f0f0, #c7c7c7, #f0f0f0); 
}

.gallery {
    margin: 0 auto 1.625em;
}

.gallery-item {
    float: left;
    text-align: center;
    width: 33%;
}

.gallery-icon img {
    border: 1px solid #ddd;
    padding: 6px;
    max-width: 97.5%;
}

.latest-post {
	background-color:#ffffff;
	margin-bottom:30px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
}

.latest-post h3 {
	margin:0;
	padding:0;
	background-color:#162b39;
	width:100%;
	display:block;
	padding-top:15px;
	padding-bottom:15px;
	color:#ffffff;
	font-weight:normal;
	padding-left:18px;
	padding-right:18px;
	box-sizing:border-box;
}

.latest-post ul {
	list-style:none;
	margin:0;
	padding:15px !important;
}

.latest-post ul li {
	padding-bottom:10px;
	border-bottom:1px solid #ececec;
	margin-bottom:10px;
}

.latest-post ul li:last-of-type {
	border:none;
	padding-bottom:0;
}

.latest-post ul li span {
	display:block;
	color:#848484;
	text-decoration:none;
}

.blog-archives {
	background-color:#ffffff;
	margin-bottom:20px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.23);
}

.blog-archives h3 {
	margin:0;
	padding:0;
	background-color:#162b39;
	width:100%;
	display:block;
	padding-top:15px;
	padding-bottom:15px;
	color:#ffffff;
	font-weight:normal;
	padding-left:18px;
	padding-right:18px;
	box-sizing:border-box;
}

.blog-archives-primary {
	padding:20px;
}

.blog-archives-primary select {
	width:100%;
}


/*----------------------------------------------------------------------------
   assessment
------------------------------------------------------------------------------*/

.page-assessment {
	padding-bottom:20px;
	background-image:url(../image/contents/voice/back.png);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
}

.page-assessment #subpage-mv {
	background-image:url(../image/contents/voice/mv.jpg);
}

.assessment-flow {
}

.assessment-flow ul {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	box-sizing:border-box;
	width:calc(100% + 20px);
	padding-left:0 !important;
}

.assessment-flow ul li {
	width:calc(33.333% - 40px);
	height:50px;
	line-height:50px;
	color:#ffffff;
	font-weight:bold;
	text-indent:15px;
	float:left;
	margin-right:40px;
	position:relative;
	background-color:#b3d0e3;
	font-size:15px;
}

.assessment-flow ul li.now {
	background-color:#24455b;
}

.assessment-flow ul li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
}
.assessment-flow ul li:before {
	content: "";
	position: absolute;
	right: -25px;
	bottom: 0;
	width: 0;
	height: 0;
	border-left: 25px solid #b3d0e3;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
}

.assessment-flow ul li.now:after {
}

.assessment-flow ul li.now:before {
	border-left: 25px solid #24455b;
}

.chk {
	text-align:center;
	font-size:22px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(239,239,239,0.6);
	border:1px solid #cccccc;
	padding:10px;
	box-sizing:border-box;
}

.chk input {
	width:40px;
	height:40px;
	float:left;
	margin-right:10px;
}

.chk span {
	display:block;
	float:left;
	height:40px;
	line-height:40px;
}

.chk span:hover, .chk input:hover {
	cursor:pointer;
}

@media screen and (max-width: 890px) {
	.assessment-button {
		width:100% !important;
	}
}

.assessment-button .link-button a {
	box-shadow:none !important;
	height:60px;
	line-height:60px;
	border-radius:3px;
	box-sizing:border-box;
	border:1px solid #cccccc;
}

@media screen and (max-width: 680px) {
	.assessment-button .link-button {
		width:100% !important;
		margin-bottom:15px !important;
	}
	.assessment-button .link-button a {
		width:100% !important;
		font-weight:normal !important;
	}
	.assessment-button .form-btn {
		width:100% !important;
	}
}