@charset "UTF-8";

body{
  font-size: 24px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.red{
  color: red;
}
h2{
  font-size: 36px;
  text-decoration: underline #365CA3 4px;
  margin-top: 80px;
}
a{
  text-decoration: none;
  color:#000;
}

header img{
  width: 100%;
}
.mobile{
  display: none;
}

article{
  text-align: center;
  margin-top: 80px;
}

.width{
  width: 960px;
  margin: auto;
}
.bottumContainer{
  display: flex;
  justify-content: center;
  gap:100px;
  margin-top: -9px;
  background:rgba(54, 92, 163, 0.9);
  postion: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.bottumContainer .item{
  background:linear-gradient(#F27408, #EBD73C);
  text-align: center;
  width: 250px;
  height:40px;
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 25px;
}
.bottumContainer .item p{
  margin:auto;
  line-height: 40px;
}
.bottumContainer p{
  font-size: 24px;
}
.aboutContainer{
  display: flex;
  justify-content:space-between;

}
.aboutContainer .item1{
  text-align: left;
  width: 50%;
}
.aboutContainer .item2{
  width: 45%;
}
.aboutContainer .item2 img{
  width: 100%;
}
.aboutContainer .item1 p{
  margin-top: 0;
}
.samally{
  text-align:left;
}
.entry{
  background:linear-gradient(#F27408, #EBD73C);
  text-align: center;
  width: 300px;
  height:40px;
  font-size: 24px;
  line-height: 40px;
  margin: auto;
  border-radius: 25px;
  margin-top: 80px;
}
.deadline{
  display: none;
}
.guest{
  background-color: #365CA3;
}
.guest .width{
  padding-bottom: 60px;
}
.guest h2{
  padding-top: 40px;
  color: #fff;
  margin-bottom: 0;
}
.guest h3{
  text-decoration: underline #FF9C15 4px;
}
.backwhite{
  background-color: #fff;
  margin-top: 40px;
}

.guest1Container{
  display: flex;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 25px;
}
.guest1Container h3{
  margin-top: 0;
}
.guest1Container .item1{
  width: 50%;
}
.guest1Container img{
  width: 100%;
}
.guest1Container .item2{
  width: 45%;
}
.left{
  text-align: left;
}
.guest2Container{
  display: flex;
  justify-content: space-between;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 25px;
}
.guest2Container h3{
  margin-top: 0;
}
.guest2Container .item1{
  width: 50%;
}
.guest2Container .item2{
  width: 45%;
}
.guest3{
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;

}
.guest3 img{
  max-width: 60%;

}
.guest3 .left{
  max-width: 60%;
  margin: auto;
}
.orange{
  color: #FF9C15;
}
.attention{
  margin-bottom: 40px;
}
.blue{
  color: blue;
  font-size: 28px;
  text-decoration: underline blue 2px;
  margin-top: 50px;
  margin-bottom: 80px;
}
.sponcor{
  margin-bottom: 60px;
  display: none;
}
.sponcor img{
  width: 120px;
}
.sponcorContainer p{
  margin-top: 5px;
}
.footer{
  background-color: #FF9C15;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 60px;
}
.footer p{
  margin-top: 0px;
  padding-top: 15px;
  margin-bottom: 0;
}
.footer img{
  margin-top: 25px;
　margin-bottom: 20px;
}
.company{
  text-decoration: underline;
}
.copyRights{
  margin-top: 50px;
}

@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS */


.width{
  width: 95%;
}
.pc{
  display: none;
}
.mobile{
  display: block;
}
.bottumContainer{
  gap:80px;
}
.bottumContainer .item{
  width: 150px;
}
.guest1Container{
  flex-direction: column-reverse;
}
.guest1Container .item1{
  width: 90%;
  margin: auto;
  margin-bottom: 20px;
}
.guest1Container .item2{
  width: 90%;
  margin: auto;
}
.guest2Container{
  display: block;
}
.guest2Container .item1{
  width: 90%;
  margin: auto;
}
.guest2Container .item2{
  max-width: 600px;
  min-width: 480px;
  margin: auto;
  padding-bottom: 5px;
}
.guest3 img{
  max-width: 90%;
}
.guest3 .left{
  max-width: 90%;
}

}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS */
body{
  font-size:16px;
}
h2{
  font-size: 22px;
}
.bottumContainer{
  gap:20px;
}
.bottumContainer .item{
  width: 100px;
  height: 25px;
}
.bottumContainer .item p{
  font-size: 14px;
  line-height: 25px;
}
.aboutContainer{
  display: block;
}
.aboutContainer .item1{
  width: 95%;
  margin: auto;
}
.aboutContainer .item2{
  width: 90%;
  margin: auto;
}
.entry{
  font-size: 16px;
  width: 240px;
  height: 30px;
  line-height: 30px;
}
.guest2Container .item2{
  width: 100%;
  min-width: 100px;
}
.guest2Container .item2 img{
  width: 60%;
}
.blue{
  font-size: 17px;
}
.footer img{
  width: 100px;
}

}