/*====================================================================================================
  TOPPAGE
====================================================================================================*/

#toppage {}

/*** MAIN IMG **************************************************************************************/
#toppage .mainimg { position: relative;}
#toppage .mainimg h2 { 
		font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
		position: absolute; /*top:100px;*/ left: 0; right: 0; margin:auto; /*font-size: 150%;*/ line-height:200%; max-width: 1000px; z-index: 999;
	top:50%; color:#fff; text-shadow: 0 0 10px #000, 0 0 10px #000; font-size:50px; transform:translateY(-50%); text-align:center;
}
#toppage .mainimg ul.slider { /*max-height:500px; overflow:hidden;*/}
#toppage .mainimg ul.slider img { width: 100%; height: auto;}
#toppage .mainimg h2 strong { padding:5px 20px; color: #FFF; background: #231815;}
#toppage .mainimg .b_sekou,
#toppage .mainimg .b_sekou a { display: block; width: 130px; height: 130px;}
#toppage .mainimg .b_sekou { position: absolute; right:10%; bottom:-50px;z-index: 9999;}
#toppage .mainimg .b_sekou a {
	text-indent: -9999px;
	background:#DBA92C url("../image/icon/icon_sekou2.png") no-repeat center top;
	border-radius: 100px; /* CSS3 */
	-webkit-border-radius: 100px; /* Safari,Google Chrome */
	-moz-border-radius: 100px;/* Firefox */
	border: 4px solid #fff;
}

#toppage .mainimg .img_btn {
	display:flex;
	gap:30px;
	justify-content:center;
	margin:auto;
	position:absolute;
	inset:auto 0 31.89%;
}
#toppage .mainimg .img_btn a{
	display:flex;
	justify-content:center;
	align-items:center;
	width:370px;
	aspect-ratio:37/7;
	border:solid 1px #fff;
	color:#fff;
	font-weight:700;
	font-size:23px;
	line-height:100%;
	text-decoration:none;
	font-family:"游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
}
#toppage .mainimg .img_btn a:hover { opacity:0.75;}
#toppage .mainimg .img_btn a:hover img { opacity:1;}
#toppage .mainimg .img_btn img { margin-right:10px;}
#toppage .mainimg .img_btn span { font-size:0.84em;}
#toppage .mainimg .img_btn .btn_new {
	background:#EA7F00;
}
#toppage .mainimg .img_btn .btn_renovation {
	background:#894E08;
}



/*** MAIN COMMENT **********************************************************************************/
/* #toppage .concept { padding:50px 0; background:url(../image/bg.jpg);}
#toppage .concept .come {
	position: relative;
	margin: auto;
	max-width: 620px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	text-align: center;
	line-height: 280%;
}
#toppage .concept .come::before,
#toppage .concept .come::after {
	display:block;
	clear:both;
	content:"";
	position:absolute;
}
#toppage .concept .come::before {
	left: -250px;
	bottom:-150px;
	width: 310px;
	height: 324px;
	background: url(../../image/comeimg.png) no-repeat;
}
#toppage .concept .come::after { 
	right: -150px;
	bottom:-150px;
	width: 160px;
	height: 160px;
	background:url(../image/ona2.png) no-repeat;
}
#toppage .concept .more { margin-top: 20px; text-align: center;}
#toppage .concept .more a {
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	color:#000;
	text-decoration: none;
} */
/*** AREA MAP **************************************************************************************/
#toppage .areamap { display:flex; max-width:1000px; margin:0 auto; padding:110px 0 50px; justify-content:center;}
#toppage .areamap .area_r { margin-left:30px;}
#toppage .areamap .area_r div {
	font-family: 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", HG明朝E, "MS PMincho", Times, serif;
	font-weight:bold;
}
#toppage .areamap .area_r div:nth-of-type(1) {
	font-size: 24px;
    color: #7f2d00;
    letter-spacing: 0.1rem;
    margin-bottom: 20px;
    line-height: 150%;
    margin-top: 70px;
}
#toppage .areamap .area_r div:nth-of-type(2) { font-size:14px;}



/*** NEWS ******************************************************************************************/
#toppage .news { /*position: relative; margin: auto; padding:50px 0; max-width: 1000px;*/ background:url(../image/bg.jpg);}
#toppage .news > div { position: relative; margin: auto; padding:100px 0; max-width: 1000px;}
#toppage .news h2 {
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	text-align: center;
}
#toppage .news .news_list { margin-top: 50px;}
#toppage .news .news_list::after { display:block; clear:both; content:"";}
#toppage .news .more { position: absolute; top:100px; right: 0;}
#toppage .news .more a {
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	color:#000;
	text-decoration: none;

}

/*** yamawa channel ************************************************************************************/
#toppage .channel h2 {
	margin-bottom: 30px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	text-align: center;
}
#toppage .channel h2 small { display: block; font-size: 80%;}
#toppage .channel { padding: 50px 0;}
#toppage .channel ul { position: relative; margin: auto; max-width:1000px; }
#toppage .channel ul::after { display:block; clear:both; content:"";}
#toppage .channel ul::before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top: -100px;
	left: 150px;
	width: 156.25px;
	height: 101.25px;
	background: url(../image/ona15.png)no-repeat;
	background-size: 100% auto;
}
#toppage .channel ul li { float:left; width:49%;}
#toppage .channel ul li:nth-of-type(1) { margin-right:2%;}
#toppage .channel ul li iframe { width:100%;}


/*** HOUSE TYPE ************************************************************************************/
#toppage .home_style h2 {
	margin-bottom: 30px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	text-align: center;
}
#toppage .home_style h2 small { display: block; font-size: 80%;}
#toppage .home_style { padding: 50px 0; background:url(../image/bg.jpg);}
#toppage .home_style ul { position: relative; margin: auto; max-width:818px; }
#toppage .home_style ul::after { display:block; clear:both; content:"";}
#toppage .home_style ul::before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	top: -80px;
	width: 95px;
	height: 80px;
	background: url(../image/ona7.png);
	background-size: 100% auto;
}
#toppage .home_style ul li { float:left; width:50%;}


/*** VOICE******************************************************************************************/
#toppage .voice {
	background: url(../../image/voice_bg.jpg) no-repeat;
	background-size: cover;
}
#toppage .voice a { display:block; padding:20px 0; text-decoration: none; color:#231815; }
#toppage .voice b {
	display:block;
	margin: auto;
	padding:140px 0 0;
	width: 310px;
	height: 310px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	font-size: 150%;
	line-height: 150%;
	text-align: center;
	background: rgba(255,255,255,0.90);
	border-radius: 310px; /* CSS3 */
	-webkit-border-radius: 310px; /* Safari,Google Chrome */
	-moz-border-radius: 310px;/* Firefox */
	box-sizing: border-box;
}
#toppage .voice small { display: block; font-size: 80%;}


/*** CONT ******************************************************************************************/
#toppage .cont {}
#toppage .cont::after { display:block; clear:both; content:"";}

/* FAQ */
#toppage .faq {
	float:left;
	padding: 50px;
	width: 50%;
	background: url(../image/bg2.jpg);
}
#toppage .faq .mid {
	height:140px;
	text-indent: -9999px;
	background:url(../../faq/image/tit.png) no-repeat center center;
	background-size: auto 100%;
}
#toppage .faq ul { margin:20px auto 0; }
#toppage .faq ul::after { /*float_clear*/ display:block; clear:both; content:"";}
#toppage .faq ul li {font-size:150%;}
#toppage .faq ul li+li { margin:2% 0 0;}
#toppage .faq ul li a {
	position: relative;
	display: block;
	padding: 20px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	background: #EEA995 url(../image/arrow.png) no-repeat 95% center;
	background-size: auto 20px;
}
#toppage .faq ul li a::before,
#toppage .faq ul li a::after {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	left: 0;
	width: 100%;
	height:0;
	border-top: 2px dashed #FFF;
}
#toppage .faq ul li a::before { top:5px;}
#toppage .faq ul li a::after { bottom:5px;}
#toppage .faq ul li a:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

/* PROMISE */
#toppage .promise {
	float: right;
	padding: 50px;
	width: 50%;
	background: url(../image/bg3.jpg);
} 
#toppage .promise .mid {
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	text-align: center;
}
#toppage .promise .mid b,
#toppage .promise .mid small { display: block;}
#toppage .promise .mid b { font-size: 150%;}
#toppage .promise .mid small {}
#toppage .promise ul {
	position: relative;
	margin-top: 20px;
	padding: 25px;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	background: #FFFEF7;
}
#toppage .promise ul::before,
#toppage .promise ul::after {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	width: 40px;
	height: 40px;
	background-size: 100% auto !important;
}
#toppage .promise ul::before { top: -10px; left: -10px; background: url(../image/kado3.png) no-repeat;}
#toppage .promise ul::after { bottom: -10px; right: -10px; background: url(../image/kado4.png) no-repeat;}
#toppage .promise ul li { padding-left: 60px; min-height: 50px; font-weight: bold; background-size: auto 50px !important;}
#toppage .promise ul li+li { margin-top: 10px;}
#toppage .promise ul li:nth-child(1),
#toppage .promise ul li:nth-child(2),
#toppage .promise ul li:nth-child(3) { padding-top:10px; font-size:150%;}

#toppage .promise ul li:nth-child(1) { background: url(../image/no1.png) no-repeat;}
#toppage .promise ul li:nth-child(2) { background: url(../image/no2.png) no-repeat;}
#toppage .promise ul li:nth-child(3) { background: url(../image/no3.png) no-repeat;}
#toppage .promise ul li:nth-child(4) { padding: 0;}
#toppage .promise ul li:nth-child(4) a {
	display: block;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #231815;
	border-radius: 50px; /* CSS3 */
	-webkit-border-radius: 50px; /* Safari,Google Chrome */
	-moz-border-radius: 50px;/* Firefox */
}

/* PICKUP */
#toppage .pickup {
	float: right;
	padding: 50px;
	width: 50%;
	background: url(../image/bg3.jpg);
} 
#toppage .pickup .mid {
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	font-weight: bold;
	text-align: center;
}
#toppage .pickup .mid b,
#toppage .pickup .mid small { display: block;}
#toppage .pickup .mid b { font-size: 150%;}
#toppage .pickup .mid small {}
#toppage .pickup ul {
	position: relative;
	margin-top: 20px;
	padding: 25px;
	background: #FFFEF7;
}
#toppage .pickup ul::before,
#toppage .pickup ul::after {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	width: 40px;
	height: 40px;
	background-size: 100% auto !important;
}
#toppage .pickup ul::before { top: -10px; left: -10px; background: url(../image/kado3.png) no-repeat;}
#toppage .pickup ul::after { bottom: -10px; right: -10px; background: url(../image/kado4.png) no-repeat;}
#toppage .pickup ul li {float: left; margin: 1%; width: 48%;}
#toppage .pickup ul li a { 
	display: block;
	color: #222;
	padding:100px 20px 15px;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	text-decoration: none;
	border: 2px dotted #000;
}
#toppage .pickup ul li:nth-child(1) a { background: url(../../image/pickup_01.png) no-repeat top center;}
#toppage .pickup ul li:nth-child(2) a { background: url(../../image/pickup_02.png) no-repeat top center;}
#toppage .pickup ul li:nth-child(3) a { background: url(../../image/pickup_03.png) no-repeat top center;}
#toppage .pickup ul li:nth-child(4) a { background: url(../../image/pickup_04.png) no-repeat top center;}
#toppage .pickup ul li:hover {background: url(../image/bg3.jpg);}
#toppage .pickup ul li br { display: none;}



/*** GALLERY ***************************************************************************************/
#toppage .gallery { padding: 50px 0; background: url(../image/bg.jpg);}
#toppage .gallery .mid {
	font-family: "游明朝体","Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HG明朝E", "MS PMincho", Times, serif;
	text-align: center;
}
#toppage .gallery .mid b,
#toppage .gallery .mid small { display: block;}
#toppage .gallery .mid b {font-size: 160%;}
#toppage .gallery .mid small {font-size: 120%;}

/* INSTAGRAM */
#toppage .instagram_box {
	position: relative;
	clear: both;
	margin: auto;
	padding:15px 0 5px;
	max-width:930px;
	background:url(../image/slider_bt.png) repeat-x center top;
}
#toppage .instagram_box::after { display:block; clear:both; content:"";}
#toppage .instagram_box::before {
	display:block;
	clear:both;
	content:"";
	position: absolute;
	top:-80px;
	width:140px;
	height:140px;
	background:url(../image/ona4.png) no-repeat;
	background-size: 100% auto;
}
#toppage .instagram {}
#toppage .instagram-placeholder {
	position:relative;
	float:left;
	padding:0;
	width:20%;
	height:100%;
	box-sizing:border-box;
}
#toppage .instagram-placeholder img { width:100%;}
#toppage .instagram-placeholder a { color:#333; text-decoration:none;}
#toppage .instagram-placeholder:hover { color:#FFF; background:#000; transition:.5s;}
#toppage .instagram-placeholder:hover a { color:#FFF;}
#toppage .instagram-placeholder:hover img { opacity: 0.3; transition:.5s;}
#toppage .instagram-placeholder .iine:hover {color:#FFF;}
#toppage .instagram_box .b_insta,
#toppage .instagram_box .b_insta a { display: block; width: 77px; height: 85px;}
#toppage .instagram_box .b_insta {
	position: absolute;
	top:-40px;
	left:5%;
	z-index: 99999;
	transition:.5s;
}
#toppage .instagram_box .b_insta a {
	text-indent: -9999px;
	background: url(../../image/b_insta.png) no-repeat;
}
#toppage .instagram_box .b_insta:hover { top:-60px;}