@charset "UTF-8";
/* CSS Document */
/* ------------------------
	Reset
------------------------ */
body,div,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0; 
	padding:0;
	border:0;
	line-height: 0;
}

table {
   border-collapse:collapse; 
   border-spacing:0; 
}

ol,ul {
   list-style:none;
}

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

img {
	vertical-align: top;
}

#footer {
	width: 100%;
	padding: 2% 0 6% 0;
	font-size: 12px;
}


/* ------------------------
	body
------------------------ */
body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #000000;
	font-size: 21px;
	text-align: center;
	background: #fff;
	scrollbar-base-color: #ff69b4;
}

/* ------------------------
	Common
------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* ------------------------
	PC用CSS
------------------------ */
@media (min-width: 700px) {
      #pc-wrapper {
		max-width: 900px;
        width: 100%;
        margin: 0 auto;
		background-color:#fff;
	}
      #sp-wrapper {
        display: none;
      }
	.cta_pc01 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_pc01 {
	position: absolute;
    top: auto;
    right: auto;
    left: 10%;
    bottom: 8%;
    width: 40%;
	}
	.btn_pc02 {
	position: absolute;
    top: auto;
    right: 10%;
    left: auto;
    bottom: 8%;
    width: 40%;
	}
	.cta_pc02 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_pc03 {
	position: absolute;
    top: auto;
    right: auto;
    left: 10%;
    bottom: 16%;
    width: 30%;
	}
	.cta_pc03 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_pc04 {
	position: absolute;
    top: auto;
    right: auto;
    left: 2%;
    bottom: 53%;
    width: 48%;
	}
	.btn_pc05 {
	position: absolute;
    top: auto;
    right: 2%;
    left: auto;
    bottom: 53%;
    width: 48%;
	}
	.btn_pc06 {
	position: absolute;
    top: auto;
    right: auto;
    left: 25%;
    bottom: 28%;
    width: 48%;
	}
	.cta_pc05 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_pc07 {
	position: absolute;
    top: auto;
    right: auto;
    left: 10%;
    bottom: 20%;
    width: 40%;
	}
	.btn_pc08 {
	position: absolute;
    top: auto;
    right: 10%;
    left: auto;
    bottom: 20%;
    width: 40%;
	}
	.cta_pc06 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_pc09 {
	position: absolute;
    top: auto;
    right: auto;
    left: 25%;
    bottom: 11%;
    width: 50%;
	}
	.cta_pc07 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_pc10 {
	position: absolute;
    top: auto;
    right: auto;
    left: 25%;
    bottom: 25%;
    width: 50%;
	}
	
}

/* ------------------------
	スマホ用CSS
------------------------ */
@media (max-width: 699px) {
      #sp-wrapper {
		width: 100%;
        margin: 0 auto;
		background-color:#fff;
	}
      #pc-wrapper {
        display: none;
      }
	.cta_sp01 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_sp01 {
	position: absolute;
    top: auto;
    right: 8%;
    left: auto;
    bottom: 35%;
    width: 80%;
	}
	.btn_sp02 {
	position: absolute;
    top: auto;
    right: 8%;
    left: auto;
    bottom: 7%;
    width: 80%;
	}
	.cta_sp02 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_sp03 {
	position: absolute;
    top: auto;
    right: 14%;
    left: auto;
    bottom: 7%;
    width: 70%;
	}
	.cta_sp03 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_sp04 {
	position: absolute;
    top: auto;
    right: auto;
    left: 5%;
    bottom: 71%;
    width: 90%;
	}
	.btn_sp05 {
	position: absolute;
    top: auto;
    right: auto;
    left: 5%;
    bottom: 50%;
    width: 90%;
	}
	.btn_sp06 {
	position: absolute;
    top: auto;
    right: auto;
    left: 5%;
    bottom: 29%;
    width: 90%;
	}
	.cta_sp05 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_sp07 {
	position: absolute;
    top: auto;
    right: 10%;
    left: auto;
    bottom: 35%;
    width: 80%;
	}
	.btn_sp08 {
	position: absolute;
    top: auto;
    right: 10%;
    left: auto;
    bottom: 15%;
    width: 80%;
	}
	.cta_sp06 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_sp09 {
	position: absolute;
    top: auto;
    right: 10%;
    left: auto;
    bottom: 4%;
    width: 80%;
	}
	.cta_sp07 {
	width: 100%;
    height: 100%;
	position: relative;
	}
	.btn_sp10 {
	position: absolute;
    top: auto;
    right: 10%;
    left: auto;
    bottom: 21%;
    width: 80%;
	}
}