@charset "utf-8";
/* CSS Document */
/* ------------------sp------------------------- */
@media screen and (max-width:767px) {
html, body {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
	width: 100%;
}
img{
	width:100%;
	margin: 0 auto;
}

header{
	background: url(../img/anke02/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;
	margin-bottom: 0;
}

img.q2_pc{	
	display: none;
}
img.q2_sp{
	display: block;
	margin-top: -8%;
	margin-bottom: 5%;
}

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;
	box-shadow: 0px 0px 9px 0px #cccccc;

}
	
#contents{
	width: 100%;
	margin: auto;
}
	
.q_inner img,.q_inner_last img{
	width: 50%;
}

img{
 align-items: flex-start;
}
	
header{
	background: url(../img/anke02/header_pc.jpg) no-repeat;
	background-size: 100%;
	background-position: top;
	width: 100%;
	max-width: 100%;
	height: auto;
	padding: 30% 0 23% 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;
}
	
	
img.q2_pc{	
	display: block !important;
	width: 100%;
}
img.q2_sp{
	display: none !important;
}

img.last_sp{	
	display: none;
}
			
img.last_pc{	
	display: block;
	width: 100%;
	margin-top: -7%;
	margin-bottom: 3%
}
	
	

#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: 1.2vmin;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 0;
}
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;
	
}
a.ank_link_pc{
	display: block;
	width: 70%;
	margin: auto;
}	

a.ank_link_pc img{
	display: block;
	width: 100%;
	margin: auto;
}		

a.ank_link {
	display: none !important;
}

a.ank_link:hover{
	opacity: 0.8;
}
}