/* -------------------------------------------------- 全ページ共通 ▽ */
*{
	font-family : "メイリオ";
	font-size : 14px;
	line-height : 25px;
	color : #222222;
	margin : 0px;
	padding : 0px;
	background-repeat : no-repeat;
}
BODY{
	position : relative;
	left : 0;
	overflow-x : hidden;
}
div#WRAPPER{
	width : 100%;
	margin : 0px;
	padding : 0px;
	overflow : hidden;
}
h1{
	font-size : 10px;
	color : #000000;
	position : absolute;
	text-indent : -9999px;
}
h2,h3{
	display : block;
	margin : 0px;
}
a{
	color: rgb(27, 149, 224);
}
/*
A#GO_TO_TOP{
	display : none;
	width : 50px;
	height : 44px;
	background-image: url(../img/back_top_btn.png);
	color : #FFFFFF;
	right : 10px;
	bottom : 16px;
	position : fixed;
	z-index : 98;
	text-indent: 100px;
	overflow: hidden;
	white-space: nowrap;
	background-size: 100% auto;
}
*/
/*---BACKボタン重なり解消---*/
A#GO_TO_TOP{
	display : none;
	width : 50px;
	height : 44px;
	
	color : #FFFFFF;
	right : 5px;
	bottom : 6px;
	position : fixed;
	z-index : 98;
	text-indent: 100px;
	overflow: hidden;
	white-space: nowrap;
	background-size: 90% auto;
	opacity : 0.01;
}

ul{
	list-style : none;
}
ol{
    margin-left: 1.8em;
}
div#GOOGLE_MAP {
	width : 100%;
	height : 300px;
	background-color : #ECE8DF;
}
small{
	font-size : 11px;
}
span.char_blue{
	color : #0068B7;
}
option[disabled] {
	color: #fff;
	background-color: #bababa;
}
/* ページ上部にもどるボタン ここから */
#BACK_TOP {
	position: fixed;
	z-index: 1;
	bottom: 10px;
	right: 10px;
	background-image: url(../img/back_top_btn.png);
	width: 45px;
	height: 40px;
	text-indent: 100px;
	overflow: hidden;
	white-space: nowrap;
	background-size: 100% auto;
	transition-duration: 0.5s;
}
#BACK_TOP:hover {
	width: 50px;
	height: 44px;
}
#BACK_TOP:active {
	transform: rotateX(360deg);
	trandition-duration: 0.1s;
}
#BACK_TOP > a {
	display: block;
	width: 100%;
	height: 100%;
}
/* ページ上部にもどるボタン ここまで */
/* -------------------------------------------------- 全ページ共通 △ */
/* -------------------------------------------------- サブページ共通 ▽ */
div#TOP{
	width : 100%;
	min-height : 100px;
	background-color : #000000;
	position : fixed;
	z-index : 100;
}
a#SUB_LOGO{
	display : block;
	width : 175px;
	height : 40px;
	margin : 10px AUTO;
	color : #FFFFFF;
	text-indent : -9999px;
	background-image : url(../img/logo_sub.png);
}
/* -- グローバルメニュー -- */
ul#SUB_GM{
	display : block;
	width : 100%;
}
ul#SUB_GM li{
	display : block;
	list-style : none;
	float : left;
	width : 16.5%;
	height : 50px;
	text-align : center;
	color : #FFFFFF;
	border-right : 1px solid #FFFFFF;
	position : relative;
}
ul#SUB_GM li{
	position : relative;
}
ul#SUB_GM input[type="radio"].on-off{
	display : none;
}
ul#SUB_GM input[type="radio"].on-off + ul li{
	height : 0px;
	overflow : hidden;
	transition: .3s;
	border-top : 0px;
}
ul#SUB_GM input[type="radio"].on-off:checked + ul li{
	height : 46px;
	border-top : 1px solid rgba(255,255,255,0.3);
}
ul#SUB_GM .sub_gm_list{
	border : 0;
	position : absolute;
	width : 250px;
	top : 50px;
	margin-top : 2px;
	transition: 0.5s;
}
ul#SUB_GM .sub_gm_list li{
	border : 0;
	width : 100%;
	height : 46px;
	padding : 0px;
	text-align : left;
	background : rgba(0,0,0,0.75);
	border-top : 1px solid rgba(255,255,255,0.3);
}
ul#SUB_GM .sub_gm_list li:hover{
	background : rgba(0,0,0,0.55);
}
ul#SUB_GM .sub_gm_list li a{
	color : #ffffff;
	text-decoration : none;
	margin : 0px;
	padding : 10px 10px 10px 20px;
	display : block;
	width : 95%;
}
ul#SUB_GM li:nth-child(4) .sub_gm_list,
ul#SUB_GM li:nth-child(5) .sub_gm_list,
ul#SUB_GM li:nth-child(6) .sub_gm_list{
	position : absolute;
	right : 0px;
}
ul#SUB_GM li{
	background : url(../img/sub_gm_button.png);
	box-sizing : border-box;
}
ul#SUB_GM li:last-child{
	border-right : none

}
ul#SUB_GM .gm_1{
	background-position : 50% 0px;
}
ul#SUB_GM .gm_1:hover{
	background-position : 50% -300px;
}
ul#SUB_GM .gm_2{
	background-position : 50% -50px;
}
ul#SUB_GM .gm_2:hover{
	background-position : 50% -350px;
}
body ul#SUB_GM .gm_3{
	width : 17%;
}
ul#SUB_GM .gm_3{
	background-position : 50% -100px;
}
ul#SUB_GM .gm_3:hover{
	background-position : 50% -400px;
}
ul#SUB_GM .gm_4{
	background-position : 50% -150px;
}
ul#SUB_GM .gm_4:hover{
	background-position : 50% -450px;
}
ul#SUB_GM .gm_5{
	background-position : 50% -200px;
}
ul#SUB_GM .gm_5:hover{
	background-position : 50% -500px;
}
ul#SUB_GM .gm_6{
	background-position : 50% -250px;
}
ul#SUB_GM .gm_6:hover{
	background-position : 50% -550px;
}
ul#SUB_GM label{
	display : block;
	height : 100%;
	width : 100%;
	text-indent : 100%;
	white-space : nowrap;
	overflow : hidden;
	padding-top: 29px;
    font-size: 10px;
    color : #ffffff;
    cursor : pointer;
	box-sizing: border-box;
}
div.sub_image{
	width : 100%;
	margin-top : 100px;
	height : 250px;
	background-color : #2569C8;
	background-size : cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-position : 50% 95% ;
}
div#SUB_IMAGE_COMPANY{
	background-image : url("img/sub_header_buy.jpg");
}
div#SUB_TITLE{
	width : 100%;
	height : 180px;
	position : relative;
}
span.hex{
	position : absolute;
	background-image : url(../img/hex.png);
	background-position : 50% 0%;
	width : 100%;
	height : 235px;
	top : -117px;
	left : AUTO;
	z-index : 1;
}
h2.h2_subpage_top{
	position : absolute;
	width : 100%;
	line-height: 1em;
	text-align : center;
	font-size : 48px;
	font-weight : normal;
	top : 100px;
	padding : 0px 0px 10px 0px;
}
body#SUBPAGE h3 {
	text-align : center;
	font-size : 30px;
	font-weight : normal;
	padding : 10px;
    margin: 50px auto 15px;
	line-height : 1em;
}
p.ancerlink {
	display : block;
	width : 100%;
	padding : 10px 0 10px;
	text-align : center;
	clear : both;
}
div#SUB_MAIN{
	padding : 10px;
	width : 970px;
	margin : 10px AUTO 100px;
}
.table_style {
	font-size : 14px;
	border-spacing : 0px;
	width : 100%;
	max-width: 740px;
	border-bottom : 1px solid #000000;
	margin: auto;
}
.table_style th,
.table_style td{
	font-weight : normal;
	border-top : 1px solid #000000;
	padding : 3px;
	font-size : 14px;
}
.table_style th {
	width: 30%;
}
.table_style tr{
	padding : 5px;
	
}
.button_style{
	width : 300px;
	display : block;
	padding : 10px;
	border : 1px solid #666666;
	color : #FFFFFF;
	text-decoration : none;
	text-align : center;
	font-size : 18px;
	font-weight : normal;
	margin : 5px AUTO;
	transition : .3s;
	box-sizing : border-box;
	position : relative;
	overflow : hidden;
	z-index : 1;
}
div.about_content_box .button_style{
	width : 100%;
}
.button_style:before{
	content: "";
	width: 100%;
	height: 100%;
	background-color : #666666;
	position : absolute;
	top : 0;
	right : 0;
	z-index : -1;
	transition : .3s;
}
.button_style:hover:before{
	content: "";
	width: 0%;
	height: 100%;
	background-color : #666666;
	z-index : -1;
}
.button_style:hover{
	background-color : #FFFFFF;
	color : #666666;
	transition-duration: .3s;
}
DIV#EDD_SIMILAE_RESULT .button_style{
	width : 100%;
}
/* -- 閉じるボタンCSS -- */
.close_btn{
	display : none;
}
ul#SUB_GM .sub_gm_list li label{
	font-size : 12px;
	text-align : left;
	text-indent: 0;
	padding: 5px 10px 5px 20px;
	vertical-align : middle;
}
ul#SUB_GM .sub_gm_list li.close_bar{
	height : 38px;
}
ul#SUB_GM .sub_gm_list li label span{
	font-size: 18px;
	color : #ffffff;
}

/* -- モーダルウインドウ -- */

#MODAL_OVERLAY{
	z-index : 101;
	width : 100%;
	padding : 0px;
	margin : 0px;
	position : fixed;
	top : 0;
	left : 0;
	background : rgba(0,0,0,0.75);
	height : 100%;
	display : none;
}
#MODAL_BOX{
	width : 50%;
	background : #ffffff;
	position : absolute;
	top : 50%;
	left : 50%;
	transform:translate(-50%, -50%);
	margin : auto;
	height :  auto;
}
#MODAL_CONTENT div{
	padding : 0px 20px 10px;
}
#MODAL_CONTENT div img{
	display : block;
	margin  : auto;
	width : 70%;
	margin-bottom : 10px;
}
#MODAL_CONTENT div p{
	line-height : 24px;
}
#MODAL_CONTENT{
	overflow-y : scroll;
	overflow-x : hidden;
	max-height : 535px;
	margin : 35px 20px 35px 10px;
}
#MODAL_CONTENT::-webkit-scrollbar{
	width: 15px;
}
#MODAL_CONTENT::-webkit-scrollbar-thumb{
	background: #666666;
    border-radius: 10px;
}
#MODAL_CONTENT::-webkit-scrollbar-track-piece:start,
#MODAL_CONTENT::-webkit-scrollbar-track-piece:end{
	background : #eeeeee;
}
.modal_title{
	display : block;
	width : 100%;
	text-align : center;
	margin-top : 10px;
	margin-bottom : 10px;
	font-size : 16px;
}
.modal_button_back{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 0;
	margin-left: -25px;
	cursor : pointer;
}
.modal_button_next{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	right: 0;
	margin-right: -25px;
	cursor : pointer;
}
.modal_button_close{
	position : absolute;
	top : 0;
	right : 0;
	cursor : pointer;
}
/* -- 問い合わせフォーム共通 -- */
.table_inq {
	max-width: 740px;
}
.table_inq input,.table_inq textarea{
	margin : 5px 0;
	width : 100%;
}
.table_inq .form_req{
	display: inline-block;
	padding-left : 5px;
	color : #F44336;
	font-size : 10px;
}
.table_inq textarea{
	resize: none;
	height : 100px;
}
.table_inq input.dummy_chack{
	display : none;
}
.table_inq ul{
	list-style : none;
}
.table_inq li input{
	margin : 0;
	width : 18px;
}
.table_inq .input_add{
	width : 90px;
}
.form_button{
	text-align : center;
}
.form_button input{
	display : inline-block;
	margin-top: 30px;
	background : #666666;
}
.inset_size[type="text"],
.inset_size {
	display:inline-block;
	width: 180px;
}
/* 文字入力系フォーム */
input[type="text"] {
	box-sizing: border-box;
	min-height: 1.5em;
	border: 1px solid #9a9a9a;
	padding: 0 2px;
}
.contact_form input[type="radio"],
.contact_form input[type="checkbox"]{
	width : auto;
	margin : 0px 5px;
}
.numbox{
	width : 50px !important;
}
.size_type,
.form_address{
	 border-top : 1px dashed #000000;
}
.form_address{
	padding : 3px 0px;
}
.size_type:first-of-type,
.form_address:first-of-type{
	padding-top : 0px;
	margin-top : 0px;
	border-top : none;
}
.text_width{
	display : inline-block;
	text-align : center;
	width : 120px;
}
.contact_form h4{
	font-size : 18px;
	font-weight : lighter;
	letter-spacing : 3px;
	border-top : 1px dashed #005DAD;
	box-sizing : border-box;
	width : 80%;
	padding : 24px 16px 8px 0px;
	margin : 32px auto 0px;
	max-width : 740px;
}
.contact_form h4:first-of-type{
	border-top : none;
	padding-top : 0;
	margin-top : 0;
}
.table_style th{
	width : 30%;
}
.dummy_mail{
	display : none;
}
span.form_ex{
	font-size : 12px;
	color : #666666;
}
/* -- 投資用フォーム -- */
#INV_LIMIT{
	text-align : center;
}
.special_box {
	display : flex;
	justify-content : center;
	flex-wrap : wrap;
	max-width: 640px;
	margin: auto;
}
.special{
	position : relative;
	float : left;
	color : #ffffff;
	text-align : center;
	box-sizing : border-box;
	width : 300px;
	height : 200px;
	margin : 10px;
	border : 1px solid #005DAD;
	background-image:url(../img/bg/bg_bl.jpg);
	background-size: 100% auto;
}
.special > p {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	width : 90%;
	line-height : 25px;
	height : 60px;
	margin : auto;
	color : #ffffff;
}
/* Safari CSSHack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome,
	.special {
		float: left;
	}
}
@media screen and (max-width: 610px){
	.special {
		float: none;
		margin: auto !important;
	}
}
.special h4{
	letter-spacing : 2px;
	background-color : #ffffff;
	box-sizing : border-box;
	padding : 8px;
	background-image : url(../img/logo_salutation.png), url(../img/bg/bg_wh.jpg);
	background-position : right center, top left;
	background-size: 25%, 100% auto;
}
.caution{
	font-size : 12px;
	text-align : center;
	margin : 30px auto 10px;
}
.checked_item td  div  div{
	display : inline-block;
}
/*----- 署名 -----*/
#SIGN {
	display: block;
	text-align: right;
	width: 168px;
	margin-left: auto;
}
#PRESIDENT {
	display: block;
	text-indent: 168px;
	overflow: hidden;
	background-image: url(../img/president_name.gif);
	height: 20px;
	margin-top: 8px;
	margin-bottom: 25px;
}
/* -------------------------------------------------- サブページ共通 △ */
/* -------------------------------------------------- フッター*/
div#BOTTOM{
	width : 100%;
	height : AUTO;
	background-color : #181818;
	color : #FFFFFF;
	clear : both;
}
div#BOTTOM a{
	color : #FFFFFF;
	text-decoration : none;
}
div#BOTTOM a:hover{
	color : #FFFFFF;
	text-decoration : underline;
}
div#BOTTOM div#BOTTOM_MENU{
	width : 90%;
	margin : 0px AUTO;
}
div#BOTTOM ul{
	display : block;
	width : 15%;
	float : left;
	margin-left : 10px;
	margin-top : 30px;
}
div#BOTTOM ul li{
	margin-left : 20px;
	font-size : 11px;
	display : block;
	color : #FFFFFF;
	padding : 0px;
	margin : 0px;
}
div#BOTTOM ul li.li_title{
	margin-left : 0px;
	font-weight : bold;
	margin-bottom : 14px;
	font-size : 14px;
}
div#BOTTOM  a{
	font-size : 12px;
}
P#P_COPYRIGHT{
	widht : 100%;
	clear : both;
	padding : 10px;
	text-align : center;
	color : #FFFFFF;
}


/* -------------------------------------------------- トップページグローバルメニュー*/
div#TOP_GM{
	position : fixed;
	widht : 110px;
	z-index : 99;
}
a#LOGO{
	display : block;
	position : absolute;
	width : 330px;
	height : 100px;
	padding : 0px;
	font-size : 14px;
	text-align : center;
	color : #FFFFFF;
	background-color : rgba(25,25,25,0.8);
	margin-bottom : 1px;
	background-image : url(../img/logo.png);
	background-position : 50% 50%;
	text-indent : -9999px;
	display : none;
}
a:hover#LOGO{
	background-color : rgba(25,25,25,0.7);
}
P#TOP_GM_OPEN_BUTTON{
	display : none;
	width : 40px;
	height : 40px;
	background-image : url(../img/btn_open_close.png);
	position : fixed;
	top : 5px;
	left : 5px;
	text-indent : -9999px;
}
DIV#TOP_GM .open{
	background-position : 0px 0px;
}
DIV#TOP_GM .close{
	background-position : -40px 0px;
}

ul#UL_TOP_GM{
	display : block;
	width : 100px;
	margin-top : 50px;
}
ul#UL_TOP_GM li{
	display : block;
	width : 130px;
	height : 60px;
	padding : 0px;
	overflow : hidden;
	margin-bottom : 1px;
}
ul#UL_TOP_GM img.gm_icon{
	display : table-cell;
	float : left;
	margin : 0px;
	width : 35px;
	height : 35px;
}
ul#UL_TOP_GM span{
	display : table-cell;
	color : #FFFFFF;
	font-size : 10px;
	margin : 0px;
	line-height : 12px;
	vertical-align : middle;
}
ul#UL_TOP_GM a{
	display : block;
	width : 90px;
	height : 40px;
	padding : 10px;
	margin : 0px;
	background-color : rgba(25,25,25,0.8);
	text-align : center;
	font-size : 12px;
	color : #FFFFFF;
	float : left;
	display : table;
	text-decoration : none;
}
ul#UL_TOP_GM a:hover {
	background-color : rgba(25,25,25,0.7);
}
ul#UL_TOP_GM label{
	display : block;
	background-color: rgba(25, 25, 25, 0.8);
	width : 19px;
	height : 60px;
	margin-left : 1px;
	float: left;
}
ul#UL_TOP_GM label:hover{
	background-color: rgba(25, 25, 25, 0.7);
}
ul#UL_TOP_GM label img{
	display : block;
	margin : 23px auto;
	text-align : center;
}
ul#UL_TOP_GM .top_gm_list{
	width : 250px;
	position : absolute;
	left: 130px;
	margin-left: 1px;
}
ul#UL_TOP_GM input[type="radio"].on-off + ul li{
	height : 0px;
	overflow : hidden;
	transition : 0.3s;
}
ul#UL_TOP_GM input[type="radio"].on-off:checked + ul li{
	height : 45px;
}
ul#UL_TOP_GM .top_gm_list li{
	width : 100%;
	height : auto;
}
ul#UL_TOP_GM .top_gm_list a{
	width : 100%;
	height : auto;
	margin-bottom : 1px;
	text-align : left;
	padding-left : 30px;
}
A#A_TOP_CONTACT{
	top : 0;
	right : 0;
	position : absolute;
	display : block;
	text-indent : -9999px;
	background-image : url(../img/icon_mail2.png);
	width : 137px;
	height : 110px;
	z-index : 50;
}
a:hover#A_TOP_CONTACT{
	background-image : url(../img/icon_mail2hover.png);
}
div#TOP_LOGO{
	background-image : url(../img/logo_citinet.png);
	background-position: 66% 0%;
	display: block;
	height: 190px;
	padding: 0;
	position: relative;
	text-indent: -9999px;
	width: 500px;
	margin : 0px AUTO;
}

/* -------------------------------------------------- トップページ */
div#NEWS_ALERT{
	position : absolute;
	width : 20px;
	height : 20px;
	padding : 0px;
	right : -20px;
	bottom : 30px;
}
ul#UL_TOP_GM SPAN#SPAN_MARK_N{
	display : block;
	color : #FFFFFF;
	width : 20px;
	height : 20px;
	padding : 0px;
	font-size : 14px;
	font-weight : bold;
	text-indent : -9999px;
	background-image : url(../img/icon_news_n.png);
}
ul#UL_TOP_GM SPAN#NEWS_HIDE{
	display : none;
	width : 300px;
	background-color : rgba(220,220,220,0.8);
	color : #222222;
	font-size : 14px;
	line-height : 20px;
	position : absolute;
	bottom : 0;
	left : 30px;
	padding : 15px;
}
ul#UL_TOP_GM SPAN#NEWS_HIDE a{
	color : #333333;
	text-decoration : underline;
	display : inline;
	background-color : translate;
	width : AUTO;
	height : AUTO;
	float : none;
	padding : 0px;
	background-color: rgba(255,255,255,0);
}
SPAN#SPAN_MARK_N:hover{
	cursor : pointer;
}
SPAN#SPAN_MARK_N:hover + SPAN#NEWS_HIDE{
	display : block;
}
div#NEWS_ALERT P#NO_HIT{
	display : none;
	text-indent : -9999px;
}
a#A_SCROLL_DOWN{
	display : block;
	background-image : url(../img/down.png);
	width : 150px;
	height : 133px;
	text-indent : -9999px;
	position : absolute;
	left : 0;
	right : 0;
	margin : 0 auto;
	top : 38%;
	-webkit-animation: A 2s ease 0s infinite alternate;
	animation: A 2s ease 0s infinite alternate;
}
@-webkit-keyframes A {
	0%   {-webkit-transform:rotateX(0deg);}
	100% {-webkit-transform:rotateX(360deg);}
}
@keyframes A {
	0%   {transform:rotateX(0deg);}
	100% {transform:rotateX(360deg);}
}
BODY#TOPPAGE div#TOP_7 div.company_base h3 {
	font-size: 30px;
	font-weight: lighter;
	padding: 34px 0;
	margin-right : 35px;
}
BODY#TOPPAGE div#TOP_7 div.company_base a {
	margin: 0;
}
DIV#TOP_7 h3.h3_company_citinet {
	height: 80px;
	background-size: 250px;
}
BODY#TOPPAGE div#TOP_7 div.company_base a {
	margin: 0 26px;
}
@media screen and (max-width: 1000px){
	BODY#TOPPAGE div#TOP_7 div.company_base {
		height: 600px;
	}
}
img.img_hex_title {
	margin : 0px AUTO;
	display : block;
}
h2.h2_top{
	display : block;
	width : 100%;
	height : 120px;
	font-weight : normal;
	background-color : #000000;
	background-repeat : repeat;
	transform: skewY(3deg);
	top : -50px;
	position : absolute;
	overflow : hidden;
}
h2.h2_top span{
	display : block;
	width : 100%;
	font-size : 100px;
	padding : 15px;
	text-align : center;
	transform: translateY(17px);
	color : #FFFFFF;
	padding : 30px 0px;
	opacity : 0.6;
}
h2#H2_TOP02{
	background-image : url(../img/bg/bg_bk.jpg);
}
h2#H2_TOP03{
	background-image : url(../img/bg/bg_bk.jpg);
}
h2#H2_TOP04{
	background-image : url(../img/bg/bg_brwn.jpg);
}
h2#H2_TOP05{
	background-image : url(../img/bg/bg_gr.jpg);
}
h2#H2_TOP06{
	background-image : url(../img/bg/bg_pur.jpg);
}
h2#H2_TOP07{
	background-image : url(../img/bg/bg_nv.jpg);
}
div.top_cnt{
	width : 100%;
	height : 1000px;
	position : relative;
	z-index : 1;
}
div.scrEvent{
	display: none;
}
div.div_right,
div.div_left{
	width : 70%;
	height : 90%;
	position : relative;
}
div.div_right{
	float : right;
}
div.div_left{
	float : left;
}
div.div_right_50,
div.div_left_50{
	width : 38%;
	height : 90%;
}
div.div_right_50{
	float : right;
	text-align : left;
	margin : 0px 120px 0px 0px;
}
div.div_left_50{
	float : left;
	text-align : right;
	margin : 0px 0px 0px 120px;
}
/*-----------------------------------------------六角形*/
div.hexagon{
	width : 478px; 
	height : 430px;
	background-image : url(../img/hex_bg.png);
	background-position : 50% 50%;
	position : relative;
}
div.div_right div.hexagon {
	margin : 250px AUTO 0px 100px;
}
div.div_left div.hexagon {
	margin : 250px 93px 0px AUTO;
}
div.hexagon P,
div.hexagon UL{
	display : block;
	width : 310px;
	margin : 0px AUTO 5px AUTO;
	line-height : 24px;
	text-align : center;
}
div.hexagon UL{
	width : 280px;
}
body#TOPPAGE div.hexagon h3{
	display : block;
	width : 100%;
	text-align : center;
	font-size : 30px;
	margin : 15px 0px;
	padding : 40px 0px 0px ;
	line-height : 30px;
	font-weight : normal;
}
/*-----------------------------------------------六角形リンク*/
div.div_right div.base_a_hex{
	width : 450px;
	height : AUTO;
	margin : 250px 0px 0px 0px;
	position : absolute;
	left : 0;
	top : 0;
}
div.div_left div.base_a_hex{
	width : 450px;
	height : AUTO;
	margin : 250px -44px 0px 0px;
	position : absolute;
	right : 0;
	top : 0;
}
a.a_hex{
	display : block;
	position : absolute;
	width : 248px;
	height : 217px;
	background-image : url(../img/hex_s.png);
	background-position : 50% 50%;
	text-decoration : none;
}
a.a_hex span{
	display : block;
	font-size : 18px;
	text-align : center;
	padding : 125px 0px 0px 0px;
	text-decoration : none;
}
/* 右寄りコンテンツの配置 */
div.div_right div.base_a_hex a.a_hex_01{
	margin-top : -112px;
	margin-left : -38px;
}
div.div_right div.base_a_hex a.a_hex_02{
	margin-top : 105px;
	margin-left : -170px;
}
div.div_right div.base_a_hex a.a_hex_03{
	margin-top : 330px;
	margin-left : -35px;
}
div.div_right div.base_a_hex a.a_hex_04{
	margin-top : 440px;
	margin-left : 160px;
}
div.div_right div.base_a_hex a.a_hex_05{
	margin-top : 440px;
	margin-left : 410px;
}
/* 左寄りコンテンツの配置 */
div.div_left div.base_a_hex a.a_hex_01{
	margin-top : -115px;
	margin-left : -35px;
}
div.div_left div.base_a_hex a.a_hex_02{
	margin-top : 323px;
	margin-left : -30px;
}
a#A_HEX_BUY_01{
	background-image : url(../img/a_hex_buy.png);
}
a#A_HEX_BUY_02{
	background-image : url(../img/a_hex_citinet_selection.png);
}
a#A_HEX_BUY_03{
	background-image : url(../img/a_hex_memoir.png);
}
a#A_HEX_BUY_04,
a#A_HEX_INV_03{
	background-image : url(../img/a_hex_reserve.png);
}
a#A_HEX_BUY_05{
	background-image : url(../img/a_hex_flyer.png);
}
a#A_HEX_SALE_01{
	background-image : url(../img/a_hex_purchase.png);
}
a#A_HEX_SALE_02{
	background-image : url(../img/a_hex_request.png);
}
a#A_HEX_STRE_02{
	background-image : url(../img/a_hex_past.png);
}
a#A_HEX_STRE_01{
	background-image : url(../img/a_hex_stre.png);
}
a#A_HEX_INV_01{
	background-image : url(../img/a_hex_investment.png);
}
a#A_HEX_INV_02{
	background-image : url(../img/a_hex_registrate.png);
}
a#A_HEX_COMPANY_01{
	background-image : url(../img/a_hex_salutation.png);
}
a#A_HEX_COMPANY_02{
	background-image : url(../img/a_hex_profile.png);
}
a#A_HEX_COMPANY_03{
	background-image : url(../img/a_hex_recruit.png);
}
a#A_HEX_COMPANY_04{
	background-image : url(../img/a_hex_yokohama.png);
}
a#A_HEX_COMPANY_05{
	background-image : url(../img/a_hex_kawasaki.png);
}
a#A_HEX_COMPANY_06{
	background-image : url(../img/a_hex_jotou.png);
}
a#A_HEX_ORD_01{
	background-image :url("../img/a_hex_organichouse.png");
}
a#A_HEX_ORD_02{
	background-image :url("../img/a_hex_order.png");
}
div#TOP_5 div.hexagon img{
	width : 100%;
	max-width : 105px;
	margin : 0px AUTO 15px AUTO;
}
div#TOP_5 div.hexagon h3{
	padding-top : 30px;
	margin : 0;
}
div#TOP_5 div.hexagon p{
	letter-spacing : -0.8px;
}
div.hexagon P.top_5_p{
	text-align : left;
}

/*-----------------------------------------------*/
h2.h2_toppage_intro,
h2.h2_toppage_followme,
div#WRAPPER div#TOP_9 h3{
	display : block;
	clear : both;
	width : 100%;
	height : AUTO;
	text-align : center;
	font-size : 48px;
	font-weight : normal;
	position : relative;
	margin : 0px 0px;
	padding : 50px 0px 10px 0px;
	line-height : 48px;
}
h2.h2_toppage_location{
	clear : both;
	width : 100%;
	height : AUTO;
	text-align : center;
	font-size : 48px;
	font-weight : normal;
	position : relative;
	color : #FFFFFF;
	display : block;
	margin : 20px 0px;
	padding : 10px 0px;
	line-height : 48px;
}
a#A_TOP_TEL{
	display : block;
	background-image : url(../img/TOP_TEL.png);
	width : 320px;
	height : 42px;
	float : right;
	margin : 20px;
	text-indent : -9999px;
}
div#WRAPPER div#TOP_1{
	padding : 40px 0px 0px 0px;
	height : 420px;
	background-color : #FFFFFF;
}
div#WRAPPER div#TOP_1 P{
	display : block;
	width : 600px;
	margin : 0px AUTO 50px AUTO;
	font-size : 18px;
	line-height : 30px;
	text-align : center;
}
/* 不動産購入 */
UL#UL_TOP_SEARCH{
	width : 240px;
	padding : 0px;
}
UL#UL_TOP_SEARCH LI{
	width : 240px;
	text-align : left;
	text-indent : 35px;
	margin : 0px 0px 5px 0px;
	display : block;
	background-position : 0% 50%;
}
UL#UL_TOP_SEARCH LI#LI_TOP_SEARCH_TYPE{
	background-image : url(../img/icon_search_estate.png);
}
UL#UL_TOP_SEARCH LI#LI_TOP_SEARCH_ADD{
	background-image : url(../img/icon_search_area.png);
}
UL#UL_TOP_SEARCH LI#LI_TOP_SEARCH_RAIL{
	background-image : url(../img/icon_search_railway.png);
}
UL#UL_TOP_SEARCH select{
	padding : 5px;
	font-size : 16px;
	margin : 0px 0px 0px 5px;
}
#TOP_2 div.top_button_link{
	margin-top : 15px;
}
.top_2_p{
	padding-top : 13px;
}


/* デザイナーズ */
div.hexagon P img.top_stre_logo{
	margin-top : 0px;
}
body#TOPPAGE div.hexagon h3.top_stre_h3{
	padding : 15px 0 0;
}
/* 注文住宅 */
a.a_hex span img{
	width : 185px;
}

/* 会社概要 */
BODY#TOPPAGE div#TOP_7 div.company_base{
	width : 900px;
	height : 280px;
	padding : 0px;
	margin : 10px AUTO 150px AUTO;
	position : relative;
}
BODY#TOPPAGE div#TOP_7 div#COMPANY_BASE_01{
	margin : 150px AUTO 10px AUTO;
}
BODY#TOPPAGE div#TOP_7 div.company_base h3{
	clear : both;
	font-size : 24px;
	color : #FFFFFF;
	text-align : center;
	padding : 15px 0px;
}
DIV#TOP_7 h3.h3_company_citinet{
	width : 100%;
	background-image : url(../img/logo_sub.png);
	background-position : 47% 50%;
	height : 40px;
	text-indent : -9999px;
}
BODY#TOPPAGE div#TOP_7 div.company_base a{
	float : left;
	margin : 20px;
	position : relative;
}
BODY#TOPPAGE div#TOP_7 {
	height : AUTO;
}
div#TOP_8,
div#TOP_9{
	height : AUTO;
	background-repeat : repeat;
}
div#TOP_8{
	background-color : #4A4A4A;
	background-image : url(../img/bg/bg_bk.jpg);
}
div.div_company_right{
	float : right;
	width : 39%;
	height : 90%;
	text-align : left;
	padding : 100px 0px 20px 0px;
}
div.div_company_left{
	float : left;
	width : 59%;
	height : 90%;
	text-align : right;
	padding : 100px 0px 20px 0px;
}
div#TOP_8 table{
	width : 80%;
	float : right;
	border-collapse : collapse;
	border-top : 1px solid #FFFFFF;
}
div#TOP_8 table td{
	border-bottom : 1px solid #FFFFFF;
	text-align : left;
	color : #FFFFFF;
	padding : 10px;
	width : 80%;
}
div#TOP_8 table th{
	border-bottom : 1px solid #FFFFFF;
	color : #FFFFFF;
	padding : 10px;
	width : 20%;
}
a#TOP_CONTACT_BUTTON_B{
	display : block;
	border : 2px solid #FFFFFF;
	background-image : url(../img/top_contact.png);
	background-position : 50% 50%;
	text-indent : -9999px;
	width : 420px;
	height : 130px;
	padding : 0px;
	margin : 10px 0px;
}
UL#UL_FOLLOW_ME{
	display : block;
	width : 600px;
	margin : 0px AUTO;
	padding : 30px 0px;
}
UL#UL_FOLLOW_ME li{
	text-align : center;
	float : left;
}
.mikoukai_banner1{
	width : 230px;
	margin-right : 25px;
}
.mikoukai_banner2{
	width : 340px;
}
UL#UL_FOLLOW_ME li.mikoukai_banner1 a,
UL#UL_FOLLOW_ME li.mikoukai_banner2 a{
	textdecoration : none;
}
UL#UL_FOLLOW_ME li.mikoukai_banner1 a:hover,
UL#UL_FOLLOW_ME li.mikoukai_banner2 a:hover{
	textdecoration : underline;
}
UL#UL_FOLLOW_ME li.mikoukai_banner1,
UL#UL_FOLLOW_ME li.mikoukai_banner2{
	text-align : center;
}
.mikoukai_banner1:hover,
.mikoukai_banner2:hover{
	opacity : 0.4;
}
div h2.h2_toppage_followme{
	font-size : 28px;
}
/*--ヘッダー背景画像--------------------------*/

div#SUB_IMAGE_BUY{
	background-image : url("../img/sub_header_buy.jpg");
}
div#SUB_IMAGE_SALE{
	background-image : url("../img/sub_header_sale.jpg");
}
div#SUB_IMAGE_DESIGNER{
	background-image : url("../img/sub_header_designer.jpg");
}
div#SUB_IMAGE_ORDER{
	background-image : url("../img/sub_header_order.jpg");
}
div#SUB_IMAGE_INVE{
	background-image : url("../img/sub_header_inve.jpg");
}
div#SUB_IMAGE_COMPANY{
	background-image : url("../img/sub_header_company.jpg");
}

/*-----------------------------------------------会社概要*/
.company_table th {
	width : 30%;
}
.company_table th,
.company_table td　{
	font-size : 14px;
	padding : 5px;
}
.history {
	width : 70%;
	border-collapse: collapse;
	margin : auto;
	box-shadow: 3px 3px 5px #bbb;
}
.history th,
.history td {
	padding : 10px;
	width : 50%;
	z-index: 1;
	display: table-cell;
	vertical-align: middle;
}
.history th {
	position: relative;
	border-right : 25px solid #eeeeee;
	text-align : center;
	padding-right : 25px;
	vertical-align : top;
	color : #888888;
}
.history td {
	padding-left : 35px;
	position : relative;
}
.history tr td img {
	top: 50%;
	margin-top: -8px;
}
.history_point {
	position : absolute;
	width : 16px;
	left : -20px;
	top : 15px;
}
/* pxブラウザ依存 下記FFに適応 */
			.history_point,x:-moz-any-link {
				left:-8px !important;
			}
			.history {
				background-image: url(../img/bg/bg_wh.jpg);
				background-repeat: repeat;
			}
			.history tr,
			.history th,
			.history td {
				color: #000;
				transition-duration: 0.2s;
			}
			.history tr:hover {
				transition-duration: 0.2s;
			}
			.history tr:hover th,
			.history tr:hover td {
				color: #fff;
				background-color: rgba(0,93,173,0.6);
				transition-duration: 0.2s;
			}
			.history tr:first-of-type, 
			.history tr:last-of-type {
				opacity: 0;
			}
			.history th {
				letter-spacing: 2px;
			}
#SUB_MAIN h3#COMPANY_HISTORY{
	font-size : 28px;
}
/* ニュース */
div#TOP_9{
	background-color : #CBCBCD;
	background-image : url(../img/bg/bg_wh.jpg);
}
div#NEWS_BASE,
div#TWITTER_BASE{
	background-color : #FFFFFF;
	width : 100%;
	height : 350px;
	margin : 30px AUTO;
	padding : 5px 0px 0px 0px;
}
div#TWITTER_BASE{
	max-width : 520px;
	padding : 0px;
	height : 355px;
}
#twitter-widget-0{
	height : 355px !important;
	width : 100%; !important;
}
.timeline{
	max-width : 100% !important;
}
BODY#TOPPAGE div#NEWS_BASE div#NEWS_RESULT{
	margin : 30px;
	width : AUTO;
	height : 290px;
	overflow : auto;
	display : block;
	position : relative;
}
div#NEWS_RESULT ul{
	display : block;
	width : 95%;
	margin : 10px 10px 20px 20px;
}
div#NEWS_RESULT ul li{
	display : block;
	width : 95%;
	margin : 5px 0px;
	line-height : 24px;
}
li.li_news_date a{
	color : #416AA3;
}
input#TOP_SEARCH_BUTTON{
	width : 199px;
	height : 181px;
	background-color : rgba(0, 0, 0, 0);
	background-image : url(../img/hex_button_search.png);
	display : block;
	border : 0px solid #FFFFFF;
	position : absolute;
	bottom : 0px;
	left : -125px;
	text-indent : -9999px;
}
div.top_button_link{
	width : 220px;
	height : 65px;
	margin : 20px auto;
	background-size : 100%;
	background-position : center;
	overflow : hidden;
	border : 1px solid #FFFFFF;
}
div#TBL_SEARCH{
	background: url("../img/bg_btn_city.jpg");
	background-size : 100%;
}
div#TBL_SALE{
	background: url("../img/bg_btn_sale.jpg");
	background-size : 100%;
}
div#TBL_STRE{
	background: url("../img/bg_btn_stre.jpg");
	background-size : 100%;
}
div#TBL_INVE{
	background: url("../img/bg_btn_inve.jpg");
	background-size : 100%;
}
a.a_hex_bk{
	display : block;
	width : 100%;
	height : 100%;
	position : relative;
	text-decoration : none;
	height : AUTO;
	text-indent : 0px;
	text-align : center;
	color : #FFFFFF;
	padding : 0px;
	margin : 0px;
	font-size : 12px;
	font-weight : normal;
}
div.hexagon div.top_button_link p,
div.hexagon div.top_button_link input.a_hex_bk{
	width : 40%;
	height : 100%;
	margin-left : 60%;
	text-align : center;
	font-size : 12px;
	color : #ffffff;
	background: rgba(0, 0, 0, 0.7);
	position : relative;
	padding : 10px 0px;
	font-weight : bold;
	transition : 0.5s;
	border : 0px solid #FFFFFF;
}
div.hexagon div.top_button_link p:before,
div.hexagon div.top_button_link input.a_hex_bk:before{
	content: "";
	width : 0;
	height : 0;
	border-top : 43px solid transparent;
	border-bottom : 43px solid rgba(0,0,0,0.7);
	border-right : 20px solid rgba(0,0,0,0.7);
	border-left : 20px solid transparent;
	position : absolute;
	left : -40px;
	top : 0;
}
div.hexagon div.top_button_link:hover p,
div.hexagon div.top_button_link:hover input.a_hex_bk{
	width : 100%;
	margin-left : 0px;
}
BODY#TOPPAGE DIV#TOP_0{
	background-image : url(../img/bg/pa.jpg);
	background-position : 50% 100%;
	background-size : cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-attachment : fixed;
}
/*家を買う*/
BODY#TOPPAGE DIV#TOP_2{
	background-image : url(../img/bg/bg_purchase.jpg);
	background-position : 50% 50%;
	background-size : cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-attachment : fixed;
}
/*家を売る*/
BODY#TOPPAGE DIV#TOP_3{
	background-image : url(../img/bg/bg_sale.jpg);
	background-position : 50% 50%;
	background-size : cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-attachment : fixed;
}
/*stre*/
BODY#TOPPAGE DIV#TOP_4{
	background-image : url(../img/bg/bg_stre.jpg);
	background-position : 50% 50%;
	background-size : cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-attachment : fixed;
}
/*注文住宅*/
BODY#TOPPAGE DIV#TOP_5{
	background-image : url(../img/bg/bg_order.jpg);
	background-position : 50% 50%;
	background-size : cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-attachment : fixed;
}
/*不動産投資*/
BODY#TOPPAGE DIV#TOP_6{
	background-image : url(../img/bg/bg_investment.jpg);
	background-position : 50% 50%;
	background-size : cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-attachment : fixed;
}
/*会社概要*/
BODY#TOPPAGE DIV#TOP_7{
	background-image : url(../img/bg/bg_company.jpg);
	background-position : 50% 50%;
	background-size : cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-attachment : fixed;
	padding : 0px;
	border : 1px solid #222222;
}
/*#################### ClearFix ####################*/
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;content:"";}
/*--------------------------------------------------- サブページ */
#WRAPPER div.selection_sub_main{
	border : 0px;
	padding : 0px;
}
.ancerlink_list_selection{
	padding: 75px 0 10px;
	margin-bottom: -45px;
}
.selection_box{
	width : 31%;
	margin : 15px 1% 0px 1%;
	border : solid 1px #AAAAAA;
	vertical-align : top;
	display : inline-block;
	box-sizing : border-box;
	position : relative;
	padding-bottom: 60px;
}
.selection_title{
	padding : 10px 5%;
	height : 45px;
	display : table;
}
.selection_title img{
	display : table-cell;
	vertical-align : middle;
}
.selection_title p{
	font-size : 14px;
	display : table-cell;
	vertical-align : middle;
}
.selection_img{
	padding : 0px 5% 70% 5%;
	text-align : center;
	height : 0px;
	width : 90%;
	overflow : hidden;
	position : relative;
}
.selection_img img {
	max-width : 90%;
	max-height : 100%;
	position : absolute;
	left : 0px;
	right : 0px;
	top : 0px;
	bottom : 0px;
	margin : auto;
}
.selection_contents{
	padding : 5px 5%;
	background-color : #ffffff;
	position : relative;
	bottom : 0px;
}
.selection_title_stre{
	height : 27px;
}
.selection_title_stre img{
	margin-right : 5px;
}
.selection_title_stre p{
	font-size : 21px;
	text-indent : 10px;
	font-weight : bold;
	
}
.button_blue{
	border-color : #005DAD;
}
.button_blue:before{
	background-color : #005DAD;
}
.button_blue:hover:before{
	background-color : #005DAD;
}
.button_blue:hover{
	color : #005DAD;
}
.stre_button{
	margin : 5px 1%;
	width : 48%;
	float : left;
	padding : 8px 0px;
}
.selection_button{
	padding : 0px 5% 5px;
	position : absolute;
	bottom : 0px;
	width : 90%;
}
.watermark_stre{
	position : absolute;
	top : 0px;
	left : 5%;
	width : 90%;
}
.past_estate_box{
	min-height : auto;
}
body#SUBPAGE .h3_area{
	margin : 15px 0;
}
.service_subtitle{
	width : 100%;
	text-align : center;
}
.service_box{
	margin-left : -4%;
}
.service_box li{
	display : block;
	width : 46%;
	height : 170px;
	float : left;
	margin : 2% 0% 2% 4%;
	position : relative;
	overflow : hidden;
	cursor : pointer;
}
.service_box li img{
	width : 100%;
	position : absolute;
	top : 0px;
	bottom : 0px;
	margin : auto;
	transition: 0.5s;
}
.service_box li p{
	position : absolute;
	bottom : 0px;
	color : #ffffff;
	width : 90%;
	padding : 2% 5%;
	font-size : 17px;
	letter-spacing : 0.1em;
	text-shadow: 1px 1px 1px #005DAD;
	transition-duration: 0.5s;
}
.service_box li:hover p {
	background-color: rgba(0,0,0,0.5);
	transition-duration: 0.5s;
}
.service_box li:hover img{
	transform : scale(1.1);
}
.inverstment_button{
	width : 50%;
	margin : auto;
}
.inverstment_button a.button_style{
	padding : 15px;
	font-size : 16px;
}
.about_bg{
	width : 100%;
	background : #dddddd;
	margin : 50px -100% 0px;
	padding : 10px 100%;
}
.about_bg_wh{
	background : url(../img/bg/bg_wh.jpg);
	margin-top : 0px;
}
.about_bg_purchase{
	width : 100%;
	background : #dddddd;
	margin : 50px -100% 0px;
	padding : 10px 100%;
}

body#SUBPAGE h3.about_content_title_sale,
body#SUBPAGE h3.about_content_title_investment,
body#SUBPAGE h3.about_content_title_mediation{
	width : 90%;
	font-size : 17px;
	font-weight : normal;
	color : #ffffff;
	padding : 25px 0px;
	text-align : left;
	position : relative;
}
.about_content_title_sale{
	background : #28283c;
}
.about_content_title_investment{
	background : #283c28;
}
.about_content_title_mediation{
	background : #322832;
}
.about_content_title_sale span,
.about_content_title_investment span,
.about_content_title_mediation span{
	font-size : 36px;
	color : rgba(255,255,255,0.5);
	padding : 0px 10px 0px 20px;
	margin : 0px;
	display: inline-block;
	float: left;
	vertical-align: bottom;
}
.about_content_box{
	width : 90%;
	background : #ffffff;
	margin : 10px auto;
	padding : 0px;
	box-shadow: 5px 5px 5px #aaaaaa;
	position : relative;
}
.about_mediation_content_box{
	border-top : 2px solid #322832;
}
.about_sale_content_box{
	border-top : 2px solid #28283c;
}
.about_inverstment_content_box{
	border-top : 2px solid #283c28;
}
.text_indent{
	text-indent : 1em;
	display : block;
}
.text_indent span{
	text-indent : 1em;
	display : block;
}
.about_content_box p{
	width : 60%;
	float : left;
	margin : 0px;
	padding : 30px 20px;
	line-height : 2em;
}
.about_content_box p.img_base{
	width : 35%;
	height : 320px;
	margin : 0px;
	padding : 0px;
	overflow : hidden;
	display : block;
	position : relative;
}
.about_content_box p.img_base img{
	text-align : center;
	width : 100%;
}
.about_content_box .float_left{
	float : left;
}
.about_content_box .float_right{
	float : right;
}
.img_link{
	float:left;
	height : 75px;
}
.img_link_01{
	width : 40%;
}
.img_link_02{
	width : 60%;
}
.img_link img{
	transition : 0.2s;
	width : 100%;
}
.img_link:hover img{
	opacity : 0.5;
	margin-top : 2px;
}
/*--------------------------------------------------- 住宅購入体験記 */
#EXPERIENXE_PHOTO {
	background-position: center center;
	max-width: 440px;
	padding: 10px;
	border: 1px solid #000000;
	margin: auto;
}
#EXPERIENXE_PHOTO img {
	width: 100%;
	height: 100%;	
}
body#SUBPAGE h3.experienxe_case{
	margin : 0;
	margin-bottom : 15px;
	padding-top : 0;
}
.experienxe_qa {
	margin-top: 30px;
}
.experienxe_question,
.experienxe_answer {
	line-height: 18px;
}
.experienxe_question {
	position: relative;
	color: #ffffff;
	box-sizing: border-box;
	width: 75%;
	padding: 16px 15px 14px;
	margin: auto;
}
.experienxe_question:before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../img/bg/bg_bl.jpg);
	background-size: 40% auto;
	width: 100%;
	height: 100%;
	margin-left: 5%;
	transform: skewX(-20deg);
}
.experienxe_answer {
	text-indent: 1em;
	box-sizing: border-box;
	width: 75%;
	padding: 16px 30px 14px;
	margin: 10px auto 0;
}
/*--------------------------------------------------- 物件検索 */
P#MOBILE_SEARCH{
	display : none;
}
div#SEARCH_QUERY{
	border : 1px solid #333333;
	background-color : #FFFFFF;
	width : 250px;
	height : AUTO;
	float : left;
	padding : 10px;
	opacity : 1;
	display : block;
}
div#RESULT_TOP{
	width : 780px;
	height : AUTO;
	float : right;
	margin : 0px 0px 10px 0px;
	border : 1px solid #FFFFFF;
}
p#SORT_BASE{
	/*width : 250px;*/
	/*height :  100%;*/
	float : right;
	text-align : right;
	border : 1px solid #FFFFFF;
	padding : 5px 0px;
}
SPAN#VIEW_KEKKA{
	display : block;
	float : left;
	/*width : 350px;*/
	padding : 5px;
	border : 1px solid #FFFFFF;
}
div#SEARCH_RESULT .bukken_box{
	margin-bottom : 20px;
	height : auto;
	overflow : hidden;
	padding : 0px;
	position : relative;
	border : 1px solid #000000;
}
div#SEARCH_RESULT .bukken_box h3{
	font-size : 18px;
	margin : 0px 0px 10px 0px;
	text-align : left;
	padding : 5px;
	margin : 5px;
	background : #eeeeee;
	width : auto;
}
div#SEARCH_RESULT .bukken_box img{
	height : 30px;
	vertical-align : middle;
	margin : 0px 10px 0px 0px;
}
div#SEARCH_RESULT{
	width : 780px;
	height : AUTO;
	float : right;
}
div#SEARCH_RESULT div.bukken_box .estate_img{
	width : 40%;
	height : 0px;
	padding-bottom : 26%;
	overflow : hidden;
	float : left;
	position : relative;
	margin : 0;
}
div#SEARCH_RESULT div.bukken_box .estate_img img{
	height : auto;
	max-height : 98%;
	max-width : 98%;
	position : absolute;
	left : 0px;
	right : 0px;
	top : 0px;
	bottom : 0px;
	margin : auto;
	padding : 1%;
	
}
div#SEARCH_RESULT div.bukken_box .estate_box_table{
	width : 60%;
	margin : 0px;
	border-left : 1px solid #000000;
	border-bottom : 0px;
}
div#SEARCH_RESULT div.bukken_box .estate_box_table strong{
	font-size : 18px;
	color : #AF0000;
}
div#SEARCH_RESULT div.bukken_box .estate_box_table th,
div#SEARCH_RESULT div.bukken_box .estate_box_table td{
	padding : 6px 3px;
}
div#SEARCH_RESULT div.bukken_box .estate_box_table th{
	background : #eeeeee;
}
div#SEARCH_RESULT div.bukken_box .estate_box_table td{
	padding-left : 10px;
}
div#SEARCH_RESULT div.bukken_box p.btn{
	float : right;
	margin : 0px;
	width : 60%;
}
div#SEARCH_RESULT div.bukken_box .estate_box_button{
	width : 100%;
	margin  : 0px;
}
SPAN#VIEW_KENSU{
	display : block;
	height : 50px;
	font-size : 18px;
	font-weight : bold;
	color : #666666;
	border : 1px solid #FFFFFF;
	margin-bottom : 10px;
}
div#SEARCH_QUERY input{
	margin-right : 5px;
}
div#SEARCH_QUERY ul{
	display : block;
}
div#SEARCH_QUERY h4{
	display : block;
	font-size : 16px;
	font-weight : bold;
	padding : 5px;
	margin-top : 10px;
	margin-bottom : 5px;
	border-bottom : 1px solid #000000;
}
div#SEARCH_QUERY ul li{
	list-style : none;
	display : block;
	float : left;
	padding : 1px;
	width : 110px;
}
.elastic_br {
	display: inline-block;
}
.list_traffic_height{
	height : 50px;
}
/*--------------------------------------------------- CITINET SELECTION */
.citinet_selection_title{
	 padding :0px 0px 0 22px;
	 width : 88%;
	 max-width : 471px;
}

/*---------------------------------------------------stre Gallery */
.stregallery_title{
	max-width : 400px;
	width : 100%;
}
p.sp_banner_base{
	display : block;
	height : 130px;
	text-align : center;
}
a.sp_banner{
	display : block;
	max-width : 100%;
	width : 500px;
	height : 100px;
	margin : 10px AUTO;
	color : #666666;
}
a.sp_banner img{
	max-width : 100%;
}

/*--------------------------------------------------- 物件詳細 */
/* -- 物件名 -- */
div#SUB_TITLE.estate_sub_title{
	height : 250px;
	background :  url(../img/estate_bg.png);
}
h2.h2_subpage_top.h2_estate img{
	vertical-align : bottom;
}
h2.h2_subpage_top.h2_estate{
	top : 150px;
	font-size : 35px;
	line-height  : 1.2em;
	z-index : 2;
}
.h2_estate span{
	padding : 10px 0 0 30px;
	font-size : 0.8em;
	display : inline-block;
}
.h2_estate p{
	margin-top : 10px;
}
.p_e_inq{
	margin : 20px auto 20px;
}
.p_e_inq a.button_style{
	margin : 0 auto;
	line-height : 30px;
	width : 250px;
	font-size : 16px;
}
.estate_come{
	margin : 10px 0;
}
/* -- 見出し -- */
body#SUBPAGE h3#H3_E_DETAIL,
body#SUBPAGE h3#H3_E_MAP{
	margin-top: 0px;
}
body#SUBPAGE h3#H3_E_DETAIL , body#SUBPAGE h3#H3_E_MAP , body#SUBPAGE h3#H3_E_SHOP , body#SUBPAGE h3#H3_E_INQ , body#SUBPAGE h3#H3_E_LIKE , body#SUBPAGE h3#H3_E_KUKAKU{
	padding : 40px 0 15px 0;
	position : relative;
	z-index : -100;
	clear : both;
	padding-top : 140px;
	margin-top : -100px;
}
/* -- 更新日 -- */
ul.update{
	margin : 10px 0 20px;
	text-align : right;
}
ul.update li{
	margin-left : 15px;
	display : inline-block;
	font-size : 14px;
}
ul.update li span{
	font-size : 14px;
}

/* -- 画像 -- */
.estate_photo{
	margin : 20px -100% 0 -100%;
	padding  : 10px 100% ;
}
.main_photo{
	margin : 0 0.5% 14px;
	padding : 1px;
	box-sizing : border-box;
	border: 5px solid #E2E2E2;
	width : 49%;
	height : 300px;
	background : #ffffff;
	text-align : center;
	float : left;
}
.main_photo img{
	max-height: 100%;
	max-width  : 100%;
	width : auto;
}
.sub_photo {
	margin : 0 0.5%;
	padding : 10px 5px 5px 5px;
	background : #E6E6E6;
	white-space : nowrap;
	overflow-x : scroll;
	clear : both;
}
.sub_photo li{
	margin : 0 0 6px 0;
	padding : 1px;
	height : 70px;
	width : auto; /* 削除　*/
	vertical-align : middle;
	display : inline-block;
	box-sizing : border-box;
}
.sub_photo li img{
	height : 100%;
}
/* -- 物件詳細テーブル -- */
.table_e_detail{
	margin : 0 1%;
	width : 48%;
	float : left;
}
.table_e_detail th{
	min-width : 130px;
}
.table_e_detail2 img{
	width : 40px;
}
table.table_e_detail3{
	float: left;
	margin: 15px 1% 0;
	max-width: 1070px;
	width: 100%;
}
table.table_e_detail3 th{
	width : 14%;
}
/* -- 画像コメント -- */
#PHOTO_COMMENT{
	display : block;
	background : rgba(255, 255, 255, 0.75);
	position : relative;
    width : auto;
	height : 30px;
	top : -39px;
	left : 0px;
	line-height : 15px;
	padding : 5px 0px 5px 0px;
}
/* 区画図 */
.div_e_likeness .li_e_icon img{
	vertical-align : middle;
	height : 2em;
}
/* -- google map -- */
.div_gmap{
	margin : 0 -100% 0 -100%;
}
.div_gmap iframe,.div_gstreat iframe{
	margin-bottom : 10px;
	width : 100%;
	height : 300px;
}
/* 周辺環境 */
.view_end{
	max-width : 670px;
	width : 31%;
	margin : 15px auto 0;
}


/* -- 店舗情報 -- */
.div_e_shop{
	margin : 0 -100% 0 -100%;
	padding  : 70px 100% ;
	background : #333333;
}
.div_e_shop_l{
	padding : 20px;
	width : 50%;
	box-sizing : border-box;
	float : left;
	height : 300px;
}
.div_e_shop_l *{
	color : #ffffff;
}
.div_e_shop iframe{
	margin-left : 1%;
	margin-bottom : 10px;
	width : 49%;
	height : 300px;
	float : right ;
}
.div_e_shop h4,.div_e_shop p.p_e_tel{
	font-size : 20px;
	line-height : 25px;
	text-align : center;
}
.div_e_shop ul{
	margin-top : 10px;
}
.div_e_shop ul li{
	margin-bottom : 10px;
}
/* -- この物件の資料請求・お問い合わせ -- */
.table_e_inq{
	margin : 0 auto;
	width : 80%;
}
#ARTICLE_BASE .form_button .button_style{
	width : 300px;
}

/* -- この物件を見ている人はこちらの物件も見ています -- */
.div_e_likeness #EDD_SIMILAE_RESULT ul{
	height : 300px;
}
.div_e_likeness{
	font-size : 0;
}
.div_e_likeness ul{
	margin : 0.5%;
	padding : 5px;
	width : 23%;
	border : 1px solid #000000;
	box-sizing : border-box;
	vertical-align : top;
	display : inline-block;
	font-size : 14px;
}
.div_e_likeness li{
	margin-bottom : 5px;
	line-height : 1.4em;
}
.li_e_liketraffic{
	height : 40px;
	display : block;
}
.li_e_likeaddress{
	overflow : hidden;
}
.li_e_icon{
	margin-bottom : 5px;
	font-weight : bold;
}
.li_e_likephoto{
	text-align : center;
}
.div_e_likeness .li_e_likephoto img{
	max-width : 100%;
	height : 100px;
}
.div_e_likeness a.button_style{
	padding : 1px;
}

/* ---- */
.ul_e_notes{
	margin : 50px -100% -110px -100%;
	padding  : 40px 100% ;
	background : #CBCBCD;
}
.ul_e_notes li{
	font-size : 10px;
	line-height : 12px;
}
/* -------------------------------------------------- */
/*                     estate用メニューカラム落ち対策 */
/* -------------------------------------------------- */
@media screen and (max-width: 610px){
	div#SUB_TITLE.estate_sub_title{
		height : 300px;
	}
}
/*--------------------------------------------------- stre */

.stre_top_back{
	background-image : url("../img/stre_top_back.png");
	width : 100%;
	height : 250px;
	top : 100px;
	position :absolute;
	z-index : -1;
	background-repeat  :repeat-x;
	opacity : 0.7;
}
.stre_br_520px{
	display : none;
}
.h4_stre_subtitle{
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    top : 115px;
    line-height : 24px;
    margin-top: 18px;
   
}
.h4_stre_subtitle img{
	vertical-align:middle;
	margin-right : 15px;
}
.h4_stre_subtitle span{
	font-size : 0.5em;
}
.h4_stre_subtitle strong{
	color : #AF0000;
	font-size : 24px;
}
.stre_text{
	width : 60%;
	text-align : left;
	margin : 30px auto;
	line-height : 32px;
}
.stre_text h4{
	font-size : 32px;
	color : #1F4C79;
}
.stre_text p{
	font-size : 21px;
	line-height : 32px;
}
body#SUBPAGE h3#STRE_CONCEPT,
body#SUBPAGE h3#STRE_PIC,
body#SUBPAGE h3#STRE_INFO,
body#SUBPAGE h3#STRE_PLAN,
body#SUBPAGE h3#STRE_LOCATION,
body#SUBPAGE h3#STRE_SHOP{
	margin : 50px auto 20px;
	margin-top : -100px;
	padding-top : 150px;
}

/*--コンセプト--*/
.str_concept_img img{
	width : 30%;
}
.stre_location_img{
	width : 100%;
}
/*--物件画像--*/
.stre_info_box{
	width : 100%;
	padding : 10px;
	box-sizing : border-box;
	border : 1px solid #888888;
	background-color : #ffffff;
}
#STRE_INFO_TABLE{
	float : none;
	margin-bottom : 50px;
}
#STRE_INFO_TABLE th{
	width : 24%;
	background-color : #eeeeee;
}
#STRE_INFO_TABLE td{
	width : 24%;
}
.stre_info_back,
.stre_info_next{
	width : 3%;
	height : auto;
	background-color : #555555;
	float : left;
	vertical-align: middle;
}
.stre_info_box2{
	position : relative;
	width : 60%;
	float : left;
	padding : 1%;
	height : 470px;
	border : 1px solid #888888;
	background-color : #ffffff;
	margin-left: 1%;
}
.stre_caption{
	width : 80%;
	height : 50px;
	background-color : #000000;
	opacity : 0.5;
	color : #ffffff;
	line-height :50px ;
	display : block;
	position : absolute;
	top : 420px;
	left : 10%;
}
.stre_info_box2 img{
	display : block;
	margin : 0 auto;
	vertical-align: middle;
	width : auto;
	height : auto;
	max-height : 100%;
	max-width : 100%;

}
.stre_info_sbox{
	width: 32%;
	float : right;
	margin-right: 1%;
	display : inline;
	overflow-y : scroll;
	height : 470px;
	padding : 1%;
	ackground-color : #ffffff;
	border: 1px solid #888888;
}
.stre_info_sbox div{
	padding : 2%;
}
.stre_info_sbox img{
	height : 100%;
	width : auto;
	max-height: 105px;
	margin : 3px;
	border : 0.5px solid #888888;
}
.stre_sbox_height{
	height : 98px;
	width : 27%;
	overflow: hidden;
	float : left;
}
.stre_info_sbox p{
	font-weight : bold;
}
.shop_info3 p {
    color: #ffffff;
    margin : 0 0 0 18px;
}

/*--区画図・図面--*/
.stre_plan_box {
	width : 100%;
	height : auto;
	border : 1px #000000 solid;
}
.stre_plan_img img {
	width : 45%;
	margin : 10px auto;
	display : block;
	border  : 1px solid #000000;
	padding : 10px;
}
.stre_plan_button_box{
	diplay : block;
	width : 100%;
	margin : 0 auto;
}
.stre_plan_button a{
	width : 30%;
	height : 50px;
	border  : 1px solid #000000;
	font-size : 18px;
	line-height : 30px;
	color : #ffffff;
	padding : 1%;
	background-color : #000000;
	margin : 1%;
	text-decoration: none;
	float : left;
	display : block;
	transition: all 0.3s ease 0s;
	box-sizing : border-box;
	text-align : center;
}
.stre_plan_button a:hover{
	background-color : #ffffff;
	color : #000000;
}
.stre_other li.li_e_icon img{
	width : 40%;
	max-width : 65px;
	height : auto;
	vertical-align : middle;
}



/*--周辺環境------------------------------*/


.stre_access strong{
	font-size : 21px;
}
.stre_location_img2{
	float : left;
	width :30%;
	height : auto;
	margin : 2% 1% 1% 2%;
	border : 1px solid #888888;
	background-color : #eeeeee;
	
}
.stre_location_img2 img{
	width : 100%;
}
.stre_location_img2 div{
	width :91%;
	font-size : 14px;
	margin-top : 5px;
	height : 63px;
	line-height : 14px;
	box-sizeing : border-box;
	padding : 5px 10px 0;
	
}
.stre_access{
	width : 100%;
	margin : 0 auto;
	text-align : center;
}
.stre_access ul{
	text-align : center;
}
.stre_access ul li{
	display : block;
	margin : 10px auto;
	font-size : 1.2em;
	
}
.stre_access ul span{
	font-size : 1.2em;
	color : #005FAC;
}
.stre_access table{
	text-align : center;
}
.stre_location_box{
	border : 1px solid #888888;
	width : 100%;
	height : 270px;
	margin-bottom : 10px;
}
.stre_location_box iframe{
	width : 100%;
	height : 100%;
	overflow : hidden;
}
.stre_location_box2{
	border : solid #000000 1px;
	width : 100%;
	height : 100px;
}
#STRE_LOCATION_TEXT{
	width : 100%;
	margin-bottom : 50px;
}
/*--店舗情報-----*/
#SHOP_INFO{
	width : 100%;
	height :213px ;
	padding : 0 1%;
}
#SHOP_INFO img{
	float : left;
	display : table-cell;
	vertical-align:middle;
	margin : 0 1%;
	width : 30%;
	height : auto;
}
#SHOP_INFO > img{
	border : 1px solid #888888;
}
#SHOP_INFO .shop_info2{
	border : 1px solid #888888;
}
#SHOP_INFO div{
	margin : 0 1%;
}
.shop_info2{
	width : 47%;
	background-color : #999999;
	float : left;
	height : 100%;
}
.shop_info2 iframe{
	width : 100%;
	height : 100%;
}
.shop_info3{
	width : 47%;
	float : left;
	background-color : #000000;
	color : #ffffff;
	height : 100%;
}
#SHOP_INFO .shop_info3 img{
	margin : 3%;
	margin-top : 11px;
	width : 100%;
	max-width : 193px;
	height : 42px;
	float  : left;
}
#SHOP_INFO .shop_info3 div{
	font-size : 18px;
	color : #ffffff;
	display : block;
	margin: 0;
	font-size : 18px;
}
.shop_info3 span{
	font-size : 14px;
	color : #ffffff;
	display : block;
	margin-left : 5%;
}
#SHOP_INFO .shop_info3 div.shop_info_lmargin{
	padding: 10px;
}
.shop_info3 span.shop_fontsize{
	font-size : 12px;
	letter-spacing : -1px;
	margin-left : 0 ;
}

/*設備・構造見出しCSS*/
body#SUBPAGE h3#STRE_CONCEPT, body#SUBPAGE h3#STRE_PIC{
	padding-top: 73px;
}
body#SUBPAGE h3.stre_first:first-child{
	height : 42px;
	text-indent : 0;
}
.stre_first{
	height : 0;
	text-indent : -9999px;
}
body#SUBPAGE h3.stre_first{
	height : 0;
	text-indent : -9999px;
	margin : 0;
	padding : 0;
}
body#SUBPAGE h3#STRUCTURE_MARGIN{
	margin: -100px auto 20px;
	padding-top: 150px;
}

/*--多棟表示------------------------------*/
.stre_other ul{
	width : 23%;
	border : 1px solid #000000;
	float : left;
	margin : 1%;
	padding : 8px;
	box-sizing : border-box;
}
.stre_other li img{
	max-width : 100%;
	height : 100px;
}
.stre_other ul li.li_e_icon{
	color: #af0000;
}
/*--成約済み------------------------------*/
.endsale_font{
	font-size : 24px;
	potision : absolute;
	top : 200px;
	color : #BD3333;
	margin : 0 auto;
	max-width  :740px;
	text-align : center;
}
/*--------------------------------------------------- サブページ-店舗ここから */
/* -------------- 横幅100％でセンタリングのBOX */
.subpage_box_max{
	width : 100%;
	margin : 30px auto;
}
/* -------------- 画面右側に写真 */
.right_image{
	float : right;
	margin : 10px;
}
/* -------------- 横幅100％でグレーの背景ボックス */
.subpage_content_base_max{
	background-color : #dddddd;
	width : 100%;
}
/* -------------- お問い合わせボタン */
.contact_button{
	display : block;
	border : 2px solid #FFFFFF;
	background-image : url(../img/top_contact.png);
	background-position : 50% 50%;
	text-indent : -9999px;
	width : 380px;
	height : 100px;
	padding : 0px;
	margin : 20px 0px;
	background-color : #000000;
	transition : 1s;
}
.contact_button:hover{
	opacity : 0.5;
}
.office_staff_link{
	width : 90%;
	max-width : 450px;
	margin : 20px auto;
	background: url("../img/bg_btn_staff.jpg");
	background-size : 100%;
	background-position : center;
	overflow : hidden;
}
.office_staff_link a{
	text-decoration : none;
	display : block;
	width : 100%;
}
.office_staff_link p{
	width : 40%;
	margin-left : 60%;
	text-align : center;
	font-size : 16px;
	color : #ffffff;
	background: rgba(0, 0, 0, 0.7);
	position : relative;
	padding : 35px 0px 26px;
	font-weight : bold;
	transition : 0.5s;
}
.office_staff_link p:before{
	content: "";
	width : 0;
	height : 0;
	border-top : 43px solid transparent;
	border-bottom : 43px solid rgba(0,0,0,0.7);
	border-right : 20px solid rgba(0,0,0,0.7);
	border-left : 20px solid transparent;
	position : absolute;
	left : -40px;
	top : 0;
}
.office_staff_link:hover p{
	width : 100%;
	margin-left : 0px;
}
/* -------------- 店舗写真 */
.office_image{
	width : 400px;
}
/* -------------- 店舗情報テーブル */
#TABLE_OFFICE{
	width : 50%;
	border-collapse : collapse;
	margin : 20px 0px;
	float : left;
	border-bottom : 1px solid #000000;
}
#TABLE_OFFICE tr{
	border-top : 1px solid #000000;
}
#TABLE_OFFICE th{
	width : 100px;
	text-align : right;
}
#TABLE_OFFICE td, #TABLE_OFFICE th{
	padding : 10px;
	font-size : 14px;
}
.company_sns a{
	width : 50%;
	display : block;
	float : left;
	text-decoration : none;
	text-align : center;
	line-height ; 1.5em;
}
.company_sns img{
	display : block;
	margin : auto;
}
/* -------------- スタッフ一覧 */
#SUB_MAIN h3#STAFF{
	font-size : 28px;
}
.staff_box {
	background-color: #CCCCCC;
	background-image : url(../img/estate_bg.png);
	background-repeat : repeat;
	color : #222222;
	padding: 10px;
	margin :1%;
	width : 45%;
	display : inline-block;
	vertical-align : top;
	height : 440px;
}
.staff_box input {
	display: none;
}
.staff_box > div {
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: 8px 5px;
}
.staff_box h4 {
	float: left;
	color : #333333;
	font-size : 16px;
	box-sizing: border-box;
	padding: 0;
}
.staff_box h4 span {
	color: #6d6d6d;
	font-size : 12px;
	width: 100%;
	margin-left : 1em;
}
.staff_box .image {
	float: right;
	width: 100%;
	height: 100%;
}
.staff_introduce {
	float: left;
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px;
}
.staff_introduce:nth-of-type(1) {
	width : 50%;
}
.staff_introduce:nth-of-type(2) {
	clear: both;
}
.staff_box dt,
.staff_box dd{
	color : #333333;
	box-sizing: border-box;
}
.staff_box dt {
	text-align : center;
	padding: 0px;
	border-bottom : 1px solid #333333;
}
.staff_box dd {
	padding : 5px 0 0;
	font-size : 12px;
}
/*--------------------------------------------------- サブページ-店舗ここまで */
/*--------------------------------------------------- サブページ-採用情報ここから */
.subpage_recruit{
	width : 80%;
	height : 100%;
	margin : 10px auto;
}
.recruit_box_max{
	position : relative;
}
.recruit_box_max a{
	width : 100%;
	margin : 40px auto;
	display : block;
	height : 100%;
	overflow : hidden;
	box-shadow : 5px 5px 5px #aaaaaa;
}
.recruit_box_half img {
	float: left;
}
.recruit_box_max img{
	width : 100%;
}
.recruit_box_max img:nth-child(2){
	display : none;
}
.recruit_box_half .career_img{
	width : 50%;
	margin : 10px;
	overflow : hidden;
}
.recruit_box_half .career_img img{
	width : 100%;
	margin : auto;
	float : none;
}
.recruit_box_max p{
	float : left;
	margin : 20px 15px;
	width : 60%;
}
.recruit_box_half p{
	width : 40%;
	float : left;
	margin : 20px 10px 0px;
}
.recruit_box_max h4,
.recruit_box_half h4{
	font-size : 24px;
	margin : 20px;
	width : 60%;
	float : left;
}
.recruit_box_max h4{
	margin : 10px;
	padding : 10px;
	padding: 15px 10px 5px;
	border-bottom: 3px double;
}
.recruit_box_max:nth-child(2) h4{
	float : right;
}
.recruit_box_max h4 span{
	font-size : 16px;
	color : #aaaaaa;
	font-weight : normal;
	display : inline-block;
}
.recruit_box_half h4{
	font-size : 21px;
	width : 40%;
	margin : 20px 10px;
	font-weight : 100;
}
.recruit_box_max a,
.recruit_box_half a{
	background-color : #ffffff;
	text-decoration: none;
	margin : 0px 0px 15px 0px;
}
.recruit_box_max .recruit_interview_title{
	font-size : 21px;
	text-align : center;
	letter-spacing: 0.05em;
	line-height: 1.2em;
	margin : 25px 15px 0px 0px;
}
.recruit_box_max .recruit_interview_profile{
	width : auto;
	float : right;
	margin : 10px 15px;
	text-align : right;
}
.recruit_box_half{
	width : 100%;
	margin : 0px auto;
	overflow : hidden;
}
.recruit_box_half:after{
	clear : both;
}
.recruit_box_half a {
	width : 49%;
	display : block;
	overflow : hidden;
	float : left;
	margin : 10px 0px;
}
.recruit_box_half a:nth-child(2n) {
	float : right;
}
.content_center {
	margin-left: auto;
}
.recruit_box_half a.recruit_link_button{
	position : relative;
}
.recruit_box_left{
	overflow : auto;
	box-shadow : 5px 5px 5px #aaaaaa;
}
#HIRE_RESULT{
	overflow : auto;
	position : relative;
}
.recruit_link_button {
	width : 46%;
	display : block;
	background-color : #000000;
	margin : 10px auto;
	text-decoration : none;
	text-align : center;
	height : 100px;
	position : relative;
}
.recruit_box_left{
	margin : 0px;
}
.recruit_link_button h4{
	width : 100%;
	height : 100%;
	background-color : rgba(0,0,0,0.8);
	margin : 0px;
	overflow: hidden;
}
.recruit_link_button span{
	display : block;
	margin : 40px 10px;
	font-size: 26px;
	color : #ffffff;
	font-weight : normal;
}
.recruit_link_button img{
	width : 100%;
	position : absolute;
	top : 0px;
	left : 0px;
	margin : 0px;
	transition: 0.5s;
	opacity : 0.4;
}
.recruit_link_button:hover img{
	transform : scale(1.1);
}
a.content_center{
	margin : 10px auto;
	float : none;
}
a.content_center h4 span{
	left : 20%;
}
.recruit_box_half a img {
	margin : 10px;
	overflow: hidden;
}
.recruit_box_max img.img_right{
	float : right;
}
.recruit_box_half a.recruit_link_button img{
	margin : 0px;
}
body#SUBPAGE h3#RECRUIT_ENTRY{
	margin-top : -80px;
	padding-top : 140px;
}

/* -------------- 中途採用者インタビュー */
#RECRUIT_INTERVIEW{
	text-align : center;
	background-color : #ffffff;
}
DIV#RECRUIT_INTERVIEW_TITLE{
	margin : 10px AUTO;
	width : 90%;
	max-width : 900px;
	position : relative;
}
DIV#RECRUIT_INTERVIEW_TITLE p{
	display : block;
	width : 50%;
	overflow : hidden;
	float : left;
	position : relative;
	margin : 1%;
}
DIV#RECRUIT_INTERVIEW_TITLE p:last-of-type{
	float : left;
}
DIV#RECRUIT_INTERVIEW_TITLE span{
	display : block;
	line-height : 1em;
	font-size : 36px;
 	border-bottom : 1px double;
 	padding : 5px 0;
	margin : 5px 0;
	color : #ffffff;
}
DIV#RECRUIT_INTERVIEW_TITLE .hr_image_base_long{
	width : 45%;
}
DIV#RECRUIT_INTERVIEW_TITLE .hr_title_base{
	width : 46%;
	background : url(../img/bg/bg_bl.jpg);
	background-size : 100%;
	background-position : center;
	padding : 2% 3%;
	position : absolute;
	bottom : 0;
	right : 46%;
	text-align : right;
	color : #ffffff;
}

p.hr_image_base img{
	width : 100%;
	margin : auto;
}
/* -------------- 中途採用　募集要項 */
#RECRUIT_BASE{
	padding : 20px 0px;
	background-image : url(../img/recruit_image_entry.png);
	background-repeat : no-repeat;
	background-position : 90% 50%;
}
#RECRUIT_BASE table{
	width : 90%;
	max-width : 1050px;
	margin : 10px auto;
	border-collapse : collapse;
	border-bottom : 1px solid #ffffff;
}
#RECRUIT_BASE table tr{
	border-top : 1px solid #ffffff;
}

#RECRUIT_BASE table th{
	padding : 10px 5px;
	width : 200px;
}
#RECRUIT_BASE table td{
	padding : 10px 30px;
}
/* -------------- 代表インタビュー*/
.h2_subpage_top_interview{
	background-image : url(../img/interview_pre_title.png);
	max-width : 1050px;
	width : 100%;
	height : 320px;
	margin : 25px auto 50px;
}
#SUB_TITLE.interview_president{
	height : 65px;
}
#PRESIDENT {
	display: block;
	text-indent: 168px;
	overflow: hidden;
	background-image: url(../img/president_name.gif);
	height: 20px;
	margin-top: 8px;
	margin-bottom: 25px;
}
div.interview_pre__main{
	margin-top : 500px;
}
.div_section {
	position: relative;
	margin-top: 100px;
	background-position: center right;
}
.div_section:first-child{
	margin-top : 300px;
}
.div_section:nth-of-type(1) {
	background-image: url(../img/interview_pre_1.png);
	background-position: center right;
}
.div_section:nth-of-type(2) {display: none;}

.div_section:nth-of-type(3) {
	display: none;
}
.div_section:nth-of-type(4) {background-image: url(../img/interview_pre_3.png);}

.div_section:before {
	content: "";
	display: block;
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	border-top: 1px solid #e5e5e5;
}
#INTERVIEW_IMG02{
	background-image : url(../img/interview_pre_2.png);
	background-position : 0% 50%;
	width : 40%;
	height : 320px;
}
.div_section:first-of-type {
	margin-top: 0;
}
.div_section:first-of-type:before {
	display: none;
}
.div_section > .interview_p{
	width : 100%;
}
.interview_p_left{
	float : right;
}
.div_section img{
	width : 400px;
	height : auto;
	display : block;
	float : left;
	padding: 20px 20px 0 0;
}
.div_section > * {
	width: 60%;
}
.div_section > h3 {
	display: block;
	box-sizing: border-box;
	text-align: left !important;
	padding: 8px 5px 5px !important;
	margin: 0 !important;
	border-bottom: 3px double #005DAD;
}
.div_section > p {
	text-indent: 1em;
	letter-spacing: 0.5px;
	line-height: 1.8em;
	box-sizing: border-box;
	padding: 16px 10px 12px 10px !important;
}
.div_section:last-of-type h3{
	width: 90%;
	text-align: center !important;
}
.div_section:last-of-type p {
	display: block;
	width : 60%;
}
.div_section:last-of-type h3 {
	margin: auto !important;
}
.intewview_regulation{
	letter-spacing : -1px;
}

/* -------------- マネージャーインタビュー*/

.div_section_l{
	position: relative;
	margin-top: 100px;
	background-position: center left;
}
.h2_subpage_top_interview_man{
	background : url(../img/interview_man_title.png) no-repeat;
	background-size : 100%;
	height : 0px;
	padding-bottom : 30%;
}
.div_section_l:nth-of-type(1) {background-image: url(../img/interview_man_1.png);}
.div_section_l:nth-of-type(2) {
	background-image: ;
	background-position: center right;
}
.div_section_l:nth-of-type(3) {background-image: url(../img/interview_man_3.png);}
.div_section_l:nth-of-type(4) {
	background-image: url(../img/interview_man_2.png);
	background-position: center right;
}

.div_section_l:before {
	content: "";
	display: block;
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	border-top: 1px solid #e5e5e5;
}
.div_section_l:first-of-type {
	margin-top: 0;
}
.div_section_l:first-of-type:before {
	display: none;
}
.div_section_l > * {
	width: 60%;
	float:right;
}
div.interview_p_right *{
	float : left;
}
.div_section_l > h3 {
	display: inline;
	text-align: left !important;
	box-sizing: border-box;
	padding: 8px 5px 5px !important;
	margin: 0 !important;
	border-bottom: 3px double #005DAD;
}
.div_section_l > p {
	text-indent: 1em;
	letter-spacing: 0.5px;
	line-height: 1.8em;
	box-sizing: border-box;
	padding: 16px 10px 12px 10px !important;
}
body div#INTERVIEW_P100 p{
	width : 90%;
}
.form_button input.button_red{
	background : #F44336;
	color : #FFFFFF;
	border-color : #F44336;
}
.form_button input.button_red:hover{
	background : #FFFFFF;
	color : #F44336;
}

/*--------------------------------------------------- サブページ-採用情報ここまで */

/*-------------------- 個人情報保護方針 --------------------*/
.privacy_section > * {
	font-size: 13px;
}
.privacy_section > h4 {
	margin: 15px auto 5px;
}
.privacy_section {
    border-bottom: none !important;
}
/*--------------------------------------------------- 住宅購入体験記一覧 */
div.div_exp {
	border : 1px solid #aaaaaa;
	width : 32%;
	margin : 0.5%;
	padding : 5px;
	box-sizing : border-box;
	text-align : center;
	display : inline-block;
	vertical-align : top;
}
div.div_exp h4 {
	margin : 0 0 5px 0;
	font-weight : normal;
	line-height : 1.8em;
	color : #ffffff;
	background-color : #005DAD;
}
div.div_exp img {
	width : 100%;
}
div.div_exp span {
	display: block;
	text-align: left;
	width: 100%;
	height: 50px;
	min-width: 16.5em;
}
div.div_exp a {
	display: block;
}
div.div_exp:nth-last-of-type(11) img {
	width: auto;
	height: 240px;
}
div.div_exp:nth-last-of-type(11) span {
	display: block;
}
/*--------------------------------------------------- Streについて ここから▽ */
.about_stre_bg{
	background-image : url(../img/bg/about_stre_bg.jpg);
	background-repeat: no-repeat;
	background-position : center 110px;
	background-attachment : fixed;
	background-size: 100% auto;
	z-index : -1;
	width : 100%;
	margin : 0 -100%;
	padding : 5px 100%;
}
.h2_small{
	font-size : 70%;
}
.sub_title{
	font-size: 28px;
	margin-top : 15px;
}
.about_stre_img{
	position : relative;
	height : 500px;
	margin-top : 50px;
}
.about_stre_img_01{
	position : absolute;
	left : 200px;
}
.about_stre_img_02{
	position : absolute;
	top : 115px;
	left: 400px;
}
.about_stre_img_03{
	position : absolute;
	top : 0px;
	left : 600px;
}
.about_stre_img_04{
	position : absolute;
	top : 230px;
	left : 200px;
}
.about_stre_img_05{
	position : absolute;
	top : 230px;
	left : 600px;
}
.about_stre_contents {
	height : 640px;
	position : relative;
	margin-bottom : 100px;
	width : 100%;
	max-width : 910px;
	margin : 20px auto;
	z-index: 2;
}
.about_stre_content_01{
	position : absolute;
	top : 0px;
	left : 50%;
	margin-left : -125px;
}
.about_stre_content_02{
	position : absolute;
	top : 40%;
	left : 0px;
	margin-top : -109px;
}
.about_stre_content_03{
	position : absolute;
	top : 40%;
	right : 0px;
	margin-top : -109px;
}
.about_stre_content_04{
	position : absolute;
	bottom : 0px;
	left : 25%;
	margin-left : -125px
}
.about_stre_content_05{
	position : absolute;
	bottom : 0px;
	right : 25%;
	margin-right : -125px;
}
.about_stre_content_title{
	position : absolute;
	top : 50%;
	left : 50%;
	margin-left : -150px;
	margin-top :  -65px;
}
.about_stre_content_title p{
	font-size : 21px;
	text-align : center;
	color : #ffffff;
	padding : 40px 0px;
	background : rgba(0,0,0,0.5);
	width : 400px;
}
.about_stre_contents div input.open-close + label div{
	display : block;
	width : 400px;
	padding : 0px;
	height : 0px;
	overflow : hidden;
	transition : 0.3s;
	position : absolute;
	top : 0px;
	margin-top : 150px;
}
.about_stre_contents div input.open-close + label p{
	width : 230px;
	height : 0px;
	overflow : hidden;
	transition : 0.3s;
}
.about_stre_contents div input.open-close + label span{
	color : #222222;
	display : block;
	position : absolute;
	width : 230px;
	left : 0;
	top : 85px;
	bottom : 10px;
	text-align : center;
	font-size : 21px;
	padding : 0px 10px;
	transition : 0.5s;
}
.about_stre_contents div label{
	position : relative;
	width : 250px;
	height : 218px;
	display : block;
	background : url(../img/about_stre_content_bg.png) no-repeat center center;
	background-size : 250px;
	transition : 0.5s;
	position : relative;
	cursor : pointer;
}

.about_stre_contents .about_stre_content_01 input.open-close + label,
.about_stre_contents .about_stre_content_02 input.open-close + label,
.about_stre_contents .about_stre_content_03 input.open-close + label,
.about_stre_contents .about_stre_content_04 input.open-close + label,
.about_stre_contents .about_stre_content_05 input.open-close + label{
	position : relative;
	transition : 0.5s;
	cursor : auto;
}
.about_stre_contents .about_stre_content_01 input.open-close:checked + label{
	background : url(../img/about_stre_content_bg_01.png) no-repeat center center;
	background-size : 400px;
	transform: translate(-75px, -75px);	
}
.about_stre_contents .about_stre_content_02 input.open-close:checked + label{
	background : url(../img/about_stre_content_bg_02.png) no-repeat center center;
	background-size : 400px;
			transform: translate(-75px, -75px);	
}
.about_stre_contents .about_stre_content_03 input.open-close:checked + label{
	background : url(../img/about_stre_content_bg_03.png) no-repeat center center;
	background-size : 400px;
	transform: translate(75px, -75px);
}
.about_stre_contents .about_stre_content_04 input.open-close:checked + label{
	background : url(../img/about_stre_content_bg_04.png) no-repeat center center;
	background-size : 400px;
	transform: translate(75px, -75px);
}
.about_stre_contents .about_stre_content_05 input.open-close:checked + label{
	background : url(../img/about_stre_content_bg_05.png) no-repeat center center;
	background-size : 400px;
	transform: translate(75px, -75px);
}
.about_stre_contents .about_stre_content_04 input.open-close:checked + label {
	transform: translate(-75px, 75px);	
}
.about_stre_contents .about_stre_content_05 input.open-close:checked + label {
	transform: translate(75px, 75px);	
}
.about_stre_contents div label:hover{
	opacity : 0.6;
}
.about_stre_contents div input.open-close{
	display : none;
}
.about_stre_contents div input.open-close:checked + label div{
	height : auto;
}
.about_stre_contents div input.open-close:checked + label{
	width : 400px;
	height : 350px;
	background : url(../img/about_stre_content_bg_test.png) no-repeat center center;
	background-size : 400px;
	z-index : 1;
}
.about_stre_contents div input.open-close:checked + label:hover{
	opacity : 1;
}
.about_stre_contents div input.open-close:checked + label span{
	display : none;
}
.about_stre_contents div input.open-close:checked + label p{
	width : 250px;
	height : auto;
	padding : 0px 10px;
	margin : auto;
	color : #ffffff;
	text-align : center;
}
.about_stre_estate{
	padding-top : 20px;
}
.about_stre_button{
	padding : 20px;
	width : 60%;
	margin : 20px auto;
	font-size: 22px;
	font-weight: normal;
}
/*--------------------------------------------------- Streについて ここまで△ */
/*--------------------------------------------------- 不動産買取 */
body#SUBPAGE .purchase_section h3{
	margin : 15px 0;
}
.purchase_section:first-of-type {
	margin-top: 0;
	position : relative;
}
.purchase_section:first-of-type p {
	padding-left: 20px;
}
.purchase_section:first-of-type p:first-of-type {
	padding-top: 20px;
}
.purchase_image {
	display: block;
	background-image: url(../img/takeout_images.png);
	width: 209px;
	height: 180px;
	background-size : 300%;
}
.purchase_image_1 {
	float: right;
	display: block;
	background-image: url(../img/purchase_1.png);
	width: 250px;
	height: 217px;
	margin-left: 10px;
}
.flow .purchase_image {
	float: right;
}
.purchase_image_03 {background-position: left top;}
.purchase_image_01 {background-position: center top;}
.purchase_image_02 {background-position: right top;}
.purchase_image_04 {background-position: left center;}
.purchase_image_05 {background-position: center center;}
.flow:nth-of-type(1) .purchase_image {background-position: right center;}
.flow:nth-of-type(2) .purchase_image {background-position: left bottom;}
.flow:nth-of-type(3) .purchase_image {background-position: center bottom;}
.flow:nth-of-type(4) .purchase_image {background-position: right bottom;}

.purchase_section:first-of-type div {
	margin-top: 0;
	padding-right: 250px;
}
.purchase_section {
	margin-top: 30px;
}
.purchase_section:nth-of-type(2) div {
	display: flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
/* Safari CSSHack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  	::i-block-chrome,
	.purchase_section:nth-of-type(2) div > p {
		float: left;
	}
}
.purchase_section:nth-of-type(2) div p {
	width: 315px;
	margin : 10px;
	padding : 10px;
	background : #ffffff;
	box-shadow : 5px 5px 5px #AAA;
	position : relative;
}
.purchase_section:nth-of-type(2) div p:first-letter {
	font-size: 2em;
	line-height: 1;
	float: left;
	margin: 0 .2em 0 0;
	padding: .1em 0;
	vertical-align : bottom;
}
.purchase_section:nth-of-type(2) .purchase_image {
	margin: 5px auto 15px;
}
.purchase_section:nth-of-type(2) strong {
	display: block;
	width: 320px;
	margin-left : -15px;
	padding : 10px;
	border-bottom : 2px dotted #ccc;
	margin-bottom : 15px;
}
.purchase_section:nth-of-type(2) strong:first-letter {
	font-size: 2em;
	float: left;
	line-height: 1em;
	margin: 0 5px 5px 5px;
} 
.flow {
	position: relative;
	height: 135px;
	padding: 0 0px 0 60px;
	margin: 45px auto 0px;
	width : 85%;
}
.flow:after{
	content: "";
	clear : both;
}
.flow:last-child{
	height : 170px;
}
.flow:first-of-type {
	margin-top: 30px;
	height : 170px;
}
.flow p {
	margin-left: 120px;
}
.purchase_step {
	position: absolute;
	float: left;
	color: #fff;
	text-align: center;
	background-color: #000;
	width: 100px;
	height: 100%;
}
.purchase_step:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -60px;
	left: 0;
	border: solid transparent;
	border-top-color: #000;
	border-width : 30px 50px;
}
.purchase_step:after {
	content: "";
	display: block;
	position: absolute;
	top: -30px;
	left: 0;
	border: solid transparent;
	border-left-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-width : 30px 50px;
}
.flow:last-of-type .purchase_step:before {
	display: none;
}
.flow:first-of-type .purchase_step:after {
	display: none;
}
.step_number {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	height: 2em;
	width: 50px;
	padding-bottom: 25px;
	margin: auto;
	z-index : 1;
}
.purchase_section h4 {
	padding: 0px 70px 5px;
	margin: 0px 0 0px 50px;
	font-size : 24px;
}
.flow:first-of-type h4{
	padding-top : 25px;
}
/*--------------------------------------------------- 投資フォーム */
.table_inq input.input_loan{
	width : 50px;
}
/*------------------------------------------------------------- 来店予約フォーム */
#SUB_TITLE.sub_title_reservation{
	height : 25px;
}
/*----------------------------------------------------- 査定依頼フォーム */
#SUB_TITLE.satei{
	height : 25px;
}
/*----------------------------------------------------- 事業案内 */
#CITINET {
	display: inline-block;
	text-indent: 100%;
	white-space:nowrap;
	overflow: hidden;
	background-image: url(../img/logo_blue.png);
	background-size: auto 100%;
	background-position: center;
	width: 145px;
	height: 30px;
}
.btn_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 10px auto;
}
.btn_box .btn {
	position: relative;
	width: 160px;
	height: 140px;
	text-align: center;
	background-image: url(../img/hex_black.png);
	background-size: 100% auto;
}
.btn_box .btn > a {
	display: block;
	color: #fff;
	letter-spacing: 1px;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	transition-duration: 0.5s;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.btn_box .btn > a:hover {
	color: #005DAD;
	transition-duration: 0.2s;
}
.long > a {
	padding-top: 18px !important;
}
.catch,
.catch + p {
	text-align: center;
}
#PRO1,#PRO2,#PRO3,#PRO4,#PRO5 {
    letter-spacing: 5px
	padding-top: 120px !important;
}
.exposition {
	position: relative;
	text-indent: 1em;
	max-width: 45em;
	padding: 24px 15px 22px;
	margin: auto;
}
.exposition:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 60%;
	height: 40%;
	border-top: 1px solid #005DAD;
	border-left: 1px solid #005DAD;
}
.exposition:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	width: 60%;
	height: 40%;
	border-bottom: 1px solid #005DAD;
	border-right: 1px solid #005DAD;
}
.catch {
	font-size: 1.2em;
	letter-spacing: 1px;
}
#PRESIDENT {
    display: block;
    text-indent: 168px;
    overflow: hidden;
    background-image: url(../img/president_name.gif);
    height: 20px;
    margin-top: 8px;
    margin-bottom: 25px;
}
.salutation_p {
    text-indent: 1em;
    margin-top: 50px;
    margin-left: auto;
    max-width: 45em;
    padding-right: 30px;
}
.salutation_p > a {
	color: #005DAD;
	font-weight: bold;
	text-decoration: none;
}
#SUB_MAIN {
    position: relative;
}
#SALUTATION,
#CHART {
	letter-spacing: 5px;
}
#SAL_PHOTO {
	position: absolute;
	display: block;
	top: 20%;
	left: 110px;
}
#SAL_PHOTO img {
    display: block;
    top: 30%;
    left: 110px;
}
#SAL_LOGO {
    position: absolute;
    display: block;
    top: 54%;
    left: 40px;
}
#SAL_LOGO img{
	position: absolute;
	display: block;
	top: 30%;
	left: 40px;
}
#SAL_ORG{
	position: relative;
	display: block;
	top: 30%;
	margin : 50px auto;
	max-width : 659px;
}
#SAL_ORG img{
	width : 100%;
}
/*----------------------------------------------------- 企業理念 */
.catch > strong {
	color: #005DAD;
	font-size: 2em;
}
.catch {
	font-size: 20px;
	letter-spacing: 5px;
	text-align: center;
	width: 254px;
	margin: 20px 0;
}
.catch_box {
	position: relative;
	height: 210px;
	max-width : 750px;
	width : 100%; 
	margin : 0 auto;
}
.catch_box img{
	width : 243px;
	margin : 0 auto;
	display : block;
	padding-right: 20px;
}

.catch_box p {
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	box-sizing: border-box;
	padding-top: 0.7em;
	margin: auto;
	width: 100%;
	height: 4em;
	background-color: #fff;
	text-align : center;
}

.catch span:first-of-type {
	padding-top: 10px;
	display: inline-block;
	font-size: 12px;
}
.catch_img {
	width: 254px;
	height: 222px; 
}
.sub_catch {
	display: inline-block;
	text-align: center;
	letter-spacing: 1px;
	font-size: 14px;
	margin: 40px auto 0px;
}
.sub_catch > span {
	display: inline-block;
	font-size: 1.1em;
	color: #005DAD;
	padding: 6px 10px;
}
.box_tri {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.box_satisfaction,
.box_action {
	width: 260px;
	background-image: url(../img/bg/bg_bl.jpg);
	background-repeat: repeat;
	background-size: 100% auto;
	padding: 30px 10px;
	margin: 5px 20px 10px 20px;
}
.box_satisfaction > *,
.box_action > * {
	color: #fff;
	text-align: center;
	line-height: 20px;
}
.box_tri h4 {
	font-size: 1.2em;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
/* -------------------------------------------- サンクスページ */
.thanks_box{
	position : relative;
	height : 100%;
	margin : 50px 0px;
	background-color : rgba(255, 255, 255, 0.8);
	color : #cccccc;
	overflow : hidden;
	background-size : 300px;
	background-position : 90% 50%;
}
.thanks_box p{
	margin : 50px auto;
	width : 80%;
}
.thanks_box p.thanks_p_company{
	font-size : 12px;
	margin-top : 80px;
}

/*--------------------------------------------------- コネクトシティ　小岩(sp_connectcity) */
.connect-city *{
	box-sizing : border-box;
}
/* ----- eyecatch ----- */
#DIV_CCETYECATCH{
	margin-top : 110px;
	position : relative;
}
#DIV_CCETYECATCH img{
	width : 100%;
}
#DIV_CCETYECATCH .cclogo img{
	position : absolute;
	width : auto;
	top : 0;
	right : 0;
	bottom : 50%;
	left : 0;
	margin : auto;
	max-width : 50%;
}
#DIV_CCETYECATCH .cccatch img{
	position : absolute;
	width : auto;
	max-width : 60%;
	top : 0;
	right : 0;
	bottom : 1%;
	left : 0;
	margin : auto;
}
#DIV_CCETYECATCH .cceyecatch {
	position: relative;
}
/*
#DIV_CCETYECATCH .cceyecatch > img {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
}
#DIV_CCETYECATCH .cceyecatch > .view {
	position: static;
	display: block;
}
*/
#DIV_CCETYECATCH .cceyecatch_bottom_txt{
	position : absolute;
	width : 100%;
	bottom : 0px;
	padding-bottom : 25%;
	background : url(../img/connect-city_koiwa/eyecatch_bottom.png) no-repeat;
	background-size : 100%;
}
#DIV_CCETYECATCH .cceyecatch_bottom_txt img{
	position : absolute;
	width : auto;
	max-width : 90%;
	right : 0;
	bottom : 0;
	left : 0;
	top : 0;
	margin : auto;
}
/* ----- menu ----- */
div#SP_GM{
	position : fixed;
	width : 100px;
	height : 360px;
	top : 120px;
	left : 10px;
	z-index : 20;
	overflow : visible;
	display : block;
}
P#SP_GM_OPEN_BUTTON{
	display : none;
	width : 40px;
	height : 40px;
	background-image : url(../img/btn_open_close.png);
	top : 0x;
	left : 5px;
	text-indent : -9999px;
}
DIV#SP_GM .open{
	background-position : 0px 0px;
}
DIV#SP_GM .close{
	background-position : -40px 0px;
}
#UL_CCMENU{
	display : block;
}
#UL_CCMENU a:hover img{
	opacity : 0.8;
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
}
/* ----- 見出し ----- */
/* h2 */
.connect-city h2{
	margin-top : 100px;
	padding-top : 80px;
	background : url(../img/connect-city_koiwa/h2_bg.png) center no-repeat;
	background-size : 100%;
	max-width : 1110px;
	max-height : 174px;
	text-align : center;
	clear : both;
}
.connect-city h2 img{
	max-width : 600px;
	width : 100%;
}
/* h3 */
body#SUBPAGE .connect-city h3 ,body#SUBPAGE .connect-city h3 strong{
	margin : 0;
	padding : 0;
	display : block;
	color : #00296C;
	font-family : "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝";
}
body#SUBPAGE .connect-city h3{
	margin : 0;
	padding-bottom : 20px;
	text-align : left;
	font-size : 16px;
}
body#SUBPAGE .connect-city h3 strong{
	margin-top : 10px;
	font-size : 22px;
}

/* ----- モーダル ----- */
.modal_btn_ccclose{
	position : absolute;
	top : -20px;
	right : -20px;
	cursor : pointer;
}
/* ----- キャッチ ----- */
.connect-city .p_cccatch{
	margin : 50px 0;
	font-size : 18px;
	text-align : center;
}

/* -- ロケーション -- */
h2#LOCATION{
	margin-top : 0;
	padding :  0;
}
.p_ccmap{
	margin: 50px 0 30px;
}
.p_ccmap img{
	width : 100%;
}

.p_ccgmap{
	margin-bottom : 80px;
}
/* 交通 */
.connect-city .div_traffic{
	padding : 30px;
	background : #D9DCE5;
	width : 49%;
	float : left;
}
.connect-city .div_traffic p{
	padding : 3px 10px;
	border : 1px solid #000000;
}
.connect-city .div_traffic ul li{
	margin-left : -15px;
	background : url(../img/connect-city_koiwa/line_dotted.png) no-repeat center center;
	height : 70px;
	position : relative;
}
.connect-city .div_traffic .span_ccstation,.connect-city .div_traffic .span_cctime{
	padding : 0 10px;
	background : #D9DCE5;
	position : absolute;
}
.connect-city .div_traffic .span_ccstation span{
	font-size : 24px;
}
.connect-city .div_traffic .span_cctime{
	right : 0;
}
.connect-city .div_traffic .span_cctime span{
	font-size : 40px;
	color : #172A5F;
}

.connect-city .div_traffic .span_line {
	display: block;
	margin-top: 20px;
	padding: 0 15px;
}
.connect-city .div_traffic .span_attention {
	display: block;
	font-size: 10px;
	margin-top: 30px;
	padding: 0 15px;
}

.connect-city .div_traffic .p_cccaution{
	margin-top : 15px;
	padding : 0;
	line-height: 1.2em;
	font-size : 10px;
	border : none;
}
.connect-city .div_traffic-map{
	width : 49%;
	float : right;
}
.connect-city .div_traffic-map img{
	width : 100%;
	max-width : 600px;
}

/* 周辺環境 */
.connect-city .div_surround{
	margin-top : 40px;
}
.connect-city .div_surround img{
	width : 100%;
}
.connect-city .div_surround ul{
	margin-top : 10px;
	padding: 30px;
	background-color : #D9DCE5
}
.connect-city .div_surround ul li{
	padding : 8px 0;
	width : 25%;
	font-size : 12px;
	line-height : 1.5em;
	float: left;
	vertical-align : top;
}
/* -- プラン -- */
.div_ccfigure img{
	width : 100%;
}
.div_ccfigure{
	margin-top : 150px;
	position : relative;
}
.div_ccfigure span{
	cursor : pointer;
	position : absolute;
	z-index : 10;
}
img.ccfigure_come_gate{
	position : absolute;
	z-index : 10;
	width : auto;
	top : -10%;
	left : 10%;
}
img.ccfigure_come_road{
	position : absolute;
	z-index : 10;
	width : auto;
	top : -13%;
	right : 12%;
}
img.ccfigure_come_park{
	position : absolute;
	z-index : 10;
	width : auto;
	bottom : 0;
	left : 16%;
}
.ccfigure02{
	width : 9%;
	height : 7%;
	top : 57%;
	right : 19%;
}
.ccfigure03{
	width : 11%;
	height : 7%;
	top : 65%;
	right : 17%;
}
.ccfigure09{
	width : 11%;
	height : 9%;
	top : 58%;
	right : 37%;
}
.ccfigure10{
	width : 6%;
	height : 12%;
	top : 55%;
	right : 30%;
}
.ccfigure15{
	width : 8%;
	height : 10%;
	top : 34%;
	right : 42%;
}
.ccfigure17{
	width : 7%;
	height : 14%;
	top : 25%;
	right : 80%;
}
.ccfigure19{
	width : 7%;
	height : 14%;
	top : 25%;
	right : 65%;
}
.ccfigure22{
	width : 14%;
	height : 8%;
	top : 47%;
	right : 56%;
}
.ccfigure24{
	width : 12%;
	height : 8%;
	top : 54%;
	right : 71%;
}
.ccfigure26{
	width : 13%;
	height : 7%;
	top : 39%;
	right : 71%;
}

/* -- 間取（モーダル） --*/
.connect-city .div_planname{
	width : 49%;
	background : #000000;
	float : left;
}
.connect-city .div_planname *{
	color : #ffffff;
}
.connect-city .div_planname .p_building{
	padding-top : 10px;
	/* border-bottom : 1px solid #ffffff; */
}
.connect-city .div_planname .p_building span{
	font-size : 72px;
	line-height : 1em;
}
.connect-city .ul_ccplice{
	margin-top : 30px;
	width : 49%;
	float :  right ;
}
.connect-city .ul_ccplice li{
}
.connect-city .ul_ccplice .li_ccplice{
	padding-bottom : 10px;
}
.connect-city .ul_ccplice .li_ccplice span{
	color : #AF0000;
	font-size : 70px;
}
.connect-city .div_planname .div_ccplanimg{
	clear : both;
}
/* -- サンファースト加工 -- */
.connect-city .div_cm{
	text-align : center;
}
.connect-city .div_cm div{
	position : relative;
	display : inline-block;
	max-width : 100%;
}
.connect-city .div_cm img{
	max-width : 100%;
}
.connect-city .div_cm span{
	cursor : pointer;
	position : absolute;
	width : 5%;
	height : 5%;
	z-index : 10;
}
.connect-city .div_cm span.cm01{
	width : 18%;
	height : 55%;
	top : 21%;
	right : 15%;
	z-index : 9;
}
.cm02{
	top : 80%;
	right : 32%;
}
.cm03{
	top : 37%;
	right : 50%;
}
.cm04{
	top : 36%;
	right : 23%;
}
.cm05{
	top : 53%;
	right : 34%;
}
.cm06{
	top : 78%;
	right : 25%;
}
.cm07{
	top : 82%;
	right : 15%;
}
.cm08{
	top : 85%;
	right : 27%;
}
.cm09{
	top : 83%;
	right : 21%;
}
.cm10{
	top : 91%;
	right : 39%;
}
/* サンファースト モーダル */
.connect-city #MODAL_CONTENT .div_mdl_cm div{
	margin : 0;
	padding : 0;
}
.connect-city .div_mdl_cm_txt{
	margin : 0;
	padding : 0;
	width : 59%;
	float : left;
}
.connect-city .div_mdl_cm_img{
	width : 39%;
	float : right;
}
.connect-city #MODAL_CONTENT div .div_mdl_cm_img img{
	width : 90%;
	max-width : 300px;
}
/* -- 設備・仕様 -- */
.connect-city h2#SPEC{
	margin-bottom : 60px;
}
.cccpec_table{
	display : table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 5px; 
}
.cccpec_box{
	display : table-cell;
	margin-bottom : 10px;
	padding : 15px;
	margin : 5px;
	width : 48%;
	vertical-align : top;
	background : #DEF1F7;
	border-radius : 5px;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
}
.cccpec_txt{
	margin-bottom : 10px;
	line-height : 18px;
}
.cccpec_box img{
	width : 80%;
}
.cccpec_img{
	text-align : center;
}
/* -- 物件概要 -- */
.connect-city table{
	margin-top : 30px;
}
/* -- 問合せ -- */
.cctrgger li{
	display : inline-block;
}

/* ---------------------------------------------------------------------- */
/*                                                             1100px以下 */
/* ---------------------------------------------------------------------- */
@media screen and (max-width: 1100px){
	/*--------------------------------------------------- index */
	BODY#TOPPAGE div#TOP_7 div#COMPANY_BASE_01{
		 margin: 150px 0 10px 150px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base{
		margin: 60px 0 10px 150px;
	}
	DIV#TOP_7 h3.h3_company_citinet{
		background-position : 47% 50%;
	}
	
	div#SUB_MAIN {
		width: 740px;
	}
	.selection_box {
		width: 46%;
	}
	div#RESULT_TOP,
	div#SEARCH_RESULT {
		width: 462px;
	}
	div#SEARCH_RESULT div.bukken_box .estate_box_table {
		width: 100%;
		border-left: 0px;
	}
	div#SEARCH_RESULT div.bukken_box .estate_img {
		padding-bottom : 80%;
		width : 100%;
	}
	div#SEARCH_RESULT div.bukken_box p.btn {
		width : 100%;
	}
	/*--------------------------------------------------- stre */
	.stre_plan_button a{
		width : 45%;
		margin : 2%;
		padding : 1%;
	}
	.stre_info_box2,
	.stre_info_sbox{
		height : 330px;
	}
	.stre_location_img2{
		margin-left : 2%;
		margin-top : 1%;
	}
	#SHOP_INFO .shop_info3 img{
		float : none;
		margin : 7px 43px 0;
	}
	#SHOP_INFO .shop_info3 div{
		margin : 0 0 0 10px;
		padding-top : 15px;
	}
	.shop_info3 p {
	    margin : -18px 0 0 10px;
	    
	}
	
	/* --------------------------------------------------- サブページ店舗 */
	#TABLE_OFFICE,
	.right_image{
		width : 90%;
		margin : 10px auto;
		float : none;
		text-align : center;
	}
	#TABLE_OFFICE td{
		text-align : left;
	}
	.right_image img{
		width : 50%;
		margin : 10px auto;
	}
	.right_image a{
		margin : 10px auto;
	}
	.recruit_box_max{
		text-align : center;
		width : 100%;
	}
	/* --------------------------------------------------- サブページ採用情報 */
	.recruit_box_half a{
		float : none;
	}
	.recruit_box_max p,
	.recruit_box_max h4{
		float : none;
		width : 90%;
		margin : 20px auto;
	}
	.recruit_box_max:nth-child(2) h4{
		float : none;
	}
	.recruit_box_max h4{
		font-size : 21px;
	}
	.recruit_box_max .recruit_interview_profile{
		margin : 20px 10px;
	}
	.recruit_box_half a{
		width : 100%;
		margin-top: 0px;
	}
	.recruit_box_half a.recruit_box_right{
		margin-top : 10px;
		margin-left : 0px;
		float : none;
	}
	.recruit_box_max .recruit_interview_title{
		font-size : 18px;
		margin : 30px auto 10px !important;
	}
	.recruit_link_button span{
		text-align : center;
		margin : 40px auto;
		left : 40%;
	}
	a.content_center h4 span{
		left : 30%;
	}
	/*--------------------------------------------------- Streについて ここから▽ */
	.about_stre_bg{
		height : auto;
	}
	.about_stre_img{
		height: 700px;
		margin-bottom: 100px;
	}
	.about_stre_img_03 {
		top : 230px;
		left: 200px;
	}
	.about_stre_img_04 {
		top: 460px;
	}
	.about_stre_img_05{
		position : absolute;
		top : 345px;
		left : 400px;
	}
	.about_stre_content_title{
		margin-left : -150px;
		top : 58%;
	}
	.about_stre_content_title p{
		width : 300px;
		font-size : 18px;
	}
	.about_stre_content_title {
		top: 55%;
	}
	.about_stre_content_04,
	.about_stre_content_05 {
		bottom: 68px;
	}
	.about_stre_contents .about_stre_content_01 input.open-close:checked + label {transform: translate(-75px, -125px);}
	.about_stre_contents .about_stre_content_02 input.open-close:checked + label {transform: translate(0px, -75px);}
	.about_stre_contents .about_stre_content_03 input.open-close:checked + label {transform: translate(0px, -75px);}
	.about_stre_contents .about_stre_content_04 input.open-close:checked + label {transform: translate(0px, 140px);}
	.about_stre_contents .about_stre_content_05 input.open-close:checked + label {transform: translate(0px, 140px);}
	/*--------------------------------------------------- Streについて ここまで△ */
	.recruit_box_half a {
		margin-bottom: 20px;
	}
	/*---------------------------------------------------スタッフ紹介*/
	.staff_box{
		height : 730px;
	}
	.staff_box > div h4 {
		float: none;
		padding: 10px 10px 8px;
		width: 100%;
	}
	.staff_box > div h4 span {
		display: inline-block;
		float: right;
		width: auto;
	}
	.staff_box .image {
		display: block;
		float: none;
		width: 90%;
		margin: auto;
	}
	.staff_box > div{
		width : 100%;
	}
	.staff_introduce:nth-of-type(1){
		width : 100%;
	}
	/*----------------------------------------- 代表者インタビュー */
	.interview_main_president .div_section img{
		float : none;
		margin : auto;
		padding : 0px;
	}
	.interview_main_president .h2_subpage_top_interview{
		width : 100%;
		height : 225px;
		background-size : 100% auto;
		margin : 25px auto 25px;
	}
	.interview_main_president .div_section {
		background-size: 40% auto;
		background-position: top right;
	}
	.interview_main_president .div_section > h3 {
		display: block;
		text-align: left !important;
		width: 59%;
		padding-top: 100px !important;
		margin-bottom: 30px !important;
	}
	.interview_main_president .div_section:last-of-type > h3{
		padding-top : 0px !important;
	}
	.interview_main_president .div_section_p > h3{
		padding-top: 0px !important;
	} 
	.interview_main_president .div_section > p {
		width: 100%;
	}
	.interview_main_president .div_section .interview_p_left{
		display : inline;
		width : 100%;
	}
	/*--------------------------------------------------- マネージャーインタビュー */
	.div_section_l {
		background-size: 40% auto;
		background-position: top left;
	}
	.div_section_l:nth-of-type(2),
	.div_section_l:nth-of-type(4){
		background-position: top right;
	}
	.div_section_l > h3 {
		display: block;
		text-align: left !important;
		width: 59%;
		padding-top: 100px !important;
		margin-bottom: 80px !important;
	}
	.div_section_l > p {
		width: 100%;
	}
	/*------------------------------------------------- 住宅購入体験記 */
	div.div_exp {
		width: 49%;
	}
	div.div_exp span {
		letter-spacing: 0;
	}
	div.div_exp:nth-last-of-type(11) img {
		height: 255px;
	}
	/*------------------------------------------------- 事業案内 */
	#SAL_PHOTO {
		top: 0 !important;
		left: 25%;
	}
	#SAL_LOGO {
		top: -80px !important;
		left: 55%;
	}
	.catch,
	.catch + p {
		text-align: left;
	}
	.salutation_p:first-of-type {
		margin-top: 300px;
	}
	.salutation_p {
		padding-right: 0;
		margin-right: auto;
		margin-left: auto;
	}
	#SAL_LOGO img{
		top: 239px;
		left: -5px;
	}
	
	/*------------------------------------------------- 物件詳細ページ */
	.div_e_likeness #EDD_SIMILAE_RESULT ul{
		height : 350px;
	}
	table.table_e_detail3 th{
		width : auto;
	}
	/*-------------------------------------------------about_ */
	.about_content_box p.img_base{
		width : 220px;
		max-height : 220px;
		
	}
	/*--------------------------------------------------- コネクトシティ　小岩(sp_connectcity) */
	/* -- プラン -- */
	img.ccfigure_come_gate{
		top : -26%;
		left : 8%;
	}
	img.ccfigure_come_road{
		top : -25%;
		right : 5%;
	}
	img.ccfigure_come_park{
		bottom : -4%;
		left : 1%;
	}
	body#SUBPAGE .connect-city h3 strong{
		font-size: 18px;
	}
	/* -- モーダルウインドウ-- */
	.connect-city .ul_ccplice .li_ccplice span{
		font-size : 50px;
		line-height: 1;
	}
	.connect-city .div_planname .p_building span{
		font-size : 60px;
	}
}
/* ---------------------------------------------------------------------- */
/*                                                             1000px以下
						(index.html左メニューと被らない程度に調整しています) */
/* ---------------------------------------------------------------------- */
@media screen and (max-width: 1000px){
	div#WRAPPER div#TOP_1 P{
		width : 600px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base{
		width : AUTO;
		height : 500px;
		margin : 30px 120px;
		padding : 0px;
		position : relative;
	}
	BODY#TOPPAGE div#TOP_7 div#COMPANY_BASE_01{
		margin : 100px 120px 30px 120px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base a.a_hex{
		position : absolute;
		margin : 10px AUTO;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_01{
		margin-top : 0px;
		margin-left : 148px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_02{
		margin-top : 115px;
		margin-left : 343px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_03{
		margin-top : 230px;
		margin-left : 148px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_04{
		margin-top : 0px;
		margin-left : 148px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_05{
		margin-top : 115px;
		margin-left : 343px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_06{
		margin-top : 230px;
		margin-left : 148px;
	}
	div.div_company_right,
	div.div_company_left{
		width : 100%;
		margin : 0px;
		padding : 0px;
		overflow : hidden;
	}
	div#TOP_8 table{
		margin : 0px 100px 0 195px;
		width : AUTO;
	}
	img#IMG_TOP_CMPNYPHOTO{
		margin : 30px 0px 30px 180px;
	}
	a#TOP_CONTACT_BUTTON_B{
		margin : 30px auto;
	}
	
	div.div_right_50, div.div_left_50 {
	    float: none;
	    height: 90%;
	    margin: 11px 120px 11px 170px;
	    width: auto;
	}
}
/* ---------------------------------------------------------------------- */
/*                                                             タブレット */
/* ---------------------------------------------------------------------- */
@media screen and (max-width: 800px){
	h2.h2_subpage_top{
		font-size : 24px;
		padding : 5px;
		margin : 0px;
	}
	div#SUB_MAIN{
		padding : 8px;
		width : auto;
	}
	ul#SUB_GM li{
		background : url(../img/sub_gm_button_mobile.png);
	}
	ul#SUB_GM label{
		text-indent : 0px;
	}
	.table_style th,
	.table_style td{
		display : block;
		text-align : center;
	}
	.table_style th{
		background : #eeeeee;
		width: auto;
	}
	.selection_box{
		min-height : 670px;
	}
	.past_estate_box{
		min-height : auto;
	}
	.service_box{
		margin : 0px;
	}
	.service_box li{
		width : 96%;
		margin-left : 0px;
		margin : 2%
	}
	.service_box li img{
		min-width : 350px;
	}
	.inverstment_button{
		width : 96%;
	}
	div#SEARCH_RESULT div.bukken_box .estate_box_table th{
		display : table-cell;
	}
	div#SEARCH_RESULT div.bukken_box .estate_box_table td{
		display : table-cell;
		text-align : left;
	}
	/* -- モーダルウインドウ -- */
	#MODAL_BOX {
		width : 90%;
	}
	/*------ 住宅購入体験記 */
.experienxe_question {
	width: 90%;
	margin-right: 5%;
}
.experienxe_qa p.experienxe_answer {
	margin-top: 10px;
}
	/*--------------------------------------------------- 会社概要 */
	.company_table th {
		width : auto;
	}
	.history {
		width : 90%;
	}
	.history th {
		padding-right : 0px;
	}
	.history td {
		padding-left : 15px;
	}
	
	/*--------------------------------------------------- 物件詳細 */
	/* -- 物件詳細 -- */
	.div_e_shop{
		padding  : 20px 100% ;
	}
	.table_e_detail th{
		background : #eeeeee;
	}
	/* -- 店舗情報 -- */
	.div_e_shop_l , .div_e_shop iframe{
		margin : 0;
		width : 100%;
		float : none;
	}
	/*--------------------------------------------------- stre */
	.stre_info_box2{
		float : none;
		margin : 0 auto;
		height : auto;
		width : 90%;
	}
	.stre_sbox_height{
		width : ;
	}
	.stre_info_sbox{
		width : 93%;
		margin : 5%;
		padding : 0 30px;
		box-sizing : border-box;
	}
	.stre_info_box2 img{
		width : 80%;
	}
	#STRE_INFO_TABLE th{
		width : 100%;
	}
	#STRE_INFO_TABLE td{
		width : 100%;
	}
	.stre_info_box2{
		margin-left : 2%;
	}
	.stre_other ul{
		width : 48%;
		margin : 10px 1%;
	}
	.stre_other ul li{
		text-align : center;
	}
	.shop_info3 {
	    text-align: center;
	}
	.shop_info3, .shop_info2, #SHOP_INFO img {
	    padding: 1%;
	    width: 95%;
	}
	#SHOP_INFO {
	    float: none;
	    height: auto;
	}
	
	#SHOP_INFO div {
	    margin: 2% auto;
	}
	
	/* ---------------------------- スタッフ紹介 */
	.staff_box{
		width : 95%;
		height : auto;
	}
	.staff_box > div{
		width : 50%;
	}
	.staff_introduce:nth-of-type(1){
		width : 50%;
	}
	/* --------------------------------------------------- サブページ採用情報 */
	#RECRUIT_INTERVIEW{
		background-size : 100%;
	}
	DIV#RECRUIT_INTERVIEW_TITLE{
		margin : 10px AUTO;
	}
	DIV#RECRUIT_INTERVIEW_TITLE p{
		display : block;
		width : 50%;
		overflow : hidden;
		padding-bottom : 0;
	}
	DIV#RECRUIT_INTERVIEW_TITLE span{
		display : block;
		font-size : 30px;
	}
	DIV#RECRUIT_INTERVIEW_TITLE .hr_title_base{
		padding : 2% 3%;
	}
	p.hr_image_base img{
		width : 100%;
	}
	.experienxe_qa p.experienxe_answer{
		margin : 50px auto 10px auto;
		padding : 0px 0px 0px 0px;
		width : 90%;
	}
	div#BOTTOM ul{
		display : block;
		width : 30%;
		float : left;
		margin-left : 0px;
		margin-top : 10px;
	}
	div#BOTTOM ul li{
		margin : 0px;
		padding : 2px;
	}
	#RECRUIT_BASE table th,
	#RECRUIT_BASE table td{
		display : block;
		text-align : left;
	}
	#RECRUIT_BASE{
		padding : 0;
	}
	#RECRUIT_BASE table th{
		border-bottom: 1px solid #000000;
		border-top : 1px solid #000000;
		background: #eeeeee;
			width: auto;
		padding-left : 20px;
	}
	#RECRUIT_BASE table{
		width : 100%;
	}
	/*--------------------------------------------------- Streについて ここから▽ */
	.about_stre_img {
		height: 100%;
		width: 450px;
		margin: auto;
		margin-top: 50px;
				margin-bottom: 0;
    }
	.about_stre_img > img {
		display: block;
		position: static;
		margin: auto;
		margin-bottom: 20px;
	}
	.about_stre_img_03 {
		position : absolute;
		top : 345px;
		left : 0px;
	}
	.about_stre_img_05 {
		position : absolute;
		top : 460px;
		left : 200px;
	}
	.about_stre_contents .about_stre_content_01 input.open-close:checked + label,
	.about_stre_contents .about_stre_content_02 input.open-close:checked + label,
	.about_stre_contents .about_stre_content_03 input.open-close:checked + label,
	.about_stre_contents .about_stre_content_04 input.open-close:checked + label,
	.about_stre_contents .about_stre_content_05 input.open-close:checked + label {
		transform: none !important;
	}
	.about_stre_contents {
		height: auto;
		width : 100%;
	}
	.about_stre_contents div label{
		margin : 15px auto;
	}
	.about_stre_content_title{
		position : relative;
		margin : 0px;
		top : 0%;
		left : 0px;
	}
	.about_stre_content_title img{
		display : block;
		margin : auto;
		width: 100%;
		max-width: 300px;
	}
	.about_stre_content_title p{
		width : 300px;
		font-size : 18px;
		margin : 10px auto;
	}
	.about_stre_contents div input.open-close + label{
		opacity : 1;
	}
	.about_stre_contents .about_stre_content_01 input.open-close + label,
	.about_stre_contents .about_stre_content_02 input.open-close + label,
	.about_stre_contents .about_stre_content_03 input.open-close + label,
	.about_stre_contents .about_stre_content_04 input.open-close + label,
	.about_stre_contents .about_stre_content_05 input.open-close + label{
		width : 400px;
		height : 350px;
	}
	.about_stre_contents .about_stre_content_01 input.open-close + label{
		background : url(../img/about_stre_content_bg_01.png) no-repeat center center;
		background-size : 400px;
	}
	.about_stre_contents .about_stre_content_02 input.open-close + label{
		background : url(../img/about_stre_content_bg_02.png) no-repeat center center;
		background-size : 400px;
	}
	.about_stre_contents .about_stre_content_03 input.open-close + label{
		background : url(../img/about_stre_content_bg_03.png) no-repeat center center;
		background-size : 400px;
	}
	.about_stre_contents .about_stre_content_04 input.open-close + label{
		background : url(../img/about_stre_content_bg_04.png) no-repeat center center;
		background-size : 400px;
	}
	.about_stre_contents .about_stre_content_05 input.open-close + label{
		background : url(../img/about_stre_content_bg_05.png) no-repeat center center;
		background-size : 400px;
	}
	.about_stre_contents div input.open-close + label div{
		height : auto;
		overflow : hidden;
	}
	.about_stre_contents div input.open-close + label div p{
		width: 250px;
		height: auto;
		padding: 0px 10px;
		margin: auto;
		color: #FFF;
		text-align : center;
	}
	.about_stre_contents div input.open-close + label span{
		left : 50%;
		top : 80px;
		margin-left : -125px;
		color : #ffffff;
		display : none;
	}
	.about_stre_content_01,
	.about_stre_content_02,
	.about_stre_content_03,
	.about_stre_content_04,
	.about_stre_content_05{
		position : static;
		top : 0;
		left : 0;
		margin : 0px;
	}
	/*--------------------------------------------------- Streについて ここまで△ */
	/*--------------------------------------------------- 住宅購入体験記一覧 */
	div.div_exp:nth-last-of-type(11) img {
		height: 155px;
	}
	/*---------------------------------------------------about_○○*/
	body#SUBPAGE h3.about_content_title_sale,
	body#SUBPAGE h3.about_content_title_investment,
	body#SUBPAGE h3.about_content_title_mediation{
		width : 100%;
		font-size : 14px;
		font-weight : normal;
		color : #ffffff;
		padding : 25px 0px;
		text-align : left;
		position : relative;
	}
	.about_content_title_sale span,
	.about_content_title_investment span,
	.about_content_title_mediation span{
		font-size : 36px;
		color : rgba(255,255,255,0.5);
		padding : 0px 10px 0px 20px;
		margin : 0px;
		display: inline-block;
		float: left;
		vertical-align: bottom;
	}
	.about_content_box{
		width : 100%;
		background : #ffffff;
		margin : 10px 0px;
		padding : 0px;
		box-shadow: 5px 5px 5px #aaaaaa;
		position : relative;
	}
	.about_content_box p{
		width : 60%;
		float : left;
		margin : 0px;
		padding : 30px 20px;
		line-height : 2em;
	}
	.about_content_box p.img_base{
		width : 32%;
		height : auto;
		
		
	}
	/*-------------------------------------------------------------不動産買取*/
	.purchase_image_1,
				.flow .purchase_image {
					float: none;
					margin: auto;
				}
				.purchase_section:first-of-type p {
					padding-left: 0px;
				}
				.flow {
					height: 100%;
					padding-left: 0;
				}
				.flow:first-child,
				.flow:last-child{
					height : 100%;
				}
				.purchase_section:first-of-type div {
					padding-right: 0;
				}
				.flow h4 {
					padding-bottom: 10px;
					padding-top : 15px;
					margin-left : 0px;
				}
				.purchase_step{
					width : 50px;
				}
				.purchase_step:before{
					bottom: -50px;
					border : 25px solid transparent;
					border-top-color: #000;
				}
				.purchase_step:after{
					border: 25px solid transparent;
					border-left-color: #000;
					border-right-color: #000;
					border-bottom-color: #000;
				}
				.flow p {
					margin-left: 70px;
				}
	/*----------------------------------------- スタッフ紹介*/
	/*----------------------------------------- マネージャーインタビュー */
	.div_section_l {
				background-size: auto;
				background-position: top center;
			}
			.div_section_l > * {
				width: 100%;
			}
			.div_section_l > h3 {
				width: 100%;
				padding-top: 360px !important;
				margin-bottom: 0px !important;
			}
			.div_section_l:last-of-type > h3 {
				padding-top: 318px !important;
				margin-bottom: 0px !important;
			}
	/*----------------------------------------- 代表者インタビュー */
	.interview_main_president .div_section {
				background-size: auto;
				background-position: top center;
			}
			.interview_main_president .div_section > * {
				width: 100%;
			}
			.interview_main_president .div_section > h3 {
				width: 100%;
				padding-top: 360px !important;
				margin-bottom: 0px !important;
			}
			.interview_main_president .div_section_p > h3{
				padding-top: 0px !important;
			} 
			.interview_main_president .div_section:last-of-type > h3 {
				padding-top: 0px !important;
			}

	/*----------------------------------------- CONNECT CITY KOIWA sp_connectcity */
			/* アイキャッチ */
			#DIV_CCETYECATCH .cclogo img{
				width : 30%;
			}
			#DIV_CCETYECATCH .cceyecatch_bottom_txt img{
				width : 100%;
				bottom : 4%;
			}
			/* 交通 */
			.connect-city .div_traffic{
				width : 100%;
				float : none;
			}
			.connect-city .div_traffic-map{
				width : 100%;
				float : none;
				text-align : center;
			}
			/* -- プラン -- */
			.div_ccfigure{
				margin-top : 170px;
			}
			img.ccfigure_come_gate{
				max-width : 40%;
				top : -28%;
				left : 13%;
			}
			img.ccfigure_come_road{
				max-width : 40%;
				top : -32%;
				right : 2%;
			}
			img.ccfigure_come_park{
				max-width : 40%;
				bottom : -16%;
				left : 1%;
			}
			/* サンファースト モーダル */
			.connect-city #MODAL_CONTENT .div_mdl_cm div .div_mdl_cm_txt{
				padding-bottom : 10px;
				width  : 100%;
				float : none;
			}
			.connect-city .div_mdl_cm_img{
				texet-align : center;
				float : none;
				width  : 100%;
			}
			.connect-city #MODAL_CONTENT div .div_mdl_cm_img img{
				max-width : 400px;
				width  : 100%;
			}
			/* -- 設備・仕様 -- */
			.cccpec_table{
				display : block;
			}
			.cccpec_box{
				width : 100%;
				height : auto;
				display : block;
				margin : 20px auto;
			}
			.cccpec_box img{
				width : 100%;
				max-width : 400px;
			}
			body#SUBPAGE .connect-city h3 strong{
				font-size: 24px;
			}
	/*-----------------------------------------------タブレットver トップページ*/
	div.div_right{
		width : 80%;
		height : 90%;
		position : relative;
	}
	div.div_left{
		width : 100%;
		height : 90%;
		position : relative;
	}
	div.hexagon{
		width : 478px; 
		height : 430px;
		background-position : 50% 50%;
		position : relative;
	}
	div.div_right div.hexagon{
		margin : 250px AUTO 0px 100px;
	}
	div.div_left div.hexagon{
		margin : 250px 135px 0px AUTO;
	}
	div.div_right{
		float : right;
	}
	div.div_left{
		float : right;
	}
	div.div_right_50,
	div.div_left_50{
		width : AUTO;
		height : 90%;
		margin : 10px 120px;
		float : none;
	}
	/*-----------------------------------------------六角形リンク*/
	div.div_right div.base_a_hex{
		width : 450px;
		height : AUTO;
		margin : 250px 0px 0px 0px;
		position : absolute;
		left : 0;
		top : 0;
	}
	div.div_left div.base_a_hex{
		width : 450px;
		height : AUTO;
		margin : 250px 0px 0px 0px;
		position : absolute;
		right : 0;
		top : 0;
	}
	BODY#TOPPAGE DIV#TOP_2{
		height : 1100px;
	}
	/* 右寄りコンテンツの配置 */
	div.div_right div.base_a_hex a.a_hex_01{
		margin-top : -115px;
		margin-left : -35px;
	}
	div.div_right div.base_a_hex a.a_hex_02{
		margin-top : 555px;
		margin-left : -35px;
	}
	div.div_right div.base_a_hex a.a_hex_03{
		margin-top : 330px;
		margin-left : -35px;
	}
	div.div_right div.base_a_hex a.a_hex_04{
		margin-top : 440px;
		margin-left : 160px;
	}
	div.div_right div.base_a_hex a.a_hex_05{
		margin-top : 555px;
		margin-left : 350px;
	}
	/* 左寄りコンテンツの配置 */
	div.div_left div.base_a_hex a.a_hex_01{
		margin-top : -113px;
		margin-left : -35px;
	}
	div.div_left div.base_a_hex a.a_hex_02{
		margin-top : 320px;
		margin-left : -35px;
	}
	div.div_company_right,
	div.div_company_left{
		width : 100%;
		margin : 0px;
		padding : 0px;
		overflow : hidden;
	}
	div#TOP_8 table{
		margin : 0px 120px;
		width : AUTO;
	}
	img#IMG_TOP_CMPNYPHOTO{
		margin : 30px 0px 30px 120px;
	}
	a#TOP_CONTACT_BUTTON_B{
		margin : 30px AUTO;
	}
	h2.h2_top span{
		font-size : 60px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base{
		width : AUTO;
		height : 500px;
		margin : 30px 120px;
		padding : 0px;
		position : relative;
	}
	BODY#TOPPAGE div#TOP_7 div#COMPANY_BASE_01{
		margin : 100px 120px 30px 120px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base a.a_hex{
		position : absolute;
		margin : 10px AUTO;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_01{
		margin-top : 0px;
		margin-left : 0px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_02{
		margin-top : 115px;
		margin-left : 195px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_03{
		margin-top : 230px;
		margin-left : 0px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_04{
		margin-top : 0px;
		margin-left : 0px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_05{
		margin-top : 115px;
		margin-left : 195px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_06{
		margin-top : 230px;
		margin-left : 0px;
	}
}
/* ---------------------------------------------------------------------- */
/*                                                                 スマホ */
/* ---------------------------------------------------------------------- */
@media screen and (max-width: 520px){
	div#WRAPPER{
		width : 100%;
		margin : 0px;
		padding : 0px;
		overflow : hidden;
	}
	ul#SUB_GM label{
		text-indent : 100%;
	}
	ul#SUB_GM li{
		position : static;
	}
	ul#SUB_GM .sub_gm_list{
		top : 110px;
		left : 0px;
		width : 100%;
	}
	.selection_box{
		width : 95%;
		min-height : 0px;
		padding-bottom: 0;
	}
	.stre_button{
		width : 100%;
		margin : 5px 0px;
	}
	.selection_button{
		position : static;
	}
	.service_box li p{
		font-size : 14px;
	}
	.img_link{
		width : auto;
		height : auto;
		margin : 0 auto;
	}
	/* -- モーダルウインドウ -- */
	#MODAL_BOX {
		max-height : 400px;
	}
	#MODAL_CONTENT{
		max-height : 355px;
	}
	.modal_button_back{
		height : 25px;
		position : absolute;
		top : 45px;
		left : 50%;
		margin-left : -30px;
	}
	.modal_button_next{
		height : 25px;
		position : absolute;
		top : 45px;
		right : 50%;
		margin-right : -30px;
	}
	/* ---------------------------------------- 物件検索 スマホver*/
	P#MOBILE_SEARCH{
		display : block;
		background-color : #000000;
		color : #FFFFFF;
		font-weight : bold;
		border : 1px solid #FFFFFF;
		position : fixed;
		left : 0px;
		bottom : 5px;
		z-index : 99;
		padding : 3%;
		width : 50%;
		opacity : 0.7;
		text-align : center;
		
	}
	P#MOBILE_SEARCH img{
		padding-right : 5px;
	}
	
	P#MOBILE_SEARCH:hover{
		transition: 0.5s;
		opacity : 0.9;
	}
	div#RESULT_TOP,
	div#SEARCH_RESULT{
		width : 100%;
		float : none;
	}
	div#SEARCH_RESULT div.bukken_box .estate_box_table th{
		display : table-cell;
	}
	div#SEARCH_RESULT div.bukken_box .estate_box_table td{
		display : table-cell;
		text-align : left;
	}
	div#SEARCH_QUERY {
		float: none;
		display : none;
		margin: auto;
		height : hide;
	}
	div#SEARCH_RESULT div.bukken_box .estate_box_table th,
	div#SEARCH_RESULT div.bukken_box .estate_box_table td{
		display : block;
		text-align : center;
	}
	div#SEARCH_RESULT div.bukken_box .estate_box_table td{
		padding-left : 3px;
	}
	div#SEARCH_RESULT div.bukken_box .estate_box_button{
		width : 100%;
	}
	/* スマホver トップページ */
	div.top_cnt{
		width : 100%;
		height : AUTO;
		padding : 20px 0px 20px 0px;
	}
	div#WRAPPER div#TOP_0{
		height : 500px;
	}
	DIV#TOP_GM{
		display : block;
		width : 30px;
		margin : 0px;
	}
	P#TOP_GM_OPEN_BUTTON{
		display : block;
	}
	UL#UL_TOP_GM{
		width : 80px;
		display : none;
	}
	UL#UL_TOP_GM LI{
		width : 80px;
	}
	UL#UL_TOP_GM A{
		width : 30px;
		height : 40px;
	}
	UL#UL_TOP_GM LI SPAN{
		display : none;
	}
	ul#UL_TOP_GM .top_gm_list{
		left : 75px;
	}
	a#LOGO{
		width : 100%;
	}
	a#TOP_CONTACT_BUTTON_B{
		width : 95%;
		height : 100px;
		background-size : 280px;
	}
	BODY#TOPPAGE DIV#TOP_0,
	BODY#TOPPAGE DIV#TOP_2,
	BODY#TOPPAGE DIV#TOP_3,
	BODY#TOPPAGE DIV#TOP_4,
	BODY#TOPPAGE DIV#TOP_5,
	BODY#TOPPAGE DIV#TOP_6,
	BODY#TOPPAGE DIV#TOP_7{
		background-attachment : scroll;
	}
	BODY#TOPPAGE div#TOP_1{
		height : 300px;
	}
	BODY#TOPPAGE div#TOP_1 P{
		width : 100%;
		padding : 0px;
		margin : 10px AUTO;
		font-size : 12px;
	}
	BODY#TOPPAGE div#TOP_1 img#IMG_SATISFACTION{
		width : 320px;
	}
	BODY#TOPPAGE div#TOP_2{
		height : 1150px;
	}
	BODY#TOPPAGE div#TOP_3{
		height : 1000px;
	}
	BODY#TOPPAGE div#TOP_4{
		height : 1000px;
	}
	BODY#TOPPAGE div#TOP_5{
		height : 1000px;
	}
	BODY#TOPPAGE div#TOP_6{
		height : 1000px;
	}
	h2.h2_top{
		position : relative;
		padding : 0px 0px;
		margin : 0px 0px;
		height : 80px;
	}
	h2.h2_top span{
		font-size : 30px;
		padding : 10px 0px;
	}
	div#WRAPPER div.div_right,
	div#WRAPPER div.div_left{
		width : 100%;
		height : AUTO;
		min_height : 500px;
		margin : 10px 0px;
		float : none;
		position : relative;
	}
	div.div_right_50,
	div.div_left_50{
		width : 100%;
		height : 90%;
		margin : 0px 0px 0px 0px;
		float : none;
	}
	div.hexagon{
		background-color : rgba(255,255,255,0.6);
		background-image : url(../dummy.jpg);
		width : 100%;
		height : AUTO;
		margin : 0px;
		padding : 10px 0px 20px 0px;
		position : relative;
	}
	/*-----------------------------------------------六角形*/
	div.div_right div.hexagon,
	div.div_left div.hexagon{
		margin : 0px;
	}
	img.img_hex_title{
		width : 300px;
	}
	a.a_hex span img{
		width : 130px;
		margin-top : 10px;
	}
	/*-----------------------------------------------六角形リンク*/
	a.a_hex{
		display : block;
		position : absolute;
		width : 180px;
		height : 155px;
		background-size : cover;
		background-image : url(../img/hex_s.png);
		background-position : 50% 50%;
		text-decoration : none;
	}
	a.a_hex span{
		display : block;
		font-size : 12px;
		line-height : 16px;
		text-align : center;
		padding : 90px 0px 0px 0px;
		text-decoration : none;
	}
	body#TOPPAGE div.hexagon h3{
		padding : 10px;
		margin : 0px;
	}
	div.div_right div.base_a_hex,
	div.div_left div.base_a_hex{
		width : 320px;
		margin : 30px AUTO;
		padding : 0px;
		min-height : 350px;
		height : AUTO;
		position : relative;
		left : 0;
		right : 0;
	}
	/* 右寄りコンテンツの配置 */
	div.div_right div.base_a_hex a.a_hex_01{
		margin-top : 0px;
		margin-left : 0px;
	}
	div.div_right div.base_a_hex a.a_hex_02{
		margin-top : 80px;
		margin-left : 140px;
	}
	div.div_right div.base_a_hex a.a_hex_03{
		margin-top : 160px;
		margin-left : 0px;
	}
	div.div_right div.base_a_hex a.a_hex_04{
		margin-top : 240px;
		margin-left : 140px;
	}
	div.div_right div.base_a_hex a.a_hex_05{
		margin-top : 320px;
		margin-left : 0px;
	}
	/* 左寄りコンテンツの配置 */
	div.div_left div.base_a_hex a.a_hex_01{
		margin-top : 0px;
		margin-left : 0px;
	}
	div.div_left div.base_a_hex a.a_hex_02{
		margin-top : 80px;
		margin-left : 140px;
	}
	h2.h2_toppage_intro,
	h2.h2_toppage_followme,
	div#WRAPPER div#TOP_9 h3{
		font-size : 36px;
	}
	div#WRAPPER div#TOP_9 h3{
		margin : 10px AUTO;
		padding : 0px;
	}
	div#TOP_8 table{
		margin : 0px;
		width : 100%;
	}
	IMG#IMG_TOP_CMPNYPHOTO{
		width : 320px;
		margin : 0 auto;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base{
		width : 320px;
		height : 450px;
		margin : 0px AUTO 10px AUTO;
		padding : 0px;
		position : relative;
	}
	BODY#TOPPAGE div#TOP_7 div#COMPANY_BASE_01{
		margin : 20px 0px 10px 0px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base h3{
		clear : both;
		font-size : 18px;
		color : #FFFFFF;
		text-align : center;
		padding : 15px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_01{
		margin-top : 20px;
		margin-left : 0px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_02{
		margin-top : 100px;
		margin-left : 140px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_03{
		margin-top : 180px;
		margin-left : 0px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_04{
		margin-top : 0px;
		margin-left : 140px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_05{
		margin-top : 80px;
		margin-left : 0px;
	}
	BODY#TOPPAGE div#TOP_7 div.company_base A#A_HEX_COMPANY_06{
		margin-top : 160px;
		margin-left : 140px;
	}
	/*
	input#TOP_SEARCH_BUTTON,
	a.a_hex_bk{
		position : relative;
		width : 180px;
		height : AUTO;
		background-image : url(../img/dummy.png);
		background-color : #000000;
		text-indent : 0px;
		text-align : center;
		color : #FFFFFF;
		padding : 10px;
	}
	input#TOP_SEARCH_BUTTON,
	a.a_hex_bk_right,
	a.a_hex_bk_left{
		top : 0px;
		right : 0px;
		left : 0px;
		bottom : 0px;
		margin : 10px AUTO;
	}*/
	div#TOP_8 table th{
		width : 33%;
	}
	h2.h2_toppage_followme{
		margin : 5px AUTO;
		padding : 0px;
	}
	UL#UL_FOLLOW_ME{
		width : 300px;
		padding : 0px 0px 10px 0px;
	}
	li.mikoukai_banner1,
	li.mikoukai_banner2{
		margin : 0 auto;
		width : 300px;
	}
	li.mikoukai_banner2 img{
		width : 300px;
	}
	div#TOP_LOGO{
		background-position: 0% 0%;
		background-size: 95% auto;
		width : 300px;
		margin-top : -20px;
	}
	a#A_TOP_CONTACT{
		background-size: 95% auto;
		width : 27%;
	}
	/*--------------------------------------------------- 物件詳細 */
	h2.h2_subpage_top {
		font-size : 24px;
	}
	h2.h2_subpage_top.h2_estate{
		font-size : 25px;
	}
	/* -- 画像 -- */
	.main_photo{
		margin-bottom : 5px;
		width : auto;
		float : none;
		height : 300px;
		display : block;
	}
	/* -- 店舗情報 -- */
	.div_e_shop_l, .div_e_shop iframe{
		margin-top : 90px;
	}
	.div_e_shop {
	    padding: 0 100% 20px;
	}
	/* -- 見出し -- */
	body#SUBPAGE h3#H3_E_DETAIL , body#SUBPAGE h3#H3_E_MAP , body#SUBPAGE h3#H3_E_SHOP , body#SUBPAGE h3#H3_E_INQ , body#SUBPAGE h3#H3_E_LIKE , body#SUBPAGE h3#H3_E_KUKAKU{
		margin-top : -110px;
		padding : 140px 0 10px 0;
		font-size : 18px;
	}
	/* -- 物件詳細テーブル -- */
	.table_style.table_e_detail:first-child {
		border-bottom : none;
	}
	/* -- 物件詳細テーブル -- */
	.table_e_detail{
		width : 98%;
		float : none;
	}
	/* -- この物件の資料請求・お問い合わせ -- */
	.table_e_inq{
		margin : 0 auto;
		width : 100%;
	}
	.contact_form h4{
		width : 100%;
	}
	/* -- この物件を見ている人はこちらの物件も見ています -- */
	.div_e_likeness ul{
		width : 48%;
	}
	/*--------------------------------------------------- CITINET SELECTION */
	.citinet_selection_title{
		 padding :0px 10px 0 10px;
	}
	
	/*--------------------------------------------------- stre */
	.stre_info_sbox{
		padding : 0 8px;
	}
	.stre_location_img2{
		width : 45%;
	}
	.shop_info3,
	.shop_info2,
	#SHOP_INFO img{
		width : 95%;
		padding : 1%;
		
	}
	#SHOP_INFO div{
		margin : 2% auto;
	}
	.shop_info3{
	text-align : center;
	}
	
	#SHOP_INFO img{
		float : none;
	}
	#SHOP_INFO .shop_info3 div.shop_info_lmargin{
		padding : 0;
	}
	.shop_info3 span{
		margin-left : 0;
	}
	
	#SHOP_INFO {
		float : none;
		height : auto;
	}
	#SHOP_INFO .shop_info3 img,
	#SHOP_INFO .shop_info3 div{
		margin : 3% auto;
	}
	.stre_br_520px{
		display : block;
	}
	.stre_other ul li{
		text-align : center;
	}
	#STRE_INFO_TABLE td,
	#STRE_INFO_TABLE th{
		padding  : 5px 10px;
	}
	/*---------------------------------------------------about_○○*/
	body#SUBPAGE h3.about_content_title_sale,
	body#SUBPAGE h3.about_content_title_investment,
	body#SUBPAGE h3.about_content_title_mediation{
		width : 100%;
		font-size : 14px;
		font-weight : normal;
		color : #ffffff;
		padding : 25px 0px;
		text-align : left;
		position : relative;
	}
	.about_content_title_sale span,
	.about_content_title_investment span,
	.about_content_title_mediation span{
		font-size : 36px;
		color : rgba(255,255,255,0.5);
		padding : 0px 10px 0px 20px;
		margin : 0px;
		display: inline-block;
		float: left;
		vertical-align: bottom;
	}
	.about_content_box{
		width : AUTO;
		background : #ffffff;
		margin : 10px 0px;
		padding : 0px;
		box-shadow: 5px 5px 5px #aaaaaa;
		position : relative;
	}
	.about_content_box p{
		width : AUTO;
		float : none;
		margin : 0px;
		padding : 20px;
		line-height : 2em;
	}
	.about_content_box p.img_base{
		width : 210px;
		max-height : 210px;
		margin : 0 auto;
	}
	.about_content_box .float_left{
		float : none;
		
	}
	.about_content_box .float_right{
		float : none;
	}
	body#SUBPAGE .purchase_section h3{
		font-size : 14px;
	}
	.flow{
		width : 100%;
	}
	.flow:first-of-type{
		height : 380px;
	}
	/*--------------------------------------------------- 住宅購入体験記一覧 */
	div.div_exp {
		width: 98%;
	}
	div.div_exp:nth-last-of-type(11) img {
		height: 255px;
	}
	/* --------------------------------------------------- 会社概要 */
	.table_style th,
	.table_style td{
		text-align : left;
		padding : 5px 30px;
	}
	.company_address{
		text-align : center;
		display : block;
	}
	.sub_catch {
		margin: 0px auto 0px;
		letter-spacing : -1px;
	}
	/*------------------------------------------------- 事業案内 */
	#SAL_PHOTO {
		display: block;
		position: static;
		width: auto !important;
	}
	#SAL_PHOTO img {
		display: block;
		position: static;
		margin: auto;
	}
	#SAL_LOGO img {
		top: 239px !important;
		left: 50px;
	}
	.salutation_p {
		margin-top: 0;
	}
	#SIGN {
		display: block;
		text-align: right;
		width: 168px;
		margin-left: auto;
	}
	#PRESIDENT {
		display: block;
		text-indent: 168px;
		overflow: hidden;
		background-image: url(../img/president_name.gif);
		height: 20px;
		margin-top: 8px;
		margin-bottom: 25px;
	}
	.salutation_p:first-of-type{
		margin-top: 50px;
	}
	/* --------------------------------------------------- サブページ店舗 */
	.contact_button{
		width : 90%;
		background-size : 80%;
		height : 80px;
	}
	#TABLE_OFFICE{
		width : 100%;
	}
	#TABLE_OFFICE td, #TABLE_OFFICE th {
		display : block;
		font-weight: normal;
		padding : 10px 30px 10px 30px;
		text-align : left;
	}
	#TABLE_OFFICE th {
	    background: #eeeeee none repeat scroll 0 0;
	    width: auto;
    }
    
    #TABLE_OFFICE td {
		border-top: 1px solid #000000;
	    font-size: 14px;
	    
    }
    .company_sns a{
    	width : 100%;
    	text-align : left;
    	padding : 5px 0px;
    	display : block;
    	font-size : 12px;
    }
    .company_sns img{
    	float : left;
    	margin-right : 10px;
    }
	/* --------------------------------------------------- サブページ採用情報 */
	.recruit_box_max img{
		width : 100%;
		margin-bottom : 15px;
	}
	.recruit_box_max img:nth-child(2){
		display : inline-block;
	}
	.recruit_box_max img:nth-child(1){
		display : none;
	}
	.recruit_box_half img,
	.recruit_box_half p,
	.recruit_box_half h4 {
		float : none;
		width: 90%;
		margin : 10px auto;
	}
	.recruit_box_half .recruit_link_button > img {
		width: 100%;
	}
	.recruit_box_half a.recruit_link_button h4{
		margin : 0px;
		width : 100%;
	}
	.recruit_link_button span{
		left : 30%;
	}
	a.content_center h4 span{
		left : 10%;
	}
	div#BOTTOM ul{
		display : block;
		width : 50%;
		float : left;
		margin-left : 0px;
		margin-top : 30px;
	}
	div#BOTTOM ul li{
		font-size : 10px;
		margin : 0px;
		padding : 0px;
	}
	/*--------------------------------------------------- Streについて ここから▽ */
	.about_stre_img {
		width: auto;
		height: 1150px;
		margin: auto;
		margin-top: 50px;
    }
    .about_stre_img img{
    	margin : auto;
    	margin-top : 15px;
    	display : block;
    }
	.about_stre_img_01{
		position : relative;
		top : 0px;
		left : 0px;
	}
	.about_stre_img_02{
		position : relative;
		top : 115px;
		left: 400px;
	}
	.about_stre_img_03{
		position : relative;
		top : 0px;
		left : 600px;
	}
	.about_stre_img_04{
		position : relative;
		top : 0px;
		left : 0px;
	}
	.about_stre_img_05{
		position : relative;
		top : 0px;
		left : 0px;
	}
	.about_stre_contents {
		height: 1500px;
	}
	.about_stre_contents .about_stre_content_01 input.open-close + label,
	.about_stre_contents .about_stre_content_02 input.open-close + label,
	.about_stre_contents .about_stre_content_03 input.open-close + label,
	.about_stre_contents .about_stre_content_04 input.open-close + label,
	.about_stre_contents .about_stre_content_05 input.open-close + label,
	.about_stre_contents .about_stre_content_01 input.open-close:checked + label,
	.about_stre_contents .about_stre_content_02 input.open-close:checked + label,
	.about_stre_contents .about_stre_content_03 input.open-close:checked + label,
	.about_stre_contents .about_stre_content_04 input.open-close:checked + label,
	.about_stre_contents .about_stre_content_05 input.open-close:checked + label{
		background-size: 300px;
		width : 300px;
		height : 259px;
	}
	.about_stre_contents div input.open-close + label div p,
	.about_stre_contents div input.open-close:checked + label div p{
		height: auto;
		padding: 0px 10px;
		margin: auto;
		color: #FFF;
	}
	.about_stre_contents div input.open-close + label div{
		bottom : 50px;
		width : 300px;
		margin-top: 95px;
	}
	.about_stre_contents div input.open-close:checked + label span,
	.about_stre_contents div input.open-close + label span{
		top : 35px;
	}
	.about_stre_content_title p{
		width : 100%;
	}
	.about_stre_button{
		width : 100%;
	}
	/*--------------------------------------------------- Streについて ここまで△ */
	/*------------------------ 代表者インタビュー */
	.interview_main_president .h2_subpage_top_interview{
		max-width : 410px;
		width : 100%;
		height : 400px;
		margin : 25px auto -110px;
		background : url(../img/interview_pre_title_mobile.png) no-repeat;
		background-size : 100%;
	}
	.interview_main_president .div_section > .interview_p{
	width : 100%;
	margin-top : 0px;
	}
	body#SUBPAGE .interview_main_president h3{
		font-size : 1.1em;
		line-height : 2.1em;;
	}
	.interview_main_president .div_section .interview_p_left{
		margin-top : 0;
	}
	
	.interview_main_president .div_section > * {
		width: 100%;
	}
	
	.interview_main_president .div_section:nth-of-type(1) {
		background-position: 50% 10%;
	}
	.interview_main_president .div_section:nth-of-type(4) {
		background-position: 50% 10%;
	}
	.interview_main_president .div_section > p #PRESIDENT{
		margin-top : -0px;
	}
	/*------------------------ マネージャーインタビュー */
	.h2_subpage_top_interview_man{
		background : url(../img/interview_man_title_mobile.png) no-repeat;
		background-size : 100%;
		max-width : 488px;
		width : 100%;
		height : 410px;
		padding-bottom : 0%;
		margin-bottom : -22px;
	}
	
	/*------------------------ 中途採用インタビュー*/
	#RECRUIT_INTERVIEW{
		background-size : 100%;
	}
	DIV#RECRUIT_INTERVIEW_TITLE{
		margin : 10px AUTO;
		width : 100%;
		padding-top : 75px;
	}
	DIV#RECRUIT_INTERVIEW_TITLE p{
		display : block;
		width : 50%;
		overflow : hidden;
		float : left;
	}
	DIV#RECRUIT_INTERVIEW_TITLE .hr_title_base{
		top : -27px;
		left : 0;
		width : 91%;
		bottom : auto;
	}
	p.hr_image_base img{
		width : 100%;
	}
	.recruit_box_half .career_img{
		width : 100%;
		margin : 0px;
	}
	/*------------------------ スタッフ紹介*/
	.staff_box {
		height: 100%;
	}
	.staff_box > div {
		float: none;
		width: auto;
	}
	.staff_box .image {
		display: block;
		float: static;
		width: auto;
		height: 200px;
		margin: auto;
	}
	.staff_box input[type="checkbox"]:checked + div + dl {
		opacity: 0;
		height: 0;
		transition-duration: .5s;
	}
	.staff_box input[type="checkbox"] + div + dl {
		height: 100%;
		transition-duration: .5s;
	}
	.staff_box .staff_introduce {
		opacity: 1;
		float: none;
		width: 100%;
		transition-duration: .5s;
	}
	/*----------------------------------------------------------サブページトップ*/
	div#SUB_IMAGE_SALE{
		background-position : 85% 95%;
	}
	/*--------------------------------------------------------- 買い取りについて */
	.flow .purchase_image{
		margin-left : 70px;
		background-size : 300%;
		width : 220px;
		height : 191px;
	}
	DIV#SP_GM{
		display : block;
		margin : 0px;
		width: auto;
		height: auto;
	}
	P#SP_GM_OPEN_BUTTON{
		display : block;
	}
	UL#UL_CCMENU{
		display : none;
	}
	/*--------------------------------------------------------- CONNECT CITY KOIWA */

	/* ----- 見出し ----- */
	.connect-city h2{
		padding-top : 60px;
		background-size : 800px;
	}
	/* -- 周辺環境 -- */
	.connect-city .div_surround ul li{
		width : 48%;
	}
	/* -- プラン -- */
	.div_ccfigure{
		margin-top : 100px;
	}
	img.ccfigure_come_gate{
		top : -28%;
		left : 0%;
	}
	img.ccfigure_come_road{
		top : -32%;
		right : 0%;
	}
	img.ccfigure_come_park{
		bottom : -16%;
		left : 0%;
	}
	/* -- モーダルウインドウ -- */
	.connect-city .div_planname{
		width : 100%;
	}
	.connect-city .div_planname .p_building span{
		font-size : 30px;
	}
	.connect-city .ul_ccplice{
		width: 100%;
		margin: 10px 0;
	}
}
@media screen and (max-height: 600px){
	#MODAL_BOX {
		max-height : 400px;
	}
	#MODAL_CONTENT{
		max-height : 355px;
	}
}
@media screen and (max-height: 400px){
	#MODAL_BOX {
		max-height : 300px;
	}
	#MODAL_CONTENT{
		max-height : 255px;
	}

}