@charset "UTF-8";
/* CSS Document */
body {
	font-family:sans-serif;
	text-align: center;
	line-height: 1.6;
    font-size: 12px;
    color:#664a3a;
    margin: 0;
}
h1, h2 {
margin: 0;
}
h3 {
    text-align: left;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
p {
    text-align: left;
    margin-bottom: 1em;
}
img {
  vertical-align: middle;
}
.space-vertical {
    margin: 1em auto;
}
.re-img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}
#copy {
    text-align: center;
    z-index: 50;
    position: relative;
    bottom: 30px;
}
.wrap {
    margin: 0 auto;
    width: 100%;
    display: none;
}
/*----スマホ用----*/
.wrap-s {
    margin: 0 auto;
    width: 100%;
    background:  url("../images/s-bk.png") no-repeat;
    background-size: contain;
    height: 650px;
    position: relative;
    text-align: left;
}
#s_tit{
    position:absolute;
    width: 90%;
    top:1%;
    left:5%;
}
#box-s {
    position:absolute;
    width:100%;
    top:10%;
    left:0;
}
#s_tit2{
    position:absolute;
    width:80%;
    bottom:5%;
    left:9%;
}
#copy-1{
    position:absolute;
    bottom:0%;
    left:33%;
    z-index: 25;
}
@media (min-width:375px) {
    .wrap-s {
    height:760px;
}
}
@media (min-width: 414px) {
    .wrap-s {
    height:837px;
}
}
@media (min-width: 568px) {
    .wrap-s {
    height: 1160px;
}
}
@media (min-width: 667px) {
    .wrap-s {
    height: 1360px;
}
}
@media (min-width: 736px) {
    .wrap-s {
    height: 1500px;
}
}

/*----タブレット用----*/
@media (min-width: 767px) {
    body {
	line-height: 1.6;
    font-size: 16px;
}
    .wrap-s {
    display: none;
}
    .wrap {
    display: block;
    margin: 0 auto;
    width: 100%;
    background:  url("../images/bk.png") no-repeat;
    background-size: contain;
    height: 850px;
    position: relative;
    text-align: left;
}
#tit {
    position:absolute;
    width: 90%;
    top:1%;
    left:5%;
}
#box1 {
    position:absolute;
    width:35%;
    top:10%;
    left:32%;
    z-index: 20;
}
#box2 {
    position:absolute;
    width:30%;
    top:15%;
    left:5%;
    z-index: 15;
}
    #box3 {
    position:absolute;
    width:30%;
    top:18%;
    right:7%;
    z-index: 5;
}
    #box4 {
    position:absolute;
    width:35%;
    top:33%;
    left:38%;
    z-index: 10;
}
    #box5 {
    position:absolute;
    width:30%;
    top:48%;
    left:4%;
    z-index: 20;
}
    #box6 {
    position:absolute;
    width:35%;
    top:52%;
    left:33%;
    z-index: 20;
}
    #box7 {
    position:absolute;
    width:30%;
    top:61%;
    right:5%;
    z-index: 20;
}
    #titbox1 {
    position:absolute;
    width:20%;
    top:48%;
    right:8%;
    z-index: 25;
}
    #titbox2 {
    position:absolute;
    width:35%;
    bottom:8%;
    left:30%;
    z-index: 25;
}
    #titbox3 {
    position:absolute;
    width:60%;
    bottom:5%;
    left:20%;
    z-index: 25;
}
}

@media (min-width: 1023px) {
.wrap {
    width: 1024px;
    background:  url("../images/bk.png") no-repeat;
    height: 1173px;
    position: relative;
    text-align: left;
}
#tit {
    position:absolute;
    top:30px;
    left:80px;
}
#box1 {
    position:absolute;
    width: auto;
    top:130px;
    left:320px;
    z-index: 20;
}
#box2 {
    position:absolute;
    width: auto;
    top:220px;
    left:80px;
    z-index: 15;
}
    #box3 {
    position:absolute;
    width: auto;
    top:230px;
    right:80px;
    z-index: 5;
}
    #box4 {
    position:absolute;
    width: auto;
    top:390px;
    left:400px;
    z-index: 10;
}
    #box5 {
    position:absolute;
    width: auto;
    top:600px;
    left:60px;
    z-index: 20;
}
    #box6 {
    position:absolute;
    width: auto;
    top:580px;
    left:320px;
    z-index: 20;
}
    #box7 {
    position:absolute;
    width: auto;
    top:710px;
    right:80px;
    z-index: 20;
}
    #titbox1 {
    position:absolute;
    width: auto;
    top:550px;
    right:80px;
    z-index: 25;
}
    #titbox2 {
    position:absolute;
    width: auto;
    bottom:140px;
    left:300px;
    z-index: 25;
}
    #titbox3 {
    position:absolute;
    width: auto;
    bottom:90px;
    left:220px;
    z-index: 25;
}
}