@charset "utf-8";

/* ===================================================================
  Index Style - 202108
=================================================================== */
.container {
  position: relative;
  width: 100%;
}



/*=======================

	header

=======================*/
header{ width:100%; padding:10px 0; margin:0;}
/*header li.fl img, header li.fr img {height:27px;}*/
@media screen and (max-width:480px){
	header{ padding:0;}
	header .inner{ width:auto; padding:10px;}

	}



/* Header
------------------------------------------------------------------- 
header {
  position: relative;
  z-index: 1;
}*/




/* Header Image
------------------------------------------------------------------- */
.imgbox {
  position: relative;
  /*top: -52px;*/
 /* margin: 0 0 -52px;*/
 margin: 0 auto;
 width: 100%;
}
.main_pics img.pc{
  width: 1200px;
  height: auto;
  margin: 0 auto;
}


@media screen and (max-width:480px){
	.main_pics img.sp{ width:100%;}
	}





.imgbox .inner img.pc{ width:100%; }
@media screen and (max-width:480px){
	.imgbox .inner{ width:100%; padding:0; margin:0;}
	.imgbox img{ width:100%;}
	}





/* Footer
------------------------------------------------------------------- */
footer.category .box {
  display: none;
}
footer.category .copyright {
  padding: 30px 0;
}
@media screen and (max-width:480px) {
  footer.category .inner {
    padding: 3% 0 2.666666%;
  }
}

/* 開催概要
------------------------------------------------------------------- */
.ipa-outline {
  margin: 60px auto 110px;
}
.ipa-outline .inner {
  padding: 0 50px;
}
.ipa-summary {
  border: solid 1px #c49a61;
  padding: 70px 100px 60px;
}
.ipa-summary h3 {
  color: #cfa972;
  margin: 0 0 2em;
}
.ipa-summary h3 span {
  font-size: 20px;
}
.ipa-summary ul {
  width: 100%;
  border-bottom: solid 1px #dcdcdc;
  padding: 0 0 1em;
}
.ipa-summary ul li {
  margin: 0 0 1em;
}
.ipa-summary ul li span {
  font-size: 17px;
}
.ipa-summary p {
  font-size: 17px;
  margin: 2em 0 0;
}
.ipa-summary p span {
  font-size: 17px;
  font-weight: bold;
  color: #cfa972;
}

@media screen and (max-width:480px) {
  .ipa-outline {
    margin: 8% auto 12%;
  }
  .ipa-outline .inner {
    padding: 0 6.666666%;
  }
  .ipa-summary {
    padding: 9.333333% 5.333333% 8%;
  }
  .ipa-summary h3 {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    margin: 0 0 1em;
  }
  .ipa-summary h3 span {
    font-size: 18px;
    display: inline-block;
  }
  .ipa-summary h3 span:first-of-type {
    white-space: nowrap;
    padding: 0 0.25em 0 0;
  }
  .ipa-summary ul li {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .ipa-summary ul li span {
    font-size: 15px;
    display: inline-block;
  }
  .ipa-summary ul li span:first-of-type {
    white-space: nowrap;
    padding: 0 0.25em 0 0;
  }
  .ipa-summary p {
    font-size: 15px;
    margin: 1em 0 0;
  }
  .ipa-summary p span {
    font-size: 15px;
  }
}

/* 参加の是非
------------------------------------------------------------------- */
.participation {
  text-align: center;
  margin: 0 0 140px;
}
.participation h3 {
  font-size: 24px;
  font-weight: normal;
  margin: 0 0 55px;
}
.participation label {
  margin: 0 40px;
}
.participation label input {
  display: none;
}
.participation label span {
  position: relative;
  font-size: 24px;
  padding: 0 0 0 2em;
}
.participation label span::before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
  width: 36px;
  height: 36px;
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  background-color: #ffffff;
  box-sizing: border-box;
}
.participation label input:checked + span::before {
  background-color: #cfa972;
  border: 0;
}
.participation label input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 12px;
  width: 12px;
  height: 12px;
  background: #ffffff;
  border-radius: 50%;
}
.participation p {
  font-size: 20px;
  color: #cfa972;
}
.participation input[type="image"] {
  margin: 55px auto 40px;
}

@media screen and (max-width:480px) {
  .participation {
    margin: 0 0 25.333333%;
  }
  .participation .inner {
    padding: 0 6.666666%;
  }
  .participation h3 {
    font-size: 20px;
    margin: 0 0 7.333333%;
  }
  .participation label {
    margin: 0 1.5em;
  }
  .participation label span {
    font-size: 18px;
    padding: 0 0 0 1em;
  }
  .participation label span::before {
    top: -2px;
    left: -12px;
    width: 24px;
    height: 24px;
  }
  .participation label input:checked + span::after {
    top: 6px;
    left: -4px;
    width: 8px;
    height: 8px;
  }
  .participation p {
    font-size: 16px;
  }
  .participation input[type="image"] {
    width: 100%;
    margin: 10.666666% auto 5.333333%;
  }
}


/* 連絡先
------------------------------------------------------------------- */
.contact-address {
  width: 100%;
  background-color: #f8f8f8;
  padding: 70px 0 60px;
  margin: 0 0 25px;
}
.contact-address .inner {
  padding: 0 75px;
}
.contact-address h3 {
  font-size: 15px;
  font-weight: normal;
  margin: 0 0 60px;
}
.contact-address dl dt {
  font-size: 15px;
  margin: 0 0 0.75em;
}
.contact-address dl dd {
  font-size: 15px;
  margin: 0 0 0.75em;
  padding: 0 0 0 1em;
}
.contact-address a {
  font-size: 15px;
  color: #505050;
  text-decoration: none;
}

@media screen and (max-width:480px) {
  .contact-address {
    padding: 9.333333% 0 10.666666%;
    margin: 0;
  }
  .contact-address .inner {
    padding: 0 6.666666%;
  }
  .contact-address h3 {
    margin: 0 0 7.333333%;
  }
  .contact-address dl dt {
    margin: 0 0 0.5em;
  }
  .contact-address dl dd {
    margin: 0 0 0.5em;
  }
}