@charset "utf-8";
/* CSS Document */



/* Default style clear------------------------------------------------ */
@import "reset.css";
/* ------------------------------------------------Default style clear */

/* レイアウト ---------------------------------------------------------*/
@import "layout.css";

/*--------------------------------------------------------- レイアウト */


/*▼テキスト修飾*/

h1{
	text-align:right;
	font-size:0.8rem;
}



h2{
	clear:both;
	background-image:url("../images/h2-bk.gif");
	background-position:bottom;
	background-repeat:repeat-x;
	border-left:10px solid #70b60b;
	font-size:1.5rem;
	margin-bottom:25px;
	text-indent:0.5em;
	position:relative;
	line-height:1.9;
}


.link {
	text-align:center;
	margin-bottom:30px;
}

.link h4{
	/* border:double 3px #70b60b; */
	/* display:inline-block; */
	font-weight:bold;
	/* margin-bottom:10px; */
	padding:5px 10px;
	/* border-radius:50px; */
	text-align:center;
}

/*(画像、テキスト横並び)*/
.img-txt{
	display:flex;
	align-items:flex-start;
	border:solid #cecece 1px;
	padding:1rem;
	width:fit-content;
	margin:0 auto;
	}

.img-txt p:last-child{
	margin-left:1.2rem;
	font-size:0.8rem;
	}


.img-txt p:nth-child(2),.img-txt div:nth-child(2){
	flex:1;
	}


.Box{
	margin-bottom:2rem;
}

.BoxS{
	margin-bottom:1.5rem;
}

.Box p,.BoxS p{
	margin-bottom:1rem;
}



h3.cent{
	/*background-image:url("../images/h2-bk.gif");
	background-position:bottom;
	background-repeat:repeat-x;*/
	/* border:1px solid #0b0b0b; */
	/* padding:0.3rem 0.5em; */
	margin-bottom:20px;
	font-weight:bold;
	color:#0b0b0b;border-radius:2px;
	clear:both;
	font-size:1.2rem;
	line-height:1.3;
	text-align:center;
}




.rig{
	text-align:right;
}

.cau01{
	padding:5px 0;
	color:#FF0000;
	text-align:right;
	font-size:0.8rem
}

.point{
	color:#FF0000;
}

.f-size75{
	font-size:0.75rem;
	}


.picR{
	float:right;
	margin-left:0.85rem;
	}
	
.picL{
	float:left;
	margin-right:0.85rem;
	}


/*▲テキスト修飾*/


/*画像レイアウト--------------------------------------*/


img.bot{
	vertical-align:bottom;
	margin-left:10px;
}

.bannerB{
	margin-bottom:20px;
}



/*▲--------------------------------------------------*/





/* index.html--------------------------------------------------------- */

#top .model{
	position:relative;
	width:854px;
	height:481px;
}

.ryokufu-top{
	position:absolute;
	left:4.5px;
	top:4.5px;
	z-index:1;
}



.first{
	border:solid #cecece 1px;
	padding:0.9rem 0.3rem 0.9rem 0.9rem;
	margin-bottom:1.5rem;
}

.first h4{
	text-align:center;
	width:100%;
	display:block;
	box-sizing:border-box;
	border:none;
	margin-bottom:1rem;
}

.first .content-wrapper{
	display:flex;
	align-items:flex-start;
	gap:1rem;
}

.first .image-section{
	flex-shrink:0;
}

.first .text-section{
	flex:1;
}



#Slide{
	width:854px;
	height:378px;
	z-index:1;
}


.topcat{
	position:absolute;
	top:18px;
	right:18px;
	z-index:2;
}



/*（更新情報）*/

.info{
	clear:both;
}



.infoBox{
	font-size:0.75rem;
	width:100%;
	height:13rem;
	border:1px solid #ffa800;
	overflow:auto;
	margin-bottom:3rem;
	line-height:2;
}

.infoBox p{
	padding:0.5rem;
	border-bottom:1px dotted #F0D49C;
}


/*（カウンター）*/

p.counter{
	font-size:0.6rem;
	text-align:center;
	padding-right:10px;
	margin-bottom:15px;
}



/*（リンク）*/
ul.link{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:15px;
	text-align:center;
	margin-bottom:20px;
	font-size:0.6rem;
	line-height:1.5;
}


.link02{
	clear:both;
	margin:0 0 20px 0;
}


/*新店舗の取り組み*/

table.newstore td{
	vertical-align:bottom;
	padding:10px 0;
}

table.newstore td img{
	margin:0 0 0 5px;
	padding:0;
	vertical-align:bottom;
}


.more{
	display:inline-block;
	vertical-align:bottom;
    padding:0.1rem 0.4rem;
	border:1px solid #dedede;
	background:#f2f9e7;
	transition : all 0.5s linear;
	margin-top:5px !important;
}

.more a{
	display:inline-block;
	text-decoration:none;
	color:#000;
	font-size:0.73rem;
	}
	
.more:hover{
	background:#fff;

	}	

.more::before {
    content:  '';
    width: 0;
    height: 0;
    border-style:solid;
    border-width:7px 0 7px 7px;
    border-color:transparent transparent transparent #70b60b;
    display:inline-block;
    vertical-align:middle;
    position:relative;
    top:-2px;
    margin-right:4px;
}




/* --------------------------------------------------------index.html */


/*model(緑風の家2.0)---------------------------------------------------*/

.ryokufu-event{
	display:flex !important;
	justify-content:space-between !important;
	align-items: center;
	gap:30px;
}

.ryokufu-event b{
	font-size:130%;
}


.model a{
	display:inline-block;
	transition:background 0.5s linear;
	padding:0.5rem !important;
}


.modelTop{
	background:url("../images/model-top.webp") no-repeat;
	background-size:cover;
	width:100%;
}

.modelTop span{
	display:inline !important;
}



.modelTop > div:first-child{
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	width:100%;
	font-size:0.9rem;
	font-weight:700;
	text-align:center;
	color:#fff;
	text-shadow:2px 2px 7px #000,-2px -2px 7px #000;
	padding:2rem 0;
}


@media screen and (max-width: 1100px){	
/* tb縦向き以下時 */
.modelTop > div:first-child {
	text-align:left;
}
}


.modelTop > div:first-child > p{
	padding:0.5rem;
	line-height:2;
}

@media screen and (max-width: 1100px){	
/* tb縦向き以下時 */
.pcbr {
display:none;
}
}







.model,.model > *:not(.ryokufu-event){
	display:flex;
	flex-direction:column;
	align-items: center;
}


.model > *{
	margin:1rem 0;	
}


.model h2{
	border:none;
	background:none;
	text-indent:0;
	text-align:center;
}

.model iframe,.model .vr img{
	margin-bottom:1rem;
}


.model .movie span a,.model .vr span a{
	margin:1rem 0;
	border:1px solid;
	color:#000;
	text-decoration:none; 
	padding:0 1rem;
	width:14rem;
	text-align: center;
}

.model .movie span a:hover,.model .vr span a:hover{
	background:#000;
	color:#fff;
}

.model-reserve{
	width:100%;
	display:flex;
	flex-direction: row;
	justify-content:center;
	align-items: center;
	gap:20px;
	background:rgba(0,0,0,.5);
	margin-top:30px;
	color:#fff !important;
	font-weight: 900;
	font-size:1.5rem;
}

.model-reserve a{
	font-size:70%;
	color:#fff;
	background:#ff9600;
	padding:0 1rem;
	text-decoration: none;
	margin:0.5rem 0;
}

.model-reserve a:hover{
	background:#fff;
	color:#ff9600;
}


.reserve *:not(a){
	margin:0 !important;
	padding:0 !important;
}

.reserve .model-reserve{
		background:rgba(0,0,0,1);
	padding:0.5rem !important;
}


/*---------------------------------------------------model(緑風の家2.0)*/



/*▼com.htmlとbath.html----------------------------------------------*/


table.com{
	width:100%;
	margin:20px auto 50px;
	border-top:1px dotted #cccccc;
	line-height:1.8;

}

table.com th{
	border-bottom:1px dotted #cccccc;
	width:150px;
	padding:0.6rem 0.4rem 0.4rem;
}

table.com td{
	border-bottom:1px dotted #cccccc;
	padding:0.6rem 0.4rem 0.4rem;
}



/*▲com.htmlとbath.html-----------------------------------------------*/



/*【work.html】と【health.html】----------------------- */

.lBox{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	font-size:0.8rem;
}

.lBox > div{
	width:350px;
	margin:0 1rem 1.5rem 1rem;
	display:flow-root;
	font-size:0.75rem;
}

.lBox img:nth-of-type(1){
	margin-right:1.5rem;
	}


.reformT{
	position:relative;
}

.reformClub{
	position:absolute;
	right:0;
	bottom:0;
}




/*▲【work.html】と【staff.html】共通-----------------*/



/*staff.html-------------------------------------------*/

.staffBox{
	margin:0 20px 50px 20px;
	padding:20px;
	background:url(../images/bk-paper.jpg);
	box-shadow:3px 3px 5px #a1a1a1;
}


.staffPic{
	width:120px;
	float:left;
}

.staffText{
	width:570px;
	float:right;
}

.staffText table{
	width:100%;
}


.staffText th{
	width:80px;
}

.staffText th,.staffText td{
	padding:10px;
	background:url(../images/line.gif) bottom repeat-x;
}

.staffText td b{
	font-size:1.4rem;
	font-weight:normal;
}




/*-------------------------------------------staff.html*/






/*g01.html---------------------------------------------*/

/*（施工一覧に戻る）*/

.Back{
	clear:both;
	width:760px;
	margin:1rem 0;
}


/*（外観と説明）*/

.wText{
	flex:1;
}

.wText p{
	padding:10px;
}


.workTop{
	margin-bottom:2rem;
	}

.workTop-row2{
	display:flex;
	justify-content:center;
	margin-bottom:2rem;
	flex-wrap:wrap;
	gap:1.5rem;
	}

.workTop > *{
	margin-bottom:20px;
}


.workBox{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	font-size:0.85rem;
	}

.workBox img,.workBox div{
	margin-bottom:0.5rem;
	}

.workBox > div{
	margin:0 15px 25px 15px;
	}

.workBox p{
	font-size:0.8rem;
}




/*（内観写真）*/



.wPic{
	margin-right:1.5rem;
	}



.workTopText{
	margin:20px 13px 10px 13px;
	padding:20px;
	background:#fdfef0;
	border-radius:10px;
	border:2px solid #cac6ae;
}

.workTopText p{
	margin-bottom:5px;
}





.workBoxL{
	width:355px;
	float:left;
}

.workBoxR{
	width:355px;
	float:right;
}

.workBoxC{
	width:740px;
	margin:0 auto 30px auto;
}


.workBoxL p,.workBoxR p,.workBoxC p{
	padding:5px 0;
}


.rComme{
	padding:20px;
	margin:20px 10px 10px 10px;
	background:#fcfff2;
	border:2px solid #d2d2d2;
	border-radius:10px;
}


.workOL{
	/*text-align:right;*/
	margin-top:1rem;
	font-size:0.8rem;
	float:right;
	margin-left: 20px;
}

.w220{
	width:220px;
	}

.w250{
	width:250px;
	}
	
.w260{
	width:260px;
	}	

.w300{
	width:300px;
	}	

.w355{
	width:355px;
	}
	
.w400{
	width:400px;
	}
	
	
.w740{
	width:740px;
	}
	
.w480{
	width:480px;
	}


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


/*r01--------------------------------------------------------*/

.before{
	float:left;
	width:250px;
	margin:0 0 30px 30px;
}


.after{
	float:right;
	width:400px;
	margin:0 30px 30px 0;
}


.before220{
	float:left;
	width:220px;
	margin:0 0 30px 10px;
}


.after480{
	float:right;
	width:480px;
	margin:0 10px 30px 0;
}


.before p,.after p,.before220 p,.after480 p{
	padding:5px 0;
}




/*▲r01.html-------------------------------------------------*/


/*cr.html------------------------------------------------*/

.kaigo-cond dt,.kaigo-cond dd{
	display:inline-block;
	}
	
.kaigo-cond dt{
	font-weight:bold;
	margin-right:0.3rem;
	}

.kaigo-cond dd::after{
	content: "／";
	}


.crPrice{
	margin:8px 0;
	text-align:right;
	background-color:#cecece;
	border:1px solid #c1c1c1;
}


.crPrice th{
	padding:5px 20px;
	background-color:#e8e8e8;
	border:1px solid #c1c1c1;
}

.crPrice td{
	padding:5px 20px;
	background-color:#ffffff;
	border:1px solid #c1c1c1;
}

.crText{
	margin:20px auto 0 auto;
	width:680px;
	border:1px dotted #c1c1c1;
	padding:10px;
	clear:both;
}



/*お施主様の声*/
.cv{
	margin-bottom:20px;
}

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





/*staff.html-------------------------------------------------*/


ul.staffP li{
	border-bottom:2px dotted #cecece;
	margin-right:10px;
	padding:2px;
}


img.sName{
	border:0;
}


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


/*map---------------------------------------------------------*/
#gMap{
	margin-left:40px;
}


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

/*contat---------------------------------------------------*/

.contText{
	margin:25px 150px 30px 150px;
	padding:10px;
	border:1px dotted #cccccc;
	text-align:center;
}


p.cauCont{
	color:red;
}




table.ask{
	width:750px;
	margin:20px auto;
	border-top:1px dotted #cccccc;
}
table.ask th{
	font-weight:normal;
	border-bottom:1px dotted #cccccc;
	padding:10px;
	text-indent:10px;
}

table.ask td{
	border-bottom:1px dotted #cccccc;
	text-indent:10px;
	padding:10px;
}


/*------------------------------------------contact-*/


/* privacy.html -------------------------------------------------------*/

.pri_text{
	border:1px dotted #d3d3d3;
	padding:10px;
	margin:20px;
}


.priT{
	padding-left:30px;
	margin-bottom:5px;
	margin-top:25px;
}



.priT_t{
	padding:0 20px 0 50px;
}

ul.pri_l{
	padding-bottom:10px;
}

ul.pri_l li{
	padding-left:70px;
}

.pri_com{
	margin-left:30px;
	margin-top:30px;
}

/*------------------------------------------------------- privacy.html */