@charset "UTF-8";
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

/*　////////////////////////////////
ブレイクポイント
//////////////////////////////////　*/
/*　////////////////////////////////
ベースフォント
//////////////////////////////////　*/
/*　////////////////////////////////
カラー
//////////////////////////////////　*/
/*　////////////////////////////////
clearfix[@extend .clearfix];
//////////////////////////////////　*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}

/*　////////////////////////////////////////////////////////////////////////////////////////////////
flex include
//////////////////////////////////////////////////////////////////////////////////////////////////　*/
/*　////////////////////////////////////////////////////////////////////////////////////////////////
初期値top:50%; left:50%;
[@include set-top();] [@include set-left();]
//////////////////////////////////////////////////////////////////////////////////////////////////　*/
/*縦中央*/
/*横中央*/
/* -----上下左右中央、%指定で調整可能----- */
/*　////////////////////////////////
flex 設定
//////////////////////////////////　*/
/*　////////////////////////////////
三角形
//////////////////////////////////　*/
/*　////////////////////////////////
矢印
//////////////////////////////////　*/
/*　////////////////////////////////////////////////////////////////////////////////////////////////
font-size
//////////////////////////////////////////////////////////////////////////////////////////////////　*/
/*　////////////////////////////////
汎用style
//////////////////////////////////　*/
/*　////////////////////////////////
TOPメイン画像
//////////////////////////////////　*/
.all-wrapper {
  /*　////////////////////////////////////////////////////////////////////////////////////////////////
  top
  //////////////////////////////////////////////////////////////////////////////////////////////////　*/
}
.all-wrapper #top {
  /*----- .top-main-visual ------------------------------------*/
}
.all-wrapper #top .top-main-visual {
  margin-bottom: 60px;
}
.all-wrapper #top .top-main-visual .main-visual {
  margin-bottom: 35px;
}
.all-wrapper #top .top-main-visual .mv-txt {
  line-height: 2.5;
  text-align: center;
  margin-bottom: 30px;
  font-size: clamp(1.6rem, 1.75vw, 1.9rem);
}
@media (min-width: 768px) {
  .all-wrapper #top .top-main-visual {
    margin-bottom: 100px;
  }
}
.all-wrapper #top {
  /*----- .top-section01 ------------------------------------*/
}
.all-wrapper #top .top-section01 {
  background: #f6faf7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 60px 0;
}
.all-wrapper #top .top-section01 .f-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4%;
}
.all-wrapper #top .top-section01 .f-wrap .left-box, .all-wrapper #top .top-section01 .f-wrap .right-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.all-wrapper #top .top-section01 .f-wrap .left-box {
  margin-bottom: 15px;
}
.all-wrapper #top .top-section01 .f-wrap .left-box img {
  display: block;
  margin: 0 auto;
  max-width: 480px;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .all-wrapper #top .top-section01 {
    padding: 100px 0;
  }
  .all-wrapper #top .top-section01 .f-wrap .left-box {
    width: 40%;
    margin-bottom: 0;
  }
  .all-wrapper #top .top-section01 .f-wrap .right-box {
    width: 56%;
  }
}
.all-wrapper #top {
  /*----- .top-section02 ------------------------------------*/
}
.all-wrapper #top .top-section02 .f-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 4%;
}
.all-wrapper #top .top-section02 .f-wrap .left-box, .all-wrapper #top .top-section02 .f-wrap .right-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.all-wrapper #top .top-section02 .f-wrap .right-box {
  margin-bottom: 15px;
}
.all-wrapper #top .top-section02 .f-wrap .right-box img {
  display: block;
  margin: 0 auto;
  max-width: 480px;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .all-wrapper #top .top-section02 .f-wrap .left-box {
    width: 56%;
  }
  .all-wrapper #top .top-section02 .f-wrap .right-box {
    width: 40%;
    margin-bottom: 0;
  }
}
.all-wrapper #top {
  /*----- .info-area ------------------------------------*/
}
.all-wrapper #top .info-area .f-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.all-wrapper #top .info-area .f-wrap .left-box, .all-wrapper #top .info-area .f-wrap .right-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.all-wrapper #top .info-area .f-wrap .left-box {
  margin-bottom: 30px;
}
.all-wrapper #top .info-area .info-title {
  font-size: clamp(2rem, 2.2vw, 2.4rem);
  color: #155f5f;
  padding-bottom: 5px;
  border-bottom: 1px solid #155f5f;
}
.all-wrapper #top .info-area .info-list {
  margin-bottom: 25px;
}
.all-wrapper #top .info-area .info-list li {
  width: 100%;
  margin: 0;
  border-bottom: 1px solid #ccc;
}
.all-wrapper #top .info-area .info-list li a {
  display: block;
  width: 100%;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.all-wrapper #top .info-area .info-list li a:hover {
  background: #4bb38a;
}
.all-wrapper #top .info-area .info-list li a:hover .title, .all-wrapper #top .info-area .info-list li a:hover .day {
  color: #fff;
}
.all-wrapper #top .info-area .info-list li .txt-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.all-wrapper #top .info-area .info-list li .title, .all-wrapper #top .info-area .info-list li .day {
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.all-wrapper #top .info-area .info-list li .day {
  color: #155f5f;
}
@media (min-width: 768px) {
  .all-wrapper #top .info-area .f-wrap {
    gap: 4%;
  }
  .all-wrapper #top .info-area .f-wrap .left-box, .all-wrapper #top .info-area .f-wrap .right-box {
    width: 48%;
  }
  .all-wrapper #top .info-area .f-wrap .left-box {
    margin-bottom: 0px;
  }
  .all-wrapper #top .info-area .info-list li .day {
    width: 120px;
  }
  .all-wrapper #top .info-area .info-list li .title {
    width: calc(100% - 120px);
  }
}
.all-wrapper {
  /* ---------- top --------------- */
}