@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
}

body {
	color: #111;
	background-color: #FFFFFF;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	/*	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;*/
	word-wrap: break-word;
	height: 100%;
}
@media screen and (max-width:991px){
	.only_pc {
		display: none !important;
	}
}
@media screen and (min-width:992px){
	.only_mobile {
		display: none !important;
	}
}
.font_mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.font_garamond {
	font-family: 'Cormorant Garamond', serif;
}
.font_raleway {
	font-family: 'Raleway', sans-serif;
}

section,
article {
	display: block;
}

img {
	vertical-align: top;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

strong {
	font-weight: normal;
}

li {
	list-style-type: none;
}

a {
	color: #0066CC;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover {
	color: #0099CC;
	text-decoration: none;
}

table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}

.clfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

/*
ヘッダー
-------------------------------------------*/
header {
	width: 100%;
	background-color: #FFF;
	position: fixed;
	z-index: 100;
	top:0px;
}

.header_inner {
	max-width:1200px;
	margin:0 auto;
	position:relative;
}

header h1 a img {
	display: block;
	position: absolute;
}

header .h_btn a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #333;
	letter-spacing: 1px;
	border: 1px solid #999;
}
header .h_btn a:hover {
	color: #FFF;
	background-color: #333;
	border: 1px solid #FFF;
}
header .h_tel a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #333;
	letter-spacing: 1px;
}
header .h_btn a i,
header .h_tel a i {
	padding-left: 5px;
	padding-right: 5px;
}
#g_navi ul li a.ac_menu {
	cursor: pointer;
	overflow: hidden;
}
.pankuzu {
	background-color: #F6F6F6;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 30px;
	color: #555;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

.pankuzu ul {
	width: 96%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.pankuzu li {
	display: inline-block;
}

.pankuzu li a {
	text-decoration: none;
	color: #999;
}

.pankuzu li a::after {
	content: ">";
	padding-left: 10px;
	padding-right: 10px;
}

.pankuzu li a:hover {
	color: #111;
}

.pankuzu li i {
	padding-right: 5px;
}


/*
メインコンテンツ
-------------------------------------------*/
.content {
	width: 100%;
	background-color: #FFF;
	padding-top: 50px;
}
.cont_wrap {
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

#sub_top {
	background-color: #EEE;
	background-repeat: no-repeat;
	height: 120px;
	line-height: 30px;
	padding-top: 150px;
	padding-bottom: 150px;
	margin-top:125px;
	width: 100%;
	background-size: cover;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	color: #FFF;
	font-size: 20px;
	letter-spacing: 0.5em;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

#index_top {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}
#index_top ul.sm-slider {
	position: relative;
}

#index_top #top_catch {
	position: absolute;
	top: 40%;
	z-index: 10;
	text-align: center;
	width: 100%;
	color: #FFF;
}

#index_top #top_catch h2 {
	font-size: 50px;
	letter-spacing: 2px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
}
#index_top #top_catch p {
	font-size: 14px;
}

.content h2 {
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	font-weight: normal;
	letter-spacing: 1px;
	color: #111;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	clear: both;
}

.content h2 span {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 14px;
	color: #999;
}

.content h3 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: relative;
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 44px;
	font-weight: normal;
	color: #111;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	clear: both;
}

.content h3::after {
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #CCC;
	content: '';
}

.content h3 span {
	font-size: 16px;
	color: #888;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}
.content h4 {
	font-size: 20px;
	color: #555;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}

.content p {
	font-size: 16px;
	line-height: 1.8;
}

.content .ul_news li {
	line-height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
}
.content .ul_news li span {
	color: #999;
	padding-right: 20px;
}

/*
コンテンツ大ボタン
-------------------------------------------*/
.content .btn_001 a {
	font-size: 20px;
	color: #FFF;
	text-align: center;
	border: 5px solid #F6F6F6;
	text-decoration: none;
	display: block;
	width: 88%;
	background-color: #333333;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	max-width: 500px;
	clear: both;
}
.content .btn_001 a i {
	padding-right: 10px;
}
.content .btn_001 a:hover {
	color: #333333;
	text-align: center;
	background-color: #FFF;
	width: 90%;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.company_name {
	padding-bottom:50px;
}

.img_right {
	float: right;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

.content .img_left p {
	font-size: 12px;
	margin: 0px;
}

/*-----トップへ戻るボタン------*/

.to_top {
	position: fixed;
	right: 10px;
	z-index: 200;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.to_top a {
	text-decoration: none;
	color: #FFF;
	text-align: center;
	display: block;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	font-size: 10px;
	background-color: #000;
	padding: 20px;
	height: 70px;
	width: 70px;
}
.to_top a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


/*
各種テーブル
-------------------------------------------*/
.content table.table_01 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.content table.table_01 th,
.content table.table_01 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 20px;
}
.content table.table_01 th {
	font-size: 16px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
}
.content table.table_01 td {
	font-size: 14px;
	line-height: 30px;
	background-color: #FFF;
}
.content table.table_01 td.td_price {
	font-size: 16px;
	text-align: center;
	white-space: nowrap;
	color: #008C69;
	font-weight: bold;
}

.content table.table_02 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	max-width: 600px;
}
.content table.table_02 th,
.content table.table_02 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 20px;
}
.content table.table_02 th {
	font-size: 18px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
	background-color: #F6F6F6;
}
.content table.table_02 td {
	font-size: 16px;
	line-height: 30px;
	background-color: #FFF;
}
.content table.table_02 td .price {
	font-size: 20px;
	text-align: center;
	white-space: nowrap;
	color: #000000;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}


#mailform table.m_form {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#mailform table.m_form th {
	text-align: right;
	border-right-width: 4px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	font-size: 14px;
	font-weight: normal;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#cont_base #mailform table.m_form th p {
	font-size: 10px;
	line-height: 14px;
	color: #999;
	margin: 0px;
	padding: 0px;
}
#cont_base #mailform table.m_form th span {
	color: #FF0000;
	padding-left: 5px;
	padding-right: 5px;
}
#mailform table.m_form td {
	padding: 10px;
	background-color: #FFF;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	border-bottom-width: 1px;
	font-size: 14px;
}
form input.form_btn {
	background-color: #333;
	color: #FFF;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #EEE;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
form input.form_btn:hover {
	background-color: #FFF;
	color: #333;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	cursor: pointer;
}
.small {
	font-size: smaller;
	color: #666;
}
.chui {
	color: #F03600;
}
#cont_base .content .navi_sitemap li {
	padding-left: 20px;
}
.table_01 caption {
	font-size: 14px;
	line-height: 30px;
	background-color: #E5E5E5;
	color: #111;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #FFF;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px;
}
.table_01 th span {
	font-size: 12px;
	color: #CCC;
}


/*
FAQ
-------------------------------------------*/

.content dl.faq {
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.content dl.faq dt {
	font-size: 22px;
	line-height: 30px;
	position: relative;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #F6F6F6;
	color: #111;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.content dl.faq dt span {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #333;
	text-align: center;
	display: block;
	width: 50px;
	padding-top: 10px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 10;
}
.content dl.faq dt span::before{
	content: "";
	position: absolute;
	bottom: -5px;
	right: -3px;
	margin-left: -12px;
	border-right: 12px solid transparent;
	border-top: 20px solid #333;
	border-left: 12px solid transparent;
	z-index: 0;
	transform: rotate(-40deg);
}
.content dl.faq dd {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/*
グーグルマップ
-------------------------------------------*/

.g_map_base {
	background-color: #FFF;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.g_map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.g_map iframe,
.g_map object,
.g_map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
トップ下部ピックアップ
-------------------------------------------*/
.pick_up {
	height: 30%;
	max-height: 500px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.7);
}
.pick_up .sc_btm a {
	line-height: 50px;
	color: #333;
	background-color: #FFF;
	height: 100px;
	width: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: 2px;
	background-image: url(../img/sc_btm.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -50px;
	left: 50%;
	margin-left: -50px;
	z-index: 80;
	text-align: center;
}
.pick_up .sc_btm a:hover {
	color: #000;
	height: 110px;
	width: 110px;
	border-radius: 55px;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	margin-top: -10px;
	margin-left: -55px;
}

.pick_up ul {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	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;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.pick_up ul li {
	width: 30%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.pick_up ul li a {
	display: block;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px;
	overflow: hidden;
}
.pick_up ul li a img {
	width: auto;
	max-width: 100%;
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.pick_up ul li a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.pick_up ul li a:hover {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
}

a .btn_check {
	color: #FFF;
	font-size: 14px;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 50%;
	margin-top: -15px;
	margin-left: -25%;
	border: 2px solid #FFF;
	position: absolute;
	left: 50%;
	top: 50%;
	font-weight: bold;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover .btn_check {
	color: #000;
	background-color: #FFF;
}
a .btn_check i {
	padding-right: 10px;
	padding-left: 5px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover .btn_check i {
	padding-right: 5px;
	padding-left: 10px;
}
.balloon {
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -50px;
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	border-radius: 50%;
	box-sizing: border-box;
	z-index: 100;
	background-color: #FF6633;
}

.balloon:before{
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -12px;
	border-right: 12px solid transparent;
	border-top: 20px solid #FF6633;
	border-left: 12px solid transparent;
	z-index: 0;
}


/*
実績一覧
-------------------------------------------*/
ul.works_list {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	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;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_list li {
	width: 21%;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
ul.works_list li a {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	border: 1px dotted #CCC;
	background-color: #FFF;
	text-decoration: none;
	color: #333;
}
ul.works_list li a img {
	width: auto;
	max-width: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

ul.works_list li a:hover img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

ul.works_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 12px;
	letter-spacing: 1px;
}

ul.works_list li a:hover {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	border: 1px solid #000;
	color: #000;
}



@media screen and (min-width:992px){
	body {
		font-size: 16px;
	}
	.sm-slider, .sm-slider::after {
		top: 100px !important;
	}
	/*
    ヘッダー
    -------------------------------------------*/
	header {
		height: 150px;
		box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
		-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
		position: fixed;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
	}


	header .h_btn a {
		width: 160px;
		top: 15px;
		right: 10px;
		line-height: 38px;
		padding-top: 2px;
		font-size: 14px;
		font-weight: bold;
	}
	header .h_tel a {
		width: 180px;
		top: 20px;
		right: 180px;
		line-height: 38px;
		padding-top: 2px;
		font-size: 14px;
	}
	header .h_tel a strong {
		font-size: 18px;
	}
	header.fixed {
		height: 150px;
	}

	header.fixed h1 a img {

		top:5px;
	}
	header.fixed .h_btn a,
	header.fixed .h_tel a {
		top: 5px;
	}

	.menu_btn,
	.btn_close {
		display: none;
	}

	/*
    PCグローバルナビ
    -------------------------------------------*/
	#g_navi {
		width: 100%;
		display: block;
		height: 50px;
		position: absolute;
		z-index: 1000;
		left: 0px !important;
		bottom: 0px;
		font-size: 14px;
		letter-spacing: 1px;
		font-weight: bold;
		top:100px;
	}

	#g_navi ul.navi_base {
		width: 100%;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	#g_navi ul li{
		display: inline;
	}

	#g_navi li a {
		padding-top: 15px;
		display: block;
		color: #111;
		text-decoration: none;
		text-align: center;
		line-height: 20px;
		position: relative;
	}

	#g_navi li a::before {
		display: block;
		height: 2px;
		position: absolute;
		top: 2px;
		width: 70%;
		left: 15%;
		background-color: #FFF;
		content: '';
		-webkit-transition: 0.2s linear;
		-moz-transition: 0.2s linear;
		transition: 0.2s linear;
	}

	#g_navi li a:hover::before {
		background-color: #333;
		top:0px;
	}

	#g_navi li a:hover,
	#g_navi li a.active,
	#g_navi ul li:hover > a {
		color: #999;
	}

	#g_navi ul li:hover > a.ac_menu,
	#g_navi li a.ac_menu:hover {
		position: relative;
	}

	#g_navi li a.ac_menu::after {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin-left: -15px;
		border-right: 15px solid transparent;
		border-bottom: 20px solid #FFF;
		border-left: 15px solid transparent;
		z-index: 100;
		-webkit-transition: 0.2s linear;
		-moz-transition: 0.2s linear;
		transition: 0.2s linear;
	}

	#g_navi ul li:hover > a.ac_menu::after,
	#g_navi li a.ac_menu:hover::after {
		border-bottom: 20px solid #111;
	}

	#g_navi ul li div {
		position: absolute;
		z-index: 2000;
		top: 50px;
		left: 0px;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		width: 100%;
		height: auto;
		background-color: #111;
	}
	#g_navi ul li ul{
		width: 96%;
		padding-left: 2%;
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}

	#g_navi li ul li a {
		width: 21%;
		padding-left: 3%;
		padding-top: 9px;
		padding-bottom: 9px;
		line-height: 22px;
		height: 22px;
		color: #FFF;
		text-align: left;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 1%;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	#g_navi li ul li a::after {
		content: "+";
		color: #FFF;
		position: absolute;
		display: block;
		left: 15px;
		top: 8px;
		font-size: 9px;
	}
	#g_navi li ul li a:hover::after {
		color: #333;
	}
	#g_navi ul li ul li a:hover{
		color: #000;
		background-color: #FFF;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
		-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	}
	#g_navi li li a::before {
		display: none;
	}

	#g_navi ul li:hover div{
		visibility: visible;
		opacity: 1;
	}

	#g_navi div.ac_list {
		display: block !important;
	}


	header.fixed #g_navi {
		height: 40px;
	}

	header.fixed #g_navi ul li div {
		top: 40px;
	}

	header.fixed #g_navi li a {
		padding-top: 10px;
		height: 30px;
	}

	header.fixed #g_navi li ul li a {
		padding-top: 9px;
		height: 22px;
	}

	/*
    サブトップ
    -------------------------------------------*/
	#sub_top.faq {
		background-image: url(../img/sub_top_faq.jpg);
		background-repeat:no-repeat;
	}
	#sub_top.concept {
		background-image: url(../img/P1000930-mono.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.contact {
		background-image: url(../img/P1000930-mono.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.company {
		background-image: url(../img/P1000949-mono.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.service{
		background-image: url(../img/P1000948-mono.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.news{
		background-image: url(../img/P1000945-mono.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.blog {
		background-image: url(../img/P1000930-mono.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.valuation {
		background-image: url(../img/sample_9_1.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	/*
    フッター
    -------------------------------------------*/

	address {
		letter-spacing: 1px;
		text-align: center;
		display: block;
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.no_pc {
		display: none;
	}

	.greeting p{
		padding-left:30px;
	}

	.blank_lr p{
		padding-left:30px;
		padding-right:30px;
	}

	.blank_lr .service_text{
		margin-bottom: 30px;
	}


}

@media screen and (min-width:1200px){
	header .h_btn a {
		width: 10%;
	}
	header .h_tel a {
		right: 50%;
		margin-right: -400px;
	}
	header h1 a img {
		left:0;
	}
}

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

	body {
		font-size: 16px;
	}

	img {
		max-width: 100% !important;
		height: auto;
		width /***/:auto;
		margin-left:auto;
		margin-right:auto;
	}

	.content h4 {
		margin-right: 10px;
		margin-left: 10px;
	}

	ul.works_list li {
		width: 31%;
	}

	/*
    メニューボタン
    -------------------------------------------*/

	.menu_btn {
		display: block;
		height: 30px;
		width: 40px;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		position: fixed;
		z-index: 5000;
		top: 10px;
		right: 5px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	.menu_btn:hover {
		cursor: pointer;
	}

	.menu_btn span {
		width: 28px;
		height: 2px;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -14px;
		background-color: #555;
	}
	.menu_btn span {
		transition: all 0.3s;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}
	.menu_btn span.top {
		transform: translateY(-8px);
		-webkit-transform: translateY(-8px);
		-moz-transform: translateY(-8px);
	}
	.menu_btn span.bottom {
		transform: translateY(8px);
		-webkit-transform: translateY(8px);
		-moz-transform: translateY(8px);
	}
	.menu_btn:hover span.top {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
	}
	.menu_btn:hover span.bottom {
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
	}
	.menu_btn.opened {
		display:block;
	}
	.menu_btn.opened  span.middle {
		background: rgba(255, 255, 255, 0);
		transform: translateX(30px);
		-webkit-transform: translateX(30px);
		-moz-transform: translateX(30px);
	}
	.menu_btn.opened  span.top {
		transform: rotate(-45deg) translateY(0px);
		-webkit-transform: rotate(-45deg) translateY(0px);
		-moz-transform: rotate(-45deg) translateY(0px);
	}
	.menu_btn.opened  span.bottom {
		transform: rotate(45deg) translateY(0px);
		-webkit-transform: rotate(45deg) translateY(0px);
		-moz-transform: rotate(45deg) translateY(0px);
	}

	/*
    グローバルナビ
    -------------------------------------------*/
	#g_navi {
		position: fixed;
		width: 80%;
		height: 100%;
		top: 0px;
		left: 100%;
		padding-top: 50px;
		overflow: auto;
		z-index: 3000;
		background-color: #FFF;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
		-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
		font-size: 14px;
		letter-spacing: 1px;
	}
	.g_navi_list {
		display: none;
	}
	.g_navi_opened {
		display: block;
	}
	#g_navi ul {
		display: block;
		margin: 0px;
		padding: 0px;
		clear: both;
	}
	#g_navi ul li:first-child {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #EEE;
	}
	#g_navi ul li {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #EEE;
	}
	#g_navi ul li a {
		color: #111;
		text-decoration: none;
		display: block;
		padding-top: 16px;
		padding-right: 30px;
		padding-bottom: 14px;
		padding-left: 20px;
		line-height: 22px;
		vertical-align: middle;
	}
	#g_navi ul li a:hover {
		color: #999;
	}

	.fixed {
		overflow: hidden;
	}

	/*
    アコーディオン
    --------------------------------------------------*/


	#g_navi ul li a.ac_menu {
		position: relative;
		background-image: none;
	}
	#g_navi ul li a.ac_menu::after {
		font-size: 11px;
		display: block;
		height: 20px;
		width: 20px;
		content: "▼";
		text-align: center;
		line-height: 20px;
		position: absolute;
		top: 16px;
		right: 10px;
		color: #555;
	}
	#g_navi ul li a.ac_menu.active {
		color: #999;
	}
	#g_navi ul li a.ac_menu.active::after {
		content: "▲";
	}
	#g_navi div.ac_list {
		display: none;
	}
	#g_navi ul li ul li {
		border-bottom: none;
	}
	#g_navi ul li li:first-child {
		border-top: none;
	}
	#g_navi ul li ul li a {
		border-bottom: none;
	}
	#g_navi ul li ul li a::before {
		content: "・";
		padding-right: 5px;
		color: #999;
	}

	#g_navi ul li ul li a:hover {
		color: #999;
	}

	/*
    メニューシャドウ
    -------------------------------------------*/
	.bg_bl {
		background-color: #FFF;
		height: 100%;
		width: 100%;
		opacity: 0.80;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		display: none;
		position: fixed;
		z-index: 2000;
	}


	/*
    ヘッダー
    -------------------------------------------*/
	.sm-slider, .sm-slider::after {
		top: 50px !important;
	}

	header h1 a img {
		top: 5px;
		left:5px;
		height: 40px;
	}

	header .h_btn a {
		width: 120px;
		top: 10px;
		right: 50px;
		line-height: 29px;
		padding-top: 1px;
		font-size: 12px;
	}
	header .h_tel a {
		width: 120px;
		top: 10px;
		right: 180px;
		line-height: 29px;
		padding-top: 1px;
		font-size: 12px;
	}
	header .h_menu {
		display: none;
	}

	header #info {
		display: none;
	}

	/*
    サブトップ
    -------------------------------------------*/

	#sub_top.faq {
		background-image: url(../img/sub_top_faq_sp.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.concept {
		background-image: url(../img/sample_9_2.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.contact {
		background-image: url(../img/P1000930-mono.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.company {
		background-image: url(../img/P1000949-mono.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.service {
		background-image: url(../img/P1000948-mono.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.news {
		background-image: url(../img/P1000945-mono.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.blog {
		background-image: url(../img/P1000930-mono.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#sub_top.valuation {
		background-image: url(../img/sample_9_2.jpg);
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}

	#sub_top {
		margin-top:52px;
	}

	/*
    フッター
    -------------------------------------------*/
	address {
		text-align: center;
		padding-top: 10px;
		display: block;
		clear: both;
	}

	footer ul.f_bn {
		float: none;
	}

	footer .f_bn li a {
		font-size: 11px;
		padding: 8px;
	}

	.no_sp {
		display: none;
	}

	.greeting p{
		padding-left:15px;
	}

	.company_name img {
		width:280px;
		margin-bottom:10px;
	}

	.company_name p {
		padding-left:0px;
	}

	.blank_lr p{
		padding-left:15px;
		padding-right:15px;
	}


	.blank_lr .service_text{
		margin-bottom: 30px;
	}



}

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

	header h1 a img {
		top:5px
	}

	header .h_btn a {
		width: 50px;
		font-size: 18px;
		border-top-style: none;
		border-bottom-style: none;
	}
	header .h_tel a {
		width: 50px;
		font-size: 18px;
		right: 100px;
	}
	header .h_tel a span,
	header .h_btn a span {
		display: none;
	}
	#mailform table.m_form th,
	#mailform table.m_form td {
		width: 100% !important;
		display: block;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#mailform table.m_form th {
		border-right-style: none;
		padding-bottom: 5px;
	}

	#index_top #top_catch h2 {
		font-size: 40px;
	}

	#index_top #top_catch p {
		font-size: 12px;
	}

	#sub_top {
		height: 150px;
		line-height: 150px;
		padding-top: 50px;
		background-position: center 50px;
	}

	.content {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.content p {
		margin-bottom: 20px;
		margin-top: 10px;
		margin-right: 10px;
		margin-left: 10px;
	}

	ul.works_list li {
		width: 47%;
	}

	.img_left,
	.img_right {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.pick_up ul {
		padding: 15px;
	}
	.pick_up ul li {
		width: 31%;
	}
	.balloon {
		top: -35px;
		margin-left: -25px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
	}

	a .btn_check {
		width: 80%;
		margin-left: -40%;
	}

	.greeting p{
		padding-left:0px;
	}



}

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

	input,
	textarea {
		max-width: 300px !important;
	}

	.content table.table_01 th,
	.content table.table_01 td {
		width: 100% !important;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.content table.table_01 th {
		background-color: #F6F6F6;
	}


	#index_top #top_catch h2 {
		font-size: 30px;
	}

	#sub_top {
		font-size: 16px;
	}

	.content h2 {
		font-size: 24px;
	}
	.content h2 span {
		font-size: 12px;
	}

	a .btn_check {
		font-size: 12px;
		line-height: 30px;
	}
	a .btn_check i {
		padding-right: 5px;
		padding-left: 2px;
	}
	a:hover .btn_check i {
		padding-right: 2px;
		padding-left: 5px;
	}

	ul.works_list li {
		width: 98%;
	}

}

/*
エフェクト
-------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
}
.effect.d_02 {
	transition-delay:0.2s;
	-webkit-transition-delay:0.2s;
}
.effect.d_04 {
	transition-delay:0.4s;
	-webkit-transition-delay:0.4s;
}
.effect.d_06 {
	transition-delay:0.6s;
	-webkit-transition-delay:0.6s;
}
.effect.d_08 {
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
.content p.check {
	color: #FF3333;
}
.content p.p_st {
	font-size: 20px;
	color: #CA28B1;
}

.sample_img2{
	position: relative;
	left: 30%;
}

.inner_box col-md-12 col-xs-12 .service_text{

	margin-bottom: 30px;

}

/* topics pager */
.pager a,
.pager .current {
	border: solid 1px #666;
	padding: 5px;
	color: #000;
}
.pager .current {
	background-color: #ccc;
}

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

.img_right ul.f_bn {
	display: block;
	padding-top:30px;
}
.img_right .f_bn li {
	display: inline;
}
.img_right .f_bn li a {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color: #333;
	border: 1px solid #333;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	margin-left: 10px;
	font-weight: bold;
}
.img_right .f_bn li a.img_right_snslink_first {
	margin-left:0px;
}
.img_right .f_bn li a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.img_right .f_bn li a i {
	padding-right: 5px;
}

@media screen and (max-width:640px){
	.img_right{
		text-align:center;
	}
}


.main_image_text {
	font-family: ＭＳ 明朝, sans-serif;
	color: #fff;
	text-align: center;
	font-size: 32px;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	margin: 0 auto;
}

.main_image_text p {
	position: absolute;
	top: 42%;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
}

.header_nav {
	border-bottom:1px solid #ccc;
}

.header_nav_page {
	text-align: center;
	margin: 40px auto;
	display: table;
	table-layout: fixed;
	width: 100%;
	max-width: 1000px;
}

.header_nav_page .col-sm-12 {
	padding: 0;
}

.header_nav_page .col-sm-2,
.header_nav_page .col-sm-4,
.header_nav_page .col-sm-1-5 {
	vertical-align: middle;
	border: 1px solid #01499d;
	color: #01499d;
	padding: 0;
	border-right: none;
}

.header_nav_page .col-sm-2:hover,
.header_nav_page .col-sm-4:hover,
.header_nav_page .col-sm-1-5:hover {
	background: #d5f0fb;
	transition: 0.5s;
}

.header_nav_page .active {
	background: #01499d;
}

.header_nav_page .active p {
	color: #fff;
}

.header_nav_page .col-sm-2:last-child,
.header_nav_page .col-sm-4:last-child,
.header_nav_page .col-sm-1-5:last-child {
	border:none;
}

.header_nav_page .last_header_navi {
	border-right:1px solid #01499d;
}

.header_nav_page p {
	padding: 15px 0px;
	font-size: 21px;
	color: #01499d;
}

.property_info a {
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position:relative;
}

.property_info a img {
	width: 100%;
	height: 100%;
}

.property_info p {
	color: #333;
	width: 100%;
	display:block;
}

.property_info p span {
	font-weight: bold;
}

.sub_contents_main .sub_title {
	padding: 40px 0 40px;
	font-size: 34px;
	font-weight: normal;
	line-height: 34px;
}

.estateproperty_sub_contents .sub_head_02 {
	padding-bottom: 60px;
}

.main_text {
	margin: 20px auto;
	max-width: 1000px;
	width: 100%;
	display: table;
}

.sub_title {
	color: #01499d;
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 30px;
	text-align: center;
	padding-top: 50px;
}

.sub_contents_main .sub_title {
	padding: 40px 0 40px;
	font-size: 34px;
	font-weight: normal;
	line-height: 34px;
}

.sub_head_02 {
	padding-bottom: 30px;
}

.property_info {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	max-width:100%;
	text-decoration: none;
	color: #333;
	padding:15px;
	width:100%;
}

.sub_head:last-child,
.sub_head_02:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.estateproperty_sub_contents .row .col-sm-3 {
	padding: 0 10px;
	height: 100%;
}

.main_text .col-xs-6 {
	text-align: center;
	margin-bottom:30px;
}

@media screen and (max-width:640px){
	.property_info p {
		margin:0;
	}
}

.parts_contents {
	background: #fff;
}

/* header start */

.header_main {
	padding :10px 0 15px;
	border-bottom:1px solid #eee;
}

.header_tel {
	position: absolute;
	right:0;
}

.header_tel p {
	text-align: left;
}

.header_tel p span {
	color:#fff;
	background: #1C4FA2;
	border-radius:3px;
	padding:0px 5px;
	text-align: center;
	display:inline-block;
	width:74px;
    text-align-last: justify;       /* Chrome・Firefox用 */
    text-justify: inter-ideograph;  /* IE・Edge用 */

}

.header_tel p a {
	color:#000;
	font-weight: bold;
	padding-left:5px;
	font-size: 20px;
}

.header_main .main_contents_inner {
	height:80px;
}

@media screen and (max-width:991px){
	.header_main {
		background: #fff;
	}
	.header_tel {
		display: none;
	}
	.header_main .main_contents_inner {
		height:45px;
	}
}


/* header end   */

/* nav start */

#main_nav {
	max-width:1000px;
	width:100%;
	padding:10px 0;
	margin:0 auto;
	position:relative;
}

.main_nav_inner {
	/*max-width: 85%;*/
	/*width:100%;*/
	/*position:absolute;*/
	/*right:0;*/
	/*text-align: right;*/
	/*margin-right:-15px;*/
}

.main_nav_inner li {
	display: inline-block;
	margin:0 15px;
	font-size: 18px;
	font-weight: bold;
}

.main_nav_inner li a {
	color:#000;
}

.main_nav_inner li a img {
	vertical-align: baseline;
}

@media screen and (max-width:991px){
	#main_nav {
		display: none;
	}

	#main_nav {
		position:fixed;
		width:80%;
		height: 100%;
		top:0px;
		left:20%;
		padding-top:50px;
		overflow:auto;
		z-index:3000;
		background: #fff;
		font-size:14px;
		letter-spacing: 1px;
		opacity: 0.8;
	}
	#main_nav ul {
		display:block;
		margin:0px;
		padding:0px;
		clear: both;
	}
	#main_nav ul li:first-child {
		border-top:1px solid #eee;
	}
	#main_nav ul li {
		border-bottom:1px solid #eee;
		display: block;
		text-align: left;
	}
	#main_nav .main_nav_inner {
		left:0;
		text-align: left;
		max-width: initial;
	}
	#main_nav ul li a {
		color:#111;
		text-decoration: none;
		line-height: 22px;
		vertical-align: middle;
		font-size: 14px;
		font-weight: normal;
		padding: 16px 30px 14px 20px;
		display: block;
	}
}

/* nav end   */

/* main_image start */

#main_image {
	margin-top:150px;
	width:100%;
	/*position: relative;*/
	display: flex;
	justify-content: center;
	background-image: url(../../img/public/bg.jpg);

}

.main_image_img img {

	width: 100%;
	overflow: hidden;
}

/*test*//*
@media screen and (min-width: 1200px) {
	.main_image_img img {
		min-height: 400px;
	}
}*/
/*test*/
@media screen and (min-width: 991px) and (max-width: 1570px) {
	.carousel-inner{
		  width: 100%;
		  height: 400px;
		  object-fit: cover;
	}
}

@media screen and (min-width: 1571px) {
	.main_image_img img {
		  width: 100%;
		  height: 400px;
		  object-fit: cover;
	}
}

.carousel-inner {
	position: relative;
	overflow: hidden;
}

/*
@media screen and (min-width: 991px) {
	.carousel-inner {
		height: 400px;
	}
}*/

@media screen and (max-width: 720px) {
	.carousel-inner p a{
		font-size: 18px;
	}
}


.main_image_sub {
	/*position:absolute;*/
	/*right:0;*/
	/*top:0;*/

}
.main_image_sub a {
	display: block;
}

.main_image_sub a:nth-child(2) {
	margin:2px 0;
}


#carousel-mainVisual .image_point {
	margin:15px auto 40px;
	text-align: center;
	position:relative;
}

.image_point .slide_pointer {
	width:10px;
	height:10px;
	margin:0;
	background: #ccc;
	display: inline-block;
	cursor:pointer;
	border:1px solid #ccc;
	border-radius:10px;
}

.image_point .slide_pointer.active {
	background: #949494;
	border:1px solid #949494;
}

@media screen and (max-width:991px){
	#main_image {
		margin-top:71px;
	}

	/*test*/
/*
	.main_image_img img {
		height:250px;
	}*/
	/*test*/
	#carousel-mainVisual .image_point {
		position:absolute;
		top:200px;
		left:0;
		right:0;
	}

	.carousel-left-contents {
		padding-right: 0 !important;
	}


	.carousel-right-contents {
		float: none !important;
		width: auto !important;
		margin: auto !important;
	}

	.main_image_sub {
		/*position:relative;*/
		/*width:100%;*/
		/*text-align: center;*/
		width: auto !important;;
		float:none !important;
		margin-left: auto !important;

	}
	.main_image_sub a {
		display:inline-block;
		width:32.0%;
	}
	.main_image_sub img {
		width:100%;
	}

}

/* main_image end   */

/* main_contents */

.main_contents {
	background: #fff;
	position:relative;
}

.main_contents_inner{
	max-width: 1000px;
	width: 100%;
	margin:0 auto;
	position:relative;
}

.main_contents .container {
	display: table;
	width: 1000px;
}

/* content01 start */

.content01 {
	background: #FFF;
	position: relative;
	padding:20px 0;
}
.content01_title {
	margin:0 auto;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	padding:20px 0;
}

.content01 .col-md-md-3 img {
	width:100%;
}

.content01 .row {
	margin:0 -30px;
}

.max_pic img {
	margin: 0 auto;
	max-width: 100%;
	display: flex;
	justify-content: center;
}

.max_pic p {
	text-align: center;
}

@media screen and (max-width:991px){
	.content01 .container {
		width:100%;
	}
	.content01 .row {
		margin:0 -15px;
	}
	.content01 .col-xs-6 {
		text-align: center;
		margin-bottom:20px;

	}
}

/*@media screen and (max-width:991px){*/
/*	.content01 {*/
/*		padding:15px;*/
/*	}*/
/*}*/


/* content01 end   */

/* content01 message start */
.message .content01_title {
	padding: 80px 0 40px;
}

.message .content01_text {
	padding-bottom:100px;
}

.details_span {
	background: #4DBB4F;
	padding: 2px 4px 1px 3px;
	color: #fff;
	border-radius: 5px;
	font-size: 11px !important;
	margin: 0 0 1px 5px;
}

@media screen and (max-width:991px){
	.footer_inner {
		padding:15px;
	}
	.footer_right {
		text-align: center;
	}
	.footer_right p span{
		padding-right:0px;
		display: block;
	}
	.details_span {
		background: #4DBB4F;
		padding: 2px 4px 1px 3px;
		color: #fff;
		border-radius: 5px;
		font-size: 11px !important;
		margin: 0 0 1px 5px;
	}
}


/* content01 message end   */

/* content02 start */

.content02 {
	background: #FFF;
	position: relative;
	padding:20px 0;
}
.content02_title {
	margin:0 auto;
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	padding:20px 0;
}

.content02_tab {
	text-align: center;
	font-size: 20px;
	font-weight: normal;
}

.content02 .content02_inner {
	border:3px solid #1C4FA2;
	padding: 15px 0 40px;
}

.content02_inner .container {
	padding:0 25px;
}

.content02_tab .tab_content {
	background: #A4B8D9;
	color:#1C4FA2;
	float:left;
	display: inline-block;
	width:49.8%;
	border-radius:5px 5px 0 0;
	padding:11px 0;
}

.content02_tab .tab_content2 {
	background: #A4B8D9;
	color:#1C4FA2;
	display: inline-block;
	width:49.8%;
	border-radius:5px 5px 0 0;
	padding:11px 0;
	margin-right:-0.4%;
}

.content02_tab .active {
	background: #1C4FA2;
	color:#fff;
}

.container_wrap {
	max-width: 1040px;
	width:100%;
	margin:0 auto;
	position:relative;
}

.content02 .col-md-12 {
	margin:15px 0;
}

.content02 .col-md-1 {
	font-weight: bold;
}

.content02 .col-md-11 label{
	margin-right: 75px;
}

.content02 .form-control {
	height:50px;
	font-size: 16px;
	font-weight:bold;
}

.content02_select .col-md-5 {
	width:45%;
}

.content02_select .col-md-2 {
	width:10%;
	text-align: center;
	line-height: 50px;
	font-size: 26px;
}

.content02 .property_info p {
	padding-bottom:5px;
}

.content02 .property_info p span{
	padding-right: 25px;
}

.search_button {
	background: #1C4FA2;
	max-width:400px;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align: center;
	height:50px;
	border-radius:5px;
	font-size:20px;
	line-height: 50px;
	margin-top:25px;
}

.content02 .return_left {
	font-size:50px;
	line-height: 44px;
	color:#1C4FA2;
	z-index:50;
	position:absolute;
	left:10px;
	top:40%;
	width:50px;
	height:50px;
	text-align: center;
}
.content02 .next_right {
	font-size:50px;
	line-height: 44px;
	color:#1C4FA2;
	z-index:50;
	position:absolute;
	right:10px;
	top:40%;
	width: 50px;
	height:50px;
	text-align: center;
}

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

	.content02 .container {
		width:100%;
	}
	.content02 .col-xs-6 {
		margin-bottom:20px;
	}
	.content02 .col-xs-2 {
		width:10%;
		text-align: center;
		line-height: 50px;
		padding:0;
	}
	.content02 .search_button {
		width:80%;
	}
}

/* content02 end   */

/* content02 new_arrivals start */

.new_arrivals .content02_tab {
	max-width: 1000px;
	width:100%;
	margin:0 auto;
}

.new_arrivals .content02_tab .tab_content,
.new_arrivals .content02_tab .tab_content2 {
	background: #BDE896;
	color:#6CCC13;
}

.new_arrivals .content02_tab .active {
	background: #6CCC13;
	color:#fff;
}

.new_arrivals .content02_inner {
	border:none;
	border-top:3px solid #6CCC13;
	padding:25px 0 45px;
}

.new_arrivals .container {
	padding: 0px;
}

.new_arrivals .return_left,
.new_arrivals .next_right {
	color:#AFE47C;
	background: #6CCC13;
	border: 3px solid #BDE896;
	border-radius:25px;
}

.new_arrivals .col-md-3 {
	padding:0 12px;
}

.content02 .col-md-3 img {
	width:100%;
}

.new_arrivals .property_info {
	background: #E9EFE5;
}

.new_arrivals .detail_anchor {
	background: #6CCC13;
	color:#fff;
	text-align: center;
	padding:5px 10px;
	margin-top:10px;
}

.new_arrivals .detail_anchor span {
	padding-left: 10px;
	line-height:22px;
}

/* content02 new_arrivals end */

/* content02 recommendation_property start */

.recommendation_property .content02_tab {
	max-width: 1000px;
	width:100%;
	margin:0 auto;
}

.recommendation_property .content02_tab .tab_content,
.recommendation_property .content02_tab .tab_content2 {
	background: #A4B8D9;
	color:#1C4FA2;
}

.recommendation_property .content02_tab .active {
	background: #1C4FA2;
	color:#fff;
}

.recommendation_property .content02_inner {
	border:none;
	border-top:3px solid #1C4FA2;
	padding:25px 0 40px;
}

.recommendation_property .container {
	padding: 0px;
}


.recommendation_property .return_left,
.recommendation_property .next_right {
	color:#A4B8D9;
	background: #1C4FA2;
	border-radius:25px;
	border:3px solid #A4B8D9;
}

.recommendation_property .col-md-3 {
	padding:0 12px;
}

.content02 .col-md-3 img {
	width:100%;
}

.recommendation_property .property_info {
	background: #E6EBEF;
}

.recommendation_property .detail_anchor {
	background: #1C4FA2;
	color:#fff;
	text-align: center;
	padding:5px 10px;
	margin-top:10px;
}

.recommendation_property .detail_anchor span {
	padding-left: 10px;
	line-height:22px;
}

@media screen and (max-width:991px){
	.content02 {
		width:100%;
		padding:15px;
	}
	.content02 .return_left {
		left:0;
		top:50%;
	}
	.content02 .next_right {
		right:0;
		top:50%;
	}
}


/* content02 recommendation_property end */

/* content03 start */

.content03 {
	background: #FFF;
	position: relative;
	padding:10px 0;
}

.content03 .col-md-3 img {
	width:100%;
}

.content03 .col-md-3 a {
	display: block;
	position: relative;
}

.content03 .content03_text {
	width:100%;
	color:#fff;
	text-align:center;
	position:absolute;
	bottom:0;
	padding:10px 0;
	background-color: rgba( 28, 79, 162, 0.5 );
}
@media screen and (max-width:400px){
	.content03 p {
		font-size: 10px;
	}
}


@media screen and (max-width:991px){
	.content03 {
		padding:20px 0;
	}
	.content03 .container {
		width:100%;
	}
	.content03 .row {
		margin:0 -15px;
	}
	.content03 .col-xs-6 {
		margin-bottom:20px;
	}
}
/* content03 end   */

/* footer start */

.footer_main {
	background: #FFF100;
	color:#000;
	width:100%;
	padding-top:60px;
}

.footer_inner {
	max-width: 1000px;
	width:100%;
	margin:0 auto;
}

.footer_left {
	float: left;
	display: inline-block;
	width:50%;
}

.footer_main .footer_left .company_sub_title {
	font-weight:bold;
	padding:20px 0 25px;
}

.footer_left p a{
	color:#000;
}

.footer_right {
	float: right;
	display: inline-block;
	width:50%;
	text-align: right;
	line-height: 28px;
}

.footer_right p span{
	padding-right:80px;
}

.footer_right p a{
	color:#000;
}

.footer_inner::after {
	content: "";
	display: block;
	clear: both;
}

.copy_right {
	font-size:16px;
	text-align: center;
	padding:40px 0 25px;
}

@media screen and (max-width:991px){
	.footer_inner {
		padding:15px;
	}
	.footer_left,
	.footer_right {
		width:100%;
		float:none;
	}
	.footer_right {
		text-align: left;
		padding-top: 30px;
	}
	.footer_right p span{
		padding-right:0px;
	}
	.footer_right p a {
		font-size: 14px;
	}
	.footer_right p,
	.footer_right span{
		display: inline-block;
	}
	.footer_right p{
		width:20%;
		float:left;
	}

}


/* footer end   */


/* subpage start */

.sub_image {
	width:100%;
	height:400px;
}

.sub_image img {
	width:100%;
}

.sub_display_content .content01_text p {
	line-height:45px;
	margin: 0 31px 0;
}
.sub_display_content .content01_text span {
	font-size: 28px;
}

.sub_display .col-md-6  {
	padding-top:20px;
	padding-bottom:20px;
}

.sub_display .col-md-6 a img {
	width:100%;
}

.sub_display .sub_small_text {
	padding-left:1em;
	text-indent:-1em;
	font-size:14px;
}

@media screen and (max-width:991px){
	.sub_image {
		height:200px;
	}
}

.download a{
	border-radius: 10px;
}

.download a p{
	font-size: 25px;
}

.download a img{
	text-align: right;
}



/* subpage end   */

/* property start */

.step {
	margin:10px 0 20px;
}

.sub_display_content .step .step_span {
	background: #1C4FA2;
	padding: 5px 10px;
	color:#fff;
	border-radius:5px;
	font-size: 16px;
	margin-right:5px;
}

.narrowing .narrowing_all,
.narrowing .narrowing_main {
	border:1px solid #bbb;
	position: relative;
}

.narrowing_main {
	padding:10px 0 20px;
}

.narrowing .narrowing_all {
	border-bottom:none;
	background: #eee;
	font-weight: bold;
	padding:10px 15px 5px;
}

.narrowing label {
	font-weight: normal;
}

.narrowing_all label{
	padding-left:10px;
}

.sub_display_content .narrowing span {
	font-size: 16px;
}

.detailarea {
	text-align: right;
	padding-right:10px;
}

.searchdetail {
	color:#333;
	background: linear-gradient(to bottom, #ffffff, #e5e5e5);
	border:1px solid #777;
	border-radius:5px;
	box-shadow: 0 0 0 1px #f7f7f7 inset;
	height: 20px;
	margin:0 5px;
	padding:2px 10px;
	line-height: 20px;
	cursor: pointer;
	font-size: 14px;
}

.search_detail_buttom {
	text-align: center;
	padding:15px 0;
}

.search_detail_buttom p{
	background: linear-gradient(to bottom, #ffffff, #e5e5e5);
	border:3px solid #c4c4c4;
	font-size: 20px;
	border-radius:50px;
	display: inline-block;
	padding:10px 50px;
	font-weight: bold;
}

.search_detail_buttom p span{
	font-size: 30px;
	padding-left:10px;
}

.narrowing .search_conditions {
	border:1px solid #bbb;
	width:100%;
	position: relative;
}

.search_conditions_list {
	position:relative;
	width:100%;
	border-bottom:1px solid #bbb;
}

.search_conditions_list:last-child{
	border-bottom:none;
}

.search_conditions_left {
	display: inline-block;
	width:20%;
	float: left;
	padding:13px 10px;
	font-weight: bold;
}

.search_conditions_right {
	display: inline-block;
	width:80%;
	padding:10px 20px;
	border-left:1px solid #bbb;
	margin:3px 0;
}

.search_conditions_right label {
	padding-right:20px;
}

.sub_display_content .search_conditions_right span {
	font-size: 16px;
}

.search_conditions_list:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.result_count {
	position:relative;
}

.result_count .number {
	position:absolute;
	top:33%;
	left:10%;
}

.link-frame {
	border:1px solid #bbb;
	padding:15px 20px;
	margin-top:30px;
}

.link-frame h3 {
	padding:5px;
}

.link-frame li{
	display: inline-block;
	padding: 0 5px;
	line-height: 2em;
}

.link_frame_station {
	margin-top:30px;
	padding:5px;
}

.link_frame_station li{
	display: inline-block;
}

@media screen and (max-width:991px){
	.sub_display_content .narrowing_main .col-xs-6 {
		text-align: left;
	}
	.search_conditions_left {
		display: block;
		width:100%;
		float:none;
		border-bottom:1px solid #bbb;
		background: #eee;
	}

	.search_conditions_right {
		display: block;
		width:100%;
		border-left :none;
		margin:0;
	}

	.result_count .number {
		position:relative;
		text-align: right;
		padding:0 15px;
		top:0;
		left:0;
	}
}


/*20200319*/



@media screen and (min-width: 992px){


.list_box_pc{


	    float:right;
	    margin-left:-100%;
}

.list_box_mobile{

 display: none;

}

.flex_column{

display: flex;
  flex-direction: column;


}


.container.image_box{

	    width: 90%;

}
}


@media screen and (min-width: 992px){



.image_list img{

      margin-bottom: 2px;

}
}


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

.list_box_pc{

	display: none;

}
}

@media screen and (min-width: 767px) and (max-width: 991px){

 .mobile_contents{

 	height: 1060px;

 }
}

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


.image_list img{

      width: 100%;
      display: 0 auto;

}

 .image_box{

 	    padding-top: 20px;
 }
}



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

	.mobile_contents{

		margin:0 auto;


 }

    .list_box_mobile{

      margin-bottom: 20px;


    }
}



/* property end   */

/* staff start */
.staff_image tr.staff_tr_image td {
	border-top: initial;
}
.staff_image td.staff_tr_title {
	border-top: initial;
	border-bottom: 1px solid #ddd;
	padding: 3px;
}
.staff_image td.staff_tr_body {
	border-top: initial;
	padding: 3px;
}

@media screen and (min-width: 991px){
	.staff_image img {
		max-width: 280px;
	}
	.staff_image tr.staff_tr_image {
		height: 220px;
		display:  table-cell;
		vertical-align:  middle;
	}

}
@media screen and (max-width: 990px){
	.staff_image {
		text-align: center;
		margin-bottom: 15px;
	}
}

/* staff end */