/* -----------------------------------------------
アイホーム株式会社様
2018/11/14 move48 oosugi
----------------------------------------------- */
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	transition: 0.5s;
}
a img:hover{
	opacity: 0.8;
	transition: 0.5s;
}
.container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

img{
	max-width: 100%;
	/*height: auto;*/
}
.pc{
	display: none;
}
.sp{
	display: block;
}
/* -----------------------------------------------
----------------------------------------------- */
header{
	margin-top: 15px;
}
header .headrow{
	overflow: hidden;
}
header .headrow .head-l,
header .headrow .head-c,
header .headrow .head-r{
	float: left;
	/*overflow: hidden;*/
}
header .headrow .head-l{
	width: 30%;
}
header .headrow .head-c{
	width: 50%;
}
header .headrow .head-r{
	width: 20%;
}
header h1 a{
	display: inline-block;
}
header .headrow .head-l a img,
header .headrow .head-c a img,
header .headrow .head-r a img{
	width: 75%;
}
header .headrow .head-l a img{
	padding-left: 5px;
}
header .headrow .head-r a img{
	padding-right: 5px;
}
header .headrow .head-c img{
	
	/*width: 50%;*/
}
header .headrow .head-r{
	text-align: right;
}
header .headrow .head-r small{
	font-size: 7px;
	display: none;
	margin-top: 8px;
	margin-bottom: 5px;
}
header .headrow .head-r > a{
	line-height: 0;
	font-size: 0;
}
header .headrow .head-r ul{
	overflow: hidden;
	display: inline-block;
	list-style-type: none;
	width: auto;
}
header .headrow .head-r ul li{
	float: rightt;
	border-left: solid 1px #666666;
	display: inline-block;
}
header .headrow .head-r ul li:last-child{
	border-right: solid 1px #666666;
}
header .headrow .head-r ul li a{
	color: #595757;
	display: block;
	height: 32px;
	line-height: 32px;
	text-align: center;
	width: 100px;
	font-size: 10px;
	font-weight: bold;
}

/* -----------------------------------------------
----------------------------------------------- */

#toppage .slick-prev{left: 5%;z-index: 1;}
#toppage .slick-next{right: 5%;z-index: 1;}
#toppage .sld{
	/*height: auto;*/
}
	
#toppage .desc-blk{
	text-align: center;
}
#toppage .desc-blk img.fst{
	margin-top: 10px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#toppage .desc-blk img.snd{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	
}

#toppage .desc-blk img.desclast{
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
}

#toppage .banner-blk .bnblk1{
	margin-top: 18px;
	margin-bottom: 18px;
}

#toppage .banner-blk .bnblk1,
#toppage .banner-blk .bnblk2{
	text-align: center;
}
#toppage .banner-blk img{
	width: 44%;
}
#toppage .banner-blk a:nth-child(odd){
	margin-left: 5%;
}
#toppage .banner-blk a:nth-child(even){
	margin-right: 5%;
}
#toppage .banner-blk{
	margin-top: 10px;
}

/* -----------------------------------------------
----------------------------------------------- */

#concept .accessblk{
	overflow: hidden;
}
#concept .mainvisual h1.sp{
	text-align: center;
}
#concept .accessblk > img.sp{
	margin: 27px auto 24px;
	display: block;
	width: 90%;
}
#concept .accessblk .access-l{
	/*float: left*/
}
#concept .accessblk .access-l img{
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	display: block;
	margin-bottom: 20px;
}
#concept .accessblk .access-r{
	float: right;
}

#concept .accessblk .access-r .imgblk{
	overflow: hidden;
}
#concept .accessblk .access-r .imgblk{
	width: 97%;
	margin-left: auto;
	margin-right: auto;
}
#concept .accessblk .access-r .imgblk .imgblk-l{
	float: left;
	width: 57%;
}
#concept .accessblk .access-r .imgblk .imgblk-r{
	float: right;
	margin-left: 8px;
	width: 39%;
}
#concept .accessblk .access-r .lifelocation{
	overflow: hidden;
}
#concept .accessblk .access-r .lifelocation .lifelocation-l{
	margin-left: auto;
	margin-right: auto;
	width: 85%;
}
#concept .accessblk .access-r .lifelocation .lifelocation-r{
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	margin-top: 20px;
}
#concept .accessblk .access-r .lifelocation h2{
	background-color: #006934;
	width: 100%;
	height: 22.143px;
	color: #ffffff;
	padding-left: 5.4px;
	font-size: 13.5px;
	padding-top: 2.3px;
	padding-bottom: 6.3px;
	margin-bottom: 15.4px;
}
#concept div.lifelocation-l > h2:nth-of-type(2){
	margin-top: 13.6px;
}
#concept .accessblk .access-r .lifelocation img{
	clear: both;
	display: block;
	margin: 0 auto 6px;
}
#concept .accessblk .access-r .lifelocation .lifelocation-l p,
#concept .accessblk .access-r .lifelocation .lifelocation-r p{
	font-size: 12.55px;
	line-height: 19.35px;
	color: #231815;
	text-align: justify;
}
#concept .accessblk .access-r .lifelocation .lifelocation-r p.attention{
	font-size: 9.68px;
	line-height: 14.68px;
	color: #231815;
	margin-top: 31px;
	text-align: justify;
}

#concept .kukakublk{
	overflow: hidden;
	margin-top: 40px;
}
#concept .kukakublk .kukaku-l{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#concept .kukakublk .kukaku-r{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


#concept .descblk{
	overflow: hidden;
	margin-top: 26px;
}
#concept .descblk dl{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#concept .descblk dl dt{
	font-size: 12.42px;
	color: #231815;
	font-weight: bold;
}
#concept .descblk dl dd{
	font-size: 9px;
	line-height: 15px;
	color: #231815;
	font-weight: bold;
	
}

#concept .descblk > p{
	font-weight: bold;
	margin-top: 14px;
	padding-left: 7.25px;
	padding-right: 7.25px;
	font-size: 9px;
	line-height: 15px;
	color: #231815;
	text-align: justify;
}
#concept .descblk > p span.orange{
	color: #e60012;
}

#concept .kanbai img{
	margin:0 auto;
	width:100%;
}

/* -----------------------------------------------
----------------------------------------------- */
#contact h1{
	background-color: #006934;
	width: 100%;
	height: auto;
	color: #ffffff;
	text-align: center;
	font-size: 20.87px;
	padding-top: 8px;
	margin-bottom: 26.24px;
}
#contact .inner{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#contact table{
	box-sizing: border-box;
	border-collapse: collapse;
	margin-bottom: 23.16px;
	max-width: 100%;
}
#contact table tr th,
#contact table tr td{
	border: solid 1px #191310;
	display: block;
}
#contact table tr th{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	font-size: 18.87px;
	color: #040000;
	text-align: left;
	vertical-align: middle;
	padding: 20.67px 19.62px;
	background-color: #eeeeee;
}
#contact table tr td{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 20.67px 19.62px;
}
#contact table tr td input[type="text"]{
	border: solid 1px #4a565c;
	box-shadow: 2px 2px 3.41px rgba(4,0,0,0.3) inset, -2px -2px 3.41px rgba(4,0,0,0.3) inset;
	width: 80%;
	height: 33.1px;
	padding: 5px;
	margin: 5px 10px;
}
#contact table tr td label{
	padding-left: 20px;
	display: inline-block;
	padding-bottom: 20px;
}
#contact table tr td label:first-child{
	padding-left: 0;
}
#contact table tr td input.ws{
	width: 151.4px;
}
#contact table tr td input.wm{
	width: 222.4px;
}
#contact span.atten{
	color: #ab1f24;
}
#contact div.sonota{
	display: inline-block;
}
#contact h3{
	font-size: 17.97px;
	margin-bottom: 13.67px;
}
#contact p.policy{
	font-size: 11px;
	margin-bottom: 26.5px;
}
#contact p.confirm{
	font-size: 17.97px;
	text-align: center;
	padding-bottom: 22.46px;
}
#contact img.resetbtn{
	margin-left: 13.74px;
}
#contact img.resetbtn:hover{
	cursor: pointer;
}
#contact center{
	/*display: flex;
	align-items: center;
	justify-content: center;*/
}
#contact center img{
	display: block;
}
#contact textarea{
	border: solid 1px #4a565c;
	box-shadow: 2px 2px 3.41px rgba(4,0,0,0.3) inset, -2px -2px 3.41px rgba(4,0,0,0.3) inset;
	width: 100%;
	height: 5em;
	padding: 5px;
	margin: 5px 10px;
}

#contact input[type="button"],
#contact input[type="submit"]{
	width: 241px;
	height: 46px;
	font-size: 24px !important;
    line-height: 24px;
	border:0px solid #bfb309; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
	background-color: #F4E40C; background-image: -webkit-gradient(linear, left top, left bottom, from(#F4E40C), to(#538D35));
	background-image: -webkit-linear-gradient(top, #F4E40C, #538D35);
	background-image: -moz-linear-gradient(top, #F4E40C, #538D35);
	background-image: -ms-linear-gradient(top, #F4E40C, #538D35);
	background-image: -o-linear-gradient(top, #F4E40C, #538D35);
	background-image: linear-gradient(to bottom, #F4E40C, #538D35);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F4E40C, endColorstr=#538D35);
}
#contact input[type="button"]:hover,
#contact input[type="submit"]:hover{
	border:0px solid #938a07;
	background-color: #c4b709; background-image: -webkit-gradient(linear, left top, left bottom, from(#c4b709), to(#3d6827));
	background-image: -webkit-linear-gradient(top, #c4b709, #3d6827);
	background-image: -moz-linear-gradient(top, #c4b709, #3d6827);
	background-image: -ms-linear-gradient(top, #c4b709, #3d6827);
	background-image: -o-linear-gradient(top, #c4b709, #3d6827);
	background-image: linear-gradient(to bottom, #c4b709, #3d6827);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c4b709, endColorstr=#3d6827);
}
#contact input[type="submit"]{
	display: block;
}
#contact center.subbtn{
	display: block;
}
/* -----------------------------------------------
----------------------------------------------- */
footer{
	margin-top: 39px;
}
footer .foot-contactbn{
	text-align: center;
	margin-top: 39px;
}
footer .foot-contactbn a img{
	padding-left: 15px;
	padding-right: 15px;
}

footer .foot-logoarea{
	text-align: center;
	/*display: flex;*/
	/*align-items: center;*/
	/*justify-content: center;*/
	margin-top: 43px;
	
	display: block;
}
footer .foot-logoarea small{
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
}
footer .foot-logoarea small.foot-addr{
	font-weight: normal;
	text-align: left;
}
footer .foot-logoarea img{
	/*margin: 0 13.5px;*/
	padding-left: 15px;
	padding-right: 15px;
}
footer .foot-logoarea img[alt="お電話でのお問合せは082-431-3100へ"]{
	margin-left: auto;
	margin-right: auto;
}

footer #foot-navi{
	text-align: center;
	margin-top: 33px;
}

footer #foot-navi ul{
	overflow: hidden;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	width: 97%;
}

footer #foot-navi ul li{
	float: left;
	border-left: solid 1px #666666;
	display: inline-block;
	width: 20%;
}
footer #foot-navi ul li:last-child{
	border-right: solid 1px #666666;
}
footer #foot-navi ul li a{
	color: #595757;
	display: block;
	/*height: 47.53px;*/
	/*line-height: 47.53px;*/
	text-align: center;
	/*width: 150px;*/
	font-size: 10px;
	font-weight: bold;
	
	/*width: calc(100% / 5);*/
	width: 100%;
	height: 31px;
	line-height: 31px;
	/*padding-left: 2%;
	padding-right: 2%;*/
}

footer .copy-wrap{
	background-color: #dae000;
	width: 100%;
	text-align: center;
	height: 43px;
	padding-top: 11px;
	margin-top: 33px;
	clear: both;
}
footer .copy-wrap small{
	font-size: 13.8px;
	color: #231815;
	line-height: 13.8px;
}
footer .flogo{
	width: 80%;
}

body,
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  margin-top: auto;
}
/* -----------------------------------------------
MEDIA QUERY
----------------------------------------------- */
@media (min-width: 576px) {
/* sm */
	#concept .accessblk > img.sp{
		width: auto;
	}
	#concept .accessblk .access-l{
		float: unset;
	}
	#concept .kanbai{
		margin:0 auto;
		width:85%;
	}
}
   
@media (min-width: 768px) {
/* md */
	
	#concept .accessblk > img.pc{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	#concept .accessblk .access-l{
		float: unset;
	}
	#concept .accessblk .access-l img{
		width: auto;
		
	}
	#concept .descblk > p{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	#concept .kanbai{
		margin:0 auto;
		width:85%;
	}
	
	.pc{
		display: block;
	}
	.sp{
		display: none !important;
	}
	
	header .headrow .head-l a img, header .headrow .head-c a img, header .headrow .head-r a img{
		width: 100%;
	}
	
	header .headrow .head-l{
		width: 19%;
	}
	header .headrow .head-c{
		width: 66%;
		
	}
	header .headrow .head-c img{
		margin-left: auto;
		margin-right: auto;
	}
	header .headrow .head-r{
		width: 12%;
	}
	header .headrow .head-r .pc{
		display: none !important;
	}
	header .headrow .head-r .sp{
		display: block !important;
	}
	#toppage .banner-blk img{
		width: 30%;
	}
	#toppage .banner-blk a:nth-child(odd){
		margin-left: 0;
	}
	#toppage .banner-blk a:nth-child(even){
		margin-right: 0;
	}
	#concept .accessblk .access-r{
		float: unset;
	}
	#concept .accessblk .access-r .imgblk .imgblk-l{
		width: 50%;
		text-align: center;
	}
	#concept .accessblk .access-r .imgblk .imgblk-r{
		width: 50%;
		margin-left: 0;
		text-align: center;
	}
	
	footer .flogo{
		width: auto;
	}
	footer .foot-logoarea img{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	footer #foot-navi ul li a{
		font-size: 12px;
	}
}
   
@media (min-width: 992px) {
/* lg */
	header .headrow .head-l{
		width: 14%;
	}
	header .headrow .head-c{
		width: 74%;
	}
	header .headrow .head-r{
		width: 9%;
	}
	#concept .mainvisual h1.pc{
		text-align: center;
	}
	#concept .accessblk .access-l{
		float: left;
	}
	#concept .accessblk .access-r{
		float: right;
	}
	#concept .accessrow{
		width: 100%;
		overflow: hidden;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	#concept .kanbai{
		margin:0 auto;
		width:85%;
	}
	
}
   
@media (min-width: 1200px) {
/* xl */
	header{
		margin-top: 0;
	}
	header .headrow .head-l,
	header .headrow .head-c,
	header .headrow .head-r{
		width: auto;
	}
	header .headrow .head-l a img,
	header .headrow .head-c a img,
	header .headrow .head-r a img{
		width: auto;
		padding: 0;
	}
	header h1 a{
		display: block;
	}
	header .headrow .head-r{
		margin-left: 73px;
	}
	header .headrow .head-c img{
		margin-top: 27px;
	}
	.sld{
		/*height: 602px;*/
	}
	header .headrow .head-r small{
		display: inherit;
	}
	header .headrow .head-l a img,
	header .headrow .head-c img{
		width: auto;
	}
	header .headrow .head-l a img{
		margin: 27px 18.4px 21.2px 10px;
	}
	header .headrow .head-r .sp{
		display: none !important;
	}
	header .headrow .head-r .pc{
		display: block !important;
	}
	#toppage .slick-prev{left: 50px;z-index: 1;}
	#toppage .slick-next{right: 50px;z-index: 1;}
	
	#toppage .desc-blk img.fst{
		margin-top: 34px;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
	#toppage .desc-blk img.snd{
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		
	}
	#toppage .desc-blk img.desclast{
		margin-top: 18px;
	}
	
	#toppage .banner-blk{
		margin-top: 0;
	}
	#toppage .banner-blk img{
		width: auto;
		margin: 0;
	}
	#toppage .banner-blk .bnblk1 a,
	#toppage .banner-blk .bnblk2 a{
		margin: 0;
	}
	
	#concept .accessblk > img.pc{
		margin: 27px auto 24px;
		display: block;
		width: auto;
	}
	#concept .accessblk .access-l{
		width: auto;
		float: left;
	}
	#concept .accessblk .access-l img{
		width: auto;
		margin-bottom: 0;
	}
	#concept .accessblk .access-r .imgblk{
		width: auto;
		margin: 0;
	}
	#concept .accessblk .access-r .imgblk .imgblk-l{
		width: auto;
	}
	#concept .accessblk .access-r .imgblk .imgblk-r{
		width: auto;
	}
	#concept .accessblk .access-r .lifelocation .lifelocation-l{
		float: left;
		margin: 0;
		width: auto;
	}
	#concept .accessblk .access-r .lifelocation .lifelocation-r{
		float: right;
		margin: 0;
		width: auto;
	}
	
	#concept .accessblk .access-r .lifelocation h2{
		width: 265px;
		height: 22.143px;
		padding-left: 5.4px;
		font-size: 13.5px;
		padding-top: 2.3px;
		padding-bottom: 6.3px;
		margin-bottom: 15.4px;
	}
	
	
	#concept .kukakublk .kukaku-l{
		float: left;
		width: auto;
		margin: 0;
	}
	#concept .kukakublk .kukaku-r{
		float: right;
		width: auto;
		margin: 0;
	}
	#concept .descblk dl{
		width: auto;
		margin: 0;
	}
	#concept .descblk dl dt{
		border-left: solid 1px #231815;
		border-right: solid 1px #231815;
		height: 45px;
		padding-left: 30px;
		padding-right: 30px;
		align-items: center;
		width: 191px;
		display: flex;
		float: left;
		justify-content: center;
	}
	#concept .descblk dl dd{
		margin-left: 191px;
		padding-left: 19px;
		text-align: justify;
		padding-right: 7.25px;
	}
	#concept .kanbai{
		margin:0 auto;
		width:100%;
	}
	
	
	#contact h1{
		height: 41.57px;
	}
	
	#contact .inner{
		width: 919.63px;
	}
	#contact table{
		width: 100%;
	}
	
	#contact table tr th{
		width: 220px;
		background-color: unset;
	}
	#contact table tr td{
		width: auto;
	}
	#contact table tr th,
	#contact table tr td{
		display: table-cell;
		margin: 0;
	}
	#contact table tr td input[type="text"]{
		width: 334.4px;
		height: 33.1px;
	}
	#contact textarea{
		width: 554.4px;
		height: 99.1px;
	}
	#contact center{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	footer .foot-contactbn a img{
		padding: 0;
	}
	footer .foot-logoarea img{
		margin: 0 13.5px;
	}
	footer .foot-logoarea{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.pc{
		display: block;
	}
	.sp{
		display: none !important;
	}
	.container {
	    max-width: 1000px;
	}
	footer #foot-navi ul{
		width: auto;
	}
	footer #foot-navi ul li{
		width: auto;
	}
	footer #foot-navi ul li a{
		width: 150px;
		height: 47.53px;
		line-height: 47.53px;
		padding: 0;
		font-size: 12px;
	}
	footer .flogo{
		width: auto;
	}
	.sliderpc{
		/*height: 602px !important;
		width: 100%;*/
	}
	.sliderpc img{
		/*object-fit:cover;*/
	}
	.sliderpc .slick-list{
		/*overflow: hidden;*/
	}
}