@charset "UTF-8";

/* ==========================================================
 TOP
========================================================== */
.mainVisual {
  background-color: #000;
  margin-bottom: 30px;
}
.mainVisual .mainVisualInner {
  background: url(../img/main_bg.webp) no-repeat center center;
}

.mainVisualTxt > h1 {
  margin-bottom: 30px;
}
.mainVisualTxt > p {
  margin-left: 3px;
  font-size: 18px;
}
.contents .contentsInner > h1 {
  margin-left: 2px;
  margin-bottom: 17px;
  padding-left: 3px;
  font-size: 3.2rem;
  font-weight: bold;
  color: #bdd901;
}
@media screen and (max-width: 768px) {
  .mainVisual {
    margin-bottom: 7.46vw;
  }
  .mainVisual .mainVisualInner {
    background: url(../img/main_bg_sp.webp) no-repeat center top;
    background-size: contain;
  }
  .mainVisualTxt > h1 {
    margin-bottom: 4.4vw;
    padding: 0 5.33vw;
  }
  .mainVisualTxt > h1 img {
    width: 100%;
    height: auto;
  }
  .mainVisualTxt > p {
    margin-left: 0;
    padding: 0 1vw;
    text-align: center;
    font-size: 4.27vw;
  }
  .contents .contentsInner > h1 {
    font-size: 7.313vw;
    margin-left: 0;
    text-align: center;
  }
}

/* ==========================================================
 LEAD
========================================================== */
.areaLead .picup {
  width: 100%;
  height: auto;
  font-size: 2rem;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 9px;
  color: red;
}
.areaLead .contents .bnr {
  margin-bottom: 50px;
  padding: 0 35px;
  text-align: center;
}
.bnr img {
  max-width: 600px;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
	.areaLead .contents .bnr {
	  margin-bottom: 20px;
	}
  .areaEvent .contents .bnr {
    margin-bottom: 7.46vw;
    padding: 0 20px;
  }
}


/* ==========================================================
 ABOUT
========================================================== */
/*
.mainVisual .mainVisualInner {
  background: url(/plaza/img/common/main_bg.jpg) no-repeat center center;
}
*/
/*
.contents .contentsInner > h2 {
  font-size: 3.2rem;
  font-weight: bold;
  color: #bdd901;
}
.areaAbout .contents .contentsInner h2 {
  margin-bottom: 50px;
  padding: 16px 5px;
  font-size: 2.8rem;
  text-align: center;
  border: 2px dashed #bdd901;
}
*/

.contents .contentsInner > h2 {
  margin-bottom: 17px;
  font-size: 3.2rem;
  font-weight: bold;
  color: #bdd901;
/*
padding: 1rem 2rem;
border-left: 4px solid #bdd901;
*/
}

.about {
  display: flex;
  flex-wrap: wrap;
/*
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
    margin-bottom: 75px;
*/
  line-height: 1.7;
}

.aboutLead {
  padding: 0 0 2%;
  font-size: 1.3em;
  line-height: 1.6;
}


.about h3 {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 20px 0;
}

.about .aboutAllMap {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 40px;
}
.about .aboutAllMap img {
  width: 100%;
  height: auto;
}

.about .aboutInnerMan {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.about .aboutInnerMan img {
  width: 100%;
  height: auto;
}

.about .aboutInnerSub {
  display: flex;
  gap: 30px; 
  padding: 20px 0;
}
.about .aboutInnerSub img {
  width: 100%;
  height: auto;
}

.about .aboutInnerSub .aboutImg {
  width: 50%;
}
.about .aboutInnerSub .aboutTxt {
  width: 50%;
}

.areaAbout .bnr {
  text-align: center;
  padding-top: 40px;
}

@media screen and (max-width: 768px) {
  .about {
    display: block;
    margin-bottom: 0;
  }
  .about > h2 {
    font-size: 4.27vw;
    text-align: center;
  }
  .about .aboutInnerSub {
    display: grid;
    gap: 0; 
    padding: 20px 0;
  }
  .about .aboutInnerSub .aboutImg {
	width: 100%;
  }
  .about .aboutInnerSub .aboutTxt {
	width: 100%;
  }
  .areaAbout .bnr {
    padding-top: 20px;
  }
}




/* ==========================================================
 PDF
========================================================== */
.pdf {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.7;
  margin-bottom: 20px;
}
.pdf .pdfInner {
  width: calc(100% / 3);
  padding: 1.2%;
}
.pdf .pdfInner img {
  max-width: 320px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .pdf {
	margin-bottom: 40px;
  }
  .pdf .pdfInner {
    width: calc(100% / 2);
    padding: 1.2%;
  }
}

.areaPdfTxt  {
  padding: 2%;
  font-size: 1.3em;
  line-height: 1.6;
}
.areaPdfTxt__link {
  text-align: center;
  padding-top: 3%;
}
.areaPdfTxt__link a{
  max-width: 600px;
  width: 100%;
  margin-bottom: 34px;
  padding: 4px 0;
  border-radius: 6px;
  font-size: 2rem!important;
  text-align: center;
  color: #fff;
  background-color: #A4CD00;
}
@media screen and (max-width: 768px) {
  .areaPdfTxt  {
    font-size: 1.1em;
  }
  .areaPdfTxt__link a{
    font-size: 1.8rem!important;
  }
}



/* ==========================================================
 ACCESS
========================================================== */
.areaAccess .contents .contentsInner {
  padding-top: 0;
}
/*
.areaAccess .contents .contentsInner h3 {
  margin-bottom: 54px;
}
*/
.access  {
  display: flex;
  flex-wrap: wrap;
/*
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
*/

  line-height: 2.0;
}
.accessInner  {
  width: calc(100%/2);
  padding: 1.2%;
}
.access .accessInner .accessImg img {
  max-width: 438px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.access .accessInner .accessTxt {
  margin-left: 46px;
  font-size: 1.8rem;
}
.access .accessInner .accessTxt p {
  margin-bottom: 14px;
}
.access .accessInner .accessTxt a {
  width: 100%;
  margin-bottom: 34px;
  padding: 4px 0;
  border-radius: 6px;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  background-color: #A4CD00;
}
.access .accessInner .accessTxt img {
  width: 426px;
  height: auto;
}

@media screen and (max-width: 768px) {
  .mainVisualTxt > h2 {
    margin-bottom: 4.4vw;
    padding: 0 5.33vw;
  }
  .mainVisualTxt > h2 img {
    width: 100%;
    height: auto;
  }
  .mainVisualTxt > p {
    margin-left: 0;
    padding: 0 1vw;
    text-align: center;
    font-size: 4.27vw;
  }

  .contents .contentsInner > h2 {
    font-size: 6.4vw;
    text-align: center;
  }
  .areaAbout .contents .contentsInner h2 {
    font-size: 6.4vw;
    text-align: center;
/*
      margin-bottom: 8vw;
      padding: 4vw 2.1vw;
      font-size: 5.33vw;
      line-height: 1.4;
      border: 1px dashed #bdd901;
*/
  }



  .bnr {
    margin-bottom: 6.13vw;
  }

  .areaAccess .contents .contentsInner h3 {
    margin-bottom: 8vw;
  }
  .accessInner {
    width: calc(100%/1);
  }

  .access .accessInner .accessImg {
    margin-bottom: 4.53vw;
  }
  .access .accessInner .accessImg img {
    width: 100%;
    height: auto;

  }
  .access .accessInner {
    display: block;
  }
  .access .accessInner .accessTxt {
    margin-left: 0;
  }
  .access .accessInner .accessTxt a {
    margin-bottom: 10.13vw;
    padding: 1.87vw 0;
    font-size: 4.8vw;
  }

  .access .accessInner .accessTxt img {
    width: 100%;
    height: auto;
  }
}


/*230804追加および変更*/

.access .accessInner .accessImg a {
  width: 100%;
  margin-bottom: 34px;
  padding: 4px 0;
  border-radius: 6px;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  background-color: #A4CD00;
}


.access .accessInner .accessImg p {
  margin-bottom: 34px;
}