/* CSS Document */

body {
 font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif !important; 
	 font-size:100%;
	 margin:0 !important;
	 padding:0 !important; 
 }
 
 h1 {
	 margin:0 !important;
	 padding:0 !important; 
 }
 
 .hr {
	border-bottom:1px solid #000;
	margin-top:1.5vw;
	margin-bottom:1vw;
}
 
.br_sp::before {
	content: "\A" ;
	white-space: pre ;
} 
 
.fl_sp {float:left;}
.fr_sp {float:right;} 
 
.pos_rel {position:relative; }
	
.none_sp { display:none }

.wmax_sp { width:100% !important; }
.wm { width:100% }

.wm100p { max-width:100%; }
.wm50p { max-width:50%; }

.mt0_sp { margin-top:0px !important; }


.border {
	border:1px solid #999999;
}

.index-1 {
	margin-left:1em !important;
	text-indent:-1em;
}
.index-7 {
	margin-left:7.0em !important;
	text-indent:-7em;
}

.mt08vw_sp { margin-top:0.8vw !important; }
.mt1vw_sp { margin-top:1vw !important; } 
.mt2vw_sp { margin-top:2vw !important; }
.mt3vw_sp { margin-top:3vw !important; }
.mt4vw_sp { margin-top:4vw !important; }
.mt5vw_sp { margin-top:5vw !important; }
.mt6vw_sp { margin-top:6vw !important; }
.mt7vw_sp { margin-top:7vw !important; }
.mt8vw_sp { margin-top:8vw !important; }
.mt9vw_sp { margin-top:9vw !important; }
.mt10vw_sp {margin-top:10vw !important; }
.mt10v {margin-top:10vw !important; }

.mt10 { margin-top:10px !important; }
.mt8 { margin-top:8px !important; }
.mt8_sp { margin-top:8px !important; }

.mb1vw_sp { margin-bottom:1vw !important; }
.mb2vw_sp { margin-bottom:2vw !important; }
.mb3vw_sp { margin-bottom:3vw !important; }
.mb4vw_sp { margin-bottom:4vw !important; }
.mb5vw_sp { margin-bottom:5vw !important; }
.mb6vw_sp { margin-bottom:6vw !important; }
.mb7vw_sp { margin-bottom:7vw !important; }
.mb8vw_sp { margin-bottom:8vw !important; }
.mb9vw_sp { margin-bottom:9vw !important; }
.mb10vw_sp { margin-bottom:10vw !important; }

.ml1vw_sp {margin-left:1vw !important; }
.ml2vw_sp {margin-left:2vw !important; }

.pb3vw_sp { padding-bottom:3vw !important; }
.pb4vw_sp { padding-bottom:4vw !important; }
.pb5vw_sp { padding-bottom:5vw !important; }
.pb6vw_sp { padding-bottom:6vw !important; }
.pb7vw_sp { padding-bottom:7vw !important; }
.pb8vw_sp { padding-bottom:8vw !important; }
.pb9vw_sp { padding-bottom:9vw !important; }
.pb10vw_sp { padding-bottom:10vw !important; }

.flLeft_sp {
	float:left;
}
.flRight_sp {
	float:right;
}

.center_sp {
	text-align:center !important;
}

a img.css-hover{
opacity:1;
filter: alpha(opacity=100);
}
a:hover img.css-hover{
opacity:0.5;
filter: alpha(opacity=50);
}

.alpha_hover a:hover img,
a:hover img.linkimg{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none!important;
}

.ls-1 { letter-spacing:-0.1vw; }
.ls-03 { letter-spacing:-0.3vw; }
.ls-05 { letter-spacing:-0.5vw; }
.ls05 { letter-spacing:0.5vw; }
.ls1 { letter-spacing:1vw; }
.ls2 { letter-spacing:2vw; }

.ls02 { letter-spacing:3em; }
.ls03 { letter-spacing:0.3em; }
.ls04 { letter-spacing:0.4em; }
.fc0 { color:#000 !important; }


.clrb_sp {clear:both !important; }

.flLeft {
	float:left;
}

.flRight {
	float:right;
}





.header {
    position: fixed;
    top: 0;
    left:0;
			margin:0 !important;
	padding:0 !important;
	width:100%;
	z-index:9999;
		background-color:#FFF;

		border-bottom:4px solid #ab941d !important;
	}
	
.container {
	margin:0 !important;
	padding:0 !important;
}

.logo_sp {
	width:44.55%;
	float:left;
	margin:0 !important;
	padding:0 !important;
}

.mitsui_logo {
		width:25.0%;
		float:left;
	margin:0 !important;
	padding:0 !important;
}

.mitsui_logo2 {
		width:30.0%;
		float:left;
	margin-top: 2vw;
	padding:0 !important;
}

.blank_sp {
	width:0.45%;
	float:left;
	margin:0 !important;
	padding:0 !important;
}

.present_sp {
	width:12%;
	float:right;
	margin:0 !important;
	padding:0 !important;
}


.menu_sp {
		width:12%;
		float:right;
	margin:0 !important;
	padding:0 !important;
} 



.main_sp {
  position: relative;
  width: 100%;
	margin-top:12.0vw!important;

}

.sp_contents {
	width:97%;
	margin:auto;
}


.disnon {	display:none }




/* グローバルメニュー */

/* 階層が必要な場合は"_s"側をnoneにする */

.gm1_s { }
.gm1_m { display:none }

.gm2_s { }
.gm2_m { display:none }

.gm3_s { }
.gm3_m { display:none }

.gm4_s { }
.gm4_m { display:none }

.gm5_s { }
.gm5_m { display:none }

.gm6_s { }
.gm6_m { display:none }

.gm7_s { display:none }
.gm7_m { }




#g_navi {	display:none }

	.gNav {
  background: #061d0d;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}



.nav_sp {
	width:100%;
}

.nav_sp h3 {
	box-sizing: border-box;
		width:100%;
	margin:0px;
	list-style:none;
	padding:1.5vw 0 1.5vw 2vw !important;
	background-color:#0a2813;
		line-height:2em;
			display: block;
			border-top:1px solid #999;
			font-size:4.2vw;
	}
	
	.nav_sp h3 ,.nav_sp h3 a {
		text-decoration:none;
		font-weight:normal;
		color:#FFF;
				display: block;
	}
	
	.nav_sp ul {
		box-sizing: border-box;
		margin:0;
		padding:0 0 2vw 6vw;
		background-color:#0a2813;
		line-height:200%;
	}
	
		.nav_sp li {
		margin:0;
		padding:2vw 0;
		background-color:#0a2813;
		font-size4.2vw;
			list-style:none;
	}
	
		.nav_sp li a {
		color:#FFF;
			text-decoration:none;
	
	}		


#nav {

	padding-left:0 !important;
		margin-bottom:1vw !important;

}

#nav ul {
	width:100%;
	margin-left:0px !important;
	padding:0;

}

#nav li {
	margin:0px;
	list-style:none;
	padding:1.5vw 0 1.5vw 0 !important;
		background-color:#2d557a;
		line-height:2em;
		font-size:4.2vw;
	}
	
#nav li ul {
	padding-left:0px;
	margin-left:0px;
	margin-top:1vw;
}
	
#nav li a {
	text-decoration:none;
	color:#FFF;
	display: block;
}

#nav li li {
		margin:0px;
			font-size:4.2vw;
		background-color:#2d557a;
		padding:1vw 0 1vw 6vw !important;
}

#nav li li a {
	text-decoration:none;
color:#FFF;
}



.wl {
	border-bottom:1px solid #666;
}

.fcw_sp { color:#FFF !important; }

.switch {
    cursor:pointer;
    position: relative;
			color:#FFF;
				display: block;
}

.switch:after {
    position: absolute;
    top: 40%;
    right: 30px;
    margin-top: -18px;
    content: '>';
    font-size: 100%;
    font-weight: bold;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
    font-family: sans-serif;
 }
.switch.open:after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-family: sans-serif;
}


/* TOPICS */


.topi {
	margin:0px 0px -10px 10px;
	color:#dd5560 !important;
	font-size:280%; !important;
}
	
	
.bt1 {
	border-top:1px solid #a2a0a1;
		}
		
.bt1_sp {
	border-top:1px solid #999;
		}
		
.bb1 {
	border-bottom:1px solid #a2a0a1;
		}

.topicsbox ul {
margin-bottom:20px;
padding:0;
}


.topicsbox li {
		list-style:none !important;
	padding:12px 0px 12px 25px;
	font-size:150%;
	line-height:150%;
	background:url(../images/topi_ya.gif) no-repeat 10px 1em;
}

.topicsbox li a {
	color:#000;
	text-decoration:none;
}

.red {
	color:#e8020e !important;
}


	
	.mt-25 {
		margin-top:-25px !important;
	}
	
	.clear {
		clear:both;
	}
	
	
	.ask_sp img {
		max-width:100%;
	}
	.sp_siryo {
		 display: block;
 margin-left: auto;
 margin-right: auto;
		width:93%;

	}
	
	




.title {
	width:100%;
	text-align:center;
	font-size:4vw;
	margin-top:6vw !important;
	color:#31344a;
	font-weight:600;
}

.topics ul {
	width:100% !important;
	margin:0;
	padding:0 !important;
	}

.topics li {
	border-bottom:1px solid #999;
	padding:4vw 0 4vw 6vw;
	font-size:calc(100% + 0.3vw);
	line-height:150%;
	background:url(../images/top/topi_ya.gif) no-repeat 3vw 2.3em;
	background-size:1.2%;
	list-style:none;
}

.topics li a {
	color:#000;
	text-decoration:none;	
}

.topics li a:hover {
	text-decoration:underline;	
}



/* catebox 上下 */


.catebox_sp {
	position:relative;
	width:100%;
	height: auto; 
}

.catebox_sp:before {
	content: "";
  display: block;
  padding-top: 53.3%;
}

.cate_t  {
	position:absolute;
	top:5vw;
	left:0vw;
		width:100%;
	font-size:3.5vw;
	line-height:100%;
	text-align:center;
	color:#FFF;
	font-weight: 600;
}

.cate_p {
	position:absolute;
	top:12vw;
	left:20%;
		width:60%;
	font-size:2.6vw;
	line-height:4vw;
	color:#FFF;
	margin-top:3vw;
	text-align:justify;
}

.cate_d {
		position:absolute;
	top:33vw;
	left:35%;
	margin-top:5vw;
		text-align:center;
}

.cate_d span a {
	text-decoration:none;
	padding:2vw 5vw;
	font-size:2.5vw;
	line-height:2.5vw;
	color:#FFF;	
	border:1px solid #FFF;
	font-weight:600;
}

.cate_d span a:hover {
	background-color:	rgba(0,0,0,0.2);
}



/* 三井の森　別荘建築とは */
.cate01_sp { background: #28344a;}

/* 別荘建築事例 */
.cate02_sp { background: #333333;}

/* デザインファイル */
.cate03_sp { background: #374a3a;}




/* catebox 商品情報・モデルプラン */


.cate_t2  {
	position:absolute;
	top:5vw;
	left:0vw;
		width:50%;
	font-size:3.5vw;
	line-height:100%;
	text-align:center;
	color:#FFF;
	font-weight: 600;
}

.cate_p2 {
	position:absolute;
	top:12vw;
	left:7%;
		width:36%;
	font-size:2.6vw;
	line-height:4vw;
	color:#FFF;
	margin-top:3vw;
	text-align:justify;
}

.cate_d2 {
		position:absolute;
	top:28vw;
	left:10%;
	margin-top:5vw;
		text-align:center;
}

.cate_d2 span a {
	text-decoration:none;
	padding:2vw 5vw;
	font-size:2.5vw;
	line-height:2.5vw;
	color:#FFF;	
	border:1px solid #FFF;
	font-weight:600;
}

.cate_d2 span a:hover {
	background-color:	rgba(0,0,0,0.2);
}


/* catebox 高冷地・進家情報 */


.cate_t3  {
	position:absolute;
	top:8vw;
	left:0vw;
		width:50%;
	font-size:2.5vw;
	line-height:100%;
	text-align:center;
	color:#595757;
	font-weight: 600;
}

.cate_p3 {
	position:absolute;
	top:14vw;
	left:11.7%;
		width:32%;
	font-size:5vw;
	line-height:4vw;
	color:#595757;
	margin-top:3vw;
	text-align:justify;
}

.cate_d3 {
		position:absolute;
	top:25vw;
	left:10%;
		text-align:center;
}

.cate_d3 span a {
	text-decoration:none;
	padding:2vw 5vw;
	font-size:2.5vw;
	line-height:2.5vw;
	color:#25344a;	
	border:1px solid #25344a;
	font-weight:600;
}

.cate_d3 span a:hover {
	background-color:	rgba(0,0,0,0.2);
}

.cate3_sp {
	position:absolute;
	top:14vw;
	left:8vw;
	width:35% !important;
}



/* catebox 土地情報・リフォーム */

.cate_d4 {
		position:absolute;
	top:32vw;
	left:13%;
	margin-top:5vw;
		text-align:center;
}

.cate_d4 span a {
	text-decoration:none;
	padding:2vw 5vw;
	font-size:2.5vw;
	line-height:2.5vw;
	color:#FFF;	
	border:1px solid #FFF;
	font-weight:600;
}

.cate_d4 span a:hover {
	background-color:	rgba(0,0,0,0.2);
}



/* catebox 軽井沢管理サービスセンター */


.cate_t5  {
	position:absolute;
	top:3vw;
	left:0vw;
		width:50%;
	font-size:3.4vw;
	line-height:120%;
	text-align:center;
	color:#FFF;
	font-weight: 600;
}

.cate_p5 {
	position:absolute;
	top:15vw;
	left:7%;
		width:36%;
	font-size:2.6vw;
	line-height:4vw;
	color:#FFF;
	margin-top:3vw;
	text-align:justify;
	}

.cate_d5 {
		position:absolute;
	top:32vw;
	left:13%;
	margin-top:5vw;
		text-align:center;
}

.cate_d5 span a {
	text-decoration:none;
	padding:2vw 5vw;
	font-size:2.4vw;
	line-height:2.5vw;
	color:#FFF;	
	border:1px solid #FFF;
	font-weight:600;
}

.cate_d5 span a:hover {
	background-color:	rgba(0,0,0,0.2);
}


/* カタログ無料プレゼント */


.catebox_3 {
	position:relative;
	width:100%;
	height: auto; 
}

.catebox_3:before {
	content: "";
  display: block;
  padding-top: 82%;
	background-color:#eeeadc;
}

.cate_t4  {
	position:absolute;
	top:3.0vw;
	left:0vw;
		width:100%;
	font-size:5.5vw;
	line-height:100%;
	text-align:center;
	color:#595757;
	font-weight: 600;
}

.cate_p4 {
	position:absolute;
	top:14vw;
	left:0%;
		width:100%;
	font-size:3vw !important;
	line-height:150%;
	color:#595757;
	margin-top:3vw;
	text-align:center;
	white-space: nowrap;
}


.for_siryou {
		position:absolute;
	top:28.5vw;
	left:22%;
		text-align:center;
			margin-top:4vw;
			z-index:999;
}

.for_siryou span a {
	text-decoration:none;
	padding:3vw 6vw;
	font-size:3.5vw;
	line-height:100%;
	color:#FFF;	
	background-color:#841319;
	font-weight:600;
}

.for_siryou span a:hover {
	background-color:	#841d1e;
}

.siryou_img {
	position:absolute;
	top:38vw;
	left:0%;
}



/* フッター */


#pagetop_sp {
	margin-top:10vw !important;
}

#pagetop_sp p {
	float:right;
	margin-top:2.5vw;
	margin-right:0.3vw;
	text-align:right;
	font-size:3.5vw !important;
}

#pagetop_sp a {
	text-decoration:none;
	color:#000;
}

#pagetop_sp a:hover {
	color:#666;
}



.top_ya {
	float:right;
	width:4%;
	margin-top:3vw;
	margin-left:1.5vw;
}

.ftbox_sp {
	padding:7vw 5vw;
	margin-top:2vw;
	background-color:#ecf2ed;
}

.ft_p1 {
	text-align:center;
	font-size:4vw !important;
	line-height:120%;
	margin:0;
	padding:0;

}

.footer_hr {
	border-bottom:1px solid #000;
	margin-top:1.5vw;
	margin-bottom:1vw;
}

.asksp01 {
	margin-top:1vw;
	width:30.04%;
	float:left;
}

.asksp02 {
	margin-top:1vw;
	width:49.80%;
	float:left;
}

.asksp03 {
	margin-top:1.9vw;
	width:19.20%;
	float:right;
	border:1px solid #000;
}

.ft_p2 {
	text-align:center;
	font-size:3.2vw !important;
	line-height:170%;
	margin:1vw 0;
	padding:0;

}

.ft_mitsuig {
	width:54.49%;
	float:left;
	margin:0;
	padding:0;
}

.ft_mitsuimori {
	width:45.51%;
	float:right;
	margin:0;
	padding:0;
}


#footer {
	margin-bottom:10vw;
	text-align:center;
}

#footer p {
	font-size:2.5vw !important;
	color:#000;
}

#footer p a:link {
	text-decoration:none;
	color:#000;
}

#footer p a:visited {
	color:#000;
}

#footer p a:hover {
	color:#666;
}

.copy_sp {
	margin-left:20vw !important;
		font-size:2.5vw !important;
}

.tenyou {
	margin-top:2vw;
	text-align:center;
	margin-bottom:3vw;
	font-size: 2.5vw !important;
}



/* 各タイトル部分 */


.main_title {
	position:absolute;
	top:38%;
	font-size:6vw;
	line-height:100%;
	color:#FFF;
		width:100%;
	text-align:center;
	font-weight:normal;
}

.main_title span {
	background-color: rgba(0,0,0,0.7);
		padding:1vw 8vw;
}


	
.forup {
	position:relative;
	margin:0;
	padding:0;
}

.forup a {
	position:absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
	z-index:999;
}

.forup p {
	margin:0 !important;
	padding:4vw 0 !important;
	font-size:4.5vw;
	line-height:100%;
	text-align:center;
	color:#000;
	text-decoration:none !important;
	display:inline-block;
	width:100%;
	background:#e3eae4;
}

.forup p a {
	color:#000;
	text-decoration:none !important;
}

.forup_img1 {
	position:absolute;
	top:17%;
	left:5%;
	width:8%;
}

p {
	color:#000;
}

.b {
	font-weight:bold;
}

.corona2 {
	border:1px solid #811d21;
	padding:10px 0 !important;
}


.corona2 img {
	width:100%;
}

.corona2 img:hover {
	opacity: 0.55;
}


.corona3 {
	margin-top:2vw !important;
	border:1px solid #000;
	padding:1vw 0 !important;
}

.corona3 img {
	width:100%;
}

.corona3 img:hover {
	opacity: 0.55;
}

.corona4 {
	margin-top:2vw !important;
	border:1px solid #000;
	padding:1vw 0 !important;
}

.corona4 img {
	width:100%;
}

.corona4 img:hover {
	opacity: 0.55;
}
.woodshock {
	margin-top:2vw !important;
	border:3px solid #b11116;
	padding:1vw 0 !important;
}

.woodshock img {
	width:100%;
}

.woodshock img:hover {
	opacity: 0.55;
}

.remote {
	margin-top:2vw;
	margin:0 ;
	padding:0 ;
}

.remote img {
	width:100%;
}

.remote img:hover {
	opacity: 0.55;
}


.online img {
	width:99.7%;
	border:1px solid #000;
}

.online img:hover {
	opacity: 0.55;
}

#Pankuzu{padding:5vw 0 !important;
font-size:3vw;}
#Pankuzu a{text-decoration:underline; color:#333333;}
#Pankuzu a:hover{color:#f63a00;}	



.tatekae_p1 {
	font-size:3.8vw;
	line-height:170%;
}

.w90_sp {
	width:90% !important;
	margin:auto !important;
}

.tatekae_p2 {
	font-size:3.8vw;
	line-height:170%;
}

.tatekae_link1 {
	font-size:4.2vw;
	line-height:150%;
	text-align:center;
}

.tatekae_link1 span a {
	border:#000 1px solid;
	padding:2.5vw 4vw;
	color:#000;
	text-decoration:none;
	background:#FFF;
}

.tatekae_link1 span a:hover {
	border:#595959 1px solid;
	padding:1.5vw 4vw;
	background-color:#f3f3f3;
	color:#000;
	text-decoration:none;
}

.bg_brown1 {
	background-color:#f4f1e7;	
}


.tatekae_link2 {
	font-size:4.2vw;
	line-height:150%;
	text-align:center;
}

.tatekae_link2 span a {
	border:#006cb8 1px solid;
	padding:1.5vw 4vw;
	color:#006cb8;
	text-decoration:none;
	background:#FFF;
}

.tatekae_link2 span a:hover {
	border:#006cb8 1px solid;
	padding:2.5vw 4vw;
	background-color:#f4f8fb;
	color:#006cb8;
	text-decoration:none;
}

.title1 {
	padding-bottom: 0.5vw;
border-bottom: 3px solid #005b36;
}

.title1 h2 {
text-align: center;
	font-size: 4vw;
	line-height: 150%;
}

.info_p1 {
	font-size: 3.8vw;
	line-height: 170%;
}

.ws_p1 {
	font-size: 3vw !important;
	line-height: 150%;
	text-align: center;
	margin-top: 0;
}

.ws_p1 a { 
	color: #0068B7; 
	text-decoration: underline;
}
.ws_p1 a:hover { 
	color: #0068B7; 
	text-decoration: none;
}