@charset "UTF-8";
/****************************************
       CSS レイアウト (共有)
*****************************************/

/*Safari のフォーカス時のハイライトを無効*/
	:focus
	{
		outline: 0;
	}


/*Wrapper*/
.contents_all{
width:100%;
min-height: 100vh;
background:#222;
position: relative;/*相対位置*/
padding-bottom: 100px;/*footerの高さ*/
	box-sizing: border-box;/*全て含めてmin-height:100vhに*/
	
	
position: relative;
  width: 100%;
  min-height: 100vh;
  background: url("../images/background.png")
    center / cover;
	
}

.main_frame{
display:block;
width: 50%;
height: 50%;

margin:0 auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.main_contents{
	padding:20px;
}

/****************************************
メインタイトル
*****************************************/

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

/****************************************
メニュー
*****************************************/

.d_menu{
	width:300px;
	display:block;
	margin:0 auto;
}

.d_menu a{
	text-align:center;
	display:block;
	font-size:1.6em;
	color:#fcfcfc;
	font-weight:600;
	text-decoration:none;
	line-height:1.775;
	letter-spacing: 0.2em;
	text-shadow:1px 1px 3px #222;
}



/****************************************
利用規約・プライバシーポリシー
*****************************************/
.contents_frame{
	padding-top:100px;
	width:70%;
	margin:0 auto;
	display:block;
}


.contents_area {
	height:550px;
	background:#fff;
	padding:20px;
	border: 1px solid #000;
	box-shadow: 3px 3px 2px 1px rgba(0, 0, 255, .2);
	overflow-y: scroll;
}



.contents_area h2{
	font-size:1.1em;
	padding:8px 8px 8px 16px;
	background-color: #382c50;
	color:#fcfcfc;
	border-radius:4px;
	margin-bottom:20px;
}

.contents_area h3{
	font-size:1.0em;
	color:#382c50;
	margin-bottom:10px;
	padding:8px;
	border-bottom:2px solid #382c50;
}

.contents_area p{
	font-size:0.8em;
	line-height:1.774;
	color:#565757;/*グレー*/
	padding:8px;
}

.contents_area ul{
	margin:0  32px 0!important;
}

.contents_area li{
	font-size:0.8em;
	line-height:1.774;
	color:#565757;/*グレー*/
	padding:4px;
	list-style-type: disc!important;
}


.spacer{
	padding-top:10px;
}



/****************************************
       CSS レイアウト (PC)
*****************************************/
/*PCのみの表示*/
@media (min-width: 481px) {

}

/****************************************
       CSS レイアウト (モバイル)
*****************************************/
/*モバイルのみの表示*/
@media (max-width: 481px) {
.d_menu{
	width:200px;
}
	
.d_menu li{
	margin-top:40px;
}
	
.d_menu a{
	font-size:1.0em !important;
}
	
.contents_frame{
	padding-top:100px;
	width:80%;
	margin:0 auto;
	display:block;
}
	
.contents_area {
	height:380px;
}
	
}

@media (max-width: 321px) {


}