@charset "utf-8";


/* スマホ　start */

@media screen and (max-width: 768px) {


.soccer-wrapper {
 width:100%;
 margin: 0px auto ;
 padding: 0;
 text-align:center;
}
.soccer-wrapper:after {
 content: '';
 display: block;
 clear: both;
}

.soccer-image-wrapper {
  width:100%;
	height:100%;
	min-height:400px;
	background-size:cover;
	position:relative;
	background-repeat:no-repeat;
  animation-name: fadein;
  animation-duration: 1s;
  background-position: center;
  margin:0px auto;
}
.soccer-image.lazyloaded {
	background-image:url('../soccer/images/soccer-main-sp.webp');
  width:100%;
  background-position: center;
}
.soccer-cp {
 width:40%;
 padding:0px;
 min-width:300px;
 position:absolute;
 top:45%;
 left:65%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 text-align:center;
 font-size:30px;
 color:#333;
 font-weight:bold;
}

@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}



.soccer-wrap {
 width:100%;
 margin: 0px auto ;
 padding: 100px 0 100px 0;
 text-align:center;
 background-image:url('../soccer/images/soccer-bg-sp.jpg');
 background-repeat:no-repeat;
 background-position: center;
 background-size:cover;
}
.soccer-wrap:after {
 content: '';
 display: block;
 clear: both;
}
.soccer-logo {
 width:40%;
 margin: 30px auto 0;
 padding: 0;
 text-align:center;
}
.soccer-logo-2 {
 margin: 20px auto ;
 padding: 0;
 text-align:center;
 font-size:24px;
 font-weight:bold;
 color:#3f3480;
}

.soccer-text-block {
 width:90%;
 margin: 60px auto 100px;
 padding: 0;
 text-align:center;
}
.soccer-text-block p {
  margin: 0 auto;
  padding: 0;
  text-align:center;
  font-size:18px;
  line-height:2.4;
  color:#333;
  font-weight:bold;
}

.soccer-text-block-logo {
  margin: 0 auto;
  padding: 0;
  text-align:center;
  width:300px;
}
.insta-icon {
  margin: 0 auto;
  padding: 0;
  text-align:center;
  width:120px;
}

}
/* スマホ　end */



/* PC　start */
@media screen and (min-width: 769px) {



.soccer-wrapper {
 width:100%;
 margin: 0px auto ;
 padding: 0;
 text-align:center;
}
.soccer-wrapper:after {
 content: '';
 display: block;
 clear: both;
}

.soccer-image-wrapper {
  width:100%;
	height:100%;
	min-height:800px;
	background-size:cover;
	position:relative;
	background-repeat:no-repeat;
  animation-name: fadein;
  animation-duration: 1s;
  background-position: center;
  margin:0px auto;
}
.soccer-image.lazyloaded {
	background-image:url('../soccer/images/soccer-main.webp');
  width:100%;
  background-position: center;
}
.soccer-cp {
 width:40%;
 padding:0px;
 min-width:300px;
 position:absolute;
 top:45%;
 left:65%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 text-align:center;
 font-size:30px;
 color:#333;
 font-weight:bold;
}
@media screen and (max-width: 1024px) {
.soccer-cp {
 width:40%;
 padding:0px;
 position:absolute;
 top:42%;
 left:26%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 text-align:center;
 color:#ccc;
}
}

@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}



.soccer-wrap {
 width:100%;
 margin: 0px auto -100px;
 padding: 100px 0 150px 0;
 text-align:center;
 background-image:url('../soccer/images/soccer-bg.jpg');
 background-repeat:no-repeat;
 background-position: center;
 background-size:cover;
}
.soccer-wrap:after {
 content: '';
 display: block;
 clear: both;
}
.soccer-logo {
 width:40%;
 margin: 30px auto 0;
 padding: 0;
 text-align:center;
}
.soccer-logo-2 {
 margin: 20px auto ;
 padding: 0;
 text-align:center;
 font-size:24px;
 font-weight:bold;
 color:#3f3480;
}

.soccer-text-block {
 width:70%;
 margin: 0px auto 0;
 padding: 0;
 text-align:center;
}
.soccer-text-block p {
  margin: 0 auto;
  padding: 0;
  text-align:center;
  font-size:18px;
  line-height:2.4;
  color:#333;
  font-weight:bold;
}
.soccer-text-block-logo {
  margin: 0 auto;
  padding: 0;
  text-align:center;
  width:600px;
}
.insta-icon {
  margin: 0 auto;
  padding: 0;
  text-align:center;
  width:120px;
}
}
/* PCメイン　end */