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

title : トップページ
scope : トップページ

last modify : 2020/06/23 306_kondo 新型コロナウイルス感染症予防対策の取り組み用の .about_covid19_area を追加

2020/02/25 306_kondo 災害対応用の .response_area を追加
2020/02/19 306_kondo 新規バナーの .bnr_box を追加
2019/12/26 306_kondo 謹賀新年＆年頭所感の追加
2019/9/6 TCI_sakaguchi 建築商品のご紹介 カルーセル展開時の修正
2019/8/22 TCI_goto 全体改修
========================================================== */

/* 簡易ロールオーバー */
.ov {
	/* [disabled]background-color: #fff;
*/
}
.ov:hover > img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.lead{
	width: 680px;
	padding: 0;
	margin: 0 auto;
	font-size:16px;
	line-height:1.5em;

}

.clear{
	clear:both;
}

/*スライドショー*/
div#slideshow {
	position: relative;
	width: 960px;
	height: 500px;
	margin:0 auto 60px;
	overflow: visible;
}
.dtl_btn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 100;/*opacity:0.75;*/
}
#slideshow a.active {
	z-index: 10;
	/*filter: alpha(opacity=100);
	-moz-opacity:1.0;*/
	opacity: 1.0;
}
#slideshow a.last-active {
	z-index: 9;
	/*filter: alpha(opacity=100);
	-moz-opacity:1.0;*/
	opacity: 1.0;
}
#slideshow .top_btn:after {
	content: url(/image/btn_topkey.png);
	width: 150px;
	height: 40px;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
div.slide_all {
	width: 960px;
	margin: 0 auto;
	height: 500px;
	position: relative;
	overflow: visible;
}
div.slide_wrap {
	width: 2880px;
	position: absolute;
	left: 50%;
	margin-left: -1440px;
	overflow: visible;
	background-color: #00198E;
}
div.slide_wrap img.slidecover {
	width: 2880px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1440px;
	z-index: 5000
}
div.bx-viewport {
	overflow: visible;
}
.slideInner li {
	position: relative;
	width: 960px;
	float: left;
}
/* リンク「詳細はこちら」 */
.slideInner li a.lnk_btn {
	position: absolute;
	display:block;
	width:160px;
	height:41px;
	border-radius:5px;
	top: calc(100% - 79px);
	right: 18px;
	text-indent:-999999px;
}
/* リンク「テレビCM」 */
.slideInner li a.lnk_btn_tvcm {
	position: absolute;
	display:block;
	width:230px;
	height:129px;
	top: 198px;
	left: 81px;
	text-indent:-999999px;
}
/* 新イメージキャラクター */
.slideInner li a.lnk_btn.image_character {
	width: 357px;
  height: 43px;
	top: auto;
	bottom: 30px;
  right: 31px;
}
/* リンク「土地活用お役立ちコンテンツ」 */
.slideInner li.estate_column a.lnk_btn {
	position: absolute;
	display:block;
	width:266px;
	height:62px;
	border-radius:5px;
	text-indent:-999999px;
}
/* リンク「土地活用お役立ちコンテンツ」 */
.slideInner li.estate_column a.lnk_btn:nth-child(1) {
	top: 48%;
	left: 8%;
}
.slideInner li.estate_column a.lnk_btn:nth-child(2) {
	top: 48%;
	left: 37.1%;
}
.slideInner li.estate_column a.lnk_btn:nth-child(3) {
	top: 63%;
	left: 8%;
}
.slideInner li.estate_column a.lnk_btn:nth-child(4) {
	top: 63%;
	left: 37.1%;
}
.slideInner li.estate_column a.lnk_btn:nth-child(5) {
	top: 78.5%;
	left: 8%;
}
.slideInner li.estate_column a.lnk_btn:nth-child(6) {
	top: 78.5%;
	left: 37.1%;
}
/* リンク「詳細はこちら」「テレビCM」のhover */
.slideInner li a.lnk_btn:hover,
.slideInner li a.lnk_btn_tvcm:hover{
	background:#fff;
	opacity: 0.2;
}
.slideInner li a.lnk_btn.eigyo {
  top: calc(100% - 64px);
  right: 72px;
	width:272px;
	height:49px;
}
.slideInner li a.lnk_btn.eigyo:hover {
  background: none;
  opacity: 1;
}
.slideInner li a.lnk_btn.eigyo::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 5px;
  bottom: 5px;
  background: #fff;
  border-radius: 6px;
  opacity: 0;
  z-index: 1;
}
.slideInner li a.lnk_btn.eigyo:hover::after {
  opacity: 0.25;
}
@media screen and (max-device-width: 1024px) {
.slideInner li a.lnk_btn:hover,
.slideInner li a.lnk_btn_tvcm:hover{
	background:none;
  opacity: 1;
}
}
.slideInner li {
	transition: all .3s;
	opacity: .3;
}
.slideInner li.active {
	opacity: 1;
}
.slideInner li img {
  max-width: 100%;
	vertical-align: bottom;
}
.slideInner li .move1,
.slideInner li .move2,
.slideInner li .move3,
.slideInner li .move4 {
  position: relative;
  width: 960px;
  height: 500px;
}
.slideInner li .move1 .ms_txt {
  position: absolute;
  top: 0; left: 0;
  width: 960px;
  height: 500px;
  z-index: 5;
  opacity: 0;
  transition: opacity 0s linear 10s;
}
.slideInner li.active .move1 .ms_txt {
  opacity: 1;
  transition: opacity 2s linear 0.75s;
}
.slideInner li .move1 .ms_logo {
  position: absolute;
  top: 0; left: 0;
  width: 960px;
  height: 500px;
  z-index: 2;
}
.slideInner li .move1 .ms_bg {
  width: 960px;
  height: 600px;
  transition: transform 0s linear 10s;
}
.slideInner li.active .move1 .ms_bg {
  transform: translate(0,-100px);
  transition: transform 6.5s ease 0.5s;
}
.slideInner li .move2 .ms_txt {
  position: absolute;
  top: 0; left: 0;
  width: 960px;
  height: 500px;
  z-index: 5;
}
.slideInner li .move2 img.ms_bg {
  width: 1060px;
  max-width: initial;
  height: 500px;
  transition: transform 0s linear 10s;
}
.slideInner li.active .move2 .ms_bg {
  transform: translate(-100px,0);
  transition: transform 6.5s ease 0.5s;
}
.slideInner li .move3 .ms_txt {
  position: absolute;
  top: 0; left: 0;
  width: 960px;
  height: 500px;
  z-index: 5;
}
.slideInner li .move3 .ms_bg {
  position: relative;
  top: -100px;
  width: 960px;
  height: 600px;
  transition: transform 0s linear 10s;
}
.slideInner li.active .move3 .ms_bg {
  transform: translate(0,100px);
  transition: transform 6.5s ease 0.5s;
}
.slideInner li .move4 .ms_txt {
  position: absolute;
  top: 0; left: 0;
  width: 960px;
  height: 500px;
  z-index: 5;
  opacity: 0;
  transition: opacity 0s linear 10s;
}
.slideInner li.active .move4 .ms_txt {
  opacity: 1;
  transition: opacity 1.5s ease-out 3s;
}
.slideInner li .move4 .ms_txt1 {
  position: absolute;
  top: 0; left: 0;
  width: 960px;
  height: 500px;
  z-index: 3;
}
.slideInner li .move4 .ms_bg {
  position: relative;
  top: 0px;
  width: 960px;
  height: 600px;
  transform: translate(0,0);
  transition: transform 0s linear 10s;
}
.slideInner li.active .move4 .ms_bg {
  transform: translate(0,-100px);
  transition: transform 6.5s ease 0.5s;
}
.slideInner li .move4 .ms_bg1 {
  position: relative;
  top: 0;
  width: 480px;
  height: 600px;
  transform: translate(0,0);
  transition: transform 0s linear 10s;
}
.slideInner li.active .move4 .ms_bg1 {
  transform: translate(0,-100px);
  transition: transform 6.5s ease 0.5s;
}
.slideInner li .move4 .ms_bg2 {
  position: absolute;
  top: -100px;
  right: 0;
  width: 480px;
  height: 600px;
  transform: translate(0,0px);
  transition: transform 0s linear 10s;
}
.slideInner li.active .move4 .ms_bg2 {
  transform: translate(0,100px);
  transition: transform 6.5s ease 0.5s;
}

.slideInner {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-x: visible;
}
/* バナー */
.topbnr_1clm {
	width: 700px;
	margin: 20px auto 0;
	text-align: center;
}
/* バナー */
.topbnr_1clm02 {
	width: 700px;
	margin: 20px auto 0;
	text-align: left!important;
}

.topbnr_1clm figcaption,
.topbnr_1clm02 figcaption{
	margin: 5px 10px 0;
	width:45em;
	font-size:.95rem;
    line-height:1.5;
}
.topbnr_1clm figcaption.mA,
.topbnr_1clm02 figcaption.mA{
	margin: 5px auto 0;
	text-align:left;
	width:30em;
}
.topbnr_1clm figcaption.mA02,
.topbnr_1clm02 figcaption.mA02{
	margin: 5px auto 0;
	text-align:left;
	width:36em;
}
.topbnr_1clm a:hover img,
.topbnr_1clm02 a:hover img{
	opacity: .8;
}

/*次へ、前へ用の矢印ボタン*/
#slideshow .bx-wrapper .bx-controls-direction a {
	top: -webkit-calc(50% - 57px);
	top: calc(50% - 57px);
	width: 37px;
	height: 92px;
	z-index:9999;
}

#slideshow .bx-wrapper .bx-prev {
	background: url(images/slide_prev.png) no-repeat 0 0;
	left: -webkit-calc(50% - 480px);
	left: calc(50% - 480px);
}

#slideshow .bx-wrapper .bx-next {
	background: url(images/slide_next.png) no-repeat 0 0;
	right: -webkit-calc(50% - 480px);
	right: calc(50% - 480px);
}

#slideshow .bx-wrapper .bx-prev:hover,
#slideshow .bx-wrapper .bx-next:hover{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: .5;
}

/*次へ、前へ用の停止ボタン*/
#slideshow .prev-slide-stop,
#slideshow .next-slide-stop {
	position:absolute;
	bottom: -webkit-calc(50% - 72px);
	bottom: calc(50% - 72px);
	display:block;
	width: 37px;
	height: 50px;
	z-index:999;
}
#slideshow .next-slide-stop {
	right:0;
}

#slideshow .prev-slide-stop:hover,
#slideshow .next-slide-stop:hover{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	opacity: .5;
}

/* iPad用 */
@media screen and (max-device-width: 1024px) {
	#slideshow .bx-wrapper .bx-prev:hover,
	#slideshow .bx-wrapper .bx-next:hover {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
		opacity: 1 !important;
	}
}



@media screen and (max-device-width: 1024px) {
	#slideshow .prev-slide-stop:hover,
	#slideshow .next-slide-stop:hover{
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
		opacity: 1 !important;
	}
}
/* iPad用 */


/*次へ、前へ用の矢印ボタン【bk_20180201】
#slideshow .bx-wrapper .bx-controls-direction a {
	margin-top: -55px;
	width: 32px;
	height: 32px;
}

#slideshow .bx-wrapper .bx-prev {
	background: url(images/controls.png) no-repeat 0px -32px;
	left: 33.4%;
}

#slideshow .bx-wrapper .bx-prev:hover {
	background: url(images/controls.png) no-repeat 0px 0;
	left: 33.4%;
}

#slideshow .bx-wrapper .bx-next {
	background: url(images/controls.png) no-repeat -43px -32px;
	right: 33.4%;
}

#slideshow .bx-wrapper .bx-next:hover {
	background: url(images/controls.png) no-repeat -43px 0;
	right: 33.4%;
}
*/

/* iPad用 */
@media screen and (max-device-width: 1024px) {
.topbnr_1clm a:hover img {
	opacity: 1;
}
}
/* バナー横並び */
.topbnr_2clm {
	width: 700px;
	margin: 0 auto 25px;
}
.topbnr_2clm figure {
	width: 342px;
	float: left;
}
.topbnr_2clm figure + figure {
	margin-left: 8px;
	float: right;
}
.topbnr_2clm figure figcaption, .topbnr_noclm figure figcaption {
	margin-top: 5px;
	text-align: left;
	font-size:.95rem;
}
.topbnr_2clm a:hover img, .topbnr_noclm a:hover img  {
	opacity: .8;
}

.topbnr_noclm {
	width:592px;
	clear:both;
	margin:0px auto 40px;
}
.topbnr_noclm figure a{
	display:block;
}

/* iPad用 */
@media screen and (max-device-width: 1024px) {
.topbnr_2clm a:hover img {
	opacity: 1;
}
}
/*----　求人・採用情報 バナー ----*/
.recruit_area {
	width: 780px;
	margin: 0px auto 30px;
	overflow: hidden;
	background: url("/image/bg_home_recruit.jpg") no-repeat;
	padding: 15px 0 10px;
}
.recruit_area .title {
	width: 744px;
	margin: 0 auto 10px;
}
.recruit_area figure {
	width: 744px;
	text-align: right;
	padding: 0 22px 5px 13px;
	clear: both;
}
.recruit_area figure a {
	display: block;
	width: 250px;
	float: right;
}
/*----------------------------
 SNS公式アカウントBOX
-----------------------------*/
#snsarea{
    width:650px;
	margin:0 auto 15px;
}

.bnr_center {
	margin: 10px auto 20px;
	text-align: center;
}
.sns_top_box {
	display: block;
	margin: 0 auto;
	padding:0 0 15px;
	width: 640px;
}
.sns_top_box ul {
  display: flex;
  justify-content: center;
}
.sns_top_box ul li {
  margin: 0 4px;
}
.ttl_sns_group {
	color: #0081c9;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	width: 350px;
	padding: 5px;
	letter-spacing: -0.03em;
}

.sns_group_box ul {
    overflow: hidden;
	margin: 10px 0 5px 5px;
	width: 340px;
}

.sns_group_box ul li {
	float: left;
	margin: 0 0 0 20px;
}
.sns_group_box ul li:first-child {
	margin-left: 0px;
}
.sns_group_box {
	background-color: #fff;
	margin: 15px auto 0;
	padding: 10px;
	width: 600px;
}

.official10 {
   width:232px;
   float:right;
   margin:25px 5px 0 0;
}


/* ---------------------------------------------------
　更新情報
---------------------------------------------------- */

.ttl_topics {
	display: block;
	position: relative;
	width: 780px;
	height: 42px;
	margin: auto;
}
.ttl_topics img {
	position: relative;
	z-index: -1;
	margin: auto;
}
.ttl_topics span.newlst {
	width: 100%;
	display: block;
	font-size: 18px;
	text-align: center;
	position: absolute;
	height: 20px;
	bottom: 3px;
	margin : 0 auto;
	padding: 2px 0 4px;
}
.ttl_topics span.newlst .news_act {
	font-weight: bold;
}
.ttl_topics .morebtn {
	width: 133px;
	height: 39px;
	display: block;
	position: absolute;
	bottom: 4px;
	right: 10px;
}

#new_info {
	width: 800px;
	margin: 10px auto 5px;
	box-sizing: border-box;
	font-size: 130%;
	border-bottom: 1px dashed #777777;
}
#new_info >  img {
	width: 800px;
	margin: -1px 0 0 -1px;
}
#new_info > dl {
	width: 740px;
	margin: 5px auto 12px;
	font-size: 15px;
	overflow: hidden;
}
#new_info > dl > dt {
	width: 200px;
	float: left;
	line-height: 2.2;
	letter-spacing: 0.1px;
}
#new_info >  dl {
	overflow: hidden;
}
#new_info > dl > dd {
	margin-top: 9px;
	padding-left: 1.20em;
}
/* アイコン */
#new_info span.open{
	background:#2196f3;
	color:#fff;
	border-radius:100px;
	padding: 5px 17px;
	margin-left: 40px;
}
#new_info .anytime {
	background: url("/image/icon_anytime.png") right 50% no-repeat;
}
#new_info .first {
	background: url("/image/icon_first.png") right 50% no-repeat;
}
#new_info .last {
	background: url("/image/icon_last.png") right 50% no-repeat;
}
#new_info .monthly {
	background: url("/image/icon_monthly.png") right 50% no-repeat;
}
#new_info .weekly {
	background: url("/image/icon_weekly.png") right 50% no-repeat;
}
#new_info .quarter {
	background: url("/image/icon_quarter.png") right 50% no-repeat;
}
#new_info .half {
	background: url("/image/icon_half.png") right 50% no-repeat;
}
#new_info .year {
	background: url("/image/icon_year.png") right 50% no-repeat;
}

/* 一覧を見るボタン */
.new_info_btn {
	width: 780px;
	margin: 0 auto 30px;
	text-align: right;
}

/* 更新情報 
---------------------------------------------------------------------------- */
#news_info{
	width:780px;
	margin:40px auto;
}

/* .ttl_box h2 */
#news_info .ttl_box {
  border:1px solid #afd6ea;
  color: #fff;
  font-size: 17px;
  line-height:1.2;
}
#news_info .ttl_box::after {
  display: block;
  content: '';
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  border:2px solid #fff;
}
/* タイトル */
#news_info .ttl_box h2 {
  background-color: #125590;
  background-image: -webkit-linear-gradient(top,  #135b95,  #0f4283);
  background-image: linear-gradient(to bottom, #135b95, #0f4283);
  font-size:1.3em;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 2px;
  padding:5px 0;
  position: relative;
  text-align: center;
  margin:2px;
}
/* タイトル飾り */
#news_info .ttl_box h2:before,
#news_info .ttl_box h2:after {
  position:absolute;
  background:url(../image/img_frame.png) no-repeat 0 0;
  content: "";
  bottom: 6px;
  left: 5px;
  height: 27px;
  width: 229px;
  opacity:0.35;
}
#news_info .ttl_box h2:after {
  left: auto;
  right: 5px;
}

/* .info_box 
-------------------------------------- */
#news_info  .info_box {
	font-size: 16px;
	padding:0 2%;
}
#news_info .info_box > div {
	border-bottom:1px solid #b2dcec;
	display: table;
 width: 100%;
}
#news_info .info_box div > * {
 box-sizing: border-box;
 display: table-cell;
 vertical-align:middle;
}
/* 日付の欄 */
#news_info .info_box div dt{
	font-size: 17px;
 padding: 2% 1% 2% 0;
	width: 22%;
}
/* 日付の欄 年月日の共通 */
#news_info .info_box div dt > time > * {
 display: table-cell;
 text-align: right;
}
/* 日付の欄 年 */
#news_info .info_box div dt > time > *:nth-child(1){
  width: 5em;
}
/* 日付の欄 月日 */
#news_info .info_box div dt > time > *:nth-child(2),
#news_info .info_box div dt > time > *:nth-child(3){
  width: 3.25em;
}
/* アイコン欄 */
#news_info .info_box div dd.icon{
 padding: 2% 1%;
	width: 22%;
}
/* テキスト欄 */
#news_info .info_box div dd.text{
 font-size: 16px;
 padding: 1% 0 1% 8px;
 text-align: justify;
 line-height:1.5;
	width: 58%;
}

/* .icon_ アイコン共通 
-------------------------------------- */
#news_info [class^="icon_"] {
  color: #fff;
  border-radius: 1rem;
  font-size: 15px;
  display: block;
  padding: .3rem .1em .2rem;
  text-align: center;
}
/* IE11 余白調整 */
_:lang(x)::-ms-backdrop, #news_info [class^="icon_"] {
  padding:.25rem .6em .15rem .6em;
}
/* Safariのみ太字 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root #news_info [class^="icon_"] {
      font-weight: bold;
    }
	  _::-webkit-full-page-media, _:future, :root #news_info .info_box div dd.text{
 font-size: 17px;
 padding: 1% 0 1% 8px;
line-height: 1.5;
 text-align: justify;
 width: 58%;
}
}
/* .icon_ アイコン紫  ニュースリリース */
#news_info .icon_purple {
  background-color: #CE93D8;
  box-shadow: 0 0 .1rem #CE93D8;
}
/* .icon_ アイコン青 */
#news_info .icon_blue {
  background-color: #1962b5;
  box-shadow: 0 0 .1rem #3194f1;
}
/* .icon_ アイコン緑  新聞情報 */
#news_info .icon_green {
  background-color: #51a064;
  box-shadow: 0 0 .1rem #51a064;
}
/* .icon_ アイコン桃 ホームメイトラジオ */
#news_info .icon_pink {
  background-color: #e84c99;
  box-shadow: 0 0 .1rem #f56778;
}
/* .icon_ アイコン赤 */
#news_info .icon_red {
  background-color: #a40000;
  box-shadow: 0 0 .1rem #f56778;
}
/* .icon_ アイコン黄 */
#news_info .icon_yellow {
  background-color: #bda631;
  box-shadow: 0 0 .1rem #c3a734;
}

/* .btn_box リンクボタン配置用の枠 
-------------------------------------- */
#news_info .lnk_box {
  font-size: 15px;
  box-sizing: border-box;
  display: table;
  padding: .25em 1em 0 0;
  margin: 1px 0 auto auto;
}
#news_info .lnk_box > * {
  display: table-cell;
  padding:.25em .25em .5em;
  text-align: center;
}

/* .lnk_btn_ リンクボタン共通 
-------------------------------------- */
#news_info [class^="lnk_btn_"] {
  border-width: 1px;
  border-style: solid;
  box-shadow: 0 2px 4px rgba(100, 100, 100, .2), 1px 2px 2px rgba(0, 0, 0, .2);
  color: #fff;
  display: inline-block;
  padding:.6rem 2rem .6rem 1rem;
  position:relative;
  letter-spacing: .05em;
}
/* IE11 余白調整 */
_:lang(x)::-ms-backdrop, #news_info [class^="lnk_btn_"] {
  padding:.7rem 2rem .5rem 1rem;
}
/* Safariのみ太字 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    _::-webkit-full-page-media, _:future, :root #news_info [class^="lnk_btn_"] {
      font-weight: bold;
    }
}
#news_info [class^="lnk_btn_"]:before {
  content:"";
  border: 1px solid #fff;
  top: 0;
  left: 0;
  position: absolute;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
#news_info [class^="lnk_btn_"]::after {
  z-index: 2;
  position: absolute;
  top: 1.25em;
  right: .475em;
  content: '';
  margin-top: -.325em;
  border: .4em solid transparent;
  border-top-width: .325em;
  border-bottom-width: .325em;
  border-left-color: #fff;
}
/* .lnk_btn_purple 紫色のリンクボタン */
#news_info .lnk_btn_purple {
  background-color: #CE93D8;
  background-image: -webkit-linear-gradient(top, #CE93D8, #bd6eca);
  background-image: linear-gradient(to bottom, #CE93D8, #bd6eca);
  border-color: #c887d3;
  text-shadow: 0px 1px 0px #c887d3;
}
/* .lnk_btn_blue 青色のリンクボタン */
#news_info .lnk_btn_blue {
  background-color: #16699f;
  background-image: -webkit-linear-gradient(top, #16699f, #0d397c);
  background-image: linear-gradient(to bottom, #16699f, #0d397c);
  border-color: #0d397c;
  text-shadow: 0px 1px 0px #0d397c;
}
/* .lnk_btn_blue 水色のリンクボタン */
#news_info .lnk_btn_aqua {
  background-color: #218cc5;
  background-image: -webkit-linear-gradient(top, #218cc5, #2467a5);
  background-image: linear-gradient(to bottom, #218cc5, #2467a5);
  border-color: #265f9e;
  text-shadow: 0px 1px 0px #2467a5;
}
/* .lnk_btn_blue 緑色のリンクボタン */
#news_info .lnk_btn_green {
  background-color: #407e4f;
  background-image: -webkit-linear-gradient(top, #51a064, #3a7348);
  background-image: linear-gradient(to bottom, #51a064, #3a7348);
  border-color: #3a7348;
  text-shadow: 0px 1px 0px #2f5c3a;
}

/* --------------------------------------
 中村雅俊イメージソング 動画リンク
-------------------------------------- */
/* 1行曲タイトルの時↓活性化する*/
/*.imgchara_box {
	width: 695px;
	padding-left: 185px;
	margin: 0 auto;
	background: url("/image/bg_home_nakamura.jpg") left center no-repeat;
}*/

/* 旧レイアウト*/
/*.imgchara_box {
	width: 695px;
	padding-left: 185px;
	margin: 0 auto;
	background: url("/image/bg_home_nakamura.jpg") left center no-repeat;
	background-position: left bottom;
}*/

/*.imgchara_box {
	width: 629px;
	padding-left: 223px;
	margin: 0 auto;
	background: url("/image/bg_home_nakamura_bk.jpg") left center no-repeat;
	background-position: 3% 100%;
}*/
/* 3行曲タイトルの時↓活性化する*/
.imgchara_box {
    width: 848px;
    margin: 0 auto;
    background: url(/image/bg_home_nakamura.jpg) left center no-repeat;
    background-position: 3% 100%;
}

.imgchara_box .inbox {
	float: right;
	/*width: 630px;*/
	width: 628px;
}
.imgchara_box .radiobox {
	width: 293px;
}
.imgchara_box > div figure {
	/*float: right;*/
}
/* 土地活用 */
#katsuyou_box {
	background-color: #e3f2fd;
}
.thumb {
	border: 1px solid #cececd;
	 object-fit: cover;
	 width:209px;
	 height:76px;
}
.image_position_c{
	object-position: 0 30%;
}
.image_position_50{
	object-position: 0 -50px;
}
.image_position_70{
	object-position: 0 -70px;
}

.image_position_r{
	object-position: 100% 100%;
}


#katsuyou_box .lst_box,
#taishin_box .lst_box{
	width: 880px;
	margin: 0 auto;
	border-bottom: 1px solid #898989;
	/*overflow: hidden;*/
}
#katsuyou_box .lst, #kenchiku_box .lst, #taishin_box .lst, #company_box .lst {
	width: 880px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#katsuyou_box .second{
	width: 880px;
	margin: 10px auto 0;
}

#katsuyou_box .second li{
	float:left;
	margin:10px 10px 15px 0;
    display: block;
 	vertical-align: top;
}
#katsuyou_box .second li:nth-child(4n){
	margin:10px 0 15px 0;
}
.rectangle_list {
	display: flex!important;
	flex-flow: row wrap;
	justify-content: space-between;
	align-content: flex-start;
	align-items: flex-start;
}
.rectangle_list::after{
  content:"";
  display: block;
  width:212px;
}
#katsuyou_box .lnk, #kenchiku_box .lnk {
	font-size: 14px;
	line-height: 22px;
	overflow: visible;
	width: 212px;
	margin: 0 0 15px;
	text-align: left;
}
.ttl_katsuyou {
	/*background: url("/image/ttl_katusyou_bg.png") 0px 3px no-repeat;*/
	color: #336699;
	/*padding-left: 20px;*/
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	margin: 4px 0;
}
.katsuyou_text205 {
  width: 205px;
  margin: 0 auto;
  text-align: justify;
}
#katsuyou_box .bnrlst {
	width: 810px;
	margin: 0 auto;
	position: relative;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-line-pack: justify;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	align-content: center;
	-webkit-align-content: center;
	text-align: left;
}
#katsuyou_box .bnrlst .lnk {
	display: block;
	width: 260px;
	margin: 15px 0;
	text-align: left;
}



.itembnr_2clm {
	width: 617px;
	margin: 15px auto 30px;
}
.itembnr_2clm figure {
	width: 306px;
	float: left;
	position: relative;
}
.itembnr_2clm figure img.btnbg {
	width: 306px;
	height: 124px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
}
.itembnr_2clm figure + figure {
	margin: 0 0 0 5px;
}
.itembnr_2clm figure figcaption {
	margin: 5px 0 0;
}
.itembnr_2clm .btn {
	position: absolute;
	width: 165px;
	height: 45px;
	bottom: 10px;
	display: block;
	left: 50%;
	margin-left: -82px;
	z-index: 2;
}
.itembnr_2clm .btn20 {
	position: absolute;
	width: 165px;
	height: 45px;
	bottom: 20px;
	display: block;
	left: 50%;
	margin-left: -82px;
	z-index: 2;
}
.itembnr_2clm .btn_l {
	position: absolute;
	width: 165px;
	height: 45px;
	bottom: 10px;
	display: block;
	left: 50%;
	margin-left: -83px;
	z-index: 2;
}

.itembnr figure {
	width: 306px;
	position: relative;
}

.itembnr .btn_l {
    position: absolute;
    width: 165px;
    height: 45px;
    bottom: 10px;
    display: block;
    left: 50%;
    margin-left: -83px;
    z-index: 2;
}

/* 建築商品 */
#kenchiku_box {
	background-color: #e6f1e8;
}
.kenchiku_bnr {
	width: 470px;
}
.ttl_kenchiku {
	background: url("/image/ico_kenchiku_bg.png") left center no-repeat;
	color: #336699;
	margin: 4px 0 4px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 15px;
	line-height: 22px;
}
.ttl_caption14 {
	font-size: 14px;
	font-weight: bold;
}
#kenchiku_box .mod_bannerlist .lst_box, #company_box .lst_box, #kenchiku_box .appartbox .lst_box {
	border: none;
}
#kenchiku_box .mod_bannerlist .lnk {
	position: relative;
	display: block;
	width: 250px;
	margin: 0 8px 15px 7px;
	overflow: hidden;
	box-sizing: border-box;
	border: none;
}
#kenchiku_box .lst_point .lnk {
	width: 211px;
}
#kenchiku_box .lst_point li img, #kenchiku_box .mod_bannerlist li img {
	border: none;
}
/* 耐震技術 */
#taishin_box {
	background-color: #f4f2e6;
}


.ttl_taishin {
	color: #336699;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	margin: 4px 0 0;
	text-align: center;
}
/*.ttl_taishin:before {
	content: "";
	display: inline-block;
	background: url("/image/ttl_katusyou_bg.png") 0px 1px no-repeat;
	color: #336699;
	width: 24px;
	height: 18px;
	vertical-align: top;
}*/
.ttl_factory {
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
	color: #535353;
}
.ttl_factry_caption {
	color: #0d58a5;
	font-size: 21px;
	font-weight: bold;
}
#taishin_box .lnk {
	width: 212px;
	padding-bottom: 30px;
	line-height: 22px;
	font-size:.9rem;
}
#taishin_box .factory .lnk {
	width: 284px;
	padding-bottom: 15px;
}
#taishin_box li img,#kenchiku_box li img {
	border: 1px solid #cececd;
}

#company_box .lst rectangle_list img {
	border: 1px solid #cececd;
}

#taishin_box li.wline img {
	border: 1px solid #fff;
}
#taishin_box .factory li:last-child img {
	border: none;
}

/* 地図から検索バナー 自社5工場動画　横並び対応 */
.item_box {
	width: 798px;
	margin: 0 auto;
	overflow: hidden;
}

.item_box li {
	float: left;
}

.item_box li:first-child {
	margin-right: 20px;
}

#taishin_box .itembnr img {
	border: none;
	list-style-type: none;
}

/* ---------------------------------------
 slick.JS UI style　カルーセル：リサーチtop2.jsより移植
---------------------------------------- */

/* Slider */

.slick-loading .slick-list {
	background: #fff url("../js/slick/ajax-loader.gif") center center no-repeat;
}
/* Arrows */

.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 34px;
	height: 34px;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	background-color: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: 0.25;
}
.slick-prev:before, .slick-next:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 34px;
	background: url(/image/btn_carousel_arow.png) no-repeat center;
	background-size: cover;
}
.slick-prev {
	left: -50px;
}
.slick-next {
	right: -50px;
}
.slick-next:before {
	transform: rotate( 180deg );
	-webkit-transform: rotate( 180deg );
}
/* Dots */

.slick-dots {
	position: absolute;
	bottom: -30px;
	left: 0;
	display: block;
	width: 100%;
	height: 20px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 0 2px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	padding: 5px 2px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-align: center;
	opacity: 0.35;
	background: #8c7446;
}
.slick-dots li.slick-active button:before {
	opacity: 0.75;
	background: #112f58;
}
/* ---------------------------------------
 カルーセルバナー　
---------------------------------------- */

.mod_bannerlist {
	position: relative;
	margin: 0 auto;

}
.mod_bannerlist .h_ttl {
	display: block;
	position: relative;
	height: 45px;
	line-height: 45px;
	margin: 0 auto 0;
	text-align: center;
	overflow: hidden;
}
.mod_bannerlist .h_ttl > img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.toppage .mod_bannerlist .lst_box {
	width: 780px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 55px;
	overflow: visible;
}
/* バナー単体 */


.mod_bannerlist .lnk a {
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	overflow: hidden;
}
.mod_bannerlist .lnk a:hover img {
	opacity: 0.8;
}
.mod_bannerlist .cap {
	line-height: 18px;
	text-align: left;
	margin: 5px 0 0;
}
/* トグルボタン */

.mod_bannerlist .btn_carousel {
	position: absolute;
	right: -23px;
	bottom: 10px;
	overflow: hidden;
	background-color: transparent;
	border-style: none;
	color: inherit;
}
.mod_bannerlist .btn_toggle {
	position: absolute;
	right: -23px;
	bottom: 10px;
	overflow: hidden;
	display: none;
	background-color: transparent;
	border-style: none;
	color: inherit;
}
.mod_bannerlist .btn_carousel:hover img, .mod_bannerlist .btn_toggle:hover img {
	opacity: 0.8;
}
/* カルーセル幅 */

#kenchiku_box .mod_bannerlist .lst.slick-slider {
	width: 780px;
}
#kenchiku_box .mod_bannerlist ul {
	overflow: visible;/* width: 880px; */
}
#kenchiku_box .mod_bannerlist .lst {
	width: 800px;
}
/* カルーセル左右矢印 */

.mod_bannerlist .slick-arrow {
	top: 25px;
}
/* ---------------------------------------
スポーツ振興　mod_sports
---------------------------------------- */

.mod_sports {
	position: relative;
	width: 100%;
	margin: 10px auto 20px;
}
/* 見出しタイトル */
.mod_sports .h_ttl {
	display: block;
	position: relative;
	height: 45px;
	line-height: 45px;
	margin: 0 auto 0;
	text-align: center;
	overflow: hidden;
	top: -19px;
}
.mod_sports .h_ttl > img {
	position: absolute;
	top: -141px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.mod_sports .lead {
	margin: 6px auto 0;
	color: black;
	font-size: 15px;
}
.mod_sports .lst_box {
	position: relative;
	margin: 0 auto;
	padding: 0 0 55px;
	width: 880px;
}
/* トグルボタン */

.mod_sports .btn_carousel {
	position: absolute;
	right: 50px;
	bottom: 10px;
	overflow: hidden;
}
.mod_sports .btn_toggle {
	position: absolute;
	right: 0;
	bottom: 10px;
	overflow: hidden;
	display: none;
}
.mod_sports .btn_carousel:hover img, .mod_sports .btn_toggle:hover img {
	opacity: 0.8;
}
/* バナー(リンク)エリア */

#company_box .mod_sports .lst {
	width: 776px;
	overflow: visible;
}
#company_box .lnk {
	display: block;
	width: 210px;
	margin: 15px 0 30px;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
}
/* バナー単体 */

.mod_sports .lnk {
	display: block;
	box-sizing: border-box;
	border: 1px solid #e0d7c7;
	width: 185px;
	height: 200px;
	margin: 15px 12px 10 0px;
	background: #fff;
	box-shadow: 0 0 4px 2px rgba(225,220,211,0.35);
	text-align: center;
}
.mod_sports .lnk a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.mod_sports .spr {
	position: relative;
	display: block;
	width: 100%;
	height: 144px;
	overflow: hidden;
}
.mod_sports .lnk .spr > img {
	border-left: none;
	border-right: none;
	border-bottom: solid 1px;
	border-top: none;
	position: absolute;
	top: 0;
	left: 0;
}
.mod_sports .lnk a:hover .spr img {
	opacity: 0.8;
}
.mod_sports .l_ttl {
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
	letter-spacing: 0;
	display: table-cell;
	height: 57px;
	width: 218px;
	font-size: 13px;
	font-weight: bold;
}
.mod_sports .cap {
	text-align: left;
	font-size: 13px;
	line-height: 20px;
	margin: 6px 8px 0 10px;
	color: #000;
}
.mod_sports .empty {
	border: none;
	background: none;
	box-shadow: none;
	width: 185px;
}
/* カルーセル左右矢印　調整 */

/* Arrows */

.mod_sports .slick-prev, .mod_sports .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 100px;
	display: block;
	width: 34px;
	height: 34px;
	padding: 0;
	cursor: pointer;
	border: none;
	outline: none;
	background-color: transparent;
}
.mod_sports .slick-next {
	right: -50px;
}
.mod_sports .slick-prev {
	left: -50px;
}
/* グレイ表示 */

#company_box .mod_sports .lnk {
	box-shadow: none;
	text-align: center;
	width: 185px;
	margin: 15px 12px 12px 0;
}
.mod_sports .lnk a.is_gr {
	cursor: default;
	color: #999;
}
.mod_sports .lnk a.is_gr:hover {
	cursor: default;
	color: #999;
}
.mod_sports .lnk a.is_gr:hover .spr img {
	opacity: 1;
}
/* ---------------------------------------
 都道府県から検索 20170317リサーチより移植
---------------------------------------- */
.srch_ttl {
	color: #cd1649;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
}
.srch_ttl:before {
	content: "";
	background-image: url(/image/ico_searchttl_bg.png);
	background-repeat: no-repeat;
	width: 33px;
	height: 24px;
	padding-top: 4px;
	display: inline-block;
	background-position: left bottom;
}
.mod_prefmap_srch {
	position: relative;
	width: 880px;
	height: 460px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(/image/search/bg_prefmapsrch.jpg);
	margin: 0 auto;
}
.mod_prefmap_srch .area {
	position: absolute;
}
/* エリア配置
--------------------------------- */

/* 北海道 */

.mod_prefmap_srch .area._hokaido {
	width: 73px;
	top: 26px;
	left: 605px;
}
.mod_prefmap_srch .area._hokaido dd {
	background-color: #957ADB;
	border-radius: 0 0 4px 4px;
	padding: 5px 0 0 3px;
	margin-top: -1px;
}
/* 東北 */

.mod_prefmap_srch .area._tohoku {
	width: 216px;
	top: 153px;
	left: 605px;
}
.mod_prefmap_srch .area._tohoku dd {
	background-color: #789EF8;
	border-radius: 0px 4px 4px;
	padding: 5px 0 0 3px;
	margin-top: -1px;
}
/* 甲信越 */

.mod_prefmap_srch .area._koshin {
	width: 73px;
	top: 26px;
	left: 399px;
}
.mod_prefmap_srch .area._koshin dd {
	background-color: #49BF75;
	border-radius: 0 0 4px 4px;
	padding: 5px 0 0 3px;
	margin-top: -1px;
}
/* 関東 */

.mod_prefmap_srch .area._kanto {
	width: 216px;
	top: 280px;
	left: 605px;
}
.mod_prefmap_srch .area._kanto dd {
	background-color: #52BFBC;
	border-radius: 0px 4px 4px;
	padding: 5px 0 0 3px;
	margin-top: -1px;
}
/* 東海 */

.mod_prefmap_srch .area._tokai {
	width: 145px;
	top: 319px;
	left: 450px;
}
.mod_prefmap_srch .area._tokai dd {
	background-color: #82C632;
	border-radius: 0px 4px 4px;
	padding: 5px 0 0 3px;
	margin-top: -1px;
}
/* 北陸 */

.mod_prefmap_srch .area._hokuriku {
	width: 73px;
	top: 26px;
	left: 315px;
}
.mod_prefmap_srch .area._hokuriku dd {
	background-color: #E4C63B;
	border-radius: 0px 0px 4px 4px;
	padding: 5px 0 0 3px;
	margin-top: -1px;
}
/* 関西 */

.mod_prefmap_srch .area._kansai {
	width: 216px;
	top: 26px;
	left: 67px;
}
.mod_prefmap_srch .area._kansai dd {
	background-color: #FFA34D;
	border-radius: 0px 4px 4px;
	padding: 5px 0 0 3px;
	margin-top: -1px;
}
/* 中国 */

.mod_prefmap_srch .area._chugoku {
	width: 216px;
	top: 153px;
	left: 67px;
}
.mod_prefmap_srch .area._chugoku dd {
	background-color: #FF7D65;
	border-radius: 0px 4px 4px;
	padding: 5px 0 0 3px;
	margin-top: -1px;
}
/* 四国 */

.mod_prefmap_srch .area._shikoku {
	width: 145px;
	top: 319px;
	left: 295px;
}
.mod_prefmap_srch .area._shikoku dd {
	background-color: #FF6B80;
	border-radius: 0px 4px 4px;
	padding: 5px 0 0 3px;
	margin-top: -1px;
}
/* 九州 */

.mod_prefmap_srch .area._kyushu {
	width: 217px;
	top: 281px;
	left: 67px;
}
.mod_prefmap_srch .area._kyushu dd {
	background-color: #F073B4;
	border-radius: 0px 4px 4px;
	padding: 5px 0 0 3px;
	margin-top: -1px;
}
/* 県名
--------------------------------- */

.mod_prefmap_srch .area_name {
	height: 22px;
	margin: 0px;
	text-align: left;
}
.mod_prefmap_srch .pref {
}
.mod_prefmap_srch .btn {
	float: left;
	width: 67px;
	height: 34px;
	margin: 0px 4px 4px 0;
}
.mod_prefmap_srch .btn a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 67px;
	height: 34px;
}
.mod_prefmap_srch .btn img {
	position: absolute;
	left: 0;
}
.mod_prefmap_srch .btn:hover img {
	left: auto;
	right: 0;
}
/* 都道府県別スプライト */

.mod_prefmap_srch .btn.p01 img {
	top: 0;
} /*01北海道*/
.mod_prefmap_srch .btn.p02 img {
	top: -36px;
} /*02青森県*/
.mod_prefmap_srch .btn.p03 img {
	top: -72px;
} /*03岩手県*/
.mod_prefmap_srch .btn.p04 img {
	top: -108px;
} /*04宮城県*/
.mod_prefmap_srch .btn.p05 img {
	top: -144px;
} /*05秋田県*/
.mod_prefmap_srch .btn.p06 img {
	top: -180px;
} /*06山形県*/
.mod_prefmap_srch .btn.p07 img {
	top: -216px;
} /*07福島県*/
.mod_prefmap_srch .btn.p08 img {
	top: -251px;
} /*08群馬県*/
.mod_prefmap_srch .btn.p09 img {
	top: -287px;
} /*09栃木県*/
.mod_prefmap_srch .btn.p10 img {
	top: -324px;
} /*10茨城県*/
.mod_prefmap_srch .btn.p11 img {
	top: -360px;
} /*11埼玉県*/
.mod_prefmap_srch .btn.p12 img {
	top: -395px;
} /*12千葉県*/
.mod_prefmap_srch .btn.p13 img {
	top: -432px;
} /*13東京都*/
.mod_prefmap_srch .btn.p14 img {
	top: -468px;
} /*14神奈川県*/
.mod_prefmap_srch .btn.p15 img {
	top: -504px;
} /*15新潟県*/
.mod_prefmap_srch .btn.p16 img {
	top: -540px;
} /*16富山県*/
.mod_prefmap_srch .btn.p17 img {
	top: -576px;
} /*17石川県*/
.mod_prefmap_srch .btn.p18 img {
	top: -612px;
} /*18福井県*/
.mod_prefmap_srch .btn.p19 img {
	top: -648px;
} /*19山梨県*/
.mod_prefmap_srch .btn.p20 img {
	top: -684px;
} /*20長野県*/
.mod_prefmap_srch .btn.p21 img {
	top: -720px;
} /*21岐阜県*/
.mod_prefmap_srch .btn.p22 img {
	top: -756px;
} /*22静岡県*/
.mod_prefmap_srch .btn.p23 img {
	top: -792px;
} /*23愛知県*/
.mod_prefmap_srch .btn.p24 img {
	top: -828px;
} /*24三重県*/
.mod_prefmap_srch .btn.p25 img {
	top: -864px;
} /*25滋賀県*/
.mod_prefmap_srch .btn.p26 img {
	top: -900px;
} /*26京都府*/
.mod_prefmap_srch .btn.p27 img {
	top: -936px;
} /*27大阪府*/
.mod_prefmap_srch .btn.p28 img {
	top: -972px;
} /*28兵庫県*/
.mod_prefmap_srch .btn.p29 img {
	top: -1008px;
} /*29奈良県*/
.mod_prefmap_srch .btn.p30 img {
	top: -1044px;
} /*30和歌山県*/
.mod_prefmap_srch .btn.p31 img {
	top: -1080px;
} /*31鳥取県*/
.mod_prefmap_srch .btn.p32 img {
	top: -1116px;
} /*32島根県*/
.mod_prefmap_srch .btn.p33 img {
	top: -1152px;
} /*33岡山県*/
.mod_prefmap_srch .btn.p34 img {
	top: -1188px;
} /*34広島県*/
.mod_prefmap_srch .btn.p35 img {
	top: -1224px;
} /*35山口県*/
.mod_prefmap_srch .btn.p36 img {
	top: -1260px;
} /*36徳島県*/
.mod_prefmap_srch .btn.p37 img {
	top: -1296px;
} /*37香川県*/
.mod_prefmap_srch .btn.p38 img {
	top: -1332px;
} /*38愛媛県*/
.mod_prefmap_srch .btn.p39 img {
	top: -1368px;
} /*39高知県*/
.mod_prefmap_srch .btn.p40 img {
	top: -1404px;
} /*40福岡県*/
.mod_prefmap_srch .btn.p41 img {
	top: -1440px;
} /*41佐賀県*/
.mod_prefmap_srch .btn.p42 img {
	top: -1476px;
} /*42長崎県*/
.mod_prefmap_srch .btn.p43 img {
	top: -1512px;
} /*43熊本県*/
.mod_prefmap_srch .btn.p44 img {
	top: -1548px;
} /*44大分県*/
.mod_prefmap_srch .btn.p45 img {
	top: -1584px;
} /*45宮崎県*/
.mod_prefmap_srch .btn.p46 img {
	top: -1620px;
} /*46鹿児島県*/
.mod_prefmap_srch .btn.p47 img {
	top: -1656px;
} /*47沖縄県*/
/*全国不動産ネットワーク加盟企業*/

.box_network {
	width: 260px;
	margin: 10px 0px 0px 342px;
	padding: 10px 0px;
	border: 3px solid #FFFFFF;
	text-align: center;
	font-size: 16px;
	background-color: #CD1649;
	border-radius: 8px;
	color: #FFFFFF;
}
.box_network strong {
	margin: 0 10px;
	color: #FFFFFF;
	font-size: 22px;
	line-height: 24px;
}
/* 不動産会社から賃貸物件検索 */
.box_shop_search {
	width: 750px;
	margin: 0 auto;
	padding: 15px 0 0;
}
.box_shop_search ul {
	width: 750px;
	margin: 10px 0 3px;
}
.box_shop_search ul li {
	float: left;
	margin-right: 20px;
}
.box_shop_search ul li:last-child {
	margin-right: 0;
}
.box_shop_search p {
	text-align: center;
	background-color: #FFFFFF;
	padding: 12px 0px;
}
.box_shop_search p.all {
	border-bottom: 2px solid #150b8d;
	border-left: 2px solid #150b8d;
	border-right: 2px solid #150b8d;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #10078b;
}
.box_shop_search p.shop {
	border-bottom: 2px solid #cd1649;
	border-left: 2px solid #cd1649;
	border-right: 2px solid #cd1649;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #cd1649;
}
.box_shop_search strong {
	margin: 5px 0;
	color: #FF4242;
	font-size: 104%;
	line-height: 1.5;
}
.box_shop_search .num {
	font-size: 150%;
	line-height: 1.5;
	font-weight: bold;
}
.f_black {
	color: #000;
	font-weight: bold;
	font-size: 120%;
}
/* ---------------------------------------------------
　ホームメイトキャンペーン 横並び
---------------------------------------------------- */
.bnr_3clm {
	width: 880px;
	margin: 20px auto;
}
.bnr_3clm figure {
	width: 286px;
	float: left;
}
.bnr_3clm figure + figure {
	margin-left: 11px;
}
.bnr_3clm figure figcaption {
	margin-top: 5px;
	font-size:.95rem;
	line-height:1.3;
}
.bnr_3clm a:hover img {
	opacity: .8;
}
.hmbnr_2clm {
	width: 603px;
	margin: 20px auto;
	padding-top: 0px;
}
.hmbnr_2clm figure {
	width: 286px;
	float: left;
}
.hmbnr_2clm figure + figure {
	margin-left: 30px;
}
.hmbnr_2clm figure figcaption {
	margin-top: 5px;
	font-size:.95rem;
	line-height:1.3;
}
/* お部屋探し */
#oheya_box {
}
#oheya_box .entrylist {
	margin: 10px auto 0px;
	width: 690px;
	padding-bottom: 10px;
}
#oheya_box .entrylist li {
	clear: both;
	padding: 5px 0 5px 0;
	margin-bottom: 10px;
}
#oheya_box .entrylist li .img {
	float: left;
	width: 226px;
	padding: 0 15px 10px;
}
#oheya_box .entrylist li dd {
	font-size: 15px;
	font-weight: normal;
	width: 430px;
	padding:0 0 1px;
	margin-left: 15px;
}
#oheya_box .entrylist li dt a.blank {
	padding: 4px 0 0 15px;
}
#oheya_box .entrylist li p.txt {
	font-size: 14px;
	width: 400px;
	margin: 5px 0 0;
	padding: 15px;
	border-radius: 8px;
	background-color: #EAC9D9;
}
#oheya_box .entrylist a {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
#oheya_box .entrylist a.heya:before {
	content: "";
	background-image: url(/image/ico_oheya_bg.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 19px;
	padding: 1px 0 0 4px;
	display: inline-block;
	background-position: left bottom;
	vertical-align: top;
}

/* iPad用 */
@media screen and (max-device-width: 1024px) {
#oheya_box .entrylist li dd.txt {
	margin: 5px 0 0 !important;
}
}
.toppage .chintai {
	width: 878px;
	margin:10px auto 0;
	padding:20px 0 30px;
	background-image: url(/image/bg_homemate_bg.png);
	background-repeat: no-repeat;
	background-color: #F8E3E9;
}
.toppage .chintai .news_ttl {
	height: 48px;
}
.toppage .chintai .news_ttl h2 {
	padding:8px 0 5px 200px;
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing:0.2em;
}
.toppage .chintai .news_ttl h2 span {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
	padding-left: 20px;
}
.toppage .chintai .news_ttl h2:before {
	content: "";
	background-image: url(/image/ttl_homemate_bg.png);
	background-repeat: no-repeat;
	width: 137px;
	height: 29px;
	padding-right: 20px;
	display: inline-block;
	background-position: left bottom;
	vertical-align: top;
}
.toppage .chintai .news_ttl02 h3 {
	padding: 10px 10px 10px 210px;
	font-size: 18px;
	font-weight: bold;
}
.houjinbnr_2clm {
	width: 640px;
	margin: 0 auto 20px;
}
.houjinbnr_2clm figure {
	width: 300px;
	float: left;
}
.houjinbnr_2clm figure + figure {
	margin-left: 40px;
}
.houjinbnr_2clm figure figcaption {
	margin: 5px 5px 0 5px;
	font-size:.9rem;
	line-height:1.3;
}
.houjinbnr_2clm a:hover img {
	opacity: .8;
}
/* 会社情報 */
.ttl_company {
	text-align: center;
	color: #0d397a;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -1px;
	margin: 10px 0 4px;
	text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff;
}
.ttl_company:before {
	content: "";
	background: url(/image/ico_company_bg.png)  no-repeat  center center;
	width: 19px;
	height: 19px;
	margin: 1px 4px 0 0;
	visibility: visible;
	display: inline-block;
	vertical-align: top;
}
#company_box {
	background-color: #e9eeec;
}
/* パンフレット */
#panf_box {
	background: url(/image/bg_home_pamph.png) no-repeat;
	background-size: cover;
	min-height: 248px;
}
.pamphbox {
	width: 274px;
	float: left;
	margin-left: 15px;
}
.pamphbox p {
	padding: 5px;
	font-size: 15px;
}
.pamphbox p.cap {
	padding: 5px 4px 0px 14px;
	font-size: 15px;
	line-height: 20px;
}

/* iPad用 */
@media screen and (max-device-width: 1024px) {
.pamphbox p.cap {
	line-height: 160% !important;
}
}
/* ---------------------------------------
 東建　公式サイトバナーエリア　mod_officialbnr
---------------------------------------- */
/* 見出し */
.ttl_group_midasi01 {
	width: 740px;
	margin: 0 auto 20px;
	text-align: center;
	background: url(/image/bg_ttl_group01.png) repeat-x left center;
	color: #2666bd;
	font-size: 18px;
	line-height: 30px;
}
.ttl_group_midasi02 {
	width: 740px;
	margin: 0 auto 20px;
	text-align: center;
	background: url(/image/bg_ttl_group02.png) repeat-x left center;
	color: #e54b71;
	font-size: 18px;
	line-height: 30px;
}
.ttl_group_midasi03 {
	width: 740px;
	margin: 0 auto 20px;
	text-align: center;
	background: url(/image/bg_ttl_group03.png) repeat-x left center;
	color: #19772f;
	font-size: 18px;
	line-height: 30px;
}
.ttl_group_inner {
	background: #fff;
	font-weight: bold;
	padding: 0 4px;
}
/* バナーエリア */

.mod_officialbnr {
	position: relative;
	width: 100%;
	margin: 30px auto 35px;
}
.mod_officialbnr .lst_box {
	position: relative;
	margin: 0 auto;
	padding: 0 0 45px;
	width: 740px;
}
/* トグルボタン */

.mod_officialbnr .btn_carousel {
	position: absolute;
	right: 10px;
	bottom: 0;
	overflow: hidden;
}
.mod_officialbnr .btn_toggle {
	position: absolute;
	right: 0;
	bottom: 10px;
	overflow: hidden;
	display: none;
}
.mod_officialbnr .btn_carousel:hover img, .mod_officialbnr .btn_toggle:hover img {
	opacity: 0.8;
}
.mod_officialbnr .lst {
	width: 622px;
	margin: 0 auto;
	overflow: visible;
}
/* バナー単体 */

.mod_officialbnr .lnk {
	display: block;
	width: 302px;
	margin: 0 8px 15px;
	box-sizing: border-box;
}
.mod_officialbnr .lnk a {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.mod_officialbnr .lnk img {
	display: block;
	border: solid 1px #ccc;
}
.mod_officialbnr li.noline img {
	border: none;
}
.mod_officialbnr .lnk a:hover img {
	opacity: 0.8;
}
/* キャプション */

.mod_officialbnr .cap {
	text-align: left;
	margin: 10px 10px 0;
}
/* カルーセル幅 */

.mod_officialbnr .lst.slick-slider {
	width: 622px;
}
/* カルーセル左右矢印　調整 */

.mod_officialbnr .slick-arrow {
	top: 25px;
}
.mod_officialbnr .slick-next {
	right: -50px;
}
.mod_officialbnr .slick-prev {
	left: -50px;
}

/* スライド上固定バナー */
#group h2 {
  width: 780px;
  height: 48px;
  padding: 12px 0 0;
  margin: 0 auto 20px;
  background: url(/image/bg_ttl_home_group.png) 0 0 / 100% auto no-repeat;
  text-align: center;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 0.12em;
  box-sizing: border-box;
}
#group .bnr_2clm ul {
	width: 619px;
    margin: 10px auto 0 168px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#group .bnr_2clm ul p {
	width: 300px;
	margin-top: 10px;
	font-size:.95rem;
}

#group .bnr_2clm ul a:hover img {
	opacity: 0.8;
}

/* ---------------------------------------
 公式アプリ  official_app_box
---------------------------------------- */
.official_app_box {
  margin: 30px auto 0;
  overflow: hidden;
  position: relative;
  width: 740px;
}

/*-- ピカ写メまとめコンテンツバナー用 --*/
.pika_all_box {
  display: block;
  margin: 20px auto 0;
  width: 640px;
}

.appli_patent{
  height: 80px;
  margin: 0 auto 20px;
  width: 580px;
}

.pika_all_box .cap {
	font-size: 15px;
  line-height: 1.4;
  margin: 20px 0;
  text-align: center;
}

.pika_all_box a {
	display: block;
  line-height: 0;
}

.pika_all_box a:hover img {
	opacity: 0.8;
}

/*-- SNSに投稿しよう --*/
.pika_sns {
  line-height: 0;
  overflow: hidden;
  text-align: center;
}

.pika_sns p {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4;
  margin: 15px 0;
  text-align: center;
}

.pika_sns p span:nth-child(1) {
  color: #144aad;
}

.pika_sns p span:nth-child(2) {
  color: #d4286d;
}

/* 共通 */
[class^="mod_officialapp"] {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 640px;
}

[class^="mod_officialapp"] .lnk2 {
  background: #fff;
  border: 1px solid #bfbdad;
  box-sizing: border-box;
  letter-spacing: 0.01em;
  position: relative;
}

[class^="mod_officialapp"] .lnk2 a:link,
[class^="mod_officialapp"] .lnk2 a:visited {
  color: #003987;
}

[class^="mod_officialapp"] .lnk2 a:hover {
  color: #ea2020;
}

[class^="mod_officialapp"] .lnk2 .l_ttl {
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  text-align: left;
}

[class^="mod_officialapp"] .lnk2 .cap {
  color: #000;
  font-size: 13px;
  letter-spacing: 0.02em;
  line-height: 20px;
  text-align: left;
}

/* mod_officialapp_pika */
.mod_officialapp_pika {
  margin-top: 5px;
  padding-bottom: 25px;
}

.mod_officialapp_pika a img {
  pointer-events: none;
}

.mod_officialapp_pika .lnk2 {
  display: flex;
  flex-wrap: nowrap;
  height: 210px;
  margin-top: 10px;
}

.mod_officialapp_pika .lnk2 .frame {
  line-height: 0;
  position: relative;
  width: 199px;
}

.mod_officialapp_pika .lnk2 .frame figure {
  margin: 0;
}

.mod_officialapp_pika .lnk2 .frame figure img{
  height: 208px;
  max-width: 100%;
}

.mod_officialapp_pika .lnk2 .frame .btn {
  background: #fff;
  border-radius: 50px;
  bottom: 15px;
  height: 46px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 169px;
}

.mod_officialapp_pika .lnk2 .frame .btn a {
  border-radius: 50px;
  display: inline-block;
}

.mod_officialapp_pika .lnk2 .frame .btn a:hover {
  opacity: 0.8;
}

.mod_officialapp_pika .lnk2 .app_dtl {
  flex-grow: 1;
  padding: 7px 25px 0;
  text-align: left;
  width: 439px;
}

.mod_officialapp_pika .lnk2 .app_dtl .l_ttl {
  display: inline-block;
  font-size: 15px;
  margin: 0;
}

.mod_officialapp_pika .lnk2 .app_dtl .l_ttl a {
  border-bottom: 2px solid #003987;
  display: inline-block;
  margin-left: 26px;
  padding-bottom: 1px;
  position: relative;
}

.mod_officialapp_pika .lnk2 .app_dtl .l_ttl a::before,
.mod_officialapp_pika .lnk2 .app_dtl .l_ttl a::after {
  bottom: 0;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
}

.mod_officialapp_pika .lnk2 .app_dtl .l_ttl a::before {
  background: #003987;
  border-radius: 50%;
  height: 20px;
  left: -26px;
  width: 20px;
}

.mod_officialapp_pika .lnk2 .app_dtl .l_ttl a::after {
  border: 4px solid transparent;
  border-left: 6px solid #fff;
  box-sizing: border-box;
  height: 8px;
  left: -18px;
}

.mod_officialapp_pika .lnk2 .app_dtl .l_ttl a:hover {
  border-bottom: 2px solid #ea2020;
}

.mod_officialapp_pika .lnk2 .app_dtl .l_ttl a:hover::before {
  background: #ea2020;
}

.mod_officialapp_pika .lnk2 .app_dtl .cap {
  margin: 4px 0 0;
}

.mod_officialapp_pika .lnk2 .app_dtl ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-top: 2px;
}

.mod_officialapp_pika .lnk2 .app_dtl li {
  line-height: 0;
  margin: 7px 3px 0 3px;
}

.mod_officialapp_pika .lnk2 .app_dtl li a {
  border-radius: 13px;
  display: inline-block;
  line-height: 0;
}

.mod_officialapp_pika .lnk2 .app_dtl li a:hover {
  opacity: 0.8;
}

/* mod_officialapp */
.mod_officialapp {
  padding-top: 25px;
}

.mod_officialapp .lst {
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-content: center;
  -webkit-align-content: center;
  position: relative;
}

.mod_officialapp .lnk2 {
  height: 220px;
  width: 205px;
}

.mod_officialapp .lnk2 a {
  display: block;
  height: 100%;
  width: 100%;
}

.mod_officialapp .lnk2 .frame {
  display: block;
  height: 110px;
  position: relative;
  width: 100%;
}

.mod_officialapp .lnk2 a:hover .frame img{
  opacity: 0.8;
}

.mod_officialapp .lnk2 .l_ttl {
  font-size: 14px;
  margin: 10px 8px 0 10px;
}

.mod_officialapp .lnk2 .cap {
  margin: 6px 8px 0 10px;
}

/* 分岐線 */
.mod_officialapp_pika + .mod_officialapp::before {
  border-top: dashed 1px #333;
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 640px;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .pika_all_box a:hover img,
  .mod_officialapp_pika .lnk2 .frame .btn a:hover,
  .mod_officialapp_pika .lnk2 .app_dtl li a:hover,
  .mod_officialapp .lnk2 a:hover .frame img,
  .mod_officialapp .lnk.is_gr a:hover img{
    opacity: 1;
  }
}

.con_research {
	margin-top: 2em;
}



/* ---------------------------------------------------
　コンテスト 横並び
---------------------------------------------------- */
.conte_bnr_3clm {
	width: 780px;
	margin: 20px auto;
}
.conte_bnr_3clm figure {
	width: 255px;
	float: left;
}
.conte_bnr_3clm figure + figure {
	margin-left: 7px;
}
.conte_bnr_3clm figure figcaption {
	margin-top: 5px;
}
.conte_bnr_3clm a:hover img {
	opacity: .8;
}

.conte_bnr_2clm {
	width: 550px;
	margin: 20px auto;
}
.conte_bnr_2clm figure {
	width: 255px;
	float: left;
}
.conte_bnr_2clm figure + figure {
	margin-left: 40px;
}
.conte_bnr_2clm figure figcaption {
	margin-top: 5px;
}
.conte_bnr_2clm a:hover img {
	opacity: .8;
}

/* ---------------------------------------
 施設を探す　mod_srch_cate
---------------------------------------- */
/* お役立ち施設検索のご紹介 */

.mod_srch_cate {
	margin: 0px auto 0;
}
.mod_srch_cate h2 {
  width: 780px;
  height: 48px;
  padding: 12px 0 0;
  margin: 0 auto 20px;
  background: url(/image/bg_ttl_home_useful.png) 0 0 / 100% auto no-repeat;
  text-align: center;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 0.12em;
  box-sizing: border-box;
}
.mod_srch_cate .h_ttl {
	padding: 16px 0 13px;
	text-align: center;
	position: relative;
	background: #274a7b;
	margin: 0 auto 22px;
}
.mod_srch_cate .h_ttl::before {
	content: "";
	position: absolute;
	top: 3px;
	display: block;
	width: 100%;
	height: 2px;
	background: #f6eee0;
}
.mod_srch_cate .lead {
	padding: 25px 0 0;
	line-height: 1.4;
	line-height: 1.5;
	font-size: 15px;
}
.mod_srch_cate .lst_box {
  margin: 0 auto;
  padding: 0 0 45px;
  position: relative;
}
.mod_srch_cate .lst {
 display: flex;
 display: -webkit-flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
 margin: 0 auto;
 overflow: visible;
 padding: 0;
 width:810px;
}

/* 各バナー */
.mod_srch_cate .lnk {
	position: relative;
	width: 254px;
	height: 160px;
	margin: 0 auto 15px;
	padding: 1px;
	overflow: hidden;
	border: 1px solid #d4d0c5;
	background: #fff;
	box-shadow: 0 0 4px 2px rgba(225,220,211,0.35);
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}
.mod_srch_cate .lnk a {
	display: block;
	width: 100%;
	height: 100%;
 overflow: hidden;
}
.mod_srch_cate .lnk a:hover img {
	opacity: 0.8;
}
.mod_srch_cate .name {
	text-align: left;
	height: 20px;
	padding: 7px 0 7px 3px;
}
.mod_srch_cate .lnk a:hover img {
	opacity: 0.8;
}
.mod_srch_cate .slick-arrow {
  top: 67px;
}

/* ---------------------------------------
 ムービーギャラリー　mod_movie
---------------------------------------- */

.imgchara_box .mod_movie {
	position: relative;
	/*width: 100%;*/
	margin: 15px auto 0;
	margin-top: 15px;
	padding: 0;
	background: url(/image/bg_imgsong_thumb.png) no-repeat;
	width: 300px;
	height: 242px;
}

.imgchara_box .mod_movie img {
	position: absolute;
	left: 12px;
	bottom: 12px;
}

/* 動画2つ 曲タイトル1行の時 */
/*.imgchara_box .mod_movie02 {
	position: relative;
	margin: 15px auto 0;
	margin-top: 15px;
	padding: 10px 12px 12px;
	background: url(/image/bg_imgsong.png) repeat-x;
	width: 564px;
	height: 270px;
}*/

/* 動画2つ 曲タイトル3行の時 */
.imgchara_box .mod_movie02 {
    position: relative;
    margin: 15px auto 10px;
    margin-top: 15px;
    padding: 10px 12px 12px;
    background: url(/image/bg_imgsong.png) repeat-x;
    width: 536px;
    height: 306px;
}

.imgchara_box .mod_movie02 h4 {
	text-align: center;
	margin-bottom: 14px;
}

.imgchara_box .mod_movie02 .song_movie {
	float: left;
	width: 261px;
	margin-bottom: 7px;
}

.imgchara_box .mod_movie02 .song_movie:first-of-type {
	margin-right: 12px;
}

.imgchara_box .mod_movie02 .song_movie dt {
	margin-bottom: 10px;
	text-align: center;
}

.moremovie {
	color: #fff;
	text-align: right;
	clear: both;
	font-size: 15px;
}

@media screen and (max-device-width: 1024px) {
	.moremovie {
	font-weight: bold;
}
}

.moremovie:before {
	content: "";
	background: url(/image/icon_youtube.png) no-repeat left;
	padding-right: 10px;
	display:inline-block;
	width: 24px;
	height: 17px;
	vertical-align: top;
}

.moremovie a:link,
.moremovie a:visited,
.moremovie a:active {
	color: #fff;
}

.moremovie a:hover {
	color: #fb9a9b;
}
.btn_box {
	overflow: hidden;
	width: 580px;
	margin: 0 auto;
	display:flex;
}

.btn_box figure {
	padding-left:.5rem;
	width:279px;
}

.btn_box figure:first-of-type {
	margin-right: 4px;
}

.btn_box figcaption {
	margin-top: 5px;
	font-size: .95rem;
	line-height:1.5;
}



/* 見出しタイトル */
.mod_movie .h_ttl {
	display: block;
	position: relative;
	height: 45px;
	line-height: 45px;
	margin: 0 auto 0;
	text-align: center;
	overflow: hidden;
	top: -19px;
}
.mod_movie .h_ttl > img {
	position: absolute;
	top: -235px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.mod_movie .lead {
	margin: 6px auto 0;
	line-height: 1.6;
	font-size: 15px;
}
.mod_movie .lst_box {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	width: 740px;
}
/* バナー(リンク)エリア */

.mod_movie .lst {
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-content: center;
	-webkit-align-content: center;
}
/* バナー単体 */

.mod_movie .lnk {
	position: relative;
	display: block;
	box-sizing: border-box;
	border: 1px solid #c2bdb0;
	width: 220px;
	height: 200px;
	margin: 15px 10px 10px;
	padding: 1px 1px 0;
	background: #fff;
	overflow: visible;
}
.mod_movie .lnk a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
/* サムネイル画像枠 */

.mod_movie .spr {
	position: relative;
	display: block;
	width: 100%;
	height: 130px;
	overflow: hidden;
}
/* ホバーハイライト */

.mod_movie .lnk a:hover .spr img {
	opacity: 0.8;
}
/* キャプション */
.mod_movie .cap {
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
	color: #000;
	letter-spacing: 0;
	display: table-cell;
	height: 66px;
	width: 218px;
	font-size:.9rem;
}
/* アイコン　NEW */

.mod_movie .lnk.new::before {
	content: "";
	position: absolute;
	top: -5px;
	left: -3px;
	width: 51px;
	height: 21px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/image/ico_new_x2.png);
	background-size: cover;
	z-index: 1;
}
/* 空きスペース */

.mod_movie .lnk.empty {
	border: none;
	background: none;
	box-shadow: none;
	width: 220px;
}
/* ボタン */

.mod_movie .btn_list {
	float: right;
	margin: 5px 5px 0 0;
	overflow: hidden;
}
.mod_movie .btn_list li {
	float: left;
	margin: 0 5px;
}
.mod_movie .btn_list li a {
	display: block;
}
.mod_movie .btn_list li a:hover img {
	opacity: 0.8;
}
.btn_youtube {
	display: block;
	margin: 20px auto 0;
	width: 300px;
}
.btn_youtube figcaption {
	padding-top: 5px;
}
/* ---------------------------------------
 QRコード　mod_qrcode
---------------------------------------- */

.mod_qrcode {
	width: 436px;
	/* [disabled]height: 80px;
*/
	margin: 0 auto;
}
.mod_qrcode .ttl {
	float: left;
	width: 346px;
}
.mod_qrcode .code {
	float: right;
}
/* ---------------------------------------
 被災者の皆様へ  mod_msg_info
---------------------------------------- */

section.mod_msg_info {
	width: 900px;
	margin: 60px auto 30px;
	position: relative;
}
.mod_msg_info .outline {
	border: solid 2px #fff;
	outline: solid 2px #d9ccb7;
	background: #f8f3eb;
	min-height: 100px;
	margin: 0 0 4px;
}
.mod_msg_info .h_ttl {
	margin: 0 auto;
	position: absolute;
	top: -24px;
	left: 0;
	right: 0;
	text-align: center;
}
.mod_msg_info p, li, dl, table {
	line-break: strict;
	word-break: break-strict;
	word-wrap: break-word;
}
/* flexBox */

.mod_msg_info .cont {
	margin: 25px auto 0;
	display: flex;
	display: -webkit-flex;
	flex-flow: column wrap;
	-webkit-flex-flow: column wrap;
	justify-content: center;
	-webkit-justify-content: center;
	height: 70px;
	width: 900px;
}
/* リスト　flexアイテム */

.mod_msg_info .cont li {
	padding: 6px 0;
	text-align: left;
	width: 270px;
	margin: 0 0 0 6px;
}
.mod_msg_info .cont li.center {
	width: 310px;
	padding: 6px 10px;
	margin-right: 0;
	border-left: 1px solid #dacbb2;
	border-right: 1px solid #dacbb2;
}
/*.mod_msg_info .cont li:nth-child(1), .mod_msg_info .cont li:nth-child(4) {
	border-bottom: 1px #bfab8a dashed;
}*/
/* テキスト　矢印アイコン */

.mod_msg_info .cont li a {
	position: relative;
	font-size: 12px;
	padding-left: 19px;
	line-height: 1.4;
	display: inline-block;
}
.mod_msg_info .cont li a::before {
	position: absolute;
	top: 3px;
	left: 6px;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 5px solid transparent;
	border-left: 6px solid #274a7b;
}
.mod_msg_info .cont li a:hover::before {
	border-left: 6px solid #ea2020;
}

/* ARアプリ */

.toppage section.mod_ar {
	width: 880px;
	margin: 0 auto 20px;
	border-top: 1px solid #b5b5b5;
	padding-top: 30px;
}
/* フッター問い合わせ */

.ttl_soudan {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.catch_soudan {
	font-size: 16px;
	font-weight: bold;
}
#gosoudan_box {
	width: 880px;
	margin: 20px auto 0;
	padding-top: 25px;
}
#gosoudan_box .lst {
	width: 880px;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	padding: 30px 0 15px;
	margin: 0 auto;
	text-align: center;
}
/* 各バナー */
.soudan_shop:before {
	content: "";
	background: url(/image/bg_soudan_shop.png) 0% bottom no-repeat;
	vertical-align: bottom;
	display: inline-block;
	width: 69px;
	height: 67px;
	visibility: visible;
}
#gosoudan_box .lnk {
	width: 292px;
	margin: 0 0 5px;
	border-left: solid 1px #fff;
}
#gosoudan_box .lnk:first-child {
	border-left: none;
}
#gosoudan_box .lnk a {
	display: block;
	width: 100%;
	height: 100%;
}

/* 最下部テキストエリア */

.comment_box {
	clear: both;
	width: 704px;
	margin: 5px auto 30px;
	padding: 10px 20px;
	border: 3px solid #b5b5b5;
	color: #4d4d4d;
	line-height: 24px;
}

/*建築商品　スライダー*/
.purse_list {
	width: 870px;
	margin: 10px auto;
	padding: 15px 20px 20px 5px;
	border-bottom: 1px solid #898989;
}

.purse_list .slick-list {
	margin: 0 40px 0 40px;
}

/* マウスホバー */
.purse_list .slick-next:hover,
.purse_list .slick-prev:hover,
.btn_more a:hover {
	opacity: 0.7;
}
/*左右の矢印の位置を変える*/
.purse_list .slick-next {
	left: 830px;
	z-index: 99;
	/* background: url(/image/btn_carousel_arow.png) 0 0 no-repeat; */
	margin: -17px 0 0 0;
}
.purse_list .slick-prev {
	left: 0px;
	z-index: 100;
	background: url(/image/btn_carousel_arow.png) 0 0 no-repeat;
	margin: -17px 0 0 0;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #f00;
}
/*スライド画像の横幅可変*/
img {
     height: auto;
}

/* 各商品 */
.purse_list .slick-slide  {
	border: 1px solid #33a735;
	margin-right: 6px;
	padding: 0 0 8px;
	text-align: center;
	background: #fff;
}

/* border非表示 */
#kenchiku_box .purse_list li img {
	border: none;
}

@media screen and (max-device-width: 1024px) {
	.purse_list li {
	position: relative;
}
}

.purse_list .slick-slide a  {
	display: block;
}

.purse_list .slick-slide dt  {
	margin-top: 4px;
}

.purse_list .slick-slide dt  {
	margin: 0 0 4px;
}

/* もっと見るボタン */
.btn_more {
	text-align: right;
	padding: 15px 28px 0 0;
}

/* fancyのボタンを切れないように */
.fancybox-opened .fancybox-skin {
    overflow: inherit;
}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    overflow: initial;
}

/*モーダル*/
[id^="item_data_"] {
	/*width: 80%;*/
}

[id^="item_data_"] dl {
	width: 90%;
}

[id^="item_data_"] dt {
	text-align: left;
}

[id^="item_data_"] dl img {
	width: 100%;
	height: auto;
}

[id^="item_data_"] dd figure {
	display: block;
	margin: 0 auto;
	text-align: center;
}

[id^="item_data_"] ul {
	width: 99%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	   -moz-box-orient: horizontal;
	   -moz-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

[id^="item_data_"] ul li {
	margin: 0 0 0px 10px;
}

#sb-container {
    padding: 0 20px 0;
}

#colorbox div, #cboxWrapper div {
	overflow: visible;
}

#cboxLoadedContent {
	padding-bottom: 0!important;
}


/*cmn上書き*/

/*----  フッター　注目ワード  ----*/
#hotwords {
	width: 940px;
	margin: 20px auto 30px!important;
	overflow: hidden;
	background: #fff;
	text-align: left;
}　
#hotwords dl dt {
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	color: #CC5479;
	font-weight: bold;
	padding: 0 0 8px 0px;
	background: url("/image_cmn/ttl_hotwords_bg.png") no-repeat center bottom;
	border-bottom: none;
}
#hotwords dl dd {
	padding: 10px 4px;
	border-bottom: none;
	overflow: hidden;
}
#hotwords dl dd ul li {
	font-size: 12px;
	float: left;
	white-space: nowrap;
	margin: 4px 0px;
	padding: 0px 9px 0px 8px;
	border-right: 1px solid #333;
}


/*----------------------------
 休暇のお知らせ
-----------------------------*/
.holiday_toggle {
  width: 780px;
  height: 49px;
  box-sizing: border-box;
  margin: 0 auto 20px;
  overflow: hidden;
  transition: height 0.8s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 2px solid #e6c300;
  background: #fffce5;
}
.holiday_toggle.open {
  height: 347px;
}
.holiday_toggle button {
  position: relative;
  display: block;
  width: 100%;
  height: 49px;
  padding: 0px 0 0;
  border: none;
  border-bottom: 2px solid #e6c300;
  background: #fff7cc;
  font-family: inherit;
  outline: none;
}
.holiday_toggle button h2 {
  font-size: 22px;
  font-weight: 600;
}
.holiday_toggle button span {
  position: absolute;
  top: 7px;
  bottom: 7px;
  right: 7px;
  display: block;
  width: 7.5em;
  padding: 0.3em 1.5em 0 0.2em;
  font-size: 15px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  background: -webkit-linear-gradient(#caab00 0%, #988100 100%);
  background: -o-linear-gradient(#caab00 0%, #988100 100%);
  background: linear-gradient(#caab00 0%, #988100 100%);
  border-radius: 6px;
  cursor: pointer;
}
.holiday_toggle button span:hover {
  opacity: 0.8;
}
.holiday_toggle button span.cls,
.holiday_toggle.open button span.opn {
  display: none;
}
.holiday_toggle.open button span.cls {
  display: block;
}
.holiday_toggle button span::after {
  content: "▼";
  position: absolute;
  top: 0;
  right: 0.7em;
  bottom: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  margin: auto 0;
  transform: scale(0.8,0.7);
}
.holiday_toggle button span.cls::after {
  content: "▲";
}

/*.holiday {
	width:740px;
	margin: 15px auto 5px;
	position:relative;
}
.holiday h2 {
	font-size: 17px;
	color:#000;
	padding:8px 0 5px 0.8em;
	font-weight: bold;
	border-bottom: 1px solid #988100;
}

.holiday2 {
	width:740px;
	margin: 0 auto;
	padding: 0 0 15px 0;
	position:relative;
}

.holiday2 h2 {
	font-size: 17px;
	color:#000;
	padding:8px 0 5px 0.8em;
	font-weight: bold;
	border-bottom: 1px solid #988100;
}

.holiday p,
.holiday2 p {
	padding: 10px 28px;
	font-size: 16px;
	line-height:1.4;
}
*/

/* 休暇のお知らせ  黄色*/
.holiday {
	width:760px;
	margin:15px auto 0;
	padding:0;
	border:1px solid #e6c300;
	background: #fff7cc;
	position:relative;
}
.holiday h2 {
	font-size: 17px;
	color:#000;
	height:40px;
	line-height:40px;
	background: url(../image/mrk_closing.png) no-repeat 15px center;
	padding-left:45px;
	font-weight: bold;
	border-bottom: 2px solid #e6c300;
	margin: 5px 0 0 0;
}
.holiday2 {
	width:760px;
	margin:20px auto 40px;
	padding:0;
	border:1px solid #fbb5cB;
	background: #fff2f7;
	position:relative;
}
.holiday2 h2 {
	font-size: 17px;
	color:#000;
	height:40px;
	line-height:40px;
	background: url(../image/mrk_closing_m.png) no-repeat 15px center;
	padding-left:45px;
	font-weight: bold;
	border-bottom: 2px solid #fbb5cB;
	margin: 5px 0 0 0;
}
.holiday p,
.holiday2 p {
	padding:15px 30px 20px 30px;
	font-size: 16px;
	line-height:1.8;
}
.holiday .info_for_resident{
	width:200px;
	position:absolute;
	top:6px;
	right:5px;
}



.holiday .info_for_resident{
	margin:auto;
	width:420px;
}

.holiday2 .info_for_resident{
	margin:auto;
	width:420px;
}

.sat {
	color: #014896;
}

.sun {
	color: red;
}


/*夏季休業のお知らせタイトル*/

.holiday＿title{
	text-align:center;
}

.holiday＿title h2 {
	font-size: 20px;
	font-weight: bold;
	color:#274A7B;
}


.head-border {
position: relative;
display: inline-block;
padding: 0 280px;
}
.head-border:before,
.head-border:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 250px;
height: 1px;
background-color:#274A7B;
}
.head-border:before {
left:0;
}
.head-border:after {
right:0;
}

.p_center{
text-align: center;
}





/*-----------------------------------------
 被災者の皆様へお知らせ　20180910　森（康）
------------------------------------------*/
/*---3列の時---*/
/*.mod_msg_info .cont li:nth-child(1), .mod_msg_info .cont li:nth-child(2), .mod_msg_info .cont li:nth-child(5) {
	border-bottom: 1px #bfab8a dashed;
}*/

.mod_msg_info .cont {
    margin: 25px auto 0;
    display: flex;
    display: -webkit-flex;
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    justify-content: center;
    -webkit-justify-content: center;
    height: 92px;
    width: 900px;
}
.mod_msg_info .cont li:nth-last-child(n+2) {
	border-bottom: 1px #bfab8a dashed;
}
.mod_msg_info .cont li.center {
    width: 310px;
    padding: 17px 10px;
    margin-right: 0;
    border-left: 1px solid #dacbb2;
    border-right: 1px solid #dacbb2;
}


/*-----------------------------------------
 被災者の皆様へお知らせ（2列）　　森（康）
------------------------------------------*/

.mod_msg_info .cont li:nth-child(1) {
	border-right: 1px solid #dacbb2;
}

.mod_msg_info .cont li:nth-child(2) {
	border-right: 1px solid #dacbb2;
}

.mod_msg_info .cont li:nth-child(3) {
	border-right: 1px solid #dacbb2;
}

.mod_msg_info .cont li:nth-child(4) {
	border-right: 1px solid #dacbb2;
}

.mod_msg_info .cont li:nth-child(5) {
	border-right: 1px solid #dacbb2;
  border-bottom: none;
}

.mod_msg_info .cont li:nth-child(6),
.mod_msg_info .cont li:nth-child(7),
.mod_msg_info .cont li:nth-child(8) {
  margin-right: 12px;
}
.bnr02{
	display: flex;
	width:712px;
	margin:15px auto 30px;
}
.bnr02 figure{
	width:343px;
	margin: 0 5px 0 8px;
}
.bnr02 figcaption{
	margin-top:5px;
	font-size:.9rem;
	line-height:1.5;
}
section.mod_msg_info {
	width: 604px;
	margin: 60px auto 30px;
	position: relative;
}

.mod_msg_info .outline {
	border: solid 2px #fff;
	outline: solid 2px #d9ccb7;
	background: #f8f3eb;
	min-height: 212px;
}

/* リスト　flexアイテム */

.mod_msg_info .cont li {
	padding: 6px 0;
	text-align: left;
	width: 281px;
	margin: 0 0 0 12px;
}

.mod_msg_info .cont {
    margin: 25px auto 0;
    display: flex;
    display: -webkit-flex;
    flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    justify-content: center;
    -webkit-justify-content: center;
    height: 190px;
    width: 600px;
}

/*------------------------------------------------------------
 全体改修 190822
-------------------------------------------------------------*/

/* 求人・採用情報 バナー */
.recruit_area_2020 {
  background: url(/image/bg-home-recruit01.jpg) no-repeat;
  box-sizing: border-box;
  height: 315px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 17px;
  width: 780px;
}
.recruit_area_2020 .title {
  margin-left: 15px;
  width: 684px;
}
.recruit_area_2020 .recruit_btn {
  margin: 19px 0 0 20px;
}
.recruit_area_2020 .recruit_btn figure {
  background-color: #fff;
  width: 245px;
}
.recruit_area_2020 .recruit_btn figure:nth-of-type(n+2) {
  margin-top: 10px;
}
.recruit_area_2020 figure a {
  display: block;
}

.recruit_area_2021 {
  position: relative;
  width: 782px;
  height: 232px;
  /*height: 318px;*/
  padding: 18px 467px 0 0;
  margin: 30px auto 0;
  background: url(/image/bg-home-recruit2021.jpg) 0 0 / 100% auto no-repeat;
  /* background: url(/image/bg-home-recruit2021-chuto.jpg) 0 0 / 100% auto no-repeat; */
  box-sizing: border-box;
  color: #fff;
}
.recruit_area_2021 h2 {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 0.6em;
}
.recruit_area_2021 p {
  margin: 0 2em 0.6em;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}
.recruit_area_2021 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 275px;
  margin: 0 auto;
}
.recruit_area_2021 ul li {
  margin: 0 0 8px;
  text-align: center;
}
.recruit_area_2021 ul li:nth-child(2),
.recruit_area_2021 ul li:nth-child(3) {
  flex-basis: 50%;
}
.recruit_area_2021 ul li a {
  position: relative;
  display: block;
}
.recruit_area_2021 ul li a:hover {
  opacity: 1;
}
.recruit_area_2021 ul li a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 2px;
  right: 2px;
  bottom: 3px;
  display: block;
  background: #fff;
  opacity: 0;
}
.recruit_area_2021 ul li:nth-child(2) a::after,
.recruit_area_2021 ul li:nth-child(3) a::after {
  top: 1px;
  bottom: 5px;
  left: 4px;
  right: 4px;
  border-radius: 16px;
}
.recruit_area_2021 ul li a:hover::after {
  opacity: 0.25;
}
.recruit_area_2021 strong {
  position: absolute;
  top: 46px;
  left: 356px;
  display: block;
  width: 6em;
  font-size: 22.5px;
  color: #fff;
  text-align: center;
  line-height: 1.4;
}


/* 建築商品のご紹介 */
#kenchiku_box .mod_bannerlist .lst_box {
  margin: 0 auto;
  overflow: visible;
  padding: 0 0 55px;
  position: relative;
  width: 780px;
}
#kenchiku_box .mod_bannerlist.appartbox .lnk a {
  height: auto;
}
#kenchiku_box .mod_bannerlist.appartbox .lnk a img {
  border: 1px solid #cececd;
}
#kenchiku_box .mod_bannerlist.appartbox .slick-arrow {
  top: 73px;
}
#kenchiku_box .mod_bannerlist .btn_carousel,
#kenchiku_box .mod_bannerlist .btn_toggle {
  cursor: pointer;
}

/* 東建の高耐震技術 */
#taishin_box .lst_box.no_border {
  border: none;
}

/* 賃貸物件検索 賃貸マンション・賃貸アパート */
.chintai {
  background-color: #F8E3E9;
  background-image: url(/image/bg_homemate_bg.png);
  background-repeat: no-repeat;
  margin: 10px auto 0;
  padding: 20px 0 30px;
  width: 878px;
}
.chintai .news_ttl {
  height: 48px;
}
.chintai .news_ttl h3 {
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: .2em;
  line-height: 28px;
  padding: 8px 0 5px 200px;
}
.chintai .news_ttl h3 span {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  padding-left: 20px;
}
.chintai .news_ttl h3:before {
  content: "";
  background-image: url(/image/ttl_homemate_bg.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  display: inline-block;
  height: 29px;
  padding-right: 20px;
  vertical-align: top;
  width: 137px;
}
.chintai .news_ttl02 h4 {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 10px 10px 210px;
}
.hmbnr_2clm figure figcaption {
  font-size: 15px;
  line-height: 1.33;
  margin-top: 5px;
}

/* 東建コーポレーション イメージキャラクター */
.character_bnr {
  margin: 0 auto;
  width: 619px;
}
.character_bnr figcaption {
  margin: 5px 10px 0;
  font-size: .95rem;
  line-height: 1.5;
}

/* トピックス */
#topics_bnr h2 {
  width: 780px;
  height: 51px;
  margin: 0 auto 30px;
  padding: 11px 0 0 60px;
  background: url(/image/bg_ttl_topics.png) 0 0 / 100% auto no-repeat;
  font-size: 21px;
  font-weight: 600;
  box-sizing: border-box;
}
#topics_bnr .mod_officialbnr .lnk {
  margin: 0 9px 15px;
  width: 300px;
}
#topics_bnr .mod_officialbnr .lnk img {
  width: 100%;
}
#topics_bnr .mod_officialbnr .lnk figcaption {
  font-size: .95rem;
  margin-top: 10px;
}

/* 10の公式姉妹サイトのご紹介 */
#sistar_site {
  margin: 0 auto 45px;
}
#sistar_site h2 {
  width: 780px;
  height: 57px;
  padding: 9px 0 0;
  margin: 0 auto 20px;
  background: url(/image/bg_ttl_10sistar_site.png) 0 0 / 100% auto no-repeat;
  text-align: center;
  color: #fff;
  font-size: 22.5px;
  font-weight: 600;
  letter-spacing: 0.05em;
  box-sizing: border-box;
}
#sistar_site ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #fef8ed;
  width: 780px;
  padding: 10px 0 2px;
  margin: 0 auto 8px;
}
#sistar_site ul li {
  margin: 0 4px 8px;
}
#sistar_site ul li a {
}
#sistar_site ul li a img {
  width: 248px;
  height: auto;
}
#sistar_site .btn_carousel {
  display: block;
  width: 241px;
  margin: 0 120px 0 auto;
}
#group_sns {
  margin: 0 auto 30px;
}
#group_sns h2 {
  width: 780px;
  height: 48px;
  padding: 12px 0 0;
  margin: 0 auto 20px;
  background: url(/image/bg_ttl_group_sns.png) 0 0 / 100% auto no-repeat;
  text-align: center;
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: 0.12em;
  box-sizing: border-box;
}

/*------------------------------------------------------------
 テレビCMギャラリー
-------------------------------------------------------------*/
.cm_photo{
width: 630px;
margin: 0 auto;
}

.cm_photo img{
	padding:15px 5px 10px 0;
}

/*------------------------------------------------------------
 建築商品のご紹介 カルーセル展開時の修正 190906
-------------------------------------------------------------*/

#kenchiku_box .mod_bannerlist .lst {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 15px;
  width: 780px;
}
#kenchiku_box .mod_bannerlist .lnk {
  margin: 0 0 0 15px;
}
#kenchiku_box .mod_bannerlist .lnk.slick-slide:nth-of-type(3n+1) {
  margin-left: 15px;
}
#kenchiku_box .mod_bannerlist .lnk:nth-of-type(3n+1) {
  margin-left: 0;
}
#kenchiku_box .mod_bannerlist .lnk:nth-of-type(n+4) {
  margin-top: 15px;
}

.link_free_bnr {
  display: block;
  width: 608px;
  margin: 0 auto 25px;
}

.official_bnr_box{
width: 680px;
margin: 0 auto;
padding: 30px 0 0 40px;
}

.official_bnr{
float: left;
width: 300px;
margin:0 40px 0 0px;
}

.official_bnr figcaption {
  margin: 8px 0 0 0; 
  font-size:15px;
}

/* ---------------------------------------------------
　年頭所感 191226
---------------------------------------------------- */
#impression_area {
  margin:0 auto 2rem;
  width:620px;
}
#impression_area a {
  display:inline-block;
}

/* ======================================
bnr_box 200219
====================================== */
.bnr_box {
  text-align:center;
  margin:30px auto 0;
}
.bnr_box a {
  display:inline-block;
}
.bnr_caption {
  color:#000;
  font-size: 15px;
  line-height: 1.33;
  margin-top: 5px;
}

/* ---------------------------------------------------
　災害対応 200225
---------------------------------------------------- */
.response_area {
  background: #F5F4E2;
  border: solid 2px #d9ccb7;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  display:block;
  padding: 20px;
  margin:0 auto 20px;
  width:780px;
  position:relative;
}
.response_area.notice{
  background: #fff9dd;
  border: solid 2px #d9ccb7;
  padding: 20px;
}
.txt_notice {
  margin: 20px 25px 10px 0;
  text-align:right;
  line-height:1.5em;
  font-size:15px;
}
.txt_notice02 {
  margin: 0 25px 28px 0;
  text-align:right;
  line-height:1.5em;
  font-size:15px;
}
.txt_notice03 {
  margin: 20px 25px 0 0;
  text-align:right;
  line-height:1.5em;
  font-size:15px;
}

.ttl_response {
  border-bottom: solid 2px #318131;
  color: #000;
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
  padding-bottom:5px;
  text-align:center;
}
.ttl_span {
  display:block;
  font-size:18px;
  font-weight:600;
  padding-top:3px;
}
.ttl_response.notice {
  font-size: 20px;
  border-bottom: solid 2px #318131;
  padding-bottom: 5px;
}

/* アコーディオン用の矢印ここから */
.ttl_response.ac{
  position: relative;
}
.ttl_response.ac::after,
.ttl_response.ac::before {
  display: block;
  content: '';
  position: absolute;
}
.ttl_response.ac::after {
  top: .7em;
  right: .4em;
  width: 1.1em;
  height: 1.1em;
  background-color: #318131;
  border-radius: 100%;
}
.ttl_response.ac::before {
  z-index: 2;
  top: .9em;
  right: .65em;
  width: .4em;
  height: .4em;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ttl_response.ac.on::before {
  top: 1.1em;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/* iPad調整 */
_:lang(x)+_:-webkit-full-screen-document, .ttl_response.ac::before{
 right: .7em;
}
/* アコーディオン用の矢印ここまで */

.ttl_response_caption {
  color: #318131;
  font-weight: bold;
}
.response_inner {
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin: 20px auto 0;
  width:690px;
}
.response_inner > p {
  font-size:16px;
  line-height: 1.7;
  cursor:text;
}
.response_inner > p + p{
  margin: 15px auto 0;
}
.ttl_response_bar {
  background: #318131;
  color:#fff;
  padding: 3px 3px 3px 12px;
}
.response_bar_dt {
  font-size:16px;
  margin:15px 0 3px 10px;
}
.response_bar_dd {
  font-size:16px;
  margin:0 0 3px 26px;
}

.response_bar_dt.notice {
  margin:15px 0 3px 0;
}
.response_bar_dd.notice {
  margin:0 0 3px 16px;
}

.response_box {
  margin:1em auto 1em -0.5em;
  line-height: 1.5;
}
.response_box dt {
  color: #235c23;
  font-weight:bold;
}
.response_box dd {
  font-size:16px;
  margin-top:.25em;
  padding-left:1.3em;
}
.response_box dd.response_list {
  position: relative;
  padding-left:2.3em;
}
.response_box dd.response_list::after {
  display: block;
  content: '';
  position: absolute;
  top: .6em;
  left: 1.5em;
  width: 6px;
  height: 6px;
  background-color: #318131;
  border-radius: 100%;
}
.response_box li {
  font-size:16px;
  position: relative;
  padding-left:1.1em;
  margin-top:.25em;
}
.response_box li::after {
  display: block;
  content: '';
  position: absolute;
  top: .7em;
  left: .3em;
  width: 4px;
  height: 4px;
  background-color: #318131;
  border-radius: 100%;
}
@media all and (-ms-high-contrast: none) {
  /* IEのみ適用 */
  .response_box dd::after {
    top: .5em;
  }
  .response_box li::after {
    top: .55em;
  }
}

/* ---------------------------------------------------
　新型コロナウイルス感染症予防対策の取り組み 200619
---------------------------------------------------- */
.about_covid19_area {
  border: 2px solid #a1d9bd;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  display:block;
  margin:0 auto 20px;
  width:780px;
}
.ttl_about_covid19 {
  background-color: #3c9468;
  border-bottom: 1px solid #a1d9bd;
  color: #fff;
  font-size:20px;
  font-weight: 600;
  letter-spacing: .05em;
  padding:10px 0;
  text-align:center;
}
.box_about_covid19 {
  margin: 16px 20px;
}
.txt_about_covid19 {
  line-height:1.5;
}
.btn_about_covid19 {
  text-align:center;
  margin-top:12px;
}
.btn_about_covid19 a{
  border-width: 1px;
  border-style: solid;
  box-shadow: 0 2px 4px rgba(100, 100, 100, .2), 1px 2px 2px rgba(0, 0, 0, .2);
  color: #fff !important;
  display:inline-block;
  padding:.6rem 2.5rem .6rem 2rem;
  position:relative;
  letter-spacing: .05em;
  line-height: 1.2;
  margin:auto;
  background-color: #407e4f;
  background-image: -webkit-linear-gradient(top, #3c9468, #3a7348);
  background-image: linear-gradient(to bottom, #3c9468, #3a7348);
  border-color: #3a7348;
  text-shadow: 0px 1px 0px #2f5c3a;
}
.btn_about_covid19 a:before {
  content:"";
  border: 1px solid #fff;
  top: 0;
  left: 0;
  position: absolute;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}
.btn_about_covid19 a::after {
  z-index: 2;
  position: absolute;
  top: 1.15em;
  right: .425em;
  content: '';
  margin-top: -.325em;
  border: .4em solid transparent;
  border-top-width: .325em;
  border-bottom-width: .325em;
  border-left-color: #fff;
}
/* IE11 余白調整 */
_:lang(x)::-ms-backdrop, .btn_about_covid19 a {
  padding:.7rem 2.5rem .5rem 2rem;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safariのみ太字 */
    _::-webkit-full-page-media, _:future, :root .btn_about_covid19 a {
      font-weight: bold;
    }
    /* Safariのみ位置調整 */
    _::-webkit-full-page-media, _:future, :root .btn_about_covid19 a::after {
      top: 20px;
    }
}


.ls01{
	letter-spacing: -0.03em;
}

.ls02{
	letter-spacing: -0.05em;
}


#important_info {
    border: 2px solid #0F3E84;
    margin: 1em auto 2em;
    color: #000;
    width: 480px;

	}
	#important_info p{
	  font-size: 110%;
  text-align: center;
    margin: 18px auto;

	}

.new_year {
  width: 620px;
  margin: 10px auto 45px;
}