@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:14px;
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;
}

/*------------------------------------------------------------------------------------------------------------------
　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:inherit;
}

.sp {
	display:none;
}

.tab {
	display:inherit;
}

/*------------------------------------------------------------------------------------------------------------------
　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:8px 12px 9px 13px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		font-weight:bold;
		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:100%;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

article {
	width:100%;
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

@media screen and (max-width: 1100px) {
	article {
		width:100%;
		padding-left:30px;
		padding-right:30px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		box-sizing: border-box;
	}
}

#left-window {
	width:75%;
	box-sizing:border-box;
	float:left;
	padding-right:30px;
}

#right-window {
	width:25%;
	box-sizing:border-box;
	float:right;
}

@media screen and (max-width: 1100px) {
	#left-window {
		width:70%;
	}
	#right-window {
		width:30%;
	}
}

@media screen and (max-width: 900px) {
	#left-window {
		width:100%;
		box-sizing:border-box;
		padding-right:0px;
	}
	
	#right-window {
		width:100%;
		box-sizing:border-box;
		padding-top:40px;
	}
}

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

#mainvisual {
}

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

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

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

@media screen and (max-width: 1100px) {
	#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;
}

@media screen and (max-width: 1100px) {
	header article {
		padding-right:0 !important;
	}
}

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

header .option {
	float:right;
	margin-top:-11px;
}

/*
header .option .blog-button {
	background-image:url(../image/header/blog.png);
	width:140px;
	height:46px;
	display:block;
	float:left;
	margin-top:17px;
	margin-right:23px;
}
*/

header .option .tel {
	background-image:url(../image/header/tel.png);
	width:208px;
	height:46px;
	display:block;
	float:left;
	margin-top:17px;
	margin-right:23px;
}

header .option .blog-button {
	background-image:url(../image/header/blog.png);
	width:100px;
	height:80px;
	display:block;
	float:left;
}

header .option .contact-button {
	background-image:url(../image/header/contact.png);
	width:100px;
	height:80px;
	display:block;
	float:left;
}

@media screen and (max-width: 940px) {
	header .option {
		display:none;
	}
}

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

.navi-open {
	display:none;
}

.side-menu {
	display:none;
}

@media screen and (max-width: 940px) {
	.side-menu {
		display:block;
	}
}

nav#header-navi {
	background-image:url(../image/navi/back.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;
	height:92px;
}

#subpage nav#header-navi {
	margin-bottom:40px;
}

nav#header-navi ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	padding-top:3px;
	max-width:1108px;
	letter-spacing: -.4em;
	transition:0.3s;
	white-space:nowrap;
	text-align:center;
}

nav#header-navi ul li {
	display:inline-block;
	margin:0;
	padding:0;
	height:88px;
	position:relative;
	letter-spacing: normal;
	box-sizing:border-box;
	background-position:center;
}

nav#header-navi ul li:hover {
	border-bottom:3px solid #24455b;
}

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

nav#header-navi ul li:nth-child(1) { background-image:url(../image/navi/navi01.png); width:91px; }
nav#header-navi ul li:nth-child(2) { background-image:url(../image/navi/navi02.png); width:212px; }
nav#header-navi ul li:nth-child(3) { background-image:url(../image/navi/navi03.png); width:144px; }
nav#header-navi ul li:nth-child(4) { background-image:url(../image/navi/navi04.png); width:157px; }
nav#header-navi ul li:nth-child(5) { background-image:url(../image/navi/navi05.png); width:152px; }
nav#header-navi ul li:nth-child(6) { background-image:url(../image/navi/navi06.png); width:189px; }
nav#header-navi ul li:nth-child(7) { background-image:url(../image/navi/navi07.png); width:156px; }

@media screen and (max-width: 1100px) {
	nav#header-navi ul li:nth-child(1) { width:91px; }
	nav#header-navi ul li:nth-child(2) { width:202px; }
	nav#header-navi ul li:nth-child(3) { width:134px; }
	nav#header-navi ul li:nth-child(4) { width:132px; }
	nav#header-navi ul li:nth-child(5) { width:142px; }
	nav#header-navi ul li:nth-child(6) { width:179px; }
	nav#header-navi ul li:nth-child(7) { display:none; }
}

@media screen and (max-width: 980px) {
	nav#header-navi ul li:nth-child(1) { width:81px; }
	nav#header-navi ul li:nth-child(2) { width:202px; }
	nav#header-navi ul li:nth-child(3) { width:134px; }
	nav#header-navi ul li:nth-child(4) { width:132px; }
	nav#header-navi ul li:nth-child(5) { width:142px; }
	nav#header-navi ul li:nth-child(6) { width:179px; }
	nav#header-navi ul li:nth-child(7) { display:none; }
}

@media screen and (max-width: 940px) {
	nav#header-navi {
		display:none;
	}
}

/*------------------------------------------------------------------------------------------------------------------
　Side
-------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 940px) {

.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 {
	position:fixed;
	top: 0;
	right: 0;
	width: 320px;
	height: 100%;
	text-align: left;
	background-image:url(../image/navi/back_sp.png);
	z-index:2 !important;
}

#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 nav a {
	width:320px;
	height:61px;
}

#side-menu-primary nav img {
	display: inline-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;
	z-index:9999;
}

#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;
}

}

@media all and (-ms-high-contrast: none) and (max-width: 940px) {
	#side-menu-primary {
		position:relative;
		width:320px;
		padding-top:150px;
		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:72px;
		position:absolute;
		top:78px;
		left:0;
		display:block;
	}
}

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

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

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

@media screen and (max-width: 1100px) {
	.footer-content {
		padding-top:30px;
	}
}

.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:20px;
}

@media screen and (max-width: 1100px) {
	nav#footer-navi {
		padding-top:10px;
	}
}

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;
}

@media screen and (max-width: 1100px) {
	nav#footer-navi ul li {
		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;
	padding-top:20px;
	font-family:"Century Gothic";
}

.topback a {
	position:absolute;
	bottom:-34px;
	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
-------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 940px) {

/* サイドオープン時にメインコンテンツを覆う部分 */
.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:103px;
	height:34px;
	border-left:2px solid #396c8e;
	background-image:url(../image/layout/label-arrow.gif);
	background-position:83px;
	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:34px;
	line-height:33px;
	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 {
	background-image:url(../image/contents/top/topics-back.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: cover;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding-top:25px;
	padding-bottom:25px;
	margin-bottom:2px;
}

@media screen and (max-width: 940px) {
	#topics-blog-primary {
		background-image:url(../image/contents/top/topics-back_tab.png);
		min-height:578px;
		height:auto;
	}
}

/* 完成見学会 */
#topics-blog-primary #house-tours {
	margin:16px auto 30px;
	background-color: #fff;
}
#topics-blog-primary #house-tours a {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0 0 30px;
	transition: 0.3s all;
}
#topics-blog-primary #house-tours a:hover {
	opacity: 0.7;
}
#topics-blog-primary #house-tours img.pc {
	display: inherit;
}
#topics-blog-primary #house-tours img.sp {
	display: none;
}
#topics-blog-primary #house-tours a.second .house-img {
	order: 2;
}
#topics-blog-primary #house-tours a.second .description {
	order: 1;
}


@media screen and (max-width: 1140px) {
	#topics-blog-primary #house-tours {
		width: calc(100% - 40px);
		background-color:inherit;
	}
	#topics-blog-primary #house-tours a {
		display: block;
		max-width: 600px;
		width: 100%;
		margin: 0 auto 30px;
		text-align: center;
	}
	#topics-blog-primary #house-tours img {
		float: none;
		margin: 0 auto;
		width: 100%;
		height: auto;
		max-width: 600px;
	}
	#topics-blog-primary #house-tours img.pc {
		display: none;
	}
	#topics-blog-primary #house-tours img.sp {
		display: inherit;
	}
}

@media screen and (max-width: 1100px) {
	#topics-blog-primary #house-tours {
		width: 100%;
	}
}


/* 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:50%;
	float:left;
	box-sizing:border-box;
	padding-right:25px;
	position:relative;
	transition:0.3s;
}

@media screen and (max-width: 940px) {
	#topics-blog-primary .topics-primary {
		padding-right:10px;
	}
}

@media screen and (max-width: 800px) {
	#topics-blog-primary .topics-primary {
		width:100%;
		padding-right:0;
		margin-bottom:80px;
	}
}

#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;
	right:25px;
}

@media screen and (max-width: 800px) {
	#topics-blog-primary .topics-primary .archives-button {
		right:0;
	}
}

#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_img02.png) no-repeat 240px 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:30px;
	margin-bottom:30px;
}

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

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

#topics-blog-primary .blog-primary {
	width:50%;
	float:right;
	box-sizing:border-box;
	padding-left:25px;
	position:relative;
	transition:0.3s;
}

@media screen and (max-width: 940px) {
	#topics-blog-primary .blog-primary {
		padding-left:10px;
		padding-bottom:30px;
	}
}

@media screen and (max-width: 800px) {
	#topics-blog-primary .blog-primary {
		width:100%;
		padding-left:0;
	}
}

#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;
	right:0;
}

#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;
	padding-right:20px;
	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.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	height:465px;
	box-sizing:border-box;
	padding-top:30px;
}

#works #works-primary {
	width:100%;
	height:404px;
	box-sizing:border-box;
	padding-top:30px;
	background-color:rgba(255,255,255,0.85);
	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);
}

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

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

@media screen and (max-width: 1100px) {
	#works #works-primary .archives-button {
		margin-right:30px;
	}
}

#works #works-primary .works-list-primary {
	width:1102px;
	padding-top:23px;
}

@media screen and (max-width: 1200px) {
	#works #works-primary .works-list-primary {
		width:94%;
		margin-left:auto;
		margin-right:auto;
	}
}

#works #works-primary .works-list-primary .list {
	width:267px;
	height:280px;
	background-color:#ffffff;
	margin-right:10.7px;
	float:left;
	position:relative;
	border:1px solid #e0e0e0;
}

#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:267px;
	height:178px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

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

.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:-60px;
}

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

#content-bana {
}

#content-bana .content-bana-primary {
	padding-top:50px;
	padding-bottom:50px;
}

#content-bana .content-bana-primary .item {
	width:352px;
	height:220px;
	float:left;
	margin-right:22px;
}

#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);
}

#content-bana .slick-prev, #content-bana .slick-next {
	display:none !important;
}


/*----------------------------------------------------------------------------
   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;
}

@media all and (-ms-high-contrast: none) and (max-width:940px) {
	.thumnail-back {
		display: none;
	}
}

.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: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) {
	#works-detail-primary h3 {
		top:-54px;
	}
}

.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:100%;
	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:100%;
	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:400px;
	box-sizing:border-box;
	padding:25px;
	font-size: 24px;
}

@media screen and (max-width: 1120px) {
	.gallery-primary .point {
		width:35%;
	}
}

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

.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:34px;
	font-weight:normal;
	margin-bottom:12px;
	margin-top:-13px;
}

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

@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 a {
    position: relative;
	display:block;
}
#gallery-thumnail a:before {
    content:"";
    display: block;
    padding-top: 75%; /* 高さを幅の75%に固定 */
}
#gallery-thumnail .thum_img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background-size: cover;
}

#gallery-thumnail .thum_img {
	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);
    width: 100%;
    height: 100%;
	max-height: 150px;
	background-size: cover;
	background-position: center;
}

#gallery-thumnail img {
	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);
    width: 100%;
    height: auto;
}

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

#gallery-thumnail a:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0);
	transition:0.3s;
	display:block;
}

#gallery-thumnail a.portrait:after {
	width:44.2%;
	transform: translateY(0%) translateX(60%);
	-webkit- transform: translateY(0%) translateX(60%);
}

#gallery-thumnail a:hover:after {
	background-color:rgba(255,255,255,0.2);
}
*/

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

.btn-group {
	text-align: center;
}

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

@media screen and (max-width: 720px) {
	.back-button,
	.next-button {
		width:160px;
	}
}

.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:16px;
	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:22px;
	color:#162b39;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-top:-4px;

	margin-bottom:14px;
	padding-left:30px;
}

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

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

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

}


/*----------------------------------------------------------------------------
   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:22px;
	color:#162b39;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-top:-4px;
	margin-bottom:22px;
}

@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: 22px;
    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:22px;
	color:#162b39;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-top:-4px;
	margin-bottom:22px;
}

@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 {
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 740px) {
	#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: 175%;
	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%;
  border-left:1px solid #888;
  box-sizing:border-box;
}

.dbList:after,
.dbList_block dl:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.dbList_block {
  width:25%;
  float:left;
  box-sizing:border-box;
  border-right:1px solid #888;
  border-bottom: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;
}

@media screen and (max-width: 900px) {
	.dbList_block {
	  width:50%;
	}
	
	.dbList_block:nth-child(3),
	.dbList_block:nth-child(4) {
  		border-top:none;
	}
}

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

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

.dbList_block a,
.dbList_block a:visited,
.dbList_block a:hover { color:inherit; text-decoration:none; }

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

/* 種別 */
.dbList_block .shubetsu {
  display:inline-block;
  color:#fff;
  font-weight:bold;
  padding:5px 10px;
  position:absolute;
  left:0;
  top:0;
  z-index: 2;
  background-color:rgba(30,154,142,0.8);
}

/*
.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: 15px
}

.dbList_block dl {
	display: table;
	margin: 12px 0 0;
}

.dbList_block dt {
	width:50px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	color: rgba(36,69,91,1);
	border: 1px solid rgba(36,69,91,1);
	background-color: rgba(36,69,91,0.13);
	padding: 2px 4px;
}

.dbList_block dd {
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	padding-left:12px;
	font-size: 112.5%;
}

/* 価格 */
.dbList_block .price { color:#eb502d; font-size: 150%; }
.dbList_block .price small { font-size: 75%; }

/* 住所 */
.dbList_block .ad { }

/* 間取・坪数 */
.dbList_block .sc { color: #0F6A66; }
.dbList_block .tochimenseki { color: #0F6A66; }

/* コメント */
.dbList_block .point {
	margin-top: 0.75em !important;
	color:#4E2720;
	line-height:1.4;
	font-size: 112.5%;
}

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

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

.pist_db .detail .main_image {
	float:left;
	width:540px;
	box-sizing:border-box;
	}
	.pist_db .detail .main_image .inner {
		width:540px;
		text-align:center;
		}
		.pist_db .detail .main_image .inner img {
			width: 100%;
			height: auto;
			max-width:540px;
			max-height:405px;
			}
	.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;
				padding-bottom: 0;
				}
			.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%;
				margin: 0.3em 0;
				display: table;
				}
				.pist_db .detail .pist_detail .inner .option dl dt {
					display: table-cell;
					width:6em;
					font-size:14px;
					font-weight:bold;
					text-align:center;
					box-sizing:border-box;
					background:#efefef;
					border:solid 1px #cccccc;
					padding:3px 10px;
					}
				.pist_db .detail .pist_detail .inner .option dl dd {
					display: table-cell;
					padding-left: 1em;
					font-weight: bold;
					font-size: 16px;
					}
				.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;
		}
		.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;
				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;
		}
		.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:#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;
	}

@media screen and (max-width: 1100px) {
	.pist_db .detail .main_image {
		width:35%;
	}
	.pist_db .detail .main_image .inner {
		width:100%;
	}
	.pist_db .detail .pist_detail {
		width:60%;
	}
}

@media screen and (max-width: 900px) {	
	.pist_db .detail .main_image {
		float: none;
		width:100%;
		margin-bottom: 30px;
	}
	.pist_db .detail .pist_detail {
		float: none;
		width:100%;
	}
	.pist_db .detail .pist_detail ul.contact {
		width:100%;
	}
}


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

  お問い合わせフォーム
  
----------------------------------------------------------------------------------------------------*/

body.sub {
	min-width: 600px;
}

.bkname {
	max-width: 1100px;
	margin: 0 auto 24px;;
}

#contact {
	margin-bottom: 50px;
}

 .entry-mail_form {
  max-width: 1100px;
  margin: 30px auto;
}

.entry-mail_form table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  border:1px solid #d8d8d8;
}

.entry-mail_form tr:last-child th,
.entry-mail_form tr:last-child td {
  border-bottom:0;
}

.entry-mail_form th {
	text-align:left;
	background-color:#f4f4f4;
	width:28%;
	padding:20px;
	border-bottom:1px solid #d8d8d8;
	vertical-align:top;
	white-space:nowrap;
}

.entry-mail_form th .ic-required {
  float:left;
  margin-right: 1em;
}

.entry-mail_form td {
  padding:15px;
  border-bottom:1px solid #d8d8d8;
}

/* send ok */

.sendok {
	font-size:28px !important;
	color:#fd7070;
	font-family: 'Noto Sans Japanese', sans-serif;
	text-align:center;
	margin-bottom:20px !important;
	display:block;
	font-weight:800;
	line-height:36px;
}

/* form material */

textarea    { resize:vertical; }
textarea,
.ip_l       { width:100%; }
.ip_ss      { width:10%; }
.ip_s       { width:15%; }
.ip_m       { width:60%; }

input[type="text"],
select,
textarea {
	padding:6px;
	border:1px solid #e0e0e0;
	background-color:#fff;
	box-sizing:border-box;
	margin-bottom: 6px;
}

input[type="text"]:focus,
select:focus,
textarea:focus {
	border-color:#b9b9b9;
}

option {
	padding-right:0.5em;
}

.error input[type=text], 
.error textarea,
.error select {
	border-color:#f8bbbd;
	background-color:#ffeeee;
}

.error .m-ckbox+label:before,
.error .m-radio+label:before {
	border-color:#f8bbbd;
	background-color:#ffeeee;
}

.error p {
	padding-bottom:0.5em;
}

.fc-red {
	color:#ff0000;
}

.ic-required {
  display:inline-block;
	background-color:#f0686c;
  color:#fff;
  padding:0.25em 1em;
  box-sizing:border-box;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
	font-weight:normal;
}

@media screen and (max-width: 920px) {
.entry-mail_form th .ic-required {
  float:none;
  display: block;
  width: 50px;
  margin-left:0px;
  margin-bottom: 0.5em;
}
}

@media screen and (max-width: 640px) {
body.sub {
	width: 520px;
	min-width: 520px;
	margin: 0 20px;
}

#contact {
  max-width: 100%;
  margin: 0 0 50px;
}

.fm-check {
  max-width: 100%;
}

.entry-mail_form {
  max-width: 100%;
  margin: 30px 0;
}

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

.entry-mail_form table th,
.entry-mail_form table td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.entry-mail_form th .ic-required {
  float:left;
  display: block;
  width: 70px;
  margin-left:0px;
  margin-bottom: 0.5em;
}

.ip_ss      { width:30%; }
.ip_s       { width:45%; }
.ip_m       { width:100%; }
}


/* form button */

.post-btn {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:40px;
}

.form-btn {
  width:300px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:none;
  margin-left:auto;
  margin-right:auto;
  outline:none;
  text-decoration:none;
  background-color:#284f9b;
  color:#fff;
  padding:15px;
  font-size:20px;
  display:inline-block;
  -moz-transition:background-color ease-in-out  0.15s;
  -o-transition:background-color ease-in-out  0.15s;
  -webkit-transition:background-color ease-in-out  0.15s;
  transition:background-color ease-in-out  0.15s;
}

.form-btn:hover {
  background-color:#2298cf;
}

.form-btn:disabled,
.form-btn:disabled:hover {
  background-color:#6a5858;
}


.form-btn-back,
.form-btn-clear {
  width:300px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:none;
  margin:0;
  outline:none;
  text-decoration:none;
  background-color:rgba(200,200,200,1);
  color:#fff;
  padding:15px;
  font-size:20px;
  -moz-transition:background-color ease-in-out  0.15s;
  -o-transition:background-color ease-in-out  0.15s;
  -webkit-transition:background-color ease-in-out  0.15s;
  transition:background-color ease-in-out  0.15s;
  display:inline-block;
}

.form-btn-back:hover,
.form-btn-clear:hover {
  background-color:rgba(200,200,200,0.65);
}

.form-btn-back:disabled,
.form-btn-back:disabled:hover,
.form-btn-clear:disabled,
.form-btn-clear:disabled:hover {
  background-color:#c8c8c8;
}


/* chkbox */

.m-ckbox {
  display:none;
  margin-top:-0.25em;
}

.m-ckbox+label {
  display:inline-block;
  cursor:pointer;
  margin-top:0.25em;
  margin-bottom: 0.5em;
  font-family:inherit;
}

.m-ckbox+label:before {
  width:1.5em;
  height:1.5em;
  line-height:1.5em;
  font-size:1em;
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  color:transparent;
  padding:0;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border:2px solid #c8c8c8;
  background-color:#fff;
  margin:-2px 0.5em 0 0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  
  -webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s, background-color ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .15s;
  transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .15s;
}

.m-ckbox:hover+label:before {
  background-color:#c8c8c8;
  color:#fff;
}

.m-ckbox:checked+label:before {
  border-color:#ffc841;
  background-color:#ffc841;
  color:#fff;
}

.m-ckbox-group {
	list-style:none;
	margin:0;
	padding:0;
}

.m-ckbox-group li {
	display:inline-block;
	margin:0;
	padding:0;
}

.m-ckbox-group label {
  margin-right:1.5em;
}

.m-ckbox+label.label--s  { min-width:6em; }
.m-ckbox+label.label--m  { min-width:10em; }
.m-ckbox+label.label--l  { min-width:15em; }
.m-ckbox+label.label--2l { min-width:31.5em; }


/* radio button */

.m-radio {
  display:none;
  margin-top:-0.25em;
}

.m-radio+label {
  display:inline-block;
  cursor:pointer;
  margin-top:0.25em;
  margin-bottom: 0.5em;
  margin-right: 1em;
  font-family:inherit;
}

.m-radio+label:before {
  width:1.25em;
  height:1.25em;
  display:inline-block;
  content:"";
  border-radius:1.25em;
  -moz-border-radius:1.25em;
  -webkit-border-radius:1.25em;
  vertical-align:middle;
  border:2px solid #c8c8c8;
  background-color:#fff;
  margin:-2px 5px 0 0;
  -webkit-transition:border-color ease-in-out .15s, background-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition:border-color ease-in-out .15s, background-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition:border-color ease-in-out .15s, background-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.m-radio:hover+label:before {
  border-color:#c8c8c8;
  background-color:#c8c8c8;
  box-shadow:inset 0 0 0 0.25em #fff;
}

.m-radio:checked+label:before {
  border-color:#4593ea;
  background-color:#4593ea;
  box-shadow:inset 0 0 0 0.25em #fff;
}


/* radio button group */

.m-radio-group label {
  margin-right:1.5em;
}

@media screen and (max-width: 640px) {
.post-btn {
	width:540px;
}
}

/* ------------------------------------------------------------------------------------------------------------------------/
	印刷
/------------------------------------------------------------------------------------------------------------------------ */
@media print {

header,
nav,
#breadcrumbs,
footer,
.noprint,
.movie,
.pagetop,
.contact,
.submit { display:none !important; }

h2 {
	background:none !important;
	border:none !important;
	box-shadow:0 0 0 0 rgba(0,0,0,0) !important;
	-moz-box-shadow:0 0 0 0 rgba(0,0,0,0) !important;
	-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0) !important;
	-o-box-shadow:0 0 0 0 rgba(0,0,0,0) !important;
	-ms-box-shadow:0 0 0 0 rgba(0,0,0,0) !important;
	}

.thumb_image {
	margin:0 !important;
	padding:0 20px !important;
	}

table th,
table td {
	padding:10px 15px !important;
	}

.compinfo {
	display:block;
	box-sizing:border-box;
	border:solid 1px #cccccc;
	margin:20px 0 0 0;
	padding:15px;
	}

}



/*----------------------------------------------------------------------------
   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 {
	float: left;
	width:31.5%;
	margin-right:2.75%;
	box-sizing:border-box;
	border: 1px solid #ddd;
}

.concept-list-primary .list:last-of-type {
	float: left;
	width:31.5%;
	margin-right:0%;
	box-sizing:border-box;
	border: 1px solid #ddd;
}

.concept-list-primary .list a {
	width: 84%;
	height: 84%;
	margin: 8%;
	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 {
	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 {
	float: left;
	width: auto;
	max-width: 66%;
	padding-right: 30px;
	border-right: 1px dotted #24455B;
	margin-bottom: 30px;
}

@media screen and (max-width: 1120px) {
	.page-company .company-list-primary .list .president {
		max-width: 64%;
	}
}

@media screen and (max-width: 1100px) {
	.page-company .company-list-primary .list .president {
		max-width: 60%;
	}
}

@media screen and (max-width: 1000px) {
	.page-company .company-list-primary .list .president {
		max-width: 56%;
	}
}

@media screen and (max-width: 940px) {
	.page-company .company-list-primary .list .president {
		float: none;
		max-width: none;
		padding-right: 0px;
		border-right: none;
		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 {
	float: right;
	margin-bottom: 30px;
}

@media screen and (max-width: 940px) {
	.page-company .company-list-primary .list .shop {
		float: none;
	}
}

.page-company .company-list-primary .list .shop .gaikan {
	display: block;
	max-width: 300px;
	margin-bottom: 24px;
}

@media screen and (max-width: 940px) {
	.page-company .company-list-primary .list .shop .gaikan {
		float: left;
		max-width: 48%;
		margin-bottom: 0;
	}
}

.page-company .company-list-primary .list .shop .aboutlogo {
    animation: flash 1s linear infinite;
	display: block;
	background-image: url(../image/contents/company/about_logo.jpg);
	width: 300px;
	height: 54px;
	transition: 0.3s;
}
@keyframes flash {
  0%,100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@media screen and (max-width: 940px) {
	.page-company .company-list-primary .list .shop .aboutlogo {
		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;
	}
}

.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;
	margin-right: 30px;
}

.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:24px !important;
	text-align: left;
}

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

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

.entry-mail th.cont {
	border-bottom: none;
	padding-bottom:8px;
}


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

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

.entry-mail2 th {
	width:25%;
	vertical-align:top;
	box-sizing:border-box;
	padding-top:24px !important;
	text-align: left;
}

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

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

.entry-mail2 th.cont {
	border-bottom: none;
	padding-bottom:8px;
}


@media screen and (max-width: 1000px) {
	.contactForm-step1 th {
		white-space:nowrap;
		border:none;
		padding-bottom:0;
		margin-bottom:0;
	}
	.contactForm-step1 th, .contactForm-step1 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;
}

.contact-in-box .tel a {
	pointer-events:none;
	color:#ffffff;
	text-decoration:none;
}

.contact-in-box .tel span {
	font-size:24px;
	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: 880px) {
	.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;
}

.confirmation {
	border: 2px solid #148F7E;
	padding: 15px 0;
	text-align: center;
	margin-bottom: 20px;
}

.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;
}

.submit_list {
	width: 520px;
	margin: 0 auto;
}


/*----------------------------------------------------------------------------
   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 h3 a {
	color:#162b39;
	text-decoration: none;
}

.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: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);
}

.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:18px !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:20px;
	float:left;
	margin-right:40px;
	position:relative;
	background-color:#b3d0e3;
}

.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:16px;
	width:248px;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(239,239,239,0.6);
	border:1px solid #cccccc;
	padding:10px;
	position:relative;
}

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

.chk .error input:before {
	content:"";
	position:absolute;
	top:-3px;
	left:-3px;
	width:100%;
	height:100%;
	border:3px solid #FF6E71;
}

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

.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;
	font-size:20px !important;
	font-weight:normal !important;
}

@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;
	}
	.assessment-button .form-btn {
		width:100% !important;
	}
}