@charset 'UTF-8';
@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Oleo+Script:400|Open+Sans:300,300italic,600,600italic,800");

/*
	Verti by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body {
		
	}

		body.is-loading *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}
		
	body,input,select,textarea
	{
		font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
		font-size: 14px;
		color: #000;
	}
	
	a
	{
/*	指定無し
		color: #0090c5;
		text-decoration: underline;
*/
	}
	
		a:hover
		{
			text-decoration: none;
		}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color: inherit;
		text-decoration: none;
		outline: 0;
	}

	b, strong
	{
		font-weight: 600;
		color: #444;
	}
	
	i, em
	{
		font-style: italic;
	}
	
	br.clear
	{
		clear: both;
	}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #eee;
	}
	
	blockquote
	{
		border-left: solid 0.5em #eee;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}	
	


	p, ul, ol, dl, table
	{
/*
		margin-bottom: 2em;
*/
		margin: 0;
		padding: 0;
	}
	
	/* Section/Article */
	
		section,
		article
		{
			margin-bottom: 5em;
		}
		
			section > :last-child,
			article > :last-child
			{
				margin-bottom: 0;
			}

			section:last-child,
			article:last-child
			{
				margin-bottom: 0;
			}

		header {

		}
		
			header h2, header h3 {
				margin: 0 0 0.25em 0;
			}
			
			header p {
				margin: 0;
			}

		footer {

		}

	/* Forms */

		form
		{
		}
		
			form label
			{
				display: block;
				font-weight: 800;
				margin: 0 0 1em 0;
				font-size: 0.8em;
				color: #444;
			}
		
			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
/*
			form select,
*/
			form textarea
			{
				-webkit-appearance: none;
				display: block;
				width: 96%;
				border-radius: 8px;
				border: solid 1px #eee;
			}

				form input[type="text"]:focus,
				form input[type="email"]:focus,
				form input[type="password"]:focus,
				form select:focus,
				form textarea:focus
				{
					border-color: #0090c5;
				}

			form input[type="text"],
			form input[type="email"],
			form input[type="password"]
/*
			form select
*/
			{
				line-height: 3em;
				padding: 0 1em;
			}
				
			form textarea
			{
				min-height: 9em;
				padding: 1em;
			}

			form .formerize-placeholder
			{
				color: #555 !important;
			}

			form ::-webkit-input-placeholder
			{
				color: #555 !important;
			}

			form :-moz-placeholder
			{
				color: #555 !important;
			}

			form ::-moz-placeholder
			{
				color: #555 !important;
			}

			form :-ms-input-placeholder
			{
				color: #555 !important;
			}

			form ::-moz-focus-inner
			{
				border: 0;
			}

	/* Tables */
	
		table
		{
/*
			width: 100%;
*/
		}
		
			table.default
			{
				width: 100%;
			}

				table.default tr
				{
					border-top: solid 1px #eee;
				}

					table.default tr:first-child
					{
						border-top: 0;
					}
			
				table.default td
				{
					padding: 0.5em 1em 0.5em 1em;
				}
				
				table.default th
				{
					text-align: left;
					padding: 0.5em 1em 0.5em 1em;
					font-weight: 800;
					margin: 0 0 1em 0;
				}
			
				table.default thead
				{
					background: #404248;
					color: #fff;
				}
				
				table.default tfoot
				{
				}
				
				table.default tbody
				{
				}

	/* Image */

		.image
		{
			display: inline-block;
			outline: 0;
		}
		
			.image img
			{
				display: block;
				width: 100%;
				border-radius: 8px;
			}

			.image.fit
			{
				display: block;
				width: 100%;
			}
		
			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 2.5em 0;
			}
		
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
		
			.image.centered
			{
				display: block;
				margin: 0 0 2.5em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}

	/* Button */

		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			-webkit-appearance: none;
			position: relative;
			display: inline-block;
			background: #964528;
			color: #fff;
			text-decoration: none;
			border-radius: 6px;
			font-weight: 800;
			outline: 0;
			border: 0;
			cursor: pointer;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out;
			transition: background-color .25s ease-in-out;
		}
		
			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				background: #ec8c64;
			}
		
			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
				background: #ec8c64;
			}
		
			.button.icon
			{
			}
			
				.button.icon:before
				{
					position: relative;
				}
		
			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt
			{
				background: #f1f1f1;
				background: rgba(0,0,0,0.05);
				color: #444;
			}

				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover
				{
					background: #e8e8e8;
					background: rgba(0,0,0,0.085);
				}

				input[type="button"].alt:active,
				input[type="submit"].alt:active,
				input[type="reset"].alt:active,
				.button.alt:active
				{
					background: #e4e4e4;
					background: rgba(0,0,0,0.15);
				}

	/* List */

		ul
		{
		}

			ul.default
			{
				list-style: disc;
				padding-left: 1em;
			}
			
				ul.default li
				{
					padding-left: 0.5em;
				}

			ul.actions
			{
			}

				ul.actions li
				{
					display: inline-block;
					padding: 0 0 0 0.25em;
					margin: 0 0 0 0.25em;
				}
				
					ul.actions li:first-child
					{
						margin-left: 0;
						padding-left: 0;
					}
				
			ul.menu li
			{
				border-left: solid 1px #e0e0e0;
				display: inline-block;
				padding: 0 0 0 0.75em;
				margin: 0 0 0 0.75em;
			}

				ul.menu li:first-child
				{
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon {
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
	#header-wrapper	{
		width:100% ;
		background: #fff url("../image/com/bg_head.png") repeat-x ;
	}

	#menu-wrapper {
		width:100% ;
	}

	#banner-wrapper	{

	}
	
	.main-wrapper {
		width:100% ;
	}
	
	#footer-wrapper {
		clear: both;
		width: 100%;
		background-color: #544d47;
	}

	.modea {
		background-color: #f5f6f5;
	}

	.modeb {
		background-color: #fff;
	}
	
/*********************************************************************************/
/* ヘッダ                                                                        */
/*********************************************************************************/

	#header {

	}
	
/*********************************************************************************/
/* ロゴ                                                                          */
/*********************************************************************************/

	#logo {
		overflow: hidden;
	}

		#logo h1 {

		}
		
		#logo span {

		}

/*********************************************************************************/
/* スライダー部分                                                                */
/*********************************************************************************/
	#photo_box {

	}


/*********************************************************************************/
/* アイコン表示（自動改行）                                                      */
/*********************************************************************************/
.list_grid {
	margin: 0 auto;
	padding: 0;
}

.list_grid ul {
	overflow:hidden;
	list-style: none;
	padding:0 ;
	margin:0 ;
}

.list_grid li {
	margin: 0;
	padding: 0;
	float: left;
}

.clear {
	clear: both;
}

.list_grid a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*********************************************************************************/
/* お知らせ					                                                     */
/*********************************************************************************/
#news {
	background-color: #fff;
}

#news_list {
	margin-left: auto;
	margin-right: auto;
}

#news_list li {
	width: 100%;
}

ul#news_box {
	width:100% ;
}

#news_list h2 {
	
}

#news_list img {
	max-width: 100%;
}


/*********************************************************************************/
/* 会社概要					                                                     */
/*********************************************************************************/
#company {
	background-color: #f5f6f5;
}

#company_information {
	clear: both;
}

/*********************************************************************************/
/* 石の品質維持のこと		                                                     */
/*********************************************************************************/
#stonecase_list {
	width: 100%;
}

#stonecase_list li,#stonecase_list h2 {
	text-align: center;
}

#stonecase_list h2 {
	margin: 0;
	padding: 0;
}

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

.form_area {
	clear: both;
	text-align: center;
}

.form_area img {
	border-radius: 30px;
}

.form_area a:hover{ 
	opacity:0.5;
	transition:0.3s;
}

/*********************************************************************************/
/* 業務内容					                                                     */
/*********************************************************************************/
#business_list {
	width: 100%;
}

#business_list h2 {
	border-left: 4px solid #ec8c64;
}


/*********************************************************************************/
/* お問い合わせ				                                                     */
/*********************************************************************************/

#contact_box {
	text-align: center;
}

h4 {

}

.catch_size {

}

/*********************************************************************************/
/* フッタ                                                                        */
/*********************************************************************************/

	#footer {
		margin-top: 0;
	}
	
		#footer a {
			color: inherit;
		}
	
	#text_tel_adrs {
		color: #fff;
	}

	#text_menu {
		color: #fff;
	}

	#copyright {
		color: #fff;
	}
	
		#copyright a
		{
			color: inherit;
		}

/*********************************************************************************/
/* 各ページタイトル	　　                                                      　 */
/*********************************************************************************/
.page_title {

}

/*********************************************************************************/
/* タイトル設定（未設定）	                                                     */
/*********************************************************************************/
h1.title {
	width: 100%;
	text-align: center;
	letter-spacing: 0.2em;
	font-weight: 600;
}

h1.title span {
	font-size: 70%;
	color: #e46031;
	font-weight: 400;
	letter-spacing: 0.025em;
}

h2.title {
	width: 100%;
}

h3 {
	color: #fff;
}


div#access-wrapper
	clear:both ;
}



.dsp_line {
	clear:both ;
}

.set_image {
	width: 100%;
	height: auto;
}

.set_image100 {
	max-width: 100%;
	height: auto;
}

/*********************************************************************************/
/* 石の品質維持				                                                     */
/*********************************************************************************/
h2.stone_service {
	clear: both;
	height: 58px;
	padding: 20px 0 0 80px;
	font-size: 200%;
	font-weight: 600;
	-webkit-text-stroke-width: 1px;
	letter-spacing: 0.1em;
}

h2#title_stoneicon01 {
	background-image: url("../image/stone/stoneicon101.png") ;
	background-repeat: no-repeat;
}

h2#title_stoneicon02 {
	background-image: url("../image/stone/stoneicon102.png") ;
	background-repeat: no-repeat;
}

h2#title_stoneicon03 {
	background-image: url("../image/stone/stoneicon103.png") ;
	background-repeat: no-repeat;
}

h2#title_stoneicon04 {
	background-image: url("../image/stone/stoneicon104.png") ;
	background-repeat: no-repeat;
}

h3.stone_service {
	clear: both;
	margin: 20px 0;
	color: #000;
	font-size: 140%;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 140%;
}

.stone_service_detail {
	float: left;
	margin-bottom: 60px;
}

.stone_service_photo {
	float :left;
}

.stone_service_photo img {
	
}

.stone_service_information {
	float: left;
}

h3.btt_flow {
	background-color:#c3996b;
	clear: both;
	padding: 10px 0;
	color: #fff;
	font-size: 140%;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-align: center;
}

/*********************************************************************************/
/* 会社概要					                                                     */
/*********************************************************************************/
ul#company_information {

}

ul#company_information li {
	clear: both;
	width: 100%;
	border-bottom: 1px dotted #000;
}

ul#company_information li span{
	width: 100px;
}

#access {
	margin-left: auto;
	margin-right: auto;
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin:0 auto 2% ;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*********************************************************************************/
/* お問い合わせ					                                                 */
/*********************************************************************************/
span.must {
	background-color:#ff0000;
	color: #ffffff;
	font-size: 70%;
	margin-left: 4px;
	padding:0 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#contact a:link,a:visited {
	text-decoration: none;
}

#contact .catch_size {
	margin-bottom: 30px;
}

#contact .catch_size a {
	color: #333;
}

p.marker {
	float: right;
	width: 7em;
	padding: 6px 10px;
	border: 1px solid #333;
	border-radius: 6px;
	text-align: center;
	background-color: #eee;
	font-weight: 600;
}

#jigyosaiko {
	background-color: #f5f6f5;
}

.right {
	text-align: right;
}


/*********************************************************************************/
/* 墓じまい				                                                 */
/*********************************************************************************/
.dtt_illust {
	margin: 20px auto;
}

.dtt_illust_bg {
	position: relative;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.dtt_illust_bg img {
	max-width: 100%;
	height: auto;
}
.dtt_illust01 {

}

.dtt_illust02 {

}

.dtt_illust03 {

}

.dtt_illust04 {

}

.dtt_illust05 {

}

.dtt_illust06 {

}

.dtt_illust07 {

}

.dtt_illust08 {

}

.dtt_illust09 {

}

h3.dtt_illust_title {
	position: absolute;
	top: 5px;
	left: 25px;
	font-size: 160%;
	color: #000;
	line-height: 150%;
	font-weight: 600;
	line-height: 1.6;
	text-indent: -1.5em;
	padding-left: 1em;
	margin: 0;
	letter-spacing: 2px;
}

.dtt_illust_sub{
	position: absolute;
	left: 50px;
	font-size: 86%;
	line-height: 150%;
}

.dtt_sub01 {
	top: 110px;
}

.dtt_sub02 {
	top: 70px;
}

.dtt_sub03 {
	top: 70px;
}

.dtt_sub04 {
	top: 70px;
}

.dtt_sub05 {
	top: 70px;
}

.dtt_sub06 {
	top: 70px;
}

.dtt_sub07 {
	top: 70px;
}

.dtt_sub08 {
	top: 70px;
}

.dtt_sub09 {
	top: 70px;
}

.next_flow {
	margin: 20px auto;
	text-align: center;
}

.flow_end {
	margin: 20px 0;
	text-align: center;
}