@charset "utf-8";
/* CSS Document */
html, body {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
	width: 100%;
}
img{
	width:100%;
}

header{
	background: url(../img/anke/ankeheaderg.jpg) no-repeat;
	background-size: 100%;
	background-position: top;
}

header p.text_sp{
	padding: 69% 0% 0% 2%;
	text-shadow: #FFF 0.5px 0px 1px, #FFF -0.5px 0px 1px, #FFF 0px -0.5px 1px, #FFF 0px 0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px, #FFF 0.5px 0.5px 1px, #FFF -0.5px 0.5px 1px, #FFF 0.5px -0.5px 1px, #FFF -0.5px -0.5px 1px;
	font-size: 5vmin;
	letter-spacing: 1px;
	line-height: 1.4;
}
header p.text_pc{
display: none;
}

.qtitle_pc {
display: none;
}
	
.qtitle_sp{
	display: block;
}

	
a.toplink{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font: 5vmin;
	border: solid 1px;
	width: 90%;
	margin: 10% auto 3%;
	padding: 1% 0;
}
a.toplink:hover{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font: 5vmin;
	background: #414141;
	width: 90%;
	margin: 10% auto 3%;
	padding: 1% 0;
	}

#bg_black{
	margin-top: 3%;
	margin-bottom: 0%; 
}
#bg_black p{
	background:#313131;
	background-position: bottom;
	padding: 1%;
	color: #FFF;
	font-size: 2.8vmin;
	text-align: center;
	letter-spacing: 1px;
	
}

img.last_pc{	
	display: none;
}
			
img.last_sp{	
	display: block;
	width: 100%;
}

a.ank_link{
	display: block;
	width: 100%;
	margin: auto;
}	
a.ank_link_pc {
	display: none !important;
}
	
	

/* ------------------PC------------------------- */
@media screen and (min-width:768px) {
body{
	width: 100%;
	max-width: 960px;
	margin: auto;

}
	
#contents{
	max-width: 960px;
	margin: auto;
}
	
.q_inner img,.q_inner_last img{
	width: 50%;
}

img{
 align-items: flex-start;
}
	
header{
	background: url(../img/anke/header_pc.jpg) no-repeat;
	background-size: 100%;
	background-position: top;
	width: 100%;
	max-width: 960px;
	height: auto;
	padding: 30% 0 20% 0;

}
	
p.text_sp{
	display: none;
}

.qtitle_sp {
	display: none;
}
	
.qtitle_pc{
	display: block;
	width: 100%;
	margin: 3% auto;
	}
	
.q_inner{
	display: flex;
	width: 100%;
	align-items: flex-start;
}
.q_inner_last{
	width: 100%;
	align-items: flex-start;
	margin-top: 8%;
}

#bg_black{
	margin-top: 3%;
	margin-bottom: 0%;
}
#bg_black p{
	background:#313131;
	background-position: bottom;
	background-size: 100%;
	padding: 1%;
	color: #FFF;
	font-size: 2.8vmin;
	text-align: center;
	letter-spacing: 1px;

}
a.toplink{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000000;
	font: 5vmin;
	border: solid 1px;
	width: 50%;
	margin: 4% auto;
	padding: 1% 0;
}
a.toplink:hover{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font: 5vmin;
	background: #414141;
	width: 50%;
	margin: 4% auto;
	padding: 1% 0;
	
}
	
img.last_sp{	
	display: none;
}
			
img.last_pc{	
	display: block;
	width: 100%;
	margin-top: -7%;
	margin-bottom: 3%
}
	
a.ank_link img{
	display: block;
	width: 70%;
	margin: auto;
}
	
	

}