@charset "utf-8";
/*		Contents

/* =================================================================
		reset
================================================================= */

/* リセット */

body, h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd, blockquote {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ul, ol {
	list-style: none inside;
}

img,
a img {
	border: 0;
	vertical-align: middle;
}
table,tr,td,th{
	border-collapse:collapse;
}
/*	Basic Text Link	*/
a {
	color: #e40073;	text-decoration:underline;
}

a:link {
	color: #e40073;	text-decoration: underline;
}
a:visited {
	color: #e40073;	text-decoration: underline;
}
a:hover {
	color: #e40073;	text-decoration: none;
}
a:focus {
	color: #224eb5;	text-decoration:underline;
}
a:active {
	color: #e40073;	text-decoration: underline;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	clear: both;
	content: '';
	display: block;
}

/* =================================================================
		content
================================================================= */
body{
	width:100%;
	background-position: center top;
	background-repeat: repeat;
	text-align: center;
	font-family: 'ＭＳ Ｐゴシック',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	/*font-size:62.5%;*/
	line-height:1.85;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 751px) { 
.wrap{
	width: 860px;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/*box-shadow:0 0 5px 0 rgba(0,0,0,0.4);*/
}

a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
}

.fv_btn01{
	margin-top: -30.0%;
	margin-bottom: 14.0%;
	margin-left: 45.0%;
}
.btn01{
	margin-top: -45.0%;
	margin-bottom: 25.0%;
	margin-left: 6.0%;
}
.btn02{
	margin-top: -26.0%;
	margin-bottom: 10.0%;
	margin-left: 6.0%;
}
.btn03{
	margin-top: -42.0%;
	margin-bottom: 24.0%;
	margin-left: 6.0%;
}
.component_box{
	width: 100%;
	box-sizing: border-box;
}
.kiyaku{
	float: left;
	width: 80%;
	box-sizing: border-box;
}
.sslBox{
	float: right;
	width: 20%;
		box-sizing: border-box;
}
}

/**@media only screen and (max-device-width: 480px)**/
@media only screen and (max-device-width: 480px){
.wrap{
	width: 100%;
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	/*box-shadow:0 0 5px 0 rgba(0,0,0,0.4);*/
}
img{
	width: 100%;
}
	
a:hover img{
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity:1;
}
	
.fv_btn01{
	margin-top: -33.0%;
	margin-bottom: 14.0%;
	margin-left: 45.0%;
}
.fv_btn01 img{
	width: 80%;
	}
.btn01{
	width: 92%;
	margin-top: -50.0%;
	margin-bottom: 25.0%;
	margin-left: 4.0%;
}
.btn02{
	width: 92%;
	margin-top: -26.0%;
	margin-bottom: 10.0%;
	margin-left: 4.0%;
}
.btn03{
	width: 92%;
	margin-top: -46.0%;
	margin-bottom: 24.0%;
	margin-left: 4.0%;
}
.sslBox img{
	width: 50%;
}
.component p{
	text-align: left;
}
	.center{
		text-align: center;
	}
}