@charset "UTF-8";
/*fitness-kaigohoken*/
/*共通設定*/


/* ================================
   school/fitness Styles

   01 common
   02 fitness
   03 detail
   04 plan

   =================================== */


/*-------------------------------------------------------
01 common
--------------------------------------------------------- */

/* == common == */
:root {
  --fs16: 0.8vw;
  --fs17: 0.85vw;
  --fs18: 0.9vw;
  --fs20: 1.0vw;
  --fs23: 1.15vw;
  --fs26: 1.3vw;
  --fs28: 1.4vw;
  --fs30: 1.5vw;
  --fs34: 1.7vw;
  --fs40: 2.0vw;
  --cwht: #ffffff;
  --ctxt: #3e3a39;
  --cbdr: #808080;
  --cbk1: #f8f8f8;
  --cred: #e61e28;
  --cpur: #a54a96;
  --cpub: #9E005D;
  --rFlex: flex;
  --r28: 28%;
}
@media screen and (min-width:1301px) {
  :root {
    --fs16: 16px;
    --fs17: 17px;
    --fs18: 18px;
    --fs20: 20px;
    --fs23: 23px;
    --fs26: 26px;
    --fs28: 28px;
    --fs30: 30px;
    --fs34: 34px;
    --fs40: 40px;
  }
}
@media screen and (max-width:1300px) {
  :root {
    --fs16: 1.0vw;
    --fs17: 1.0vw;
    --fs18: 1.1vw;
    --fs20: 1.2vw;
    --fs23: 1.4vw;
    --fs26: 1.5vw;
    --fs28: 1.7vw;
    --fs30: 1.9vw;
    --fs34: 2.1vw;
    --fs40: 2.5vw;
  }
}
@media screen and (max-width:1024px) {
  :root {
    --fs16: 13px;
    --fs17: 14px;
    --fs18: 15px;
    --fs20: 16px;
    --fs23: 19px;
    --fs26: 21px;
    --fs28: 22px;
    --fs30: 23px;
    --fs34: 26px;
    --fs40: 30px;
    --rFlex: block;
    --r28: 100%;
  }
}
@media screen and (max-width:599px) {
  :root {
    --fs16: 12px;
    --fs17: 13px;
    --fs18: 14px;
    --fs20: 15px;
    --fs23: 16px;
    --fs26: 17px;
    --fs28: 20px;
    --fs30: 22px;
    --fs34: 24px;
    --fs40: 28px;
    --rFlex: block;
    --r28: 100%;
  }
}




/*-------------------------------------------------------
01 .news
--------------------------------------------------------- */

/* line 524, index.scss */
.news-ul {
  max-width: 1000px;
  margin: 0 auto; }

/* line 529, index.scss */
.news-ul li {
  margin-bottom: 16px; }

/* line 533, index.scss */
.news-con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
  border-radius: 12px;
  background-color: #fff;
  flex-wrap: wrap;
  width: 100%;
	margin-top: 50px;
	border: 1px solid #d4d4d4;}

/* line 544, index.scss */
.news-img-txt {
  width: 95%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  transition: 0.2s; }

/* line 553, index.scss */
.news-con:hover .news-img-txt {
  opacity: 0.8; }

/* line 557, index.scss */
.news-thumb-area {
  width: 15%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

/* line 565, index.scss */
.news-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* line 571, index.scss */
.news-txt {
  width: 83%;
  display: flex;
  flex-direction: column; }

/* line 577, index.scss */
.cate-date {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  margin-bottom: 8px; }

/* line 585, index.scss */
.news-cate {
  color: #e61e28;
  border: solid 1px #e61e28;
  border-radius: 100vh;
  padding: 0 8px; }

/* line 592, index.scss */
.arrow {
  position: relative; }

/* line 596, index.scss */
.arrow::before,
.arrow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle; }

/* line 607, index.scss */
.arrow::before {
  width: 28px;
  height: 28px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #e61e28;
  transition: 0.2s; }

/* line 616, index.scss */
.arrow::after {
  right: 12px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/* line 626, index.scss */
.news-con:hover .arrow::before {
  background-color: #494544; }





/*タブレットからPC*/
@media (min-width: 1025px) and (max-width: 1300px) {
  /*終わり*/
}
/*タブレット*/
@media (max-width: 1024px) {


/*-------------------------------------------------------
01 .news
--------------------------------------------------------- */

  /* news */
  .news {
  padding-bottom: 70px; }
  /*終わり*/
  /*<section class="news">*/
  /* line 1358, index.scss */
  .news-leadtxt {
      font-size: 6vw;
  letter-spacing: -0.4px;}

  /* line 1362, index.scss */
  .news-h2 {
    padding: 8vh 0; }
  .news-h2 h2 {
    font-size: 5.6vw; }

  /* line 1366, index.scss */
  .news-h2 {
    justify-content: space-between; }

	.news-thumb {
  width: 24vw;
  height: 9vh;
  object-fit: cover; }
 
 
  /* line 1370, index.scss */
  .titleline-l,
  .titleline-r {
    width: 32%; }

  /* line 1375, index.scss */
  .news-con {
    padding: 3vh 4vw;; }

  /* line 1379, index.scss */
  .news-img-txt {
    width: 100%; }

  /* line 1383, index.scss */
  .news-thumb-area {
    width: 20vw; }

  /* line 1387, index.scss */
  .news-txt {
    width: 75%; }

  /* line 1391, index.scss */
  .cate-date {
    font-size: 3.4vw; }

  /* line 1395, index.scss */
  .news-cate {
    font-size: 3.4vw; }

  /* line 1399, index.scss */
  .news-title {
    font-size: 4.2vw; }

  /* line 1403, index.scss */
  .arrow {
    display: none; }
/*-------------------------------------------------------
01 .news end
--------------------------------------------------------- */
	
}
/*スマホ*/
@media (max-width: 599px) {
  /*終わり*/
}
/*スマホ SE*/
@media (max-width: 430px) {
  /* line 1679, index.scss */
  .news-thumb-area {
    width: 30%; }

  /* line 1683, index.scss */
  .news-txt {
    width: 68%; }
  /*終わり*/
}
/* PC画面サイズ用（1025px～1920px） */
@media (min-width: 1025px) {

  /* line 1843, index.scss */
  .news-h2 {
    gap: 0.833333333333333vw;
    padding: 8.97916666666667vw 0 4.16666666666667vw 0; }

  /* line 1848, index.scss */
  .news-h2 h2 {
    font-size: 2.08333333333333vw; }

  /* line 1852, index.scss */
  .news-ul {
		width: 50vw;
    max-width: none; }

  /* line 1857, index.scss */
  .news-ul li {
    margin-bottom: 0.833333333333333vw; }

  /* line 1861, index.scss */
  .news-con {
    padding: 0.78125vw 1.25vw; }

  /* line 1865, index.scss */
  .cate-date {
    gap: 0.833333333333333vw;
    font-size: 0.729166666666667vw;
    margin-bottom: 0.416666666666667vw; }

  /* line 1871, index.scss */
  .news-cate {
    padding: 0 8px;
    font-size: 0.95vw; }

  /* line 1876, index.scss */
  .news-date {
    font-size: 1.2vw; }

  /* line 1880, index.scss */
  .news-title {
    font-size: 1.2vw; }

  /*終わり*/
}