/** -----------------------------------
  全体レイアウト
-------------------------------------**/
#guidelines {padding:0px 10% 56px 10%}
.question{margin-top: 50px;}
.question p.large{border-bottom: 3px solid #ddd;}
.icon{width: 64px; height: 64px;}
.five-title{color:#fc555e; font-weight: bold; margin-top: 16px;}
.five-content{border-left: solid 1px #fc555e; margin: 10px 0 0 7px; padding-left: 16px;}
.support{width: 325px; margin: 0 auto; display: block;}
.fukidashi p.small{line-height: 3;}
.event{width: 50%;  display: block;}
.date{background-color: #f8eced; padding: 30px; margin-top: 80px;}
.date a{color: inherit; text-decoration-line: underline;}
.date a:hover {color: #fc555e;}




/** -----------------------------------
  吹き出し
-------------------------------------**/
.question-comment{display: flex; margin-top: 30px; align-items: center;}
.fukidashi{ position: relative; display: inline-block; padding: 7px 10px; background: #f8eced; width: 100%; margin-left: 30px;}
.fukidashi:before { content: ""; position: absolute; top: 60%;left: -27px; margin-top: -15px; border: 7px solid transparent; border-right: 20px solid #f8eced;}
.balloon1-left p {
  margin: 0;
  padding: 0;
}

/** -----------------------------------
  slider設定
-------------------------------------**/
.slick-slide img {object-fit: cover; object-position: center center; width: 100%; height: 100%;}
.slick-next:before, .slick-prev:before{color: #fc555e;font-size: 20px;}
.slick-dotted.slick-slider {margin-bottom: 0px; width: 50%;}
.slider-sp{display: none;}
.slider-pc{display: block;}


/** -------- スマホ -------- **/
@media screen and (max-width: 768px) {
  #company th{padding: 10px 0 5px; display: block; width: auto;}
  #company td{padding: 0 0 10px; display: block; width: auto;}
  .fukidashi p.small{line-height: 1.3;}
  .support{width: 235px; margin: 0 auto; display: block;}
  .event{width: 100%;}
  .slick-dotted.slick-slider {width: 100%;}
  .slick-next:before, .slick-prev:before{display: none;}
}