@charset "UTF-8";

* {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

	body {
		width:100%;
		min-width:800px;
	}

a:link,
a:visited {
	color:#000;
}
.key{
	width: 95%;
	padding-top: 2.5%;
	margin: 0 auto;
	
}
.wrap {
	width: 1000px;
	margin:0 auto;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.top_wrap01{
	width: 80%;
	margin: 0 auto;
}
.btn_01{
	width: 60%;
	margin: 0 auto;
	padding: 5% 0 0 0;
}
	.btn_02{
	width: 60%;
	margin: 0 auto;
	padding: 0 0 10% 0;
}
.frame_details01 ul li:nth-child(-n+2){
	width: 42.6%;
	}
.frame_details01 ul li:nth-child(n+3){
	width: 28.9%;
	}
/*.p_message li{
	width:39% !important;
}*/
.st_message li{
	width: 26% !important;
}
.footer_link{
	width: 40%;
	margin: 0 auto;
	padding: 2% 0 2% 0;
	font-weight: bold;
}
#ft_sp #ft_annotation p {
	transform:rotate(0.05deg); 
    font-size: 10px;
    line-height: 1.5em;
    text-align: left;
    padding: 15px 0;
    width: 40%;
    margin: 0 auto;
}
footer{
	width:1000px;
	}

footer .sns {
	overflow: hidden;
	text-align:center;
	width: 100%;
	padding:8% 0 2% 0;
}

footer .sns li {
	display:inline-block;
	vertical-align:middle;
	padding:0 20px 0 20px;
}
footer .sns li img{
border-radius: 100px;
}

footer .sns li img{
	width:50px;
}

@media screen and (max-width: 1000px){
	body {
		width:100%;
		min-width:100%;
	}
.key{
	width: 100%;
	padding:0 0 0 0;
	margin: 0 auto;
	
}		
.wrap {
	width:100%;
	margin: 0 auto;
	position: relative;
	display:block;
	height:100%;
	max-width:100% !important;
}
.wrap_bg{
	overflow:hidden;
	}

.top_wrap01{
	width: 90%;
	margin: 0 auto;
}
.btn_01{
	width: 80%;
	margin: 0 auto;
	padding: 5% 0 0 0;
}
	.btn_02{
	width: 80%;
	margin: 0 auto;
	padding: 0 0 10% 0;
}
.frame_details01 ul li:nth-child(-n+2){
	width: 100%;
	padding:0 5%  0 5%;
	}
.frame_details01 ul li:nth-child(n+3){
	width: 45%;
	}
.p_message li{
	width:44% !important;
}
.st_message li{
	width: 45% !important;
}
.footer_link{
	width: 50%;
	margin: 0 auto;
	padding: 2% 0 2% 0;
	font-weight: bold;
}
#ft_sp #ft_annotation p {
	transform:rotate(0.05deg); 
    font-size: 10px;
    line-height: 1.5em;
    text-align: left;
    padding: 15px 0;
    width: 90%;
    margin: 0 auto;
}
footer{
	width:100%;
	color:#fff;
	}
footer .sns {
	padding:8% 0 2% 0;
	text-align:center;
	}
footer .sns li{
	display:inline-block;
	vertical-align:middle;
	width:15%;
	padding:0 4% 0 4%;
	}
footer .sns li img{
	width:100% !important;
	}
	

}


@media screen and (max-width: 640px){
	body {
		width:100%;
		min-width:100%;
	}
.key{
	width: 100%;
	padding:0 0 0 0;
	margin: 0 auto;
	
}		
.wrap {
	width:100%;
	margin: 0 auto;
	position: relative;
	display:block;
	height:100%;
	max-width:100% !important;
}
.wrap_bg{
	overflow:hidden;
	}
.top_wrap01{
	width: 90%;
	margin: 0 auto;
}
.btn_01{
	width: 80%;
	margin: 0 auto;
	padding: 5% 0 0 0;
}
	.btn_02{
	width: 80%;
	margin: 0 auto;
	padding: 0 0 10% 0;
}
.frame_details01 ul li:nth-child(-n+2){
	width: 100%;
	padding:0 5%  0 5%;
	}
.frame_details01 ul li:nth-child(n+3){
	width: 45%;
	}
.p_message li{
	width:44% !important;
}
.st_message li{
	width: 45% !important;
}
.footer_link{
	width: 50%;
	margin: 0 auto;
	padding: 2% 0 2% 0;
	font-weight: bold;
}
#ft_sp #ft_annotation p {
	transform:rotate(0.05deg); 
    font-size: 10px;
    line-height: 1.5em;
    text-align: left;
    padding: 15px 0;
    width: 90%;
    margin: 0 auto;
}
footer{
	width:100%;
	color:#fff;
	}
footer .sns {
	padding:8% 0 2% 0;
	text-align:center;
	}
footer .sns li{
	display:inline-block;
	vertical-align:middle;
	width:15%;
	padding:0 4% 0 4%;
	}
footer .sns li img{
	width:100% !important;
	}
	

}