@charset "UTF-8";


/* ----------------------------------------------------------------------------------------------------
* TOP
---------------------------------------------------------------------------------------------------- */
.top-header-image-wrap{
	padding:3rem 0;
	background-image:url("../../images/corporate/top_main.png");
	background-size:cover;
	background-position:top left;
}
.top-header{
	padding-top:3rem;
	position:relative;
}
.top-header-image > *{
	width:50%;
}
.top-header-image{
	_height:auto;
	_width:50%;
	_border:1px solid black;
}


.top-contents-title{
	padding-bottom:1.5rem;
	margin-bottom:3rem;
	border-bottom:1px solid #636363;
}

.top-sns .box{
	background-color:#FFFFFF;
	width:100%;
	padding:1rem;
}
.top-sns .text-wrap,
.top-sns .img-wrap{
	padding:1rem;
}
.top-sns .text-wrap{
	width:65%;
	text-align:left;
}
.top-sns .img-wrap{
	width:35%;
}
.top-sns .title{
	font-size:120%;
	margin-bottom:1.5rem;
}
.top-sns .logo{
	margin-bottom:2rem;
}
.top-sns .sns i{
	margin:5px;
}

.info-list{
	padding:.5rem 3rem;
	border-right:1px solid #636363;
	border-left:1px solid #636363;
}
.info-list li{
	margin-bottom:.5rem;
}
.info-list date{
	margin-right:1em;
	float:left;
}
.info-list a{
	overflow:hidden;
	display:block;
}

/* ----------------------------------------------------------------------------------------------------
* サービス
---------------------------------------------------------------------------------------------------- */
.service-list li{
	width:49%;
	margin-bottom:1.5rem;
}

/* ----------------------------------------------------------------------------------------------------
* 会社概要
---------------------------------------------------------------------------------------------------- */
.company-about th,
.company-about td{
	border-top:1px solid #DEDEDE;
	border-bottom:1px solid #DEDEDE;
	vertical-align:top;
	text-align:left;
	padding:2rem;
	/*font-weight:bold;*/
}
.company-about th{
	min-width:10em;
	width:23%;
	padding-left:0;
}
.company-about td{
	padding-right:0;
}

/* ----------------------------------------------------------------------------------------------------
* プライバシーポリシー
---------------------------------------------------------------------------------------------------- */
.privacy-dl{
}
.privacy-dl dt:before{
	content:"●";
}
.privacy-dl dd{
	margin-bottom:2rem;
}

/* ----------------------------------------------------------------------------------------------------
* お問い合わせ
---------------------------------------------------------------------------------------------------- */
.contact-links{
	width:100%;
}
.contact-links td{
	padding:0;
	position:relative;
}
.contact-links td a{
	padding:4rem 3rem;
	display:block;
	font-weight:bold;

}
.contact-links td a:after{
	border:1px solid #636363;
	border-radius:50%;
	line-height:.75;
	padding:1rem;
	display:inline-block;
	content:'>';
	position:absolute;
	right:3rem;
}

/* ----------------------------------------------------------------------------------------------------
* レスポンシブ対応
---------------------------------------------------------------------------------------------------- */
/* 768px未満：スマホ
---------------------------------------------------------------------------------------------------- */
@media screen and (max-width:767px) { 
	.top-header{
		text-align:center;
	}
	.contact-links td{
		display:block;
		margin-bottom:5px;
		width:100%;
	}
	.content-title{
		font-size:150%;
	}

}
/* 768px以上：PC・タブレット
---------------------------------------------------------------------------------------------------- */
@media screen and (min-width:768px) {
	.top-header .logo{

	}
	.top-sns .box{
		width:48%;
	}
	.service-list li{
		width:31%;
		margin-bottom:3rem;
	}
	.contact-links td{
		width:50%;
	}
}