/* =======================================================
 *   ページ全体 【PC用】
 * ======================================================= */
@charset "utf-8";
body{
	margin:0;
	border-top: 3px solid #999;
    border-bottom: 0px solid #999;
	background-color:#f1f1f1;
}
/* =======================================================
 *   ヘッダー  【PC用】
 * ======================================================= */
#header {
	background-color: #FFF;
	height: auto;
	width: 900px;
	padding-top: 0px;
	padding-bottom: 1px;
	float: left;
}
/* =======================================================
 *   メインコンテンツ 【PC用】
 * ======================================================= */
#page-wrapper {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	box-shadow: 3px 0px 10px rgba(0,0,0,0.2),-3px 0px 10px rgba(0,0,0,0.2); 
}
#logoarea {
	height: 2.2rem;
	width: 100%;
	background-color: #FFFFFF;
	
	padding-right: 0;
	padding-left: 0;
	margin: 0;	
	vertical-align: middle;
	text-align: right;
	border-bottom: 1px solid #d0d0d0;
}
#maincontener {
	float: left;
	height: auto;
	width: 100%;
	background-color: #FFF;
}
#slide {
	width:900px;
	height:600px;
	margin-top:  1px;;
	padding-top: 1px;
	position: relative;
}
#slide img {
position:absolute;
left:0;
top:0;
}
.section {
	background-color: #FFF;
	height: auto;
	width: auto;
	overflow:auto;
	padding-left: 0.625rem;
	padding-right:0.5rem;
	margin-right: 0;
	border-left-width: 0px;
	text-align: center;	
	margin-bottom: 0.625rem;
	margin-top: 0.625rem;
	vertical-align: middle;
	border-bottom: 1px solid #d0d0d0;
}
.section_moji {
	text-align: center;
	padding: 0.3125rem;
}
.menu_box {
	background-color: #FFF;
	height: auto;
	width: 350px;
	overflow:auto;
	padding-right: 0.5rem;
	padding-left: 1.5rem;
	border: 0px solid #d0d0d0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0.3rem;
	padding-bottom: 1rem;
}
.maincontents02 {
	background-color: #FFF;
	height: auto;
	width: auto;
	overflow:auto;
	padding-right: 0.625rem;
	padding-left: 0.625rem;
	border: 0px solid #d0d0d0;
	margin-right: 0;
	margin-bottom: 0.625rem;
	padding-bottom: 1rem;
}
.maincontents03 {
	background-color: #FFF;
	height: auto;
	width: auto;
	overflow:auto;
	padding-left: 0.625rem;
	margin-right: 0.125rem;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-left-style: solid;
	border-top-color: #d0d0d0;
	border-right-color: #d0d0d0;
	border-bottom-color: #d0d0d0;
	border-left-color: #666666;
	margin-top: 1rem;
	margin-bottom: 1.125rem;
}
.maincontents04 {
	background-color: #FFF;
	height: auto;
	width: auto;
	overflow:auto;
	padding-left: 0.625rem;
	padding-right:0.5rem;
	margin-right: 0;
	border-left-width: 0;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin-bottom: 1.3rem;
	margin-top: 2rem;
}
.maincontents05 {
	background-color: #FFF;
	height: auto;
	width: auto;
	overflow:auto;
	padding-left: 0.625rem;
	padding-right:0.5rem;
	padding-top: 0.25rem;
	margin-right: 0.3125rem;
	border-bottom-width: 0;
	border-bottom-style: dotted;
	border-bottom-color: #aa1704;
	margin-top: 10px;
	border-left-width: 0.625rem;
	border-left-style: solid;
	border-left-color: #aa1704;
}
.maincontents06 {
	background-color: #FFF;
	height: auto;
	width: auto;
	overflow:auto;
	padding-left: 0.625rem;
	padding-right:0.5rem;
	margin-right: 0.3125rem;
	border-bottom-width: 0;
	border-bottom-style: dotted;
	border-bottom-color: #aa1704;
	margin-top: 0.75rem;
	border-left-width: 0.5rem;
	border-left-style: solid;
	border-left-color: #555;
	font-weight: bold;
	margin-left: 1%;
}
/*ロゴマーク部分*/
.flex_box_head {/* 完成住宅最初のページに */
    background-color:  #fff;     /* 背景色指定 */
    padding:  0.5%;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0;
	
	
}
.flex_item_title {      /* 完成住宅最初のページに */
    color:  #fff;               /* 文字色 */
    margin-top: 0%;            /* 外側の余白 */
    /*border-radius:  0.35rem;         角丸指定 */
    align-self: stretch;        /* 縦の位置指定 */
	padding-left: 0.5%;
	flex-wrap: nowrap;
	
}
.flex_item_egao {      /* 完成住宅最初のページに */
    color:  #333;               /* 文字色 */
    margin-top: 0%;            /* 外側の余白 */
    /*border-radius:  0.35rem;         角丸指定 */
    align-self: stretch;        /* 縦の位置指定 */
	padding-right: 10px;
	font-size: 1rem;
	font-weight: 600;
	flex: auto;
	
}
.flex_item_menu {      /* 完成住宅最初のページに */
    color:  #fff;               /* 文字色 */
    margin-top: 0%;            /* 外側の余白 */
    /*border-radius:  0.35rem;         角丸指定 */
    align-self: stretch;        /* 縦の位置指定 */
	
	padding-right: 1%;
	
}
/*ロゴマーク部分ここまで*/
/*TOPの4photo*/
.flex_box {    /* 最初のセクション */
    background-color:  #fff;     /* 背景色指定 */
    padding:  0;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
	flex-direction : row
	
}
.flex_item {    /* 最初のセクション */
    color:  #fff;               /* 文字色 */
    margin: 0.125rem;            /* 外側の余白 */
    border-radius:  0;        /* 角丸指定 */
    align-self: stretch;        /* 縦の位置指定 */
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0.125rem;
	position: relative;
	background-color: #000;
	white-space: nowrap;
	
}
.flex_item img{
    width:100%;
    height:auto;
	opacity: 0.75;
    display:block;
}
.p_top {  /*topスライド画像上の文字*/
	position: absolute;
	top:10%;
	left:24%;
	transform: translate(-50%,-50%);
	font-size:2.4rem;
	font-weight: 600;
	color: #fff;
	padding:0;
	margin:0;
}
.p4 {  /*画像上の文字*/
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size:1.8rem;
	font-weight: 550;
	color: #fff;
	padding:0;
	margin:0;
}
/*TOPの4photoここまで*/
.flex_box1 {/* 広告、記事 */
    background-color:  #fff;     /* 背景色指定 */
    padding:  1%;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 0;
	margin-top: 0;
	border-bottom: 1px solid #d0d0d0;
	
	
}
.flex_item1-1 {      /* 広告、写真 */
    flex:6;
	color:  #fff;               /* 文字色 */
    margin-top: 0%;            /* 外側の余白 */
    
    align-self: flex-start;        /* 縦の位置指定 */
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 0;
	
	
}
.flex_item1-2 {      /* 広告、記事 */
    flex:4;
	color:  #000;               /* 文字色 */
    margin-top: 0%;            /* 外側の余白 */
    
    align-self: flex-start;        /* 縦の位置指定 */
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 0;
	padding-top: 0;
	background-color: #fff;
	height: 100%;
	min-height: 0%;
}

h1 {  
	margin: 0;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.8;
}
h2 {  
	margin: 0;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.5;
}
h3 {  
	margin: 0;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.5;
}
h4 {  
	margin: 0;
	text-align: left;
	font-size: 1.0em;
	line-height: 1.5;
  }
img {
	max-width:100%;
	height:auto;
	vertical-align:bottom
}

.red_text {
	color: #aa1704;
}

#b-line {
	height: 0.3125rem;
	width: auto;
	background-color: #999;
}
.b-line {
	height: 0.1875rem;
	width: auto;
	background-color: #999;
}
.fontstyle {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1rem;
	line-height: 1.8;
	color: #333333;
}
.heading {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 0.875rem;
	color: #333333;
	font-weight: bold;
}

a:link {
	color: #0000de;
	text-decoration: none;
}
a:visited {
	color: #941D55;
	text-decoration: none;
}
a:hover {
	color: #F00;
	text-decoration: underline;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}
nav ul {
	overflow:hidden;
	margin:0 0 0.3125rem 0;
	padding:0;
	border:0px solid #d0d0d0;
	border-radius:0px;
	/*box-shadow: 1px 1px 3px rgba(0,0,0,0.3);*/
	line-height:  2.5rem;;
	background:#fff;
	margin-bottom: 0;
	text-align: center;
	border-bottom: 1px solid #d0d0d0; 
	
	
}
nav li,nav a{
	display:inline;
}
nav li{
	
	border-left:0px solid #d0d0d0; 
	border-right:0px solid #d0d0d0; 
	
	
}
nav a{
	padding-right: 2%;
	font-size:0.85rem;
	text-decoration:none;
	border-top:solid 0px #d0d0d0;  
	
}
nav a:link{
	font-weight:550;
	color:#555;
}
nav a:hover{
	background:#fff;
	font-weight:600;
	color:#999;
	
}
nav a:active{
	background:#fff;
	font-weight:500;
	color:#F00;
}
nav a:visited {
	color: #999;
	text-decoration: none;
	font-weight:550;
}
nav #current a {
	color:#666
}	

.p1 {
	padding-left: 1.125rem;
	padding-top: 0;
	font-weight: 600;
	color: #333;
	list-style-type: none;
	background:url('img/hm2.gif') left no-repeat;
	margin-top: 0.375rem;
	margin-bottom: 0.375rem;
}
.listmarktime {
	list-style-type: none;
	padding-left: 1.25rem;
	padding-top: 0;
	background:url('img/tm.gif') left no-repeat; 
}

span.absolute{
    position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.kugiriline {
		border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #fff;
	width:98%
}
    

.font14px_normal {
	font-size: 0.875rem;
	line-height: 1.5;
}
.zoom-in-img {
  max-width: 100%;
  height:auto;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}
.zoom-in-img img {
  width: 100%;
  height: auto;
}
/*ホバーエフェクト*/
.zoom-in-img img {
  transform: scale(1);
  transition: .3s ease-in-out;
}
.zoom-in-img:hover img {
  transform: scale(1.05);
}
.sidemenu , .sidemenu ul {margin:0; padding:0;
}  
    .sidemenu a { text-decoration:none;
	font-weight:500; 
	}  
    .sidemenu li {  
        list-style:none;  
        font-size:0.875em;  
        line-height:1.25;  
    }  
    .sidemenu li a {
	display:block;
	padding:0 0px;
	background:url('img/hm1.gif') left no-repeat; 
	color:#575757;
	line-height:36px;
	border-top:solid 1px #d0d0d0;
	box-shadow: 0 1px 0 rgba(255,255,255,1);
	padding-right: 10px;
	padding-left: 20px;
    }
	.sidemenu li a:link { 
	color:#333; 
	font-weight:500;
	}   
    .sidemenu li a:hover { background:#c0c0c0; 
	font-weight:500;
	color:#fff;
	} 
	.sidemenu li a:active { background:#c0c0c0; 
	font-weight:500;
	color:#F00;
	} 
	.sidemenu li a:visited { background:url('img/hm1.gif') left no-repeat;
	background: #c0c0c0;
	font-weight:500;
	color:#941D55;
	}
/* =======================================================
 *   フッター 【PC用】
 * ======================================================= */
#footer {
	height: auto;
	width: 900px;
	clear: both;
	background-color: #FFFFFF;
	border: 0px solid #CCCCCC;
	text-align: center;
	margin-top: 0.3125rem;
	margin-bottom: 0;
	font-size: 0.75rem;
	color: #666;
	font-weight: 600;
	padding-bottom: 0.5rem;
}
#footnavi {  
	margin-right:auto;
	margin-left:auto;  
	padding:0;  
	width:700px;  
	height:1.0rem;  
	overflow:hidden;  
	background:none;  
}  
#footnavi li { list-style:none; width:auto; 
/*float:left;*/
text-align:center; 
border-right:1px solid #d0d0d0;
padding-left: 0.625rem;
display:inline; 
}  
#footnavi li a {  
	display:inline;  
	line-height:1.25rem;  
	color:#333;  
	text-align:center;  
	background:url('img/hm1.gif') left no-repeat; 
	padding-right: 1rem;
	padding-left: 1rem;
}
#footnavi li a:link {
color:#333;
text-decoration: none;
font-weight:500; 
}  
#footnavi li a:hover { background:#c0c0c0;
font-weight:500;
color:#FFF; }  
#footnavi li a:active {
color:#F00;
text-decoration: none;
font-weight:500;
}
#footnavi li a:visited { background:url('img/hm1.gif') left no-repeat;
background: #c0c0c0;
font-weight:400;
color:#941D55;
}
.copyright {
	font-size:0.75rem;
	text-align:center;
	color:#666;
	
  }
  .copyright:before {
	
	content:'Copyright © 2024 wako kensetu.co.ltd All rights reserved.';/*著作権更新*/
  }

/* =======================================================
 *   不要　CSS
 * ======================================================= */
 /*#container {
	float: none;
	height: auto;
	width: 900px;
	background-color: #FFF;
	box-shadow: 3px 0px 10px rgba(0,0,0,0.2),-3px 0px 10px rgba(0,0,0,0.2);    
}*/

.liststyle {
	list-style-type: square;
}
.titlepad {
	padding-left: 0.3125rem;
	padding-bottom: 0.3125rem;
	padding-top: 0.1875rem;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.photo1 {
	float: right;
	padding-right: 0.625rem;
	padding-left: 1.25rem;
}
.keepright {
	float: right;
	margin-top: 0;
	margin-bottom: 0.3125rem;
	margin-right: 0.625rem;
	margin-left: 0.625rem;
}
.headmoji {
	float: right;
	height: 22px;
	width: 400px;
	margin-right: 10px;
}
.catch_smart {
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 600;
	color: #333;
} 

.keepleft {
	float: left;
	width: auto;
	padding-right: 0.625rem;
}

.textcenter {
	margin-right: auto;
	margin-left: auto;
}