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

/*=========================================== 
スマホ向けのレイアウトの指定：～768px 
===========================================*/
@media only screen and (min-width: 0px) {

body{
	overflow-x: hidden;
}
	
#container{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}

#wrapper{
	width:100%;
	margin:0 auto;
}

/*メインビジュアル*/
.mv{
	background: url(../images/privacy_mv.jpg) no-repeat top center;
	background-size: cover;
}


/*コンテンツ*/
.terms{
	width: 90%;
	margin: 80px auto 0;
}

.privacy{
	width: 90%;
	margin: 80px auto;
}

h2.heading{
	font-size: 34px;
	line-height: 1.3;
	font-family: serif;
}

.line{
	width: 100px;
	margin: 20px 0 40px 0;
	border: solid rgb(139,199,207);
	border-width: 4px 0 0 0;
}

.text{
	margin: 20px auto 0;
	font-size: 14px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.7;
	
}

.text:first-child{
	margin: 20px auto;
}

.indent{
	margin: 0;
	text-indent: -1.3em;
	padding-left: 1.3em;
}

.contact{
	border-left: 4px solid rgb(200,200,200);
	padding: 0 0 0 16px;
}

.contact .heading{
	margin: 32px 0;
	font-size: 20px;
}

.contact .text{
	text-align: left;
}
}


/*=========================================== 
PC向けのレイアウトの指定：768px〜
===========================================*/
@media only screen and (min-width: 769px) {

#container{
	width:100vw;
}


/*コンテンツ*/
.terms{
	width: auto;
	max-width: 940px;
	padding: 10px;
}

.privacy{
	width: auto;
	max-width: 940px;
	padding: 10px;
}
}