@charset "utf-8";
/* ===================================================================
CSS information

 file name  : pico.css
 style info :picoページのレイアウト

 このスタイルシートの構成


作成者 2015.10.24 kunihiro
更新者 2020.06.22 kunihiro

=================================================================== */

/* ------------------------------------
  共通
------------------------------------ */


/* ------------------------------------
  060_company（会社情報）
------------------------------------ */
.page_company {
}

.page_company .page_tl {
	background:url(../img_cont/bg_page_tl_company_base.jpg);
	color:#FFF;
}

.page_company .page_tl .inner {
	background:url(../img_cont/bg_page_tl_company.jpg) 100% 0 no-repeat;
}

.page_company .page_tl .txt {
	left:180px;
}


/* ごあいさつ
------------------------------------ */
.campany_greeting {
}

.greeting_box {
	background:url(../img_cmn/bg_box_t.png) 0 0 no-repeat;
	padding-top:10px;
}

.greeting_box .inner {
	background:url(../img_cmn/bg_box_b.png) 0 100% no-repeat;
	padding:0 10px 10px 10px;
}

.greeting_box .inner02 {
	background:url(../img_cmn/bg_cont_under.jpg);
}

.inner03 {
	background:url(../img_cont/bg_campany_greeting_box.jpg) 100% 0 no-repeat;
	padding:30px;
}


.greeting_box p {
	margin-bottom:0.8em;
}

.greeting_box p.signature {
	margin-bottom:0;
	text-align:right;
}

.greeting_box p.signature img {
	margin-left:10px;
}


/* 会社概要
------------------------------------ */
.campany_outline {
}

.campany_outline .base_table {
	width:600px;
	float:left;
	margin-right:20px;
}

.office_list {
	clear:both;
	padding-top:20px;
	overflow:hidden;
}

.office_list li {
	float:left;
	width:470px;
}

.office_list li.list01 {
	margin-right:20px;
}

.office_list li .map {
	margin-top:10px;
}


/* 沿革
------------------------------------ */
.campany_history {
}

.campany_history dt {
	float:left;
	width:8em;
	padding:0.4em 0.8em;
}

.campany_history dt .year {
	color:#D6431F;
	width:5em;

	display: inline-block;
    *display: inline;
    *zoom: 1;
}

.campany_history dt .month {
	width:3em;
	text-align:right;

	display: inline-block;
    *display: inline;
    *zoom: 1;
}

.campany_history dd {
	padding-left:10em;
}

.campany_history .odd {
	background:url(../img_cmn/bg_cont_under.jpg);
}

.campany_history dd p {
	background:url(../img_cont/ico_campany_history.png) 0 -190px no-repeat;
	padding:0.4em 0.8em 0.4em 30px;
}

.campany_history dd.first p {
	background-position:0 12px;
	background-position:0 0.75em;
}

.campany_history dd.last p {
	background-position:0 -400px;
}



/* ------------------------------------
  070_privacy-policy（個人情報保護宣言）
------------------------------------ */
.page_privacy-policy {
}

.page_privacy-policy .note {
	border:#D4CFBC 1px solid;
	padding:10px;
	margin:20px 0
}


/* お問い合わせ先
--------------- */
.privacy-policy_contact {
	background:url(../img_cmn/bg_box_t.png) 0 0 no-repeat;
	padding-top:10px;
	margin:20px 0;
}

.privacy-policy_contact .inner {
	background:url(../img_cmn/bg_box_b.png) 0 100% no-repeat;
	padding:0 10px 10px 10px;
}

.privacy-policy_contact .inner02 {
	background:url(../img_cmn/bg_cont_under.jpg);
	overflow:hidden;
	padding:20px;
}

.privacy-policy_contact .tl {
	color:#D6431F;
	float:left;
}

.privacy-policy_contact dl {
	border-left:#D4CFBC 1px solid;
	margin-left:200px;
	padding-left:20px;

	overflow:hidden;
}

.privacy-policy_contact dt {
	float:left;
	width:6em;
}

.privacy-policy_contact dd {
	margin-left:6em;
}




/* ------------------------------------
  080_site-policy（サイトポリシー）
------------------------------------ */
.page_site-policy {
}

.page_site-policy ol {
	margin-top:20px;
}

.page_site-policy li {
	margin-bottom:0.4em;
}



/* ------------------------------------
  200_insurance-corporate（保険業務　法人のお客様）
------------------------------------ */
.page_insurance-corporate {
}

.page_insurance-corporate .page_tl {
	background:none;
	background-color:#47ADAD;
	color:#FFF;
}

.page_insurance-corporate .page_tl .inner {
	background:url(../img_cont/bg_page_tl_insurance-corporate.jpg) 100% 0 no-repeat;
}

.page_insurance-corporate .page_tl .tl {
	top:26px;
	letter-spacing:0.1em;
	line-height:1;
}

.page_insurance-corporate .page_tl span {
	display:block;
	border-top:#D4CFBC 1px solid;
	width:152px;
	font-family: "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:60%;/* 30px→18px */

	margin-top:10px;
	padding-top:10px;
	letter-spacing:0;
}


.page_insurance-corporate .page_tl .txt {
	top:38px;
	left:180px;
	line-height:1.4;
}

/* サービス特長(共通)
------------------------------------ */
.service_feature {
	overflow:hidden;
}

.service_feature .img_box {
	float:left;
	margin-right:20px;
}

.service_feature .txt {
	margin-left:440px;
}


/* 取扱保険の一例
------------------------------------ */
.service_example_list {
	margin-right:-30px;
	overflow:hidden;
}

.service_example_list li {
	width:300px;
	float:left;
	margin-right:30px;
	margin-bottom:40px;
}

.service_example_list li .page_subtl02 {
	margin:20px 0 10px;
}

.service_example_list li .txt {
	line-height:1.6;
	text-align:justify;
}


/* 取扱保険の一例
------------------------------------ */
.service_lines {
}

.service_lines_list {
	background:url(../img_cmn/bg_link_list.png) 0 100% no-repeat;
	padding-top:1px; 
}


.service_lines_list ul {
	overflow:hidden;
}

.service_lines_list li {
	float:left;
	padding:10px;
}

.service_lines_list li a {
	display:block;
	width:220px;
	height:80px;
	background:url(../img_cmn/bg_link_list_btn.png) 0 0 no-repeat;

	line-height:80px;
	text-align:center;
	font-size:16px;/* 固定 */
}

.service_lines_list li.two_stroke a {
	padding:20px 0;
	height:40px;
	line-height:20px;
}

.service_lines_list li a:hover {
	color:#D6431F;
	text-decoration:none;
}

.service_lines .note {
	font-size:87.5%;/* 16px→14px */
	margin-top:30px;
}


/* 生命保険会社 */
.life_insurance {
	padding-bottom: 1px;	
}



/* ------------------------------------
  200_insurance-private（保険業務　個人のお客様）
------------------------------------ */
.page_insurance-private {
}

.page_insurance-private .page_tl {
	background:none;
	background-color:#F29802;
	color:#FFF;
}

.page_insurance-private .page_tl .inner {
	background:url(../img_cont/bg_page_tl_insurance-private.jpg) 100% 0 no-repeat;
}

.page_insurance-private .page_tl .tl {
	top:26px;
	letter-spacing:0.1em;
	line-height:1;
}

.page_insurance-private .page_tl span {
	display:block;
	border-top:#D4CFBC 1px solid;
	width:152px;
	font-family: "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:60%;/* 30px→18px */

	margin-top:10px;
	padding-top:10px;
	letter-spacing:0;
}


.page_insurance-private .page_tl .txt {
	top:38px;
	left:180px;
	line-height:1.4;
}


/* ------------------------------------
  220_realestate（不動産業務）
------------------------------------ */
.page_realestate {
}

.page_realestate .page_tl {
	background:none;
	background-color:#DA5636;
	color:#FFF;
}

.page_realestate .page_tl .inner {
	background:url(../img_cont/bg_page_tl_realestate.jpg) 100% 0 no-repeat;
}

.page_realestate .page_tl .tl {
	letter-spacing:0.1em;
}

.page_realestate .page_tl .txt {
	top:38px;
	left:200px;
	line-height:1.4;
}


.realestate_lines_building {
	background:url(../img_cmn/bg_list04_t.png) 0 10px no-repeat;
	margin-top:30px;
}

.realestate_lines_building .inner {
	background:url(../img_cmn/bg_list04_b.png) 0 100% no-repeat;
}

/* 4列レイアウトで枠を3列だけ表示(190121追加)
------------------------------------ */
.realestate_lines_building.list04_3 {
	background-image: url(../img_cmn/bg_list04_3_t.png);
}

.realestate_lines_building.list04_3 .inner {
	background-image: url(../img_cmn/bg_list04_3_b.png);
}



.realestate_lines_building ul {
	overflow:hidden;
	padding-top:10px;
	margin-top:-10px;
}

.realestate_lines_building li {
	float:left;
	width:210px;
	padding:0 15px;
	text-align:center;

	position:relative;
}


.realestate_lines_building .ico {
	background:url(../img_cont/ico_realestate_lines_building.png) 50% 0 no-repeat;
	color:#FFF;

	width:100px;
	height:20px;
	line-height:20px;
	margin:-10px auto 0;
}


.realestate_lines_building .name {
	font-size:113%;/* 16px→18px */
	margin:10px 0;
}

.realestate_lines_building .img_box {
	position:relative;
}

.realestate_lines_building .img_box .new {
	position:absolute;
	top:10px;
	left:-4px;
}

.realestate_lines_building li .btn {
	margin-top:20px;
}

.realestate_lines_building li .btn a {
	display:block;
	height:40px;
	overflow:hidden;
}

.realestate_lines_building li .btn a:hover img {
	margin-top:-40px;

	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/* 不動産売買の仲介
------------------------------------ */
.realestate_service02 {
	overflow:hidden;
}

.realestate_service02 .txt {
	width:520px;
}

.realestate_service02 .img_box {
	float:right;
	margin-left:20px;
}



/* ------------------------------------
  230_building（自社ビルのご案内）
------------------------------------ */

.page_building .page_tl {
	background:none;
	background-color:#DA5636;
	color:#FFF;
}

.page_building .page_tl .inner {
	background:url(../img_cont/bg_page_tl_building.jpg) 100% 0 no-repeat;
}

.page_building .page_tl .tl {
}

.page_building .page_tl .txt {
	top:38px;
	left:280px;
	line-height:1.4;
}



/* ページ内リンク
------------------------------------ */
.page_link {
	overflow:hidden;
	text-align:center;
	margin:30px 0;
}

.page_link li {
	background:url(../img_cmn/ico_page_link.png) 0 0.2em no-repeat;
	padding-left:35px;
	display: inline-block;
    *display: inline;
    *zoom: 1;

	padding-right:10px;
	border-right:#D4CFBC 1px solid;
	margin-right:10px;
}

.page_link li:first-child {
	border-left:#D4CFBC 1px solid;
	background-position:10px 0.2em;
}

/* 物件情報
------------------------------------ */
.building_box {
	overflow:hidden;
}


/* 画像
--------------- */
.building_box .img_box {
	width:400px;
	float:left;
	background:url(../img_cmn/bg_building_img_box_t.png) 0 0 no-repeat;
	padding-top:10px;
}


.building_box .mainimg_box {
	background:url(../img_cmn/bg_building_img_box_m.png) 0 100% no-repeat;
	padding-bottom:40px;
	padding-left:10px;
}

.building_box .message_box {
	background:url(../img_cmn/bg_building_img_box_b.png) 0 100% no-repeat;
	padding:10px;
	margin-top:-30px;
}

.building_box .message_box li {
	background-color:#D4CFBC;
	text-align:center;
	padding:3px;
}



.building_box .hide {
	display:none;
}


/* サムネイル */
.building_box .thumbnail_box {
}

.building_box .thumbnail_box ul {
	overflow:hidden;
	margin-right:-20px;
}

.building_box .thumbnail_box li {
	float:left;
	margin-right:20px;
	padding-top:10px;
}

.building_box .thumbnail_box li span {
	display:block;
	width:100px;
	height:115px;
	border:#D4CFBC 2px solid;
	padding:8px;
}

.building_box .thumbnail_box li.current,
.building_box .thumbnail_box li:hover {
	background:url(../img_cmn/ico_building_img_box_arrow.png) 50px 0 no-repeat;
}

.building_box .thumbnail_box li.current span,
.building_box .thumbnail_box li:hover span {
	border:#D6431F 2px solid;
}



/* テキスト
--------------- */
.building_box .txt_box {
	margin-left:430px;
}

.building_box .base_table {
	margin-bottom:20px;
}




/* ------------------------------------
  240_solicitation-policy（勧誘方針）
------------------------------------ */
.page_solicitation-policy .page_tl .txt {
	left:160px;
}


/* ------------------------------------
  250_fiduciary-duty（お客さま本位の業務運営方針）
------------------------------------ */
.page_fiduciary-duty .page_tl .txt {
	left:440px;
}



/* ------------------------------------
  大括り
------------------------------------ */

/* 中括り
------------------------------------ */

/* 小括り
--------------- */

/* 最小括り */