@charset "UTF-8";
/***********************************************
TGC CSS information
File Name : base.css
Style Info : ライン不動産／トップ用指定
Last modified : :2019
***********************************************/

 /*=== スライドのアニメーション ========================= */
 /** @mediaの中にある@keyframes slideAnimは削除しました **/
@keyframes slideAnime{
   0% { opacity: 0 }
   6% { opacity: 1 }
  25% { opacity: 1 }
  31% { opacity: 0 }
 100% { opacity: 0 }
}



*{
	margin:0;
	padding:0px;
	}

@media print, screen and (min-width: 770px){
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }



#index_main {
	margin:0;
	padding:0;
	width:1000px; 
	height:295px;
	text-align:left;
	float:left;
background-color:#ff0000;
       background: url(../images/mainback.jpg) no-repeat left center;

}

#index_main .left{
	margin:0;
	padding:0;
	width:480px; 
	text-align:left;
	float:left;
}
#index_main .left img{
	margin:70px 0 0 30px;
	padding:0;
	width:400px; 
}


#index_main .right{
	margin:0;
	padding:15px 0 0 0;
	text-align:left;
	float:left;
}
#index_main .right img{
	margin:0;
	padding:0;
	width:480px; 
}

 /*=== 画像の表示エリア ================================= */
.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 480px;
  height     : 280px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
       background: url(../images/image1.jpg) no-repeat left center;
background-size:contain;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 20s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 4s }
.slide img:nth-of-type(3) { animation-delay: 8s }
.slide img:nth-of-type(4) { animation-delay: 12s }
 
#index_set{
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
	float:left;
}



#index_set .index_news {
	margin:0 40px 0 0;
	padding:0;
	width:360px;
	float:left;
}

#index_set .index_news hr{
	margin:10px 0 0 0;
	padding:0;
	width:360px;
	float:left;
height: 1px;
background-color: #939393;
border: none;
color: #939393;

}



.index_news .title {
	margin:0;
	padding:0;
	width:285px;
	height:25px;
	float:left;
	text-align:left;
       background: url(../images/line.png) repeat-x left;
background-position: 100px center; 

}

.index_news .title img{
	margin:0;
	padding:0;
	width:100px;
}


.index_news .title2 {
	margin:0;
	padding:0;
	width:75px;
	height:25px;
	float:left;
	text-align:right;
       background: url(../images/line.png) repeat-x left;
background-position: center; 

}

.index_news .title2 img{
	margin:0;
	padding:0 0 0 5px;
	width:70px;

}

.index_news .aicon {
	margin:10px 0 0 0;
	padding:0;
	width:40px;
	float:left;
}
.index_news .aicon img{
	margin:0;
	padding:0;
	width:35px;
}

.index_news .copy {
	margin:10px 0 0 0;
	padding:0;
	width:320px;
	float:left;
	text-align:left;
	font-size:12px;
	line-height:1.2em;
}

.index_news .copy img{
	margin:0 5px 0 0;
	padding:0;
	width:25px;
}



#index_set .index_fb {
	margin:20px 0 0 0;
	padding:0;
	width:360px;
	float:left;
}


#index_set .index_bukken {
	margin:0 0 0 0;
	padding:0;
	width:600px;
	float:left;
}


.index_bukken .title {
	margin:0;
	padding:0;
	width:600px;
	height:25px;
	float:left;
	text-align:left;
       background: url(../images/line.png) repeat-x left;
background-position: 80px center; 

}

.index_bukken .title img{
	margin:0;
	padding:0;
	width:80px;
}

.index_bukken .link {
	margin:5px 8px 0 0;
	width:190px;
	font-size: 18px;
	line-height:1.2em;
	color: #00703a;
	padding: 15px 0px;
	text-align:center;
	float:left;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 60%,
		#d1d1d1);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.25, #ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.75, #ffffff),
		to(#d1d1d1));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,0);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,0);

}

.index_bukken .link a:link {
	color:#0D7028;
	text-decoration: none;
	}


.index_bukken .link:hover {
	margin:5px 8px 0 0;
	width:190px;
	text-align:center;
 border:1px solid #CCCCCC;
 background-color: #B5C1C9; background-image: -webkit-gradient(linear, left top, left bottom, from(#B5C1C9), to(#FFFFFF));
color: #e85200;
 background-image: -webkit-linear-gradient(top, #B5C1C9, #FFFFFF);
 background-image: -moz-linear-gradient(top, #B5C1C9, #FFFFFF);
 background-image: -ms-linear-gradient(top, #B5C1C9, #FFFFFF);
 background-image: -o-linear-gradient(top, #B5C1C9, #FFFFFF);
 background-image: linear-gradient(to bottom, #B5C1C9, #FFFFFF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#B5C1C9, endColorstr=#FFFFFF);
	float:left;
	line-height:1.2em;
	}

.index_bukken .link a:hover {
	color:#98590f;
	text-decoration: none;
	}
.index_bukken .link a:visited {
	color:#0D7028;
	text-decoration: none;
	}


#index_set .index_osusume {
	margin:40px 0 0 0;
	padding:0;
	width:600px;
	float:left;
}



.index_osusume .title {
	margin:0;
	padding:0;
	width:600px;
	height:25px;
	float:left;
	text-align:left;
       background: url(../images/line.png) repeat-x left;
background-position: 120px center; 

}

.index_osusume .title img{
	margin:0;
	padding:0;
	width:120px;
}


.index_osusume .pht{
	margin:10px 10px 0 0;
	padding:0;
	width:130px;
	float:left;
clear:left;
}

.index_osusume .pht img{
	margin:0;
	padding:0;
	width:120px;
}

.index_osusume .aicon{
	margin:10px 0 0 0;
	padding:0;
	width:460px;
	float:left;
}

.index_osusume .aicon img{
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	float:left;
}

.index_osusume .copy{
	margin:5px 0 0 0;
	padding:0;
	width:460px;
	float:left;
	font-size: 18px;
	line-height:1.2em;
}

.index_osusume .copy .s-copy{
	margin:5px 0 0 0;
	float:left;
	font-size: 12px;
	line-height:1.2em;
}

}



@media only screen and (max-width: 770px) {

/* スマホで見たときは"sp"のclassがついた画像が表示される */

.sp { display: block !important; }
.pc { display: none !important; }

img {
  max-width: 100%;
  height: atuo;
}

.box_skitter_large a img {
      cursor: default;
    }


#index_main {
	margin:0;
	padding:0;
	width:100%; 
	text-align:left;
}

#index_main .left{
	margin:0;
	padding:0;
	width:100%; 
	text-align:left;
background-color:#ff0000;
       background: url(../images/mainback.jpg) no-repeat left bottom 40%;
}
#index_main .left img{
	margin:10px 0 20px 10px;
	padding:0;
	width:80%; 
}


#index_main .right{
	margin:0;
	padding:0;
	width:100%; 
	text-align:center;
  position   : relative;
margin: auto;
padding-bottom: 60%;

}

#index_main .right img{
	margin:0;
	padding:0;
}

 /*=== 画像の表示エリア ================================= */
.slide {
                    /* 画像のサイズに合わせて変更ください */
	width:100%; 
  height     : auto;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #000000;
       background: url(../images/mainback.jpg) no-repeat left bottom 40%;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  height     : auto;
  opacity    : 0;
  animation  : slideAnime 16s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 4s }
.slide img:nth-of-type(3) { animation-delay: 8s }
.slide img:nth-of-type(4) { animation-delay: 12s }
 

#index_set{
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
}



#index_set .index_news {
	margin:0 40px 0 0;
	padding:0;
	width:100%;

}

#index_set .index_news hr{
	margin:5px 0 0 0;
	padding:0;
	width:100%;
height: 1px;
background-color: #939393;
border: none;
color: #939393;

}



.index_news .title {
	margin:0 0 0 2%;
	padding:0;
	width:98%;
	text-align:left;
       background: url(../images/line.png) repeat-x left;
background-position:150px  center; 

}

.index_news .title img{
	margin:0 0 0 0;
	padding:0;
	width:150px;
}


.index_news .title2 {
	margin:0;
	padding:0;
	width:100%;
	text-align:right;
}

.index_news .title2 img{
	margin:0 5px 0 0;
	padding:0;
	width:100px;
}

.index_news .aicon {
	margin:5px 5px 10px 0;
	padding:0;
	width:10%;
	float:left;
}
.index_news .aicon img{
	margin:0;
	padding:0;
	width:100%;
}

.index_news .copy {
	margin:10px 0 0 0;
	padding:0;
	width:100%;
	text-align:left;
	font-size:0.8em;
	line-height:1.2em;
}

.index_news .copy img{
	margin:0 5px 0 0;
	padding:0;
	width:30px;
}


#index_set .index_bukken {
	margin:20px 0 0 0;
	padding:0;
	width:100%;
display: flex;
flex-wrap: wrap;
}


.index_bukken .title {
	margin:0;
	padding:0;
	width:100%;
	text-align:left;
       background: url(../images/line.png) repeat-x left;
background-position: 100px center; 

}

.index_bukken .title img{
	margin:0;
	padding:0;
	width:100px;
}

.index_bukken .link {
	margin:5px 0 0 5px;
	width:47%;
	font-size: 1.2em;
	line-height:1.2em;
	color: #00703a;
	padding: 15px 0px;
	text-align:center;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 60%,
		#d1d1d1);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.25, #ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.75, #ffffff),
		to(#d1d1d1));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,0);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,0);

}

.index_bukken .link a:link {
	color:#0D7028;
	text-decoration: none;
	}


.index_bukken .link:hover {
	margin:5px 0 0 5px;
	width:47%;
	text-align:center;
 border:1px solid #CCCCCC;
 background-color: #B5C1C9; background-image: -webkit-gradient(linear, left top, left bottom, from(#B5C1C9), to(#FFFFFF));
color: #e85200;
 background-image: -webkit-linear-gradient(top, #B5C1C9, #FFFFFF);
 background-image: -moz-linear-gradient(top, #B5C1C9, #FFFFFF);
 background-image: -ms-linear-gradient(top, #B5C1C9, #FFFFFF);
 background-image: -o-linear-gradient(top, #B5C1C9, #FFFFFF);
 background-image: linear-gradient(to bottom, #B5C1C9, #FFFFFF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#B5C1C9, endColorstr=#FFFFFF);

	line-height:1.2em;
	}

.index_bukken .link a:hover {
	color:#98590f;
	text-decoration: none;
	}
.index_bukken .link a:visited {
	color:#0D7028;
	text-decoration: none;
	}



#index_set .index_osusume {
	margin:30px 0 0 0;
	padding:0;
	width:100%;
display: flex;
flex-wrap: wrap;
}



.index_osusume .title {
	margin:0;
	padding:0;
	width:100%;
	text-align:left;
       background: url(../images/line.png) repeat-x left;
background-position: 110px center; 

}

.index_osusume .title img{
	margin:0;
	padding:0;
	width:110px;
}


.index_osusume .pht{
	margin:10px 10px 0 0;
	padding:0;
	width:30%;

}

.index_osusume .pht img{
	margin:0 0 0 3px;
	padding:0;
}

.index_osusume .aicon{
	margin:10px 0 0 0;
	padding:0;
	width:67%;
display: flex;
flex-wrap: wrap;
}

.index_osusume .aicon img{
	margin:0 5px 0 0;
	padding:0;
	height:20px;
}

.index_osusume .copy{
	margin:5px 0 0 0;
	padding:0;
	width:100%;
	font-size: 1em;
	line-height:1.2em;
}

.index_osusume .copy .s-copy{
	margin:5px 0 0 0;
	font-size: 0.7em;
	line-height:1.2em;
}

#iindex_fb {
	margin:20px 0 0 0;
	padding: 0;
	width:100%;
	text-align:center;
}



}