@charset "UTF-8";
/* =============================================
  お知らせ一覧・お知らせ詳細 共通CSS
*/
/*-------------------------------
 共通
-------------------------------*/
/* コンテンツメインイメージ */
.contents_main_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.contents_main_area .contents_copy {
  margin-top: 30px;
  margin-bottom: 0;
  max-width: 100%;
}

.contents_section .detail .btn {
  min-width: 280px;
}

.contents_section .img_link img:hover {
  opacity: 0.6;
}

/* コンテンツ記事 */
.contents_section[layout="c"] .img {
  max-width: 900px;
  margin: 0 auto;
  display: block;
}
.contents_section[layout="r"], .contents_section[layout="r_min"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.contents_section[layout="l"], .contents_section[layout="r"], .contents_section[layout="l_min"], .contents_section[layout="r_min"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contents_section[layout="l"] .img, .contents_section[layout="r"] .img {
  width: 38%;
}
.contents_section[layout="l"] .detail, .contents_section[layout="r"] .detail {
  width: 60%;
  margin: 0;
}
.contents_section[layout="l_min"] .img, .contents_section[layout="r_min"] .img {
  width: 20%;
}
.contents_section[layout="l_min"] .detail, .contents_section[layout="r_min"] .detail {
  width: 60%;
  margin: 0;
}
@media (max-width: 640px) {
  .contents_section[layout="l"], .contents_section[layout="r"], .contents_section[layout="l_min"], .contents_section[layout="r_min"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contents_section[layout="l"] .img, .contents_section[layout="r"] .img, .contents_section[layout="l_min"] .img, .contents_section[layout="r_min"] .img {
    width: 100%;
    overflow: hidden;
  }
  .contents_section[layout="l"] .img img, .contents_section[layout="r"] .img img, .contents_section[layout="l_min"] .img img, .contents_section[layout="r_min"] .img img {
    /*margin: -10% 0;*/
    height: auto;
  }
  .contents_section[layout="l"] .detail, .contents_section[layout="r"] .detail, .contents_section[layout="l_min"] .detail, .contents_section[layout="r_min"] .detail {
    width: auto;
    margin-top: 30px;
  }
}
.contents_section + .contents_section {
  margin-top: 32px;
}

/* コンテンツ記事(画像2枚用) */
.contents_section[layout="r_2img"] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.contents_section[layout="l_2img"], .contents_section[layout="r_2img"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contents_section[layout="l_2img"] .img_main, .contents_section[layout="r_2img"] .img_main {
  width: 60%;
}
.contents_section[layout="l_2img"] .img_sub, .contents_section[layout="r_2img"] .img_sub {
  width: 38%;
}
@media (max-width: 640px) {
  .contents_section[layout="l_2img"], .contents_section[layout="r_2img"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contents_section[layout="l_2img"] .img_main, .contents_section[layout="r_2img"] .img_main {
    width: 100%;
    overflow: hidden;
  }
  .contents_section[layout="l_2img"] .img_main img, .contents_section[layout="r_2img"] .img_main img {
    height: auto;
  }
  .contents_section[layout="l_2img"] .img_sub, .contents_section[layout="r_2img"] .img_sub {
    width: 100%;
    overflow: hidden;
  }
  .contents_section[layout="l_2img"] .img_sub img, .contents_section[layout="r_2img"] .img_sub img {
    height: auto;
  }
}
.contents_section + .contents_section {
  margin-top: 32px;
}

/* コンテンツ内文章 */
.detail p {
  margin: 0;
}

/* コンテンツ内リスト */
.detail ul li {
  margin: 10px 0;
  line-height: 1.6;
}

.detail ul li::before {
  content: "■ ";
}

/* コンテンツ右詰め */
.text_right {
  text-align: right;
}

/* お問い合わせ誘導コンテンツ */
.floor_bottom {
  position: relative;
}

.contact_section {
  text-align: center;
  background-color: #f5f5f5;
  padding: 40px 0;
}

.contact_section h3 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 30px;
  line-height: 1.5;
  text-align: center;
}

.contact_section h3 br {
  display: none;
}
@media (max-width: 640px) {
  .contact_section h3 br {
    display: block;
  }
}

.contact_section .detail p {
  color: #fff;
  font-size: 30px;
  margin: 0 0 20px;
  text-align: center;
}

.contact_section .btn {
  margin-top: 20px;
  width: 90%;
  max-width: 420px;
  min-width: 284px;
}
@media (max-width: 640px) {
  .contact_section .btn {
    max-width: unset;
    min-width: unset;
  }
}

/*-------------------------------
 YouTube埋め込み
-------------------------------*/

.iframe_center_16x9 {
  width: 100%;
  text-align: center;
}
@media (max-width: 640px) {
  .iframe_center_16x9 {
      position: relative;
      padding-top: 56.25%;
      width: 100%;
    }
}

.iframe_center_16x9 iframe {
  width: 640px;
  height: 360px;
}
@media (max-width: 640px) {
  .iframe_center_16x9 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/*-------------------------------
 ボックスデザインデザイン
-------------------------------*/
.contents_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: start;
      -ms-flex-pack: justify;
          justify-content: start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 20px;
  margin-top: 30px;
  margin-right: 20px;
  margin-left: 20px;
  background: #ededed;
}
.contents_box .img {
  width: 30%;
  height: auto;
}
.contents_box .text {
  width: 65%;
  margin-left: 20px;
}
.contents_box .title {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
}
.contents_box .detail {
  margin: 0;
}
.contents_box .detail .btn {
  min-width: 300px;
}
@media (max-width: 640px) {
  .contents_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    background: #ededed;
  }

  .contents_box .img {
    width: 100%;
  }
  .contents_box .img img {
    height: auto;
  }
  .contents_box .text {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  .contents_box .detail .btn {
    max-width: unset;
    min-width: unset;
  }
}

/*-------------------------------
 カードデザイン
-------------------------------*/

.card_area[layout="c"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
      -ms-flex-pack: justify;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -10px;
}
@media (max-width: 640px) {
  .card_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.card_area[layout="l"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: start;
      -ms-flex-pack: justify;
          justify-content: start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -10px;
}
@media (max-width: 640px) {
  .card_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.card_area .card {
  width: calc(30%);
  background: #ededed;
  margin: 10px;
}
@media (max-width: 640px) {
  .card_area .card {
    width: auto;
  }
}

.card .card-img {
  width: 100%;
  height: auto;
}
.card .card-content {
  height: 100%;
  min-height: 180px;
  padding: 10px 15px;
}
.card .card-content .card-title {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  /*text-align: center;*/
}
.card .card-content .card-detail {
  font-size: 88%;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom:0;
}
.card .card-content .card-ul {
  list-style-type: none;
  /*margin-left: 2em;*/
  padding-left: 1.4em;
  font-size: 88%;
  line-height: 1.5;
}

.card .card-content .card-ul li {
  text-indent: -1.4em;
}

.card .card-content .card-ul li:before {
  content: '■ ';
}

/* IEのみに適用するCSS群 */
_:-ms-lang(x)::-ms-backdrop, .card_area .card {
  min-height: 0%;
}
/* IEのみに適用するCSS群 */