@charset "utf-8";
@media print, screen and (max-width: 640px) {
img{
max-width: 100%;
height: auto;
}

.smpno{
	display:none;}

article, aside, dialog, figure, footer, header, menu, nav, section{
	display: block;
	margin:0;
	padding:0;
}
body{
	width:100%;
	min-width:auto;
	line-height:1.7;
	font-size:14px;
	padding:0;
	margin:0;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	color:#222;
	box-sizing:border-box;
}
ul, ol, dl,dt,dd,div,ol,ul,li,figure,figcaption{
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
}
li{list-style-type:none;}

textarea{font-size:100%;}

a{outline:none;border:0;}

input[type="checkbox"] {
    transform: scale(1.4);
}
input[type="radio"] {
    transform: scale(1.4);
}
/*img{vertical-align: middle;border:0;}*/

a:hover img,
.opa a:hover img,
input[type="image"]:hover{
	opacity:1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a:link{color:#006699;text-decoration:underline;}
a:visited{color:#006699;text-decoration:underline;}
a:hover{color:#ED3FA4;text-decoration:underline;}
a:active{color:#006699;text-decoration:underline;}

/*位置と状態*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.cen{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.bold{font-weight:bold;}
.red{color:red;}
.clearfix:after{content: "";display: block;clear: both;}

/*余白*/
.m15{ margin:15px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt1em{margin-top:1em;}
.mtb20{margin:20px 0;}
.mtb15{margin:15px 0;}
.ml1em{ margin-left:1em;}
.ml10{ margin-left:10px;}
.ml50{ margin-left:50px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}

.mb20{ margin-bottom:20px;}
.mb23{ margin-bottom:23px;}
.mb05em{margin-bottom:0.5em;}
.mb1em{margin-bottom:1em;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.mb5em{margin-bottom:5em;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.pb1em{padding-bottom:1em;}
.pb2em{padding-bottom:2em;}

.pt10{ padding-top:10px}
.pt20{ padding-top:20px}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}

.jisage{
	padding-left:1em;
	text-indent:-1em;
}
input[type="checkbox"],
input[type="radio"],
input[type="text"],
select{
	margin-right: 4px;
}

/* pageTop */
#page-top {
	position: fixed;
	bottom: 2%;
	right: 20px;
}
#page-top a {
	display: block;
	width: 24px;
}



footer{
	padding:5% 0 1em 1%;
	box-sizing:border-box;
	}

.footer_menu ul
{
	display:flex;
	flex-wrap:wrap;
	}
.footer_menu ul li{
	width:46%;
	margin-bottom: 1em;
	line-height:1.4;
	
}

/*ttl*/
.ttl_00{
	font-size:160%;
	margin-bottom: 4px;
	}



/*ヘッダー*/
.header_info {
    display: flex;
	align-items: center;
}
.h_mail span{
	display:none;
	}
.h_mail{
	align-items: center;
	margin-left:auto;
	height:2em;
	}
.h_mail svg{
	margin-left: 4px;}
.h_mitsumori {
	display:none;}
.logoarea{
    margin: 0 auto 10px auto;
	overflow: hidden;
	}
.logobox{
		overflow: hidden;
	vertical-align:top;
	margin:0 1%;
	display:flex;
	flex-wrap: wrap;
	}
.header_info {
	width:96%;
	text-align: center;
	margin-left:2%; margin-right:2%;
	overflow:hidden;
	
	display:flex;
	justify-content: space-between;

flex-wrap:wrap;

    justify-content: center;
    align-items: center;

	}

.h_tel{margin-right: 1%;

	}
.h_m_btn{
	}
.h_m_btn,	
.h_tel{
	color:#FD564A;
	font-family: 'Noto Sans TC', sans-serif;
	line-height:32px;
	font-weight: bold;
	display: inline-block;
	width:48%;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	border:1px solid #aaa;
	    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F8F8F8));
    background: linear-gradient(top, #eee, #F8F8F8);
	border-radius: 3px;
	font-size:4.6vw;
	}
	



	
.h_tel:before{
	font-family: 'FontAwesome' ;
	content: '\f095';
	display: inline-block;
	width: 1.2em;		/*文字の1.2倍の横幅に*/
	text-align: center;	/*その中で中央寄せ*/
	font-size: 1.1em;		/*2倍の大きさ*/
	color:#006699;
}

.h_m_btn:before{
	font-family: 'FontAwesome' ;
	content: '\f0e0';
	display: inline-block;
	width: 1.2em;		/*文字の1.2倍の横幅に*/
	text-align: center;	/*その中で中央寄せ*/
	font-size: 1.1em;		/*2倍の大きさ*/
	color:#006699;
}


.h_tel a:link{color:#006699;text-decoration:none;}
.h_tel a:visited{color:#006699;text-decoration:none;}
.h_tel a:hover{color:#ED3FA4;text-decoration:none;}
.h_tel a:active{color:#006699;text-decoration:none;}
.h_m_btn a:link{color:#006699;text-decoration:none;}
.h_m_btn a:visited{color:#006699;text-decoration:none;}
.h_m_btn a:hover{color:#ED3FA4;text-decoration:none;}
.h_m_btn a:active{color:#006699;text-decoration:none;}



	
.h_tel span{
	display:none;}
.h_tel a{
	/*color:#F00;*/
	text-decoration:none;
	/*height:40px;
	line-height:40px;*/
	}


/**/
li { list-style:none; }
.sitemap_area ul li:before { content:"▶";
margin-right:3px;
font-size:80%;
color: #069;

}
/**/



.logoimg{
	vertical-align: top;
	}
.logoposi{
	font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	margin-bottom: 0.5em;
	order: 2;
	}
.logoposi p,
.logoposi h1{
	margin:0;
	padding:0;
	display: block;
	width:86%;
	
	}
.logoposi p img,
.logoposi h1 img{
	width:100%;}



.logoposi a{
	line-height:1;
	overflow:hidden;
	display: block;
	position:relative;
	}
.logoposi a:link{color:#000000; text-decoration: none;}
.logoposi a:visited{color:#000000; text-decoration: none;}
.logoposi a:hover{color:#000000; text-decoration: none;}
.logoposi a:active{color:#000000; text-decoration: none;}
.logoposi a span{
	display: inline-block;
	font-size: ;
	position:absolute;
	left:70px;
	top:34px;
	
	}
.lead{
	/*width : calc(100% - 50px) */
	font-size: 12px;
	line-height:1.6;
	color:#000359;
	order: 1;
	width:100%;
	}
.logo{
    display: inline-block;
    width: 154px;
    height: 28px;
	line-height:1;
	vertical-align: top;
    background: url(../img/logo_txt.png) no-repeat;
	text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-position: 0 5px;
	}
	
.mainbox {
    position: relative;
    text-align: center;
/*	padding-top: calc(434 / 1100 * 100%);*/
	
}

.contents,
.top_contents{}
#top main{
	padding-top:20px;
	box-sizing:border-box;
    margin: 0 auto;
    overflow: hidden;
	background-color: #fff;
	}
main{
	box-sizing:border-box;
    margin: 0 auto;
    overflow: hidden;
	background-color: #fff;
	}
.pan,
.contentsinner,
.top_map_info,
.side_menu {
	margin-left:2%; margin-right:2%;

}

.main_contents {

}


/*-----------------------------------------------
サイドメニューの中
-----------------------------------------------*/
.side_president{
	border:4px solid #ccc;
	padding:10px;
	margin:0 0 20px 0;
}

/**/
.top_map_area{
	margin-bottom: 20px;}
.top_map_area img{
	text-align: center;
	margin-left:auto; margin-right:auto;
	display: block;
	margin-bottom: 20px;
}
.top_map_info{
	margin-bottom: 1em;}
	
.smptop_map_info_img_w{
	max-width:90%;
	margin-left:auto; margin-right:auto;
	display: block;
	text-align: center;
	
	}
	
.top_mitsumori_area{
	width:96%;
	margin:auto;
	height: auto;
	overflow:hidden;
	background-size:contain;
}
.top_mitsumori_area .title{
	height:40px;
	white-space: nowrap;text-indent: 100%;overflow: hidden;/*テキスト非表示*/
	background:url(../img/ttl_top_omitsumori.png) no-repeat;
	background-size:100% auto;
}
.top_mitsumori_area ul{
	margin:0 0 26px 60px;
}
.top_mitsumori_area ul li{
	margin:0 0 6px 0;
}
#balloon-2-bottom {
    position: relative;
    display: inline-block;
    padding: 15px 8px 0;
    line-height: 40px;
    text-align: center;
    background: #ffffdd;
    z-index: 0;
    margin: 0 0 20px 0;
}
.checkmark ul{
	margin:0 4px;
}
.checkmark li{
	background:url(../img/img_check.png) no-repeat 0 5px;
	margin:0 0 1em 0;
	padding: 0 0 10px 20px;
	border-bottom:1px #CCC solid;
	text-align:left;
	line-height:22px;
}
.checkmark li:last-child{
	border:none;
}

.maintop{
height: 0;
  padding-top: calc(642 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url(../img/main.jpg) center center / cover no-repeat;
  
	margin-left:auto; margin-right:auto;
	margin-bottom: 0px;
	text-indent:100%;
white-space:nowrap;
overflow:hidden;
	}
	
	
.smp_img_w img{
	text-align: center;
	display: block;
	margin-left:auto; margin-right:auto;
	width:90%;}

.ttl_01{
		font-size: 140%;
		line-height:1.2;
	}
.reform_top_area,
.compearea{
	margin-bottom: 20px;}	

.reform_top_txt,
.compearea ul{
		width:96%;
	margin:auto;
	height: auto;
	}
	
.compearea li{
	margin-bottom: 1em;
	}
	
.ttl_reform_top{
height: 0;
  padding-top: calc(50 / 720 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url(../img/ttl_reform_top.jpg) center center / cover no-repeat;
	margin-left:auto; margin-right:auto;
	text-indent:100%;
white-space:nowrap;
overflow:hidden;
	}
.reform_top_img{
	text-align: center;
	display: block;
	margin-left:auto; margin-right:auto;
	margin-bottom: 1em;

	}
.reform_top_img img{

	}	
.reform_top_txt{

	}


.side_inner01{
	margin-top:10px;
	}
	
.side_inner02{
	text-align: center;
	width:90%;
	font-size: 90%;
	margin-left:auto; margin-right:auto;
	margin-bottom: 2em;
	}

/**/
.pan{
	margin-bottom: 10px;
	}

/*タイトル*/

.ttlbg{
    background-size: cover !important;
    background: url(../img/ttl_bg.jpg) no-repeat center center;
    line-height: 1.6;
    position: relative;
    padding-top: 24.3%;
    height: 0;
	
	
}

.ttlbg p{
color: #fff;
    font-size: 140%;
    font-weight: bold;
    font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
    text-shadow: 1px 2px 1px #000;
    left: 0.5em;
    position: absolute;
    top: 40%;
    left: 0.5em;
}
	
	
/*会社概要*/
.company_tbl{
	margin-bottom: 30px;}
.company_tbl th,
.company_tbl td{
	width:100%;
	box-sizing:border-box;
	display:block;
	word-break:break-all;
	overflow:hidden;
	
	}
	
.companybox iframe{
	width:100%;
	height:200px;}
	
/* 矢印エリア */
.ya_smp{
	width:98%;
	margin:0 auto;
	overflow:hidden;
	display: flex;
    justify-content: center;
}
.yajirushi{
	width:27%;
	float:left;
	margin:0 16px 20px 0;
}
.arrow{
	width:100%;
}
/* 矢印on */
.arrow_on {
    padding-top: 5px; /* 要素の上の余白調整 */
    width: 96%; /* 四角形の幅 */
    height: 26px; /* 四角形の高さ */
    background: #000056;
    position: relative;
	color:#fff;
}
.arrow_on:after {
    border-left: 15px solid #000056; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-top: 15px solid transparent; /* 上のボーダーを透過に指定 */
    border-bottom: 15px solid transparent; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
}
/* 矢印off */
.arrow_off {
    padding-top: 5px; /* 要素の上の余白調整 */
    width: 96%; /* 四角形の幅 */
    height: 26px; /* 四角形の高さ */
    background: #eee;
    position: relative;
	color:#aaa;
}
.arrow_off:after {
    border-left: 15px solid #eee; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-top: 15px solid transparent; /* 上のボーダーを透過に指定 */
    border-bottom: 15px solid transparent; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
}
/* テキストの指定 */
.arrow span {
    position: relative;
    z-index: 3;
    font-weight: bold;
	height:20px;
	line-height:20px;
	font-size:14px;
	text-align:center;
	padding:0 0 0 5px;
	display:block;
}
.ya_pc{
	display:none;
}	

/*物件検索*/
.wrap_cms{
	margin-bottom: 20px;}
.asp_pan{
 margin: 0 5px;
}
.noimage_size150_150 {
    margin-left: auto;
    margin-right: auto;
}
}/* ←CSSの一番最後に記述 */