@charset "utf-8";
/* CSS Document */

body {
font-family:  "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",
"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
-webkit-text-size-adjust: 100%;
}

h1 {
	font-size: 34px;
}
div {
font-size: 32px;
}

p {
font-size: 32px;
}



dt {
font-size: 34px;
}

dd {
font-size: 34px;
}

.c_fix {
	clear: both;
}

.top_2 {
	margin-top: 7%;
}

.p_attention {
	font-size:32px;	
	font-weight: bold;
	margin: 4%;
	text-align: center;
}

.p_attention em{
	background-color:#fffacd;
}

.p_yellow {
	color: #ffe81a;
	font-weight: bold;
	font-size: 36px;
}
.p_11 {
	font-size: 32px;
	line-height: 1.2;
}

/* fade-animation */
.fade-index{
  text-align: center;
  opacity : 0;
  transition: opacity 2s;
}
 
.fade-index.view{
  opacity: 1;
}

.fade-contents{
	opacity : 0;
	padding-top: 50px;	
	transition: opacity 1.5s;
}

..delay-time02 {
animation-delay: 0.2s;
}
.delay-time04 {
animation-delay: 0.4s;
}

.delay-time06 {
animation-delay: 0.6s;
}

.delay-time10 {
animation-delay: 1s;
}

 .delay-time12 {
animation-delay: 1.2s;
}

.delay-time14 {
animation-delay: 1.4s;
}


.fade-contents.view{
	opacity: 1;
	padding-top: 0;	

}

body,section,contents,div,p,img,ul,li,h1 {
	margin:0;
	paddng:0;
	
}

contents {
	margin: 2% auto;
	width: 90%;
}

.p_center{
	text-align: center;
}

.img_100 {
	width: 100%;
}


/* ヘッダー */
header {
	height: 100px;
	background-color: #163772;
	color: #ffffff;
	margin-bottom: 0;
}

header h1{
	padding: 2% 3% 4%;
	font-size: 40px;
	float: left;
	font-weight: bold;
		}

header p{
	float: right;
	padding: 1% 2% 0%;
	margin-bottom: 0;
		}
header p img {
	height: 70px;
		}

contents#fv img {
	margin:0 0 8%;
	width:100%;
}
/* 物件情報流通の流れ */
contents#ryutu div#ryutu_body {
	margin: 7% auto 5%;
	width: 90%;
}
contents#ryutu div#ryutu_body h1 {
	text-align: center;
	margin-bottom: 5%;
}
contents#ryutu div#ryutu_body h1 img{
	width: 35%;
}
contents#ryutu div#ryutu_body h1 img.img_50 {
	width: 50%;
	padding-right: 2%;
}

contents#ryutu div#ryutu_body h2 {
	width: 100%;
	background: url(../images/content1_3.png);
	background-size: 85%;
	background-position: center;
	background-repeat:no-repeat;
	color: #ffffff;
	text-align: center;
	padding: 4% 1%;
	margin-top: 10%;
	font-size: 32px;
}

.l_h_2 {
	line-height: 1.7;
}
.b_7 {
	margin-bottom: 7%;
}

/* 会社の違いとは */
contents#chigai div#chigai_body {
	margin: 12% auto;
	width: 90%;
	padding: 5% 0 7%;
}

contents#chigai div#chigai_body h1 {
	text-align: center;
	margin-bottom: 7%;
}

contents#chigai div#chigai_body h1 img{
	width: 43%;
}
contents#chigai div#chigai_body h1 img.img_50 {
	width: 50%;
	padding: 3% 2% 0 ;
}
em.under {
	border-bottom: 2px dotted #FF7A7D;
}

/* お客様の声 */

contents#okyakusama_koe div#okyakusama_koe_body {
	background-color: #0d61a0;
}

contents#okyakusama_koe div#okyakusama_koe_body h1{
	color: #000000;
	font-size: 36px;
	width: 100%;
	background: url("../images/content3_1.png");
	background-size: 88%;
	background-position: center;
	background-repeat:no-repeat;
	text-align: center;
	padding: 12% 0% 5%;
	margin: 10% 0% 3%;
}
contents#okyakusama_koe div#okyakusama_koe_body div.okyakusama_koe_contents {
	background-color: #ffffff;
	width: 80%;
	margin: 5% auto;
	padding: 3% 1.5em;
	font-size: 32px;
}


/* スタッフ紹介 */

contents#stf_page div#stf_page_body h1 {
	color: #ffffff;
	font-size: 32px;
	width: 100%;
	background: url("../images/content4_1.png");
	background-size: 88%;
	background-position: center;
	background-repeat:no-repeat;
	text-align: center;
	padding: 5% 0% 5%;
	margin: 10% auto 3%;
}

contents#stf_page div#stf_page_body {
	width: 95%;
	margin: 1% auto 13%;
}

contents#stf_page div#stf_page_body p {
	font-size: 32px;
}

.tab-wrap {
    display: flex;
	flex-wrap: wrap;
	width: 95%;
	margin: 2% auto;
	text-align: center;
	}

.tab-label {
    color: White;
    background: LightGray;
    margin: 0;
    padding: 10px 12px 0;
	width: 30.1%;
	display: inline-block;
	height: 45px;
	text-align: center;
	vertical-align: middle;
	order: -1;
}

.tab-content {
    width: 95%;
    display: none;
}

contents#stf_page div#stf_page_body div.tab-wrap div.tab-content table#stf_list  {
	width: 95%;
	margin: 5% auto;
}


contents#stf_page div#stf_page_body div.tab-wrap div.tab-content table#stf_list tr td {
	width: 49.5%;
	text-align: center;
	flex-shrink: 0;
	line-height: 2;
	font-size: 34px;
}
contents#stf_page div#stf_page_body div.tab-wrap div.tab-content table#stf_list tr td img {
	width: 80%;
	margin: 2em 0 1.5em;
}




/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}

div#stf_list {
	
}

p.color_honten {
	color: #ffffff;
	background-color: #00ced1;
	display: inline-block;
	line-height: 1.5;
	font-size: 30px;
	padding-bottom: 1%;
}
p.color_awaji {
	color: #ffffff;
	background-color: #3cb371;
	display: inline-block;
	line-height: 1.5;
	font-size: 30px;
	padding-bottom: 1%;
}

p.color_hamatsucho {
	color: #ffffff;
	background-color: #1e90ff;
	display: inline-block;
	line-height: 1.5;
	font-size: 30px;
	padding-bottom: 1%;
}


/* お問合せ */
contents#contact div#contact_body_b {
	background-color: #FFED74;
	padding:5% 0 ;
}

contents#contact div#contact_body_b div#contact_body  {
	width: 95%;
	background: url("../images/contct_tittle.png");
	background-size: 88%;
	background-color: #FFFFFF;
   background-position: 50% 10%;
	background-repeat:no-repeat;
	text-align: center;
	padding: 5% 0;
	margin: 10% auto 3%;
}
contents#contact div#contact_body_b div#contact_body h1{
	color: #ff8c00;
	font-size: 36px;
	margin-bottom: 3%;
	margin-top: 7%;
}

contents#contact div#contact_body_b div#contact_body p{
	margin-bottom: 5%;
	
}
contents#contact div#contact_body_b div#contact_body ul{
	width: 90%;
	list-style-type: none;
}

contents#contact div#contact_body_b div#contact_body ul li{
	float: left;
	width: 30%;
	margin: 1% 1%;
}

contents#contact div#contact_body_b div#contact_body ul li img {
	width: 100%;
}

contents#tenpo_access div#tenpo_access_body {
	width: 90%;
	background: url("../images/tenpo.png");
	background-size: 30%;
	background-position: top right;
	background-repeat:no-repeat;
	margin: 10% auto;
	
}

contents#tenpo_access div#tenpo_access_body h1{
	font-size: 38px;
	text-align: left;
	margin:0em;
	padding: 2em 0 0.1em;
	border-bottom: #000000 1px solid;
	width: 60%;
	margin-bottom:15%;
}
contents#tenpo_access div#tenpo_access_body div.tenpo_detail {
	margin-bottom: 7%;
}

contents#tenpo_access div#tenpo_access_body div.tenpo_detail table tr td.t_left{
	display:block;
	width: 6em;
}

contents#tenpo_access div#tenpo_access_body .map_size {
	margin-bottom: 7%;
	width: 98%;
	height: 350px;
	margin: 2% auto 5%;
}

contents#tenpo_access div#tenpo_access_body div.tenpo_detail h2{
	clear: both;
	font-size: 36px;
	text-align: center;
	}