@charset "UTF-8";
/* Scss Document */
/*英字*/
/* Scss Document */
/*naga add*/
/* 下からフェードイン(初期値) */
.js-fadeUp, .js-fadeUpSlow {
  opacity: 0;
  /* 最初は非表示 */
  transform: translateY(30px);
  /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s;
  /* 透過率と縦方向の移動を0.8秒 */
}

/* 下からフェードイン(スクロールした後) */
.js-fadeUp.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateY(0);
  /* 30px上に移動する */
  transition-delay: 0s;
  /*開始を遅らせる */
}

.js-fadeUpSlow.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateY(0);
  /* 30px上に移動する */
  transition-delay: .5s;
  /* 開始を遅らせる */
}

/* 左からフェードイン(初期値) */
.js-fadeIn, .js-fadeInSlow {
  opacity: 0;
  /* 最初は非表示 */
  transform: translateX(-100px);
  /* 左に100pxの位置から */
  transition: opacity .8s, transform .8s;
  /* 透過率と縦方向の移動を0.8秒 */
}

/* 左からフェードイン(スクロールした後) */
.js-fadeIn.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateX(0);
  /* 100px右に移動する */
  transition-delay: 0s;
  /* 開始を遅らせる */
}

.js-fadeInSlow.is-inview {
  opacity: 1;
  /* 表示領域に入ったら表示 */
  transform: translateX(0);
  /* 100px右に移動する */
  transition-delay: .5s;
  /* 開始を遅らせる */
}

/* 用紙サイズの指定（A4） */
@page {
  margin: 8mm;
  size: 210mm 297mm;
  /* A4縦 */
}
@media print {
  /* 全体設定 */
  body {
    -webkit-print-color-adjust: exact;
    /* 印刷時でも背景色や背景画像を表示 */
    width: 1400px;
    /* 印刷時の全ページ幅を統一 */
    zoom: 0.8;
    /* なるべく多くのブラウザで切れないようにするため */
    /*no animation*/
  }
  body header {
    position: absolute !important;
    max-width: 1400px;
    width: 1400px !important;
  }
  body .header--flex {
    width: 1400px !important;
  }
  body .btnBox {
    display: none;
  }
  body #btn_pagetop {
    display: none;
  }
  body .js-fadeUp,
  body .js-fadeIn,
  body .js-fadeUpSlow,
  body .js-fadeInSlow {
    opacity: 1;
  }
  body .js-fadeIn,
  body .js-fadeInSlow {
    transform: translateX(0);
  }
  body .js-fadeUp,
  body .js-fadeUpSlow {
    transform: translateY(0);
  }
  body .js-fadeUp.is-view,
  body .js-fadeIn.is-view,
  body .js-fadeUpSlow.is-view,
  body .js-fadeInSlow.is-view {
    animation-name: none;
  }
}
/*body{
  background-color: $color03;
}*/
main {
  background-color: #fffaec;
}

.mainImage {
  width: 100%;
  height: 760px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 100px 0 0;
  background-image: url("../img/index/mv_bg_topLeft.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
  animation: fadeIn 2s ease-in-out forwards;
}
@media screen and (min-width: 1441px) {
  .mainImage {
    height: 90vh;
  }
}
@media screen and (max-width: 767px) {
  .mainImage {
    background-size: 85%;
    padding-top: 80px;
  }
}
@media screen and (max-width: 479px) {
  .mainImage {
    background-size: 78%;
  }
}
.mainImage .hero {
  position: relative;
  width: 100%;
  height: 660px;
  overflow: hidden;
  /*本館*/
  /*わかば館*/
  /*介護の様子*/
  /*キャッチコピー*/
}
@media screen and (min-width: 1441px) {
  .mainImage .hero {
    height: 100%;
  }
}
.mainImage .hero__img {
  position: absolute;
  opacity: 0;
}
.mainImage .hero .img1 {
  bottom: 0;
  left: 8.5%;
  width: 37.2%;
  height: auto;
  max-width: 100%;
  z-index: 2;
  animation: fadeInFromLeft 1s ease-out 1s forwards;
}
@media screen and (max-width: 1279px) {
  .mainImage .hero .img1 {
    width: 50%;
    left: 2%;
  }
}
@media screen and (max-width: 479px) {
  .mainImage .hero .img1 {
    width: 70%;
    left: 15%;
  }
}
.mainImage .hero .img2 {
  top: 40px;
  left: 26.4%;
  width: 22%;
  height: auto;
  max-width: 100%;
  z-index: 1;
  animation: fadeInFromLeft 1s ease-out 0.5s forwards;
}
@media screen and (max-width: 1279px) {
  .mainImage .hero .img2 {
    top: 0;
    left: 24%;
    width: 28%;
  }
}
@media screen and (max-width: 767px) {
  .mainImage .hero .img2 {
    left: inherit;
    right: 15px;
    top: 74%;
    width: 37%;
  }
}
@media screen and (max-width: 479px) {
  .mainImage .hero .img2 {
    top: 56%;
    width: 50%;
  }
}
@media screen and (max-width: 329px) {
  .mainImage .hero .img2 {
    top: 65%;
  }
}
.mainImage .hero .img3 {
  top: 0;
  right: 0;
  left: auto;
  width: 47.2%;
  height: auto;
  max-width: 100%;
  z-index: 3;
  animation: fadeInFromRight 1s ease-out 1.5s forwards;
}
@media screen and (max-width: 1279px) {
  .mainImage .hero .img3 {
    top: 16%;
  }
}
@media screen and (max-width: 767px) {
  .mainImage .hero .img3 {
    top: 0;
    width: 65%;
  }
}
@media screen and (max-width: 479px) {
  .mainImage .hero .img3 {
    width: 100%;
    max-width: 400px;
  }
}
.mainImage .hero .img4 {
  top: 35%;
  left: 8.5%;
  z-index: 4;
  opacity: 0;
  animation: slideInLeft 2s forwards;
  animation-delay: 1s;
}
.mainImage .hero .img4 source,
.mainImage .hero .img4 img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1279px) {
  .mainImage .hero .img4 {
    top: 40%;
  }
}
@media screen and (max-width: 767px) {
  .mainImage .hero .img4 {
    top: 44%;
    left: 40px;
  }
}
@media screen and (max-width: 479px) {
  .mainImage .hero .img4 {
    top: 58%;
    left: 15px;
  }
  .mainImage .hero .img4 source,
  .mainImage .hero .img4 img {
    width: 154px;
    height: auto;
  }
}
@media screen and (max-width: 329px) {
  .mainImage .hero .img4 {
    top: 50%;
  }
}
.mainImage .snsBox {
  width: 45px;
  height: auto;
  position: absolute;
  bottom: 20px;
  left: 40px;
  z-index: 10;
  opacity: 0;
  animation: slideInLeft 2s forwards;
  animation-delay: 2s;
}
@media screen and (max-width: 767px) {
  .mainImage .snsBox {
    left: 15px;
  }
}
.mainImage .snsBox__anchor {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mainImage .snsBox__anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .mainImage .snsBox__anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}
.mainImage .snsBox__anchor.fb {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .mainImage .snsBox__anchor.fb {
    margin-top: 15px;
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    /*  visibility: visible;*/
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
/* 左からのフェードインアニメーションの定義 */
@keyframes fadeInFromLeft {
  0% {
    opacity: 0;
    /* 透明 */
    transform: translateX(-50px);
    /* 左に50px移動した状態から開始 */
  }
  100% {
    opacity: 1;
    /* 不透明 */
    transform: translateX(0);
    /* 元の位置に戻る */
  }
}
/* 右からのフェードインアニメーションの定義 */
@keyframes fadeInFromRight {
  0% {
    opacity: 0;
    /* 透明 */
    transform: translateX(50px);
    /* 右に50px移動した状態から開始 */
  }
  100% {
    opacity: 1;
    /* 不透明 */
    transform: translateX(0);
    /* 元の位置に戻る */
  }
}
.secNews {
  position: relative;
  margin-bottom: 50px;
}
.secNews__inner {
  margin: 60px auto 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 120px;
  padding-right: 120px;
  max-width: 1440px;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .secNews__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .secNews__inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.secNews__title {
  font: 500 36px/1.5 "M PLUS 1", sans-serif;
  color: #ff9a24;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 767px) {
  .secNews__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .secNews__title {
    font-size: 24px;
  }
}
.secNews__box {
  margin-top: 40px;
}
@media screen and (max-width: 479px) {
  .secNews__box {
    margin-top: 30px;
  }
}
.secNews__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.secNews__item--anchor {
  display: flex;
  align-items: center;
  gap: 0 55px;
  text-decoration: none;
  font: 500 16px/1.5 "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #1d1d1d !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 15px 30px 20px;
  border-bottom: 1px solid #b4e380;
  text-align: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* @include mobpc {
     gap:0 15px;
   };*/
}
@media screen and (max-width: 1279px) {
  .secNews__item--anchor {
    flex-wrap: wrap;
    gap: 15px 0;
    padding: 30px 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .secNews__item--anchor {
    padding: 20px 0 30px;
  }
}
@media screen and (max-width: 479px) {
  .secNews__item--anchor {
    font-size: 14px;
  }
}
.secNews__item--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secNews__item--anchor:hover {
    text-decoration: none;
    background-color: #FFEFCE;
  }
}
.secNews__item--anchor .sp-top {
  flex: 0 0 420px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  /*@include mobpc {
    flex-basis: 40%;
  };*/
}
@media screen and (max-width: 767px) {
  .secNews__item--anchor .sp-top {
    flex-basis: 100%;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .secNews__item--anchor .sp-top {
    margin-bottom: 0;
  }
}
.secNews__item--anchor .sp-top time {
  font-style: normal;
  padding-right: 70px;
}
@media screen and (max-width: 1279px) {
  .secNews__item--anchor .sp-top time {
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .secNews__item--anchor .sp-top time {
    padding-right: 20px;
  }
}
.secNews__item--anchor .sp-top .cate {
  display: inline-block;
  width: 250px;
  height: auto;
  color: #1d1d1d;
  font: 500 16px/1.5 "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  padding: calc(10px - (16px * 1.5 - 16px) / 2) 0;
  text-align: center;
  border-radius: 3px;
}
@media screen and (max-width: 1279px) {
  .secNews__item--anchor .sp-top .cate {
    width: 150px;
  }
}
@media screen and (max-width: 1279px) {
  .secNews__item--anchor .sp-top .cate {
    padding: calc(5px - (16px * 1.5 - 16px) / 2) 15px;
  }
}
@media screen and (max-width: 479px) {
  .secNews__item--anchor .sp-top .cate {
    font: 500 14px/1.5 "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
    padding: calc(5px - (14px * 1.5 - 14px) / 2) 15px;
  }
}
.secNews__item--anchor .sp-top .cate.num1 {
  background-color: #ffd700;
}
.secNews__item--anchor .sp-top .cate.num2 {
  background-color: #ff9a24;
}
.secNews__item--anchor .sp-top .cate.num3 {
  background-color: #ffc888;
}
.secNews__item--anchor .sp-top .cate.num4 {
  background-color: #FFADB5;
}
.secNews__item--anchor .sp-btm {
  flex: 1 1 auto;
  display: inline-block;
  margin: 0px;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .secNews__item--anchor .sp-btm {
    flex: 0 0 calc(100% - 40px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.secNews__btn {
  padding-top: 70px;
  padding-bottom: 50px;
}
@media screen and (max-width: 479px) {
  .secNews__btn {
    padding-bottom: 0;
  }
}
.secNews__btn--anchor {
  display: inline-block;
  width: 260px;
  height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 30px;
  border: 1px solid #fff;
  background: #ff9a24;
  font: 500 18px/1.5 "M PLUS 1", sans-serif;
  color: #fff !important;
  letter-spacing: 0.05em;
  padding: calc(20px - (18px * 1.5 - 18px) / 2) 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 479px) {
  .secNews__btn--anchor {
    width: 240px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
    font-size: 16px;
    padding: calc(16px - (16px * 1.5 - 16px) / 2) 10px;
  }
}
.secNews__btn--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secNews__btn--anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}

/*sec news end*/
.secServ {
  position: relative;
  background-image: url("../img/index/bg_secServ.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}
.secServ__bg {
  width: 100%;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.secServ__bg img {
  width: 100%;
}
.secServ__inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 130px 0 0;
  /*例外*/
  max-width: 1440px;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .secServ__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .secServ__inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 479px) {
  .secServ__inner {
    padding: 90px 0 0;
  }
}
.secServ__title {
  font: 500 36px/1.5 "M PLUS 1", sans-serif;
  color: #005739;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 767px) {
  .secServ__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .secServ__title {
    font-size: 24px;
  }
}
.secServ__box {
  margin-top: 60px;
  margin-left: 50px;
  margin-right: 50px;
}
@media screen and (max-width: 479px) {
  .secServ__box {
    margin-top: 40px;
  }
}
.secServ__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.secServ__item {
  position: relative;
  margin: 0 5px;
  overflow: hidden;
  /*    border-radius: 10px;*/
}
.secServ__item--anchor {
  display: inline-block;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.secServ__item--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secServ__item--anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}
.secServ__item--anchor:hover .cont__image img {
  transform: scale(1.1);
}
.secServ__item .cont {
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 240px;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 1px 1px 3px 1px #eee;
}
@media screen and (max-width: 479px) {
  .secServ__item .cont {
    max-width: 210px;
  }
}
.secServ__item .cont__image {
  overflow: hidden;
  width: 240px;
  height: 100px;
  margin: 0;
  padding: 0;
  object-fit: cover;
}
.secServ__item .cont__image img {
  display: block;
  height: auto;
  max-width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 479px) {
  .secServ__item .cont__image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 12 / 5;
  }
}
.secServ__item .cont__wrap {
  width: 240px;
  height: auto;
  min-height: 80px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px 30px;
  text-align: left;
}
@media screen and (max-width: 479px) {
  .secServ__item .cont__wrap {
    width: 210px;
  }
}
.secServ__item .cont__wrap--top {
  display: inline-block;
  font: 500 16px/1.5 "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #fff;
  background-color: #005739;
  border-radius: 3px;
  padding: calc(5px - (16px * 1.5 - 16px) / 2) 15px;
}
@media screen and (max-width: 479px) {
  .secServ__item .cont__wrap--top {
    font-size: 14px;
  }
}
.secServ__item .cont__wrap--top.num1 {
  background-color: #005739;
}
.secServ__item .cont__wrap--top.num2 {
  background-color: #005739;
}
.secServ__item .cont__wrap--top.num3 {
  background-color: #73bba3;
}
.secServ__item .cont__wrap--btm {
  margin-top: 10px;
  margin-bottom: 15px;
  font: 500 16px/1.5 "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #1d1d1d;
}
@media screen and (max-width: 479px) {
  .secServ__item .cont__wrap--btm {
    font-size: 14px;
  }
}
.secServ__item:nth-of-type(2n+1) .secServ__item--anchor {
  margin-top: 20px;
}
.secServ__btn {
  padding-top: 40px;
  padding-bottom: 80px;
}
@media screen and (max-width: 479px) {
  .secServ__btn {
    padding-top: 60px;
    padding-bottom: 110px;
  }
}
.secServ__btn--anchor {
  display: inline-block;
  width: 260px;
  height: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 30px;
  border: 1px solid #fff;
  background: #005739;
  font: 500 18px/1.5 "M PLUS 1", sans-serif;
  color: #fff !important;
  letter-spacing: 0.05em;
  padding: calc(20px - (18px * 1.5 - 18px) / 2) 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 479px) {
  .secServ__btn--anchor {
    width: 240px;
    height: auto;
    min-height: 50px;
    max-width: 100%;
    font-size: 16px;
    padding: calc(16px - (16px * 1.5 - 16px) / 2) 10px;
  }
}
.secServ__btn--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secServ__btn--anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}

/*スライダーの矢印*/
#Slider .slide {
  width: 240px;
}

.slick-prev, .slick-next {
  width: auto;
  height: auto;
}

.slick-prev {
  left: -40px;
}

.slick-next {
  right: -40px;
}

.slick-prev:before {
  display: inline-block;
  content: url("../img/index/slider-arrow-left.png");
  width: 31px;
  height: 31px;
}

.slick-next:before {
  display: inline-block;
  content: url("../img/index/slider-arrow-right.png");
  width: 31px;
  height: 31px;
}

/*.prev-arrow{
  
  img{
    display: block;
    height: auto;
    max-width:100%;
  }
}*/
.secInsta {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .secInsta {
    padding-top: 100px;
  }
}
@media screen and (max-width: 479px) {
  .secInsta {
    padding-top: 120px;
  }
}
.secInsta__txtImage {
  height: auto;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 60px;
}
@media screen and (max-width: 1279px) {
  .secInsta__txtImage {
    width: 248px;
    top: -50px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 479px) {
  .secInsta__txtImage {
    top: -70px;
  }
}
@media screen and (max-width: 329px) {
  .secInsta__txtImage {
    width: 80%;
  }
}
.secInsta__inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 120px;
  max-width: 1440px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1279px) {
  .secInsta__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .secInsta__inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.secInsta__title {
  font: 500 36px/1.5 "M PLUS 1", sans-serif;
  color: #ff9a24;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .secInsta__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .secInsta__title {
    font-size: 24px;
  }
}
.secInsta__btn--anchor {
  display: inline-block;
  text-decoration: none;
  width: 207px;
  height: 28px;
  font: 500 15px/1.5 "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
  color: #1d1d1d !important;
  background-color: #ffd131;
  border-radius: 3px;
  padding-top: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.secInsta__btn--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secInsta__btn--anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
  }
}

iframe#iFrameResizer0 {
  max-width: 710px;
  max-height: 350px;
  margin-bottom: 10px;
}

.secFb {
  background-color: #eaf2ff;
  padding-top: 50px;
  padding-bottom: 90px;
}
.secFb__txtImage {
  height: auto;
  max-width: 100%;
  margin-bottom: 5px;
}
@media screen and (max-width: 479px) and (max-width: 479px) {
  .secFb__txtImage {
    width: 35px;
    height: auto;
  }
}

.secFb__inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 120px;
  max-width: 1440px;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .secFb__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .secFb__inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.secFb__title {
  font: 500 36px/1.5 "M PLUS 1", sans-serif;
  color: #0865fe;
  display: block;
  margin-bottom: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 767px) {
  .secFb__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 479px) {
  .secFb__title {
    font-size: 24px;
  }
}
.secFb__box iframe {
  max-width: 80%;
}

.secBnr {
  padding-top: 120px;
  padding-bottom: 160px;
}
@media screen and (max-width: 767px) {
  .secBnr {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
.secBnr__inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 120px;
  max-width: 1440px;
  text-align: center;
}
@media screen and (max-width: 1279px) {
  .secBnr__inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .secBnr__inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.secBnr__flex {
  display: flex;
  column-gap: 40px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .secBnr__flex {
    column-gap: 15px;
  }
}
@media screen and (max-width: 479px) {
  .secBnr__flex {
    display: block;
  }
}
.secBnr__flex--anchor {
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.secBnr__flex--anchor:hover {
  text-decoration: none;
}
@media (hover: hover) {
  .secBnr__flex--anchor:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
@media screen and (max-width: 479px) {
  .secBnr__flex--anchor:first-of-type {
    margin-bottom: 20px;
  }
}
.secBnr__image img {
  display: block;
  height: auto;
  max-width: 100%;
}