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

/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight: normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/



#body-inside{
	overflow-x: hidden;
	position: relative;
	top: 0;}

.clear{
	clear: both;
}
.sponly {
	display:none;
}

.spnone {
	display:block;
}

.overimg:hover {
	opacity:0.5;
}

.f_left{float: left;}
.f_right{float: right;}
.w62per{width: 62%;}
.w28per{width: 28%;height: 288px;}
.bg_blue{background-color: #C3DEE8;}
.bg_green{background-color: #EDF2D4;}
.ptb_5per{padding: 5%;}
.w60per{width: 60%;}
.w40per{width: 40%;}
.w46per{width: 46%;}
.w48per{width: 48%;}
.w46per img , .w48per img {width: 100%;}

.w60per img{width: 60%;padding-top: 20%;}
header {
	width:1000px;
	margin:0 auto;
	z-index: 999999;
}

.contents {
	width:1000px;
	margin:0 auto;
}

.bg_beige{background-color:#fcfbf9;}
.orange{color: #e18a2e;}
img {
	vertical-align:bottom;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
}

ul,ol,dl {
	margin:0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}
dl {border-bottom:1px dotted #ddd;
margin-top: 1em;}
dt {
	margin-bottom:0.5em;
	float: left;

}
dd {
	margin-bottom:0.5em;
	 margin-left: 12%;	
}

table {
	width:100%;
	margin-bottom:1em;
	background-color: #f1f1f1;
	border-bottom: 1px dotted #BFC0C0;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border-bottom: 1px solid #f1f1f1;
}
th.aka {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border-bottom: 1px solid #E60012;
}
td {
	padding:10px 0px 10px 20px;
	text-align:left;
	background-color: #ffffff;
	border-bottom: 1px dotted #BFC0C0;
	
}
/*================================================
 *  汎用クラス
 ================================================*/
/* 写真中央寄せ */
.imgC {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
	text-align:center;
}
.imgC img {
	margin: 0 auto 0.5em;
}

/* 写真左寄せ */
.imgL {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgL img {
	float:left;
	margin:0 1em 0.5em 0;
}

/* 写真右寄せ */
.imgR {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgR img {
	float:right;
	margin:0 0 1em 0.5em;
}

img {
	vertical-align:bottom;margin: 0;
}
.img100{width: 100%;}



/* flexbox フレックスボックス */
/* flexbox フレックスボックス */


.flexbox_four ,.flexbox{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
  	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	}

.child4 {
	width: 23%;
	margin: 0 1% 5%;
	}
.child_syamei {
	width: 34%;
	margin: 0 1% 5%;
	}
.child_syamei img{width: 70%;}
.child_fmenu{
	width: 29%;
	margin: 0 1% 5%;}
.child3 {
	width: 29%;
	margin: 0 2% 5%;
	}
.child3_sns {
	width: 13%;
	margin: 0 10% 5%;
	}
.child4 img , .child3 img ,.child3_sns img{
	width: 100%;
	}
.mark_center{text-align: center;}
.motto_wide{width: 23%;}
/*================================================
 *  ヘッダー
 ================================================*/
header #g_menu {
	background: #fff;
	width: 100%;
	position: fixed;
	z-index: 10;
}
.logo{
	width: 28%;
	float: left;
}
.logo img{
	width: 100%;
}
.tel_box{
	width: 30%;
	float: right;}
.tel_box img{width: 85%; float: left;margin-left: 5%;}
/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav.g_menu {
	padding: 0px;	
}



nav.g_menu ul li {
display: inline-block;
float: left;
padding: 0px;
	margin-right: 1.2em;
}
.head_line{height: 4px;background-color: #E60012;}

/*================================================
 *  メイン
 ================================================*/
.page_contents{background-color: #F4F2ED;margin: 0;padding: 0;}
.kadomaru img{border-radius: 20px;}
.page_ttl{font-size: 150%;font-weight: bold;padding-top: 5%;}
.white_box{background-color: #ffffff;padding: 7%;border-radius: 20px;margin-top: 5%;}
/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
	padding:2% 0;
	font-size:1em;
	text-align:center;
	background-color:#666666;
	color: #fff;
	padding-bottom: 30px;
}
.flexbox_foot {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	}
.foot_logo{width: 100%;}
.foot_menu{
	background:url("../img/foot_back.jpg") repeat-y;
	margin: 0;
	padding:2% 0;
	color: #ffffff;
	background-size: cover;
}

.foot_menu ul{
	margin: 0 auto;
}
.foot_menu ul li{
	margin: 1% 0%;
	list-style: none;
}
.foot_menu ul li a{
	background-image: url(../img/point.svg);
	background-repeat: no-repeat;
	display: block;
	height: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-position: left center;
	padding-left: 20px;
	color: #ffffff;
	font-size: 13px;

}
.foot_menu ul li a:hover{color: #BA0C0F;}
/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#000;
}
.totop img:hover {
	background:#333;
}

/*================================================
 *  ページ共通お問い合わせボックス
 ================================================*/
.contact_box{background-image:url("../img/area_back.jpg");background-repeat: no-repeat;background-size: contain;background-color: #f8f8f8;}
.contact_left{width: 25%;border-right: solid 1px #666666;padding: 3% 5%;}
.contact_right{width: 60%;text-align: center;padding-top: 2%;margin: 0 auto;}
.contact_right img{width: 50%;margin-bottom: 3%;}
/* section 1 */

/* section 2 */
.concept{
background-image: url("../img/bg_concept.jpg");
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
padding: 5% 10%;}
/* section 3 */

/* section 4 */

/* section 5 */
.works{
background-color: #f0efe4;
border-radius: 20px;
padding: 5% 10%;
}
/* section 6 */

.bg_work_color{background-color: #f0efe4;}



/* 更新箇所 */
	
	.wp_box {
		width: 100%;
		height: 170px;
		border-radius: 10px;
		margin: 0px auto 10px auto;
		background-size: cover;
		background-position: center top;
	}
	
	.wp_box2 {
		width: 100%;
		height: 120px;
		border-radius: 10px 10px 0px 0px;
		margin: 0px auto 10px auto;
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}

	.wp_box3 {
		width: 100%;
		height: auto;
		border-radius: 10px;
		background-color: #fff;
		background-size: contain;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
.wp_box4 {
		width: 100%;
		height: 280px;
		border-radius: 0px;
		background-color: #fff;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}


	.wp_date {
		font-size: 12px;
		display: block;
		margin: 2px auto 2px auto;
		color: #999;
	}
	
	.wp_title {
		font-size: 15px;
		line-height: 1.4;
		text-align: left;
		font-weight: bold;
		display: block;
		margin: 2px auto 4px auto;
		color: #000;
	}
	
	.wp_plice {
		font-size: 14px;
		display: block;
		font-weight: normal;
		margin: 2px auto 2px auto;
		color: #666666;
	}
	
	.wp_estate {
		font-size: 18px;
		line-height: 1.4;
		text-align: center;
		font-weight: bold;
		display: block;
		margin: 2px auto 4px auto;
		color: #000;
	}
		

/* パンくずメニュー */

.pankuzu {
	display: block;
	height: 14px;
	font-size: 8px;
	padding: 2px auto!important;
	text-align: left;
	color: #666;
	margin-top: 5px;
}

.w40per_100per{width: 34%;margin: 0 auto;}


/*================================================
 *  スマートフォン向けデザイン
 ================================================*/


@media screen and (max-width: 560px) {
.w40per_100per{width: 70%;margin: 5% auto 0;}
/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
header {
	background: #fff;
	width: 100%;
	position: fixed;
	height:70px;

}

.pankuzu {
	display: none;
}
	

	.wp_date {
		font-size: 10px;
		font-weight: normal;
	}
	
	.wp_title {
		font-size: 14px;
	}
	
	.wp_plice {
		font-size: 10px;
		font-weight: normal;
	}
	
	.wp_estate {
		font-size: 14px;
	}
		
	
	
	
	.foot_menu ul li a{
	background-image: url(../img/point_sp.svg);
		
	height: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	background-position: left center;
	padding-left: 20px;
	color: #ffffff;
	font-size: 15px;
		border: 1px solid #666;
		padding-top: 7px;
		padding-bottom: 4px;

}
	
	
	
	
	
.contents {
	width:90%;
	margin:0 auto;
}
/* ;;;;;;;; 共通項目 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; */
.sponly {
	display:block;
}
.spnone {
	display:none;
}
	
.logo{
	width: 52%;
	float: left;
}
dl {border-bottom:1px solid #ddd;
margin-top: 1em;}
dt {
	margin-bottom:0.5em;
	float: none;
	background-color: #ddd;
	padding: 1% 0 0 2%;
}
dd {
	margin-bottom:1em;
	 margin-left: 0%;	
}

nav.g_menu , .tel_box a img.tel_number{
		display:none;
}
.tel_box{position: fixed;float: right;right: 0;}
.tel_box a img.barger_menu{width: 30%;float: right;margin-right: 10%;margin-top: -5%;}
.f_left{float: none;}
.f_right{float: none;}
.w60per{width: 100%;}
.w40per{width: 100%;}
.w46per{width: 100%;}
.w48per{width: 100%;}
.w46per img , .w48per img {width: 100%;}

.w60per img{width: 75%;padding-top: 10%;}
	
.w62per{width: 100%;}
.w28per{width: 90%;height: auto;text-align: center;}
	.w28per img{width: 80%;margin: 0 auto;}
	
/* flexbox フレックスボックス */
/* flexbox フレックスボックス */

.child_syamei {
	width: 100%;
	margin: 0 0% 5%;
	}
.child_syamei img{width: 70%;}
.child_fmenu{
	width: 98%;
	margin: 0 1% 5%;}
	
.child4 {
	width: 48%;
	margin: 0 1% 5%;
	height: 300px;
	}
.child3 {
	width: 98%;
	margin: 0 1% 5%;
	}
.child4 img {
	width: 100%;
	}
.mark_center{text-align: center;}
.motto_wide{width: 50%;}
	
.wp_box4 {
		width: 100%;
		height: 400px;
		border-radius: 0px;
		background-color: #fff;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}
/* section 1 */

/* section 2 */

/* section 3 */

/* section 4 */

/* section 5 */

/* section 6 */

	.tel_box {
		display: none;
	}

/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
	padding:2% 0;
	font-size:1em;
	text-align:center;
	background-color:#666666;
	color: #fff;
	border-top: solid 1px #ffffff;
	padding-bottom: 30%;
}
.foot_menu ul{
	width: 100%;
	margin: 0 auto;
}
.foot_menu ul li{
	display: block;
	margin: 0 0%;
}
.foot_logo{width: 80%;}
.flexbox_foot {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
  	flex-wrap: wrap;
	width: 100%;
	float: none;
	}
/*================================================
 *  ページ共通お問い合わせボックス
 ================================================*/

.contact_left{width: 90%;border-right: none;padding: 3% 5%;}
.contact_right{width: 100%;text-align: center;padding-top: 2%;margin: 0 auto;}
.contact_right img{width: 70%;margin-bottom: 3%;}
}