@charset "UTF-8";
/*--------------------------------------------------
変数定義
--------------------------------------------------*/
/*--------------------------------------------------
map型(key: value)でブレークポイントを定義する。
--------------------------------------------------*/
/*
@include breakPoint("tablet") {
		
}
@include breakPoint("sp") {

}
*/
/*---------------------
協賛・寄付金申込み
-----------------------*/
/*------------
サブタイトル
--------------*/
.sub_title {
  font-size: 20px;
  font-weight: 600;
  line-height: 0.5em;
}

.sponsorship_text1 p {
  text-align: justify;
}

/*-----------
申込方法
------------*/
.application_block {
  width: 100%;
  padding: 10px;
  background-color: #EAEDE2;
  border-radius: 10px;
  border: 1px dashed #CCD0BE;
}

.application_title {
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  color: #24592C;
  border-bottom: 1px dashed #CCD0BE;
}

.explanation_block {
  margin: 0 auto;
  max-width: 600px;
  padding: 10px;
  text-align: justify;
  background-color: #F4F6ED;
  border: 1px solid #E1E4D5;
}
.explanation_block li {
  margin: 20px 0;
}

/*-----------
募集内容
------------*/
.offer_details_block {
  margin-bottom: 40px;
}
.offer_details_block dt {
  font-size: 18px;
  font-weight: 600;
  border-top: 1px solid #DCDCDC;
  padding-top: 10px;
  text-indent: -1em;
  padding-left: 1em;
}
.offer_details_block dt span {
  color: #0EB998;
}
.offer_details_block dt:first-child {
  border-top: none;
}
.offer_details_block dd {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 14px;
}
.offer_details_block dd .font_large {
  font-size: 20px;
}

/*-------------
お問い合わせ
---------------*/
.contact_title {
  position: relative;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 10px;
  padding-left: 20px;
}
.contact_title::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 100%;
  background-color: #0EB998;
  left: 0;
  top: 0;
}

.contact_address, .contact_email, .contact_phonenumber {
  padding-left: 20px;
}

/*----------------
日付インデント
------------------*/
.date_indent {
  padding-left: 151px;
}
@media screen and (max-width: 420px) {
  .date_indent {
    display: none;
  }
}