@charset "UTF-8";

/*-------------------------
font
-------------------------*/
.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}

.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
}

.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
}

.zen-maru-gothic-black {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 900;
  font-style: normal;
}

body {
  background-color: #fff;
}
p{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: normal;
}

/*------------------------
section-pagetitle
-------------------------*/
.section-pagetitle {
  background-color: #fffae5;
  position: relative;
  height: 510px;
  padding-top: 180px;
}

.newstitle-area {
  max-width: 72%;
  padding: 0 1rem 1.5rem;
  margin: 0 auto 50px auto;
  
}
.newstitle-area p {
  width: 190px;
  background-color: #ee7800;
  color: #fff;
  padding: 5px 0;
  border-radius: 50px;
  text-align: center;
  margin-bottom: 10px;
}

.section-pagetitle h2 {
  background-image: none;
  margin: 0;
  padding: 0;
}

.kashiwani-1 img {
  position: absolute;
  align-content: end;
  bottom: 0%;
  left: 70%;
}

.kashiwani-1 img {
  max-width: 190px;
}

.sec-news-content {
  margin: 100px auto;
  width: 100%;
  max-width: 1000px;
}
.sec-news-content h2 {
  background-image: linear-gradient(to right, #f39800, #f39800 10px, transparent 10px);
}

.news-listpage h2 {
  margin: 0 auto;
}

.news-pagetitle {
  height: 400px;
}

.news-list {
  font-size: 2rem;
}

.news-list a div {
  display: flex;
  border-bottom: 2px dotted #aeaeae;
  padding-bottom: 4rem;
  margin-bottom: 40px;
}

.news-list a div.news-last {
  margin-bottom: 0;
}

.news-list a div dt {
  font-size: 1.8rem;
  color: #949494;
  margin-right: 15px;
  align-content: center;
}

.news-list a div dd {
  font-weight: bold;
  color: #333;
}

.news-list a div dd span{
  color: #f00;
}

.news-list a div:hover dd {
  color: #009944;
}

.news-list .news-no_link:hover dd {
  color: #333;
}

.news-arrow::before {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background-color: #333;
  position: absolute;
  transform-origin: 0 0;
  left: 0;
  top: 0;
}

.news-arrow::after {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background-color: #333;
  position: absolute;
  transform-origin: 0 0;
  left: 0;
  top: 0;
}

.news-arrow::after {
  transform: rotate(-45deg);
  top: 22px;
  left: 122px;
}

.news-arrow::before {
  transform: rotate(45deg);
  top: 11px;
  left: 123px;
}

/* back-button */
.back-button-area {
  margin: 100px auto 180px auto;
  width: 100%;
  max-width: 1000px;
  text-align: center;
}

.back-button-area a {
  display: inline-block;
  text-align: center;
  width: 240px;
  height: 50px;
  background-color: #F5AD33;
  border-radius: 10px;
  font-size: 2rem;
  align-content: center;
  color: #fff;
  position: relative;
}
.back-button-area a:hover {
opacity: 0.8;
}

.news-arrow3::before{
  content: "";
  display: block;
  width: 10px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  transform-origin: 0 0;
  left: 0;
  top: 0;
}
.news-arrow3::after{
  content: "";
  display: block;
  width: 10px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  transform-origin: 0 0;
  left: 0;
  top: 0;
}
.news-arrow3::after {
  transform: rotate(-45deg);
  top: 26px;
  left: 48px;
}
.news-arrow3::before {
  transform: rotate(45deg);
  top: 24px;
  left: 50px;
}
.news-text p span{
color: #dd3603;
font-weight: bold;
}

.news-textbox{
  margin-bottom: 40px;
}
.news-textbox span{
  color: #dd3603;
  font-weight: bold;
}
.news-textbox h3{
  font-weight: bold;
  font-family: 'Noto Sans JP', sans-serif;
}
.news-textbox h3::before{
  content: "⚫︎";
  display: inline;
  width: 20px;
  color: #f39800;
}
.textbox-indent{
  padding-left: 2rem;
}
/* .sec-news-content .news-textbox p{
text-align: left;
text-indent: -2rem;
padding-left: 2rem;
} */

/*-------------------------
shienkai.html
-------------------------*/
.sec-news-content p{
  max-width: 1000px;
  text-align: left;
}
p.shienkai-attention{
  font-size: 3.2rem;
  line-height: 4.5rem;
}
p.shienkai-attention span{
  font-weight: bold;
  text-decoration: underline;
}
.textbox-blank{
  margin: 10px 0;
}
.sec-news-content .news-attention p{
  text-align: center;
  font-size: 2rem;
}
/*-------------------------
contact
-------------------------*/
.section-contact {
  margin: 0 auto 200px;
}
h2.shienkai-contact{
margin: 0 auto 30px auto;
background-image: linear-gradient(to right, #f39800, #f39800 10px, transparent 10px);
}
.tel-info{
  margin: 10px 0;
  line-height: 3.2rem;
}
.contact-frame {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 3rem 0 6rem 0;
	position: relative;
}
.contact-frame::before {
	  position: absolute;
  content: '';
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  border: 3px solid #f39800;
  border-radius: 5rem;
  z-index: -1;
}
.contact-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	flex-direction: column;
	align-items: center;
}
.contact-content h3 {
	font-size: 3.2rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}
.contact-detail__tel span {
	font-size: 2.8rem;
	font-weight: 600;
  margin-bottom: 10px;
}
.contact-detail__tel a {
	font-size: 5.2rem;
	font-weight: 600;
	margin-left: 30px;
}
.contact-detail__tel p {
	font-size: 2.0rem;
}

/*-------------------------
backbutton
-------------------------*/
.top-backbutton {
  margin: 0 auto;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 2rem;
  background-color: #00a95f;
  max-width: 450px;
  height: 60px;
  padding: 20px 70px;
  border-radius: 10px;
  align-content: center;
  margin-top: 150px;
  color: #fff;
  display: inline-block;
margin-top: 100px;
}
.back-button{
  text-align: center;
}

.top-backbutton:hover{
  opacity: 0.7;
  transition: 0.2s linear;
  }

.contact-link{
  margin-top: 50px;
  text-align: center;
  font-size: 2.2rem;
}
.contact-link p a{
font-weight: bold;
color: #009944;
font-size: 2.4rem;
}
.contact-link p:hover a{
  font-weight: bold;
  color: #F5AD33;
  font-size: 2.4rem;
  transition: linear 0.2s;
  }


@media (max-width: 768px) {
  .news-list {
    padding: 0 2.5rem;
  }
  .sec-news-content{
    padding: 0 2.4rem;
  }
/* contact */
  .section-contact{
    padding: 0 2.4rem;
  }
  .contact-content__detail{
    padding: 0 2.4rem;
  }
  .contact-detail__tel span{
    padding: 0 2.4rem;
    display: block;
    text-align: center;
  }
  .contact-detail__tel a{
    margin-left: 0;
  }
  .contact-content h3{
    font-size: 2.8rem;
  }


}

@media (max-width: 520px) {
  p{
    font-size: 1.6rem;
  }
  .kashiwani-1 img {
    left: 55%;
  }

  .kashiwani-1 img {
    max-width: 140px;
  }

  .section-pagetitle {
    padding-top: 17rem;
  }

  .news-pagetitle {
    height: 370px;
  }

  .footer-content {
    padding: 2rem 0 2rem;
  }

  .news-list a div dd {
    font-size: 1.6rem;
  }

  .news-list a div dt {
    font-size: 1.6rem;
  }

  .news-list {
    max-width: 380px;
    margin: 0 auto;
  }

  .news-list a div {
    display: block;
  }

  .news-list a div dt {
    text-align-last: left;
    margin-bottom: 5px;
  }

  .news-list a div dd {
    text-align-last: left;
  }
  .back-button-area a{
    font-size: 1.6rem;
    width: 200px;
  }
  .news-arrow3::after{
    left: 38px;
  }
  .news-arrow3::before{
    left: 40px;
  }

/*  */
h2.shienkai-contact{
  font-size: 2.4rem;
}
.section-contact h3 {
  font-size: 2.6rem;
}
.contact-detail__tel span {
  font-size: 2.2rem;
}
.contact-detail__tel p{
  font-size: 1.6rem;
}
.contact-detail__tel a{
  font-size: 2.4rem;
}
.contact-content__detail{
  padding: 0 1.6rem;
}
.contact-frame::before{
  border-radius: 2rem;
}
}

@media (max-width: 320px) {
  .kashiwani-1 img {
    left: 26%;
  }


}


/* 活動団体一覧　　　準備中画面 */

.newstitle-area p.kf_subtext{
  width: 65rem;
  max-width: 100%;
  background-color: #fffae5;
  color: #333;
  text-align: left;
  font-family: 'Hiragino Maru Gothic ProN';
}

.kf_pagetitle{
  height: 550px;
}

@media (max-width: 520px) {
  .kf_textsize{
    font-size: 1.6rem;
  }
  .sp520_none {
    display: none;
  }
}


/* 20250428 テキストボックス間修正*/
.news-text p{
  margin-bottom: 40px;
}

.news-img{
  margin: 0 auto;
  margin-bottom: 50px;
  text-align: center;
}
.news-img img{
  max-width: 1000px;
  width: 100%;
}

.news_link{
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  align-items: center;
  overflow-wrap: break-word;
}
.news_link_mark{
  position: relative;
}
.news_link_mark::before{
  content: "";
  background-image: url(../image/link_icon_gray.svg);
  background-repeat: no-repeat;
  background-size: 70%;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  position: absolute;
  left: -3px;
  top: 0;
}

.news_link:hover{
color: #009944;
}



@media (max-width: 520px) {
  h2{
    font-size: 2.4rem;
  }
.newstitle-area{
  max-width: 85%;
}
}

/* 20251029 */
.section-pagetitle h2{
  text-align: left;
}
.news-text_flow {
padding-top: 1rem;
margin-bottom: 4rem;
}
.news-text_flow h4{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  margin-bottom: 1rem;
}
.news-text_flow p{
line-height: 2;
}
.news-text_flow p a{
color: #00a95f;
text-decoration: underline;
}
.news-text_flow p a img{
max-width: 20px;
}
.news-text_flow p a:hover{
color: #ee7800;
transition: linear 0.2s;
}
.news-text_imagearea img{
  width: 100%;
  max-width: 900px;
  text-align: center;
}
.news-text_imagearea02 img{
  width: 100%;
  max-width: 400px;
  text-align: center;
}