@charset "utf-8";

main{
    background: url("../img/bg.jpg") no-repeat center top;
    background-size: 100% auto;
}

p{
margin: 0;
padding: 0;
}


@media screen and (max-width: 768px) {
	main{
		background: url("../img/bg_sp.jpg") no-repeat center top;
		background-size: 100% auto;
	}

	section img{
		width: 100%;
	}

  .btn_wrap a {
    width: 80%;
  }

	}
/* ---------- conponent ---------- */

  .htxt {
  	margin: 0;
  	padding: 0;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
  	width: 100%;
  }

  @media screen and (max-width: 768px) {
  .htxt {
  	height: 1em;
  	margin-top: -1em;
  	}
  }

/* ---------- introline---------- */

#introline{
margin: 0 auto;
text-align: center;
}

#introline img#intro01{
width: 350px;
}

#introline img#intro02{
width: 130px;
}

@media screen and (max-width: 768px) {
#introline img#intro01{
width: 100%;
}
}

/* ---------- mainviual---------- */
  
#mainvisual{
margin-top: -25px;
background: url("../img/mainvisual.jpg") no-repeat center top;
background-size: 1440px auto;
height: 980px;
}

#mainvisual2024{
margin-top: -25px;
background: url("../img/mainvisual2.jpg") no-repeat center top;
background-size: 1440px auto;
height: 980px;
}


@media screen and (min-width: 1280px) {
#mainvisual,#mainvisual2024{
background-size: 100% auto;
height: 980px;
}
}

@media screen and (min-width: 1440px) {
#mainvisual,#mainvisual2024{
background-size: 100% auto;
height: 1100px;
}
}

@media screen and (max-width: 768px) {
#mainvisual,#mainvisual2024{
margin-top: 30%;
height: auto;
background: none;
position: relative;
}
#intro02{
position: absolute;
top:-13%;
}
}

h1 {
margin: 0;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 100%;
}

@media screen and (max-width: 768px) {
h1 {
height: 0em;
}
}
  
/* ---------- lead ---------- */
#lead{
margin: 0 auto;
text-align: center;
}

#lead2024{
margin: 50px auto;
text-align: center;
}

#lead img{
width: 658px;
}

#lead2024 img{
width: 600px;
}

@media screen and (max-width: 768px) {
#lead{
margin-top: 1em;
}
#lead2024{
margin: 0;
text-align: center;
}

#lead img,#lead2024 img{
width:100%;
}
}
/* ---------- sns ---------- */
#sns{
margin: 0 auto;
width: 425px;
height: 182px;
background: url("../img/bg_sns.png") no-repeat center top;
background-size: 425px auto;
}

#sns2024{
margin: 0 auto 100px;
width: 425px;
height: 182px;
background: url("../img/bg_sns2.png") no-repeat center top;
background-size: 425px auto;
}

#sns p img,#sns2024 p img{
width: 245px;
margin: 0 auto;
}

#snslink a{
margin: 0 30px;
width: 60px;
display: inline-block;
}

#snslink2024 a{
margin: 10px;
width: 60px;
display: inline-block;
}

#snslink img{
width: 60px;
}

#snslink2024 img{
width: 45px;
}

@media screen and (max-width: 768px) {
#sns{
margin: 0 auto;
padding-bottom: 5vw;
width: 90%;
height: auto;
background: url("../img/bg_sns_sp.png") no-repeat center top;
background-size: 100% auto;
}

#sns2024{
margin: 0 auto;
padding-bottom: 5vw;
width: 90%;
height: auto;
background: url("../img/bg_sns2_sp.png") no-repeat center top;
background-size: 100% auto;
}
#sns p{
margin: 0 auto;
}
#sns p img{
width: 80%;
margin: 0 auto;
}

#sns2024 p {
margin: 0 auto;
}
#sns2024 p img {
width: 70%;
padding: 3%;
}

#snslink a{
margin: 0 5%;
width: 20%;
display: inline-block;
}
#snslink2024 a {
margin: 3% 5%;
width: 15%;
display: inline-block;
}

#snslink img,
#snslink2024 img{
width: 100%;
}
}


/* ---------- bottom ---------- */
#bottom{
margin: 0 auto;
text-align: center;
}

#bottom2024{
margin: 0 auto 100px;
text-align: center;
}

#bottom p img {
margin: 0 auto;
width: 428px;
}

#bottom2024 p img {
margin: 0 auto;
width: 700px;
}

@media screen and (max-width: 768px) {
#bottom2024{
margin: 0 auto 10%;
}
#bottom p img,#bottom2024 p img {
width: 100%;
}
}

/* ---------- tenji ---------- */

#tenji2024{
margin: 0 auto 100px;
text-align: center;
}
#tenji2024 p{
margin: 0 auto;
width: 657px;
text-align: center;
}
#tenji2024 p img{width: 657px;}

@media screen and (max-width: 768px) {
#tenji2024{
margin: 0 auto 20%;
}
#tenji2024 p{
width: 80%;
}
#tenji2024 p img {
width: 100%;
}
}

/* ---------- footer ---------- */
#footer{
margin: 0 auto;
text-align: center;
background: #000;
}

#footer p img{
margin: 0 auto;
width: 320px;
}

@media screen and (max-width: 768px) {
#footer p img{
width: 100%;
}
}