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

body
{
	font: 120%/1.6 Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background: #ffffff;
	background-image:url(../img/back.jpg);
	background-position: center center;
	background-size: cover;
	margin: 0;
	padding: 0;
	color: #000000;
	
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link
{
	color:#666;
	text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}

a:visited
{
	color: #666;
	text-decoration: none;
}

a:hover, a:active, a:focus
{ /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: underline;
}

/**header部分**/
header
{
	z-index: 6;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:90px;
	background:rgba(255,255,255,0.95);
	clear:both;
}

div#logo
{
	width:230px;
	height:62px;
	margin-top:10px;
	margin-left:10px;
	float:left;
}

/**navi部分**/
nav#navigation
{
	float:right;
	font-size:18px;
	height:30px;
	width:450px;
	margin-top:10px;
}

nav#navigation ul li
{
	display: inline;
	margin-right:10px;
}

nav#sns
{
	float:right;
	margin-top:8px;
	margin-right:50px;
}

nav#sns ul li
{
	display: inline;
}


/**h**/
#theTarget
{
	margin-top:-20px;
	width:100%;
	height:660px;
}

.slideimg1
{
	width:100%;
	background-image:url(../img/sozai1.jpg);
	background-position: center center;
	background-size: cover;
}

.slideimg2
{
	width:100%;
	background-image:url(../img/sozai2.jpg);
	background-position: center center;
	background-size: cover;
}

.slideimg3
{
	width:100%;
	background-image:url(../img/sozai3.jpg);
	background-position: center center;
	background-size: cover;
}

h1
{
	margin:0;
	padding:0;
}

h2
{
	text-align:center;
	font-size:34px;
	margin:20px;
}

h3
{
	text-align:center;
	font-size:20px;
}


/**contents**/

div.inner
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:90px;
}

#policy,#service,#company,#contact
{
	color:#333333;
	padding:20px 0px;
	margin:20px 0px;
	clear:both;
}

div.discription
{
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

div.service_block
{
	width:100%;
	margin-top:40px;
}

div.service_detail
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:33%;
	float:left;
}

div.service_discription
{
	width:80%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

div.service_link
{
	text-align:right;
}

#pagetop
{
 position: fixed;
 bottom: 50px;
 right: 50px;
 }
 
 
dl
{
}

dt
{
	font-weight:bold;
	padding-top : 10px;    
	padding-bottom : 10px;
	padding-left : 10px;
	width : 20%;
	float : left;/* 左に寄せる */
	clear : both;/* フロートの解除 */
}

dd
{  
	padding-top : 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 10px;
	width : 80%;
}

/**footer**/

footer
{
	background:#000;
	color:#ccc;
	text-align:center;
	padding:30px;
}

#footer_navigation
{
	
}

nav#footer_navigation ul li
{
	display: inline;
	margin-right:10px;
}

nav#footer_sns
{
}

nav#footer_sns ul li
{
	display: inline;
}


/**share**/
/******************************
 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定して下さい
******************************/
.social-area-syncer{
	background: #F5F1E9;	/* 背景色 */
	padding: 1.5em 0;
}

/******************************
 [ul]要素
******************************/
/* スマホ */
ul.social-button-syncer{
	overflow: hidden;
	width: 238px;
	margin: 1em auto;
	padding: 0;
	border: none;
	list-style-type: none;
}

/* デスクトップ */
@media screen and (min-width:480px){

	ul.social-button-syncer{
		width: 410px;
	}

}

/******************************
 [li]要素
******************************/
ul.social-button-syncer li{
	overflow: hidden;
	float: left;
	text-align: center;
	height: 71px;
	margin: 0 8px;
	padding:0;
}

/******************************
 各種ボタン
******************************/
/* [Twitter] */
.sc-tw{
	width: 71px;
}

/* [Facebook] */
.sc-fb{
	width: 69px;
}

/* [LINE] */
.sc-li{
	width: 50px;
}

.sc-li-img{
	border: none;
	margin: 0 auto;
	padding:0;
	width: 36px;
	height: 60px;
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and (min-width:480px)
{
	.sc-li{
		display: none;
	}

}